BioTorrents.de’s version of Gazelle
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

beluga.scss 41KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. body {
  6. width: 100%;
  7. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  8. font-size: 12px;
  9. color: #c6c9c9;
  10. background-color: #23252a;
  11. }
  12. .linkbox .brackets:after,
  13. .linkbox .brackets:before {
  14. display: none;
  15. }
  16. a {
  17. text-decoration: none;
  18. border: none;
  19. color: #f0f0f0;
  20. }
  21. a:hover,
  22. .torrent_table .group a:hover {
  23. color: #92d4a0;
  24. }
  25. b,
  26. strong {
  27. font-weight: 600;
  28. }
  29. ::selection,
  30. ::-moz-selection {
  31. background: #3eaca7;
  32. }
  33. h1,
  34. h2,
  35. h3,
  36. h4,
  37. h5,
  38. h6 {
  39. font-weight: 400;
  40. color: #f0f0f0;
  41. margin: 8px 0;
  42. }
  43. h1,
  44. h2 {
  45. font-size: 23px;
  46. }
  47. #torrents .header h2 {
  48. text-align: center;
  49. }
  50. h3,
  51. h4 {
  52. font-size: 18px;
  53. }
  54. h1 a,
  55. h2 a,
  56. h3 a,
  57. h4 a,
  58. h5 a,
  59. h6 a {
  60. color: #83e4a6;
  61. }
  62. #userform #settings_sections h2 {
  63. font-size: 12px;
  64. line-height: 1.6;
  65. }
  66. #userform #settings_sections h2 a,
  67. .rule_short {
  68. color: #f0f0f0;
  69. }
  70. li {
  71. margin: 5px 15px;
  72. }
  73. p {
  74. margin: 10px 5px;
  75. }
  76. input {
  77. border: 1px solid #5b5e64;
  78. background-color: #373a42;
  79. padding: 10px 9px;
  80. color: #fff;
  81. }
  82. /* Buttons */
  83. button:not(.editor-toolbar button),
  84. input[type="button"],
  85. input[type="submit"] {
  86. background: change-color(whitesmoke, $alpha: 0.75);
  87. color: black;
  88. border: 1px solid #bbb;
  89. &.button-primary {
  90. background: #50aca7;
  91. border: 1px solid #bbb;
  92. color: black;
  93. }
  94. &:hover {
  95. background: #317f8e;
  96. /* Primary hover default blue */
  97. border: 1px solid #bbb !important;
  98. color: black !important;
  99. }
  100. &:focus {
  101. background: #2f707c;
  102. }
  103. }
  104. /*
  105. button,
  106. input[type="button"],
  107. input[type="submit"] {
  108. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  109. background-color: #50aca7;
  110. color: #fff;
  111. }
  112. button:hover,
  113. input[type="button"]:hover,
  114. input[type="submit"]:hover {
  115. background-color: #317f8e;
  116. }
  117. button:focus,
  118. input[type="button"]:focus,
  119. input[type="submit"]:focus {
  120. background-color: #2f707c;
  121. }
  122. */
  123. .spoilerButton {
  124. max-width: 604px;
  125. }
  126. ::-webkit-input-placeholder {
  127. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  128. }
  129. :-moz-placeholder {
  130. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  131. }
  132. ::-moz-placeholder {
  133. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  134. }
  135. :-ms-input-placeholder {
  136. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  137. }
  138. select {
  139. background-color: #373a42;
  140. border: 1px solid #5b5e64;
  141. color: #fff;
  142. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  143. outline: 0;
  144. }
  145. textarea {
  146. background-color: #373a42;
  147. border: 1px solid #5b5e64;
  148. color: #fff;
  149. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  150. font-size: 1.1em;
  151. padding: 2px 3px;
  152. margin: 4px 0px;
  153. }
  154. span.size1 {
  155. font-size: 0.75em;
  156. }
  157. span.size2 {
  158. font-size: 1em;
  159. }
  160. span.size3 {
  161. font-size: 1.25em;
  162. }
  163. span.size4 {
  164. font-size: 1.5em;
  165. }
  166. span.size5 {
  167. font-size: 1.75em;
  168. }
  169. span.size6 {
  170. font-size: 2em;
  171. }
  172. span.size7 {
  173. font-size: 2.25em;
  174. }
  175. span.size8 {
  176. font-size: 2.5em;
  177. }
  178. span.size9 {
  179. font-size: 2.75em;
  180. }
  181. span.size10 {
  182. font-size: 3em;
  183. }
  184. ul.thin {
  185. margin: 0 0 0 25px;
  186. padding: 0;
  187. }
  188. ul.thin li {
  189. margin: 0;
  190. padding: 0;
  191. }
  192. #wrapper {
  193. padding: 0;
  194. }
  195. #header {
  196. width: 900px;
  197. position: relative;
  198. }
  199. #content {
  200. width: 900px;
  201. overflow: hidden;
  202. }
  203. #footer {
  204. margin-top: 2px;
  205. padding: 10px;
  206. text-align: center;
  207. }
  208. .center {
  209. text-align: center;
  210. }
  211. .vertical_space {
  212. margin-bottom: 2px !important;
  213. }
  214. .box {
  215. background-color: #2c2f36 !important;
  216. margin-bottom: 8px;
  217. }
  218. .box_addartists .body,
  219. .box_addtag .body {
  220. padding: 10px;
  221. }
  222. .pad h3,
  223. .pad h4,
  224. .padbox h3,
  225. .padbox h4 {
  226. margin-top: 0;
  227. padding-top: 0;
  228. }
  229. /*
  230. .sidebar {
  231. float: right;
  232. width: 244px;
  233. height: 100%;
  234. }
  235. */
  236. .sidebar .box .pad form {
  237. padding-bottom: 20px;
  238. }
  239. .body {
  240. background-color: #2c2f36;
  241. padding: 5px 10px 10px 10px;
  242. }
  243. /*
  244. .main_column {
  245. width: 646px;
  246. float: left;
  247. }
  248. */
  249. #logo {
  250. width: 900px;
  251. height: 60px;
  252. background-position: 0 12px;
  253. background-repeat: no-repeat;
  254. }
  255. #logo a {
  256. border: none;
  257. width: 230px;
  258. height: 60px;
  259. display: block;
  260. }
  261. #logo a::before {
  262. content: "torrents.bio";
  263. font-size: 40px;
  264. line-height: 56px;
  265. font-weight: 100;
  266. font-family: sans-serif;
  267. }
  268. .nav_dropdown > div {
  269. position: absolute;
  270. width: 135.56px;
  271. text-align: center;
  272. background: #509599;
  273. margin-top: 50px;
  274. z-index: 99999;
  275. left: 0;
  276. }
  277. #menu > ul > .nav_dropdown:hover {
  278. background-color: #509599;
  279. }
  280. #menu > ul > .nav_dropdown > div > a:hover {
  281. color: #e9e9e9;
  282. }
  283. #nav_links {
  284. max-width: 40px;
  285. }
  286. .nav_dropdown > div > a {
  287. display: none;
  288. color: white;
  289. height: 50px;
  290. line-height: 50px;
  291. }
  292. #nav_links > #links_menu {
  293. margin-left: -95.56px;
  294. }
  295. .nav_dropdown:hover > div > a {
  296. display: block;
  297. }
  298. #menu > ul > li > a:hover,
  299. .nav_dropdown:hover > div > a:hover {
  300. background-color: rgba(255, 255, 255, 0.2);
  301. }
  302. #userinfo {
  303. position: absolute;
  304. top: 10px;
  305. right: 0;
  306. z-index: 50;
  307. text-align: right;
  308. }
  309. #userinfo > ul {
  310. height: 17px;
  311. }
  312. #userinfo ul li {
  313. display: inline-block;
  314. line-height: 20px;
  315. vertical-align: middle;
  316. margin: 0 0.1em;
  317. padding: 2px;
  318. }
  319. #userinfo_major > li,
  320. #userinfo_stats > li,
  321. .linkbox .brackets {
  322. margin-left: 8px;
  323. }
  324. #userinfo_minor > li,
  325. #userinfo_minor > li > span {
  326. float: right;
  327. }
  328. #userinfo_minor > li > ul {
  329. display: none;
  330. background: #23252a;
  331. padding: 6px 10px;
  332. margin-top: 26px;
  333. }
  334. #userinfo_minor > li > ul > li {
  335. display: block;
  336. }
  337. #userinfo_stats {
  338. color: #abd6ad;
  339. width: auto;
  340. z-index: 1001;
  341. }
  342. #userinfo_stats a:hover {
  343. text-decoration: underline;
  344. }
  345. #searchbutton,
  346. .hide {
  347. display: none;
  348. }
  349. #userinfo_stats .stat,
  350. #userinfo_stats a,
  351. .colhead_dark a {
  352. color: #fff;
  353. }
  354. #menu {
  355. height: 50px;
  356. border-radius: 5px 5px 0 0;
  357. }
  358. #menu > ul {
  359. display: flex;
  360. }
  361. #menu > ul > li {
  362. position: relative;
  363. list-style: none;
  364. display: flex;
  365. flex: 1 1 90px;
  366. margin: 0;
  367. }
  368. #menu > ul > li > a {
  369. display: inline-block;
  370. box-sizing: border-box;
  371. width: 100%;
  372. height: 50px;
  373. line-height: 50px;
  374. text-align: center;
  375. vertical-align: middle;
  376. color: #fff;
  377. text-decoration: none;
  378. overflow: hidden;
  379. white-space: nowrap;
  380. }
  381. #menu > ul > li:nth-of-type(1),
  382. #menu > ul > li:nth-of-type(1) > a {
  383. border-radius: 5px 0 0 0;
  384. }
  385. #menu > ul > li:nth-of-type(10),
  386. #menu > ul > li:nth-of-type(10) > a {
  387. border-radius: 0 5px 0 0;
  388. }
  389. #menu > ul > li:nth-of-type(1) {
  390. background-color: #80af8a;
  391. }
  392. #menu > ul > li:nth-of-type(2) {
  393. background-color: #78aa86;
  394. }
  395. #menu > ul > li:nth-of-type(3) {
  396. background-color: #6fa585;
  397. }
  398. #menu > ul > li:nth-of-type(4) {
  399. background-color: #659f82;
  400. }
  401. #menu > ul > li:nth-of-type(5) {
  402. background-color: #58977f;
  403. }
  404. #menu > ul > li:nth-of-type(6) {
  405. background-color: #4b907f;
  406. }
  407. #menu > ul > li:nth-of-type(7) {
  408. background-color: #3d8a81;
  409. }
  410. #menu > ul > li:nth-of-type(8) {
  411. background-color: #2e8180;
  412. }
  413. #menu > ul > li:nth-of-type(9) {
  414. background-color: #247a80;
  415. }
  416. #menu > ul > li:nth-of-type(10) {
  417. background-color: #1e7682;
  418. border-radius: 0 5px 0 0;
  419. }
  420. .alertbar {
  421. background-color: #4b907f;
  422. text-align: center;
  423. color: #fff;
  424. width: 900px;
  425. height: 18px;
  426. margin: 2px 0;
  427. padding: 9px 0;
  428. vertical-align: middle;
  429. }
  430. .alertbar.error {
  431. background-color: #c73f3f;
  432. }
  433. .alertbar.warning {
  434. background-color: #c58b09;
  435. }
  436. .alertbar a {
  437. display: inline-block;
  438. position: relative;
  439. left: 0;
  440. height: 18px;
  441. color: #fff;
  442. text-decoration: underline;
  443. }
  444. .alertbar.modbar > a {
  445. margin: 0 5px;
  446. }
  447. .torrent_table .group a,
  448. .ui-state-hover,
  449. a.ui-state-hover,
  450. li.ui-state-hover {
  451. color: #fff;
  452. }
  453. .alertbar a:hover,
  454. .tags a:hover {
  455. color: #fff;
  456. text-decoration: none;
  457. }
  458. .alertbar a[href="news.php"] {
  459. background: linear-gradient(#045362, #0d5968);
  460. }
  461. .alertbar #del_announce {
  462. left: 432px;
  463. top: -45px;
  464. }
  465. #alerts.countdown_wrapper .alertbar {
  466. color: #fff;
  467. }
  468. .alertbar[style="border:1px solid #360;background-color:#120;margin-bottom:3px;"] {
  469. color: #fff;
  470. border: none;
  471. margin-bottom: 2px;
  472. height: 36px;
  473. }
  474. #searchbars {
  475. box-sizing: border-box;
  476. width: 900px;
  477. height: 50px;
  478. padding: 8px 0;
  479. background: #3b3f47;
  480. margin-bottom: 2px;
  481. display: flex;
  482. }
  483. #searchbars > .search_form {
  484. flex: 1 1 auto;
  485. text-align: center;
  486. }
  487. #searchbars input {
  488. box-sizing: border-box;
  489. max-width: 10em;
  490. height: 34px;
  491. border: none;
  492. border-radius: 2.5px;
  493. background-color: #2b2d33;
  494. padding: 7px 11px 7px 8px;
  495. color: #c6c9c9;
  496. font-size: 12px;
  497. }
  498. #searchbars ul {
  499. margin: 0;
  500. padding: 0;
  501. list-style: none;
  502. display: block;
  503. }
  504. #searchbars ul li {
  505. display: inline;
  506. float: left;
  507. margin: 0 7px 0 0;
  508. position: relative;
  509. list-style: none;
  510. }
  511. #searchbars ul li:first-child {
  512. margin-left: 48px;
  513. }
  514. #searchbars ul li form {
  515. display: inline;
  516. margin: 0;
  517. }
  518. #settings_sections {
  519. padding-bottom: 10px;
  520. padding: 0px;
  521. }
  522. .newmem {
  523. background-color: #222;
  524. text-align: center;
  525. font-size: 0.95em;
  526. margin: 0 auto;
  527. padding: 5px;
  528. }
  529. #cat-selector ul li {
  530. display: inline;
  531. width: 12em;
  532. height: 1em;
  533. float: left;
  534. }
  535. div.contenth textarea {
  536. background-color: #373a42;
  537. border: 1px solid #5b5e64;
  538. color: #fff;
  539. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  540. font-size: 1.1em;
  541. padding: 2px 3px;
  542. }
  543. div.linkbox {
  544. text-align: center;
  545. padding: 5px;
  546. }
  547. .linkbox > strong {
  548. color: #83e4a6;
  549. }
  550. #banner {
  551. width: 900px;
  552. }
  553. #torrents #content .thin h2 a img {
  554. width: 900px;
  555. margin-top: -5px;
  556. }
  557. #torrents .sidebar table.box {
  558. font-size: 1em;
  559. margin-top: 2px;
  560. width: 252px;
  561. padding: 0;
  562. }
  563. #torrents .main_column .box.pad {
  564. background-color: #23252a;
  565. padding-top: 10px;
  566. }
  567. input[value="Make Default"] {
  568. margin-left: -0.6em;
  569. }
  570. .ui-menu .ui-menu-item a {
  571. padding: 5px 9px;
  572. background: #085565;
  573. }
  574. .ui-state-focus,
  575. .ui-state-hover,
  576. .ui-widget-content .ui-state-focus,
  577. .ui-widget-content .ui-state-hover,
  578. .ui-widget-header .ui-state-focus,
  579. .ui-widget-header .ui-state-hover {
  580. background: #085565;
  581. border: none;
  582. }
  583. #ui-active-menuitem {
  584. background: #0b4a57;
  585. margin: 0;
  586. }
  587. .ui-widget {
  588. font-family: "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
  589. }
  590. .ui-widget-overlay {
  591. background: #23252a;
  592. opacity: 0.5;
  593. }
  594. .ui-widget-content {
  595. border: none !important;
  596. background: #055363 !important;
  597. color: #fff !important;
  598. padding: 0 !important;
  599. }
  600. .ui-widget-header {
  601. background: none !important;
  602. border: none !important;
  603. }
  604. .ui-state-default {
  605. background: #17191c !important;
  606. border: none !important;
  607. width: 48px !important;
  608. height: 36px !important;
  609. margin: 1px !important;
  610. }
  611. .ui-state-default a {
  612. margin-left: 3px !important;
  613. margin-top: 4px !important;
  614. }
  615. .ui-state-active,
  616. .ui-tabs-selected,
  617. .ui-widget-content .ui-state-active,
  618. .ui-widget-header .ui-state-active {
  619. background: #2c2f36 !important;
  620. color: #fff;
  621. margin: 1px !important;
  622. }
  623. .ui-state-hover,
  624. .ui-widget-content .ui-state-hover,
  625. .ui-widget-header .ui-state-hover {
  626. background: #222429 !important;
  627. color: #fff;
  628. }
  629. .ui-tabs {
  630. width: 636px !important;
  631. font-size: 1.1em !important;
  632. background-color: #2c2f36 !important;
  633. }
  634. .ui-tabs .ui-tabs-panel {
  635. background-color: #2c2f36 !important;
  636. }
  637. .ui-tabs-nav {
  638. width: 48px !important;
  639. margin-top: -8px !important;
  640. margin-bottom: -10px !important;
  641. margin-left: -1px !important;
  642. }
  643. .ui-tabs-panel {
  644. width: 564px !important;
  645. }
  646. .ui-corner-all {
  647. -moz-border-radius: 0 !important;
  648. -webkit-border-radius: 0 !important;
  649. border-radius: 0 !important;
  650. }
  651. .ui-corner-left {
  652. border-top-left-radius: 0 !important;
  653. border-bottom-left-radius: 0 !important;
  654. }
  655. .ui-autocomplete-loading {
  656. background-color: #2c2f36 !important;
  657. background-image: none !important;
  658. }
  659. .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  660. background-color: #2c2f36 !important;
  661. }
  662. #recommend td[width="1%"] {
  663. color: transparent;
  664. }
  665. .welcome {
  666. font-size: 1em;
  667. background-color: #282828;
  668. border: 1px solid #303030;
  669. }
  670. .b1h,
  671. .b2bh,
  672. .b2h,
  673. .b3bh,
  674. .b3h,
  675. .b4bh,
  676. .b4h,
  677. .contenth {
  678. background: none !important;
  679. }
  680. .b1bh,
  681. .b1h,
  682. .b2bh,
  683. .b2h,
  684. .b3bh,
  685. .b3h,
  686. .b4bh,
  687. .b4h {
  688. background: #fefefe;
  689. border-left: 0 solid #aaa !important;
  690. border-right: 0 solid #aaa !important;
  691. height: 2px;
  692. margin: 0 1px;
  693. }
  694. .contenth {
  695. border-left: 0 hidden !important;
  696. border-right: 0 hidden !important;
  697. color: #fff !important;
  698. }
  699. .body,
  700. .head,
  701. .pad {
  702. padding: 12px;
  703. }
  704. .head {
  705. background: #52555c;
  706. box-sizing: border-box;
  707. }
  708. #reseed_box {
  709. padding-bottom: 0;
  710. }
  711. #reseed_box .sign {
  712. text-align: left;
  713. }
  714. #reseed_box #swapreseed {
  715. color: #85878f;
  716. position: relative;
  717. left: 468px;
  718. }
  719. #reseed_box #swapreseed:hover {
  720. color: #92d4a0;
  721. }
  722. #reseed_box .head {
  723. margin-bottom: 2px !important;
  724. }
  725. .tags {
  726. font-style: italic;
  727. padding: 0 0 0 20px;
  728. }
  729. .tags a {
  730. color: #7e7e7e;
  731. }
  732. ul.nobullet {
  733. padding-bottom: 2px;
  734. }
  735. ul.nobullet,
  736. ul.nobullet li {
  737. list-style-type: none;
  738. }
  739. table {
  740. width: 100%;
  741. border-collapse: collapse;
  742. }
  743. td {
  744. padding: 5px;
  745. }
  746. #torrents .torrent_table td:first-child,
  747. td:first-child {
  748. padding-left: 12px;
  749. }
  750. #torrents .torrent_table td:last-child,
  751. td:last-child {
  752. padding-right: 12px;
  753. }
  754. td.tdleft {
  755. text-align: left;
  756. padding: 5px;
  757. }
  758. td.tdcenter {
  759. text-align: center;
  760. padding: 5px;
  761. }
  762. td.tdright {
  763. text-align: right;
  764. padding: 5px;
  765. }
  766. .forum_group_header {
  767. background-color: #373a42 !important;
  768. color: #fff;
  769. font-weight: 300;
  770. margin-top: 2px;
  771. }
  772. .colhead {
  773. background: #565961;
  774. font-weight: 300;
  775. color: #fff;
  776. }
  777. .colhead td,
  778. .colhead_dark td,
  779. td.colhead {
  780. padding-top: 12px;
  781. padding-bottom: 12px;
  782. }
  783. .colhead_dark {
  784. background: linear-gradient(#52555c, #585b62);
  785. color: #fff;
  786. vertical-align: middle;
  787. }
  788. tbody .colhead_dark {
  789. background: linear-gradient(#52555c, #585b62);
  790. color: #fff !important;
  791. vertical-align: middle;
  792. }
  793. ul.navigation {
  794. background-color: #565961 !important;
  795. color: #fff;
  796. text-align: center;
  797. list-style: none;
  798. font-weight: 300 !important;
  799. padding: 10px !important;
  800. }
  801. ul.navigation li {
  802. display: inline;
  803. padding: 0 !important;
  804. margin-right: -2px !important;
  805. }
  806. ul.navigation a {
  807. color: #fff;
  808. text-decoration: none;
  809. padding: 10px 20px !important;
  810. }
  811. ul.navigation a:hover {
  812. color: #fff !important;
  813. background-color: #2f7e8c !important;
  814. }
  815. ul.navigation a:focus {
  816. color: #fff !important;
  817. background-color: #2b6d79 !important;
  818. outline: 0;
  819. }
  820. ul.navigation a.selected {
  821. color: #fff !important;
  822. background-color: #085565 !important;
  823. }
  824. .scroll .panel {
  825. background-color: #2c2f36 !important;
  826. }
  827. .scroll .panel tr {
  828. border: none;
  829. }
  830. .box.tvshows .snatches + .pad {
  831. padding: 0;
  832. }
  833. .leftbar {
  834. width: 86px !important;
  835. padding: 0 10px 10px !important;
  836. }
  837. .leftbar img {
  838. width: 106px;
  839. margin-left: -10px;
  840. }
  841. .midbar {
  842. margin-left: 108px !important;
  843. }
  844. .midbar .box {
  845. padding: 10px !important;
  846. }
  847. .midbar .head {
  848. width: 772px;
  849. }
  850. .midbar .box.info > div {
  851. margin-bottom: 10px;
  852. }
  853. .midbar .box.usermenu {
  854. padding: 0 !important;
  855. margin-bottom: 2px !important;
  856. }
  857. .password_strength_bg {
  858. background-color: #2c2f36 !important;
  859. width: 289px !important;
  860. }
  861. .password_strength_container {
  862. width: 289px !important;
  863. padding: 5px !important;
  864. }
  865. .password_strength {
  866. width: 289px !important;
  867. }
  868. td.label {
  869. font-weight: 300;
  870. text-align: right;
  871. width: 180px;
  872. }
  873. .filter_torrents td.label {
  874. width: 260px;
  875. }
  876. table.slice {
  877. margin-top: -1px;
  878. }
  879. .error_message {
  880. border: 1px solid #666;
  881. background-color: #af2525;
  882. text-align: center;
  883. color: #fff;
  884. padding: 3px 0;
  885. }
  886. .save_message {
  887. margin-top: 2px;
  888. background-color: #93d4a2 !important;
  889. text-align: center;
  890. color: #fff;
  891. padding: 10px;
  892. }
  893. .elem_error {
  894. border: 3px solid #b00d0d;
  895. }
  896. ul.stats li {
  897. padding: 0 0 1px;
  898. }
  899. ul.stats tr {
  900. border: none;
  901. }
  902. ul.poll li {
  903. margin: 0;
  904. padding: 0 0 0 10px;
  905. }
  906. ul.poll li.graph {
  907. margin-bottom: 3px;
  908. padding-left: 20px;
  909. }
  910. span.center_poll {
  911. background: #565960;
  912. border-radius: 3px;
  913. display: inline-block;
  914. height: 8px;
  915. min-width: 8px;
  916. }
  917. .show_torrents_link {
  918. border: none;
  919. width: 28px;
  920. height: 28px;
  921. display: block;
  922. }
  923. #series .box .body img {
  924. margin: -10px;
  925. margin-top: -6px !important;
  926. width: 646px;
  927. height: 100%;
  928. }
  929. #series .sidebar .box .nobullet {
  930. text-align: center;
  931. }
  932. #series .sidebar .box .stats {
  933. text-align: initial !important;
  934. }
  935. .torrent_table tr {
  936. vertical-align: top;
  937. }
  938. .torrent_table tbody .pad > td,
  939. .torrent_table tbody > .pad {
  940. padding: 0;
  941. }
  942. .colhead .sign,
  943. .colhead_dark .sign {
  944. vertical-align: middle;
  945. text-align: right;
  946. font-size: 1.2em;
  947. font-weight: 300;
  948. }
  949. .torrent_table tr.group_torrent.first {
  950. border-top: 3px solid #565960;
  951. }
  952. .torrent_table tr.group_torrent a:hover span {
  953. color: #92d4a0 !important;
  954. }
  955. #series .main_column .box,
  956. #series .main_column table.border {
  957. margin-top: 2px;
  958. }
  959. .season {
  960. color: #ff2419;
  961. }
  962. .episode {
  963. color: #00aeef;
  964. }
  965. .torrent_table .colhead_dark {
  966. background-color: #55585f;
  967. height: 36px !important;
  968. vertical-align: middle !important;
  969. }
  970. .torrent_table .group {
  971. background-color: #2c2f36;
  972. }
  973. .torrent_table div.tags {
  974. font-weight: 400;
  975. }
  976. .torrent_table tr .center {
  977. vertical-align: middle;
  978. text-align: center;
  979. }
  980. .torrent_table tr.group_torrent td a span {
  981. float: left;
  982. white-space: pre;
  983. }
  984. .torrent_table tr.group_torrent td {
  985. padding: 8px;
  986. }
  987. .torrent_table tr.group_torrent .group.discog {
  988. padding: 8px 10px;
  989. }
  990. .torrent_table tr.group_torrent .group.discog .episode,
  991. .torrent_table tr.group_torrent .group.discog b {
  992. color: #37a9a4 !important;
  993. }
  994. .torrent_table tr.group_torrent .group.discog .episode:hover {
  995. color: #fff !important;
  996. }
  997. .torrent_table tr.group_torrent .group.discog .season {
  998. color: #92d4a0 !important;
  999. }
  1000. .torrent_table tr.group_torrent .group.discog .season:hover {
  1001. color: #fff !important;
  1002. }
  1003. .torrent span,
  1004. .group span {
  1005. font-weight: 400;
  1006. float: right;
  1007. }
  1008. .torrent span img {
  1009. vertical-align: text-top;
  1010. }
  1011. .nobr {
  1012. white-space: nowrap;
  1013. }
  1014. #collages .sign,
  1015. #torrents .sign {
  1016. padding: 5px;
  1017. }
  1018. .filter_torrents {
  1019. width: 900px;
  1020. }
  1021. .filter_torrents > .box {
  1022. margin-top: 2px;
  1023. }
  1024. .filter_torrents > .box.pad.center {
  1025. margin-top: -48px;
  1026. margin-bottom: 10px;
  1027. }
  1028. .filter_torrents .box.pad .cat_list {
  1029. position: relative;
  1030. left: -12px;
  1031. width: 900px;
  1032. }
  1033. .filter_torrents .box.pad .cat_list tbody tr td input[type="checkbox"][name="filter_cat[1]"],
  1034. .filter_torrents .box.pad .cat_list tbody tr td label[for="cat_1"] {
  1035. position: relative;
  1036. left: 376px;
  1037. }
  1038. .filter_torrents .box.pad .cat_list#taglist td {
  1039. background-color: #373a42 !important;
  1040. }
  1041. .filter_torrents .box.pad .cat_list#taglist tr {
  1042. border-bottom: none;
  1043. }
  1044. .filter_torrents .box.pad .cat_list td[width="12.5%"] {
  1045. padding-left: 17px;
  1046. }
  1047. .filter_torrents .box.pad .cat_list td.label {
  1048. padding-right: 17px;
  1049. }
  1050. .filter_torrents .box.pad .cat_list[width="100%"] td {
  1051. background-color: #373a42 !important;
  1052. }
  1053. .filter_torrents .country_list {
  1054. position: relative;
  1055. left: -12px;
  1056. width: 900px;
  1057. }
  1058. .filter_torrents .country_list td {
  1059. padding-left: 12px;
  1060. background-color: #373a42 !important;
  1061. }
  1062. .filter_torrents .country_list tr {
  1063. border-bottom: none;
  1064. }
  1065. #bonus table[style="width:100%"] td,
  1066. #bonus table[style="width:100%"] tr {
  1067. padding: 10px !important;
  1068. border-color: #23252a;
  1069. border-style: solid;
  1070. border-width: 2px;
  1071. }
  1072. .forum_post.forum_unread {
  1073. border-top: 2px solid #c7fada;
  1074. }
  1075. .forum_post.staff_post.forum_unread {
  1076. border-top: 2px solid #fac7df;
  1077. }
  1078. .forum_post.staff_post .colhead_dark {
  1079. background: #634852;
  1080. }
  1081. .forum_post.sticky_post {
  1082. border: 3px solid #634852;
  1083. }
  1084. table.forum_post input[type="button"] {
  1085. margin-right: 2px;
  1086. }
  1087. table.forum_post span[style="float:left;"] img,
  1088. table.forum_post td[colspan="2"] {
  1089. vertical-align: middle;
  1090. }
  1091. td.avatar {
  1092. width: 150px;
  1093. padding: 0;
  1094. }
  1095. table.forum_post td.body {
  1096. width: 646px;
  1097. }
  1098. /* Because Firefox apparently doesn't understand "100%" in tables */
  1099. #forums table.forum_post td.body > div {
  1100. max-width: 730px;
  1101. }
  1102. .last_edited {
  1103. opacity: 0.6;
  1104. }
  1105. tbody {
  1106. max-width: 646px;
  1107. }
  1108. blockquote {
  1109. border: 1px dashed #666;
  1110. margin: 10px;
  1111. padding: 10px;
  1112. }
  1113. .signature {
  1114. border-top: 1px dotted #666;
  1115. margin: 2em 0 0;
  1116. padding: 0.5em 0 0;
  1117. }
  1118. div.user_details {
  1119. padding: 5px;
  1120. }
  1121. tr.unreadpm {
  1122. background-color: #651809 !important;
  1123. }
  1124. .permission_head {
  1125. width: 400px;
  1126. margin-left: auto;
  1127. margin-right: auto;
  1128. }
  1129. .permissions {
  1130. width: 930px;
  1131. margin-left: auto;
  1132. margin-right: auto;
  1133. }
  1134. .permission_container {
  1135. float: left;
  1136. width: 300px;
  1137. padding: 5px;
  1138. }
  1139. .permission_container input {
  1140. vertical-align: top;
  1141. margin: 0 3px 5px 0;
  1142. }
  1143. ul .invitetree {
  1144. margin: 0 0 0 25px;
  1145. }
  1146. .invitetree li {
  1147. list-style: none;
  1148. margin: 10px 2px;
  1149. }
  1150. #left_poll {
  1151. width: 2px;
  1152. height: 9px;
  1153. background: #3caba6 !important;
  1154. float: left;
  1155. margin: 0;
  1156. padding: 0;
  1157. }
  1158. #center_poll {
  1159. height: 9px;
  1160. background-color: #3caba6 !important;
  1161. float: left;
  1162. margin: 0;
  1163. padding: 0;
  1164. }
  1165. #right_poll {
  1166. width: 2px;
  1167. height: 9px;
  1168. background: #3caba6 !important;
  1169. float: left;
  1170. margin: 0;
  1171. padding: 0;
  1172. }
  1173. .curtain {
  1174. position: fixed;
  1175. top: 0;
  1176. left: 0;
  1177. width: 100%;
  1178. height: 100%;
  1179. background-color: #000;
  1180. z-index: 1001;
  1181. }
  1182. .lightbox {
  1183. position: fixed;
  1184. text-align: center;
  1185. top: 5%;
  1186. left: 5%;
  1187. width: 90%;
  1188. height: 90%;
  1189. z-index: 1002;
  1190. overflow: auto;
  1191. padding: 0;
  1192. }
  1193. pre {
  1194. color: #fff;
  1195. background: black;
  1196. border: 1px dashed #55585f !important;
  1197. margin: 10px;
  1198. padding: 10px;
  1199. }
  1200. code {
  1201. background: black;
  1202. border: none;
  1203. }
  1204. #donation {
  1205. position: absolute;
  1206. display: inline;
  1207. width: 0;
  1208. top: 7px;
  1209. right: 38px;
  1210. padding: 0.6em 0;
  1211. text-align: center;
  1212. font-size: 1em;
  1213. color: #fff;
  1214. z-index: 1001;
  1215. }
  1216. #DonBk,
  1217. #DonBr {
  1218. display: none;
  1219. }
  1220. #DonInfo a {
  1221. display: block;
  1222. height: 32px;
  1223. width: 36px;
  1224. color: #fff !important;
  1225. line-height: 90px;
  1226. margin-top: -153px;
  1227. }
  1228. #blog .thin > br,
  1229. #news .thin > br {
  1230. display: none;
  1231. }
  1232. #blog .box,
  1233. #news .box {
  1234. margin-bottom: 2px;
  1235. }
  1236. #blog .head,
  1237. #news .head {
  1238. width: 900px;
  1239. }
  1240. #forums .box {
  1241. width: 900px;
  1242. margin-top: 2px;
  1243. }
  1244. #forums .head {
  1245. width: 900px;
  1246. }
  1247. #forums #content > br {
  1248. display: none;
  1249. }
  1250. #forums #content .thin > p {
  1251. margin-top: -12px;
  1252. }
  1253. #forums .box.pad {
  1254. padding: 1em 0;
  1255. background-color: #23252a;
  1256. }
  1257. #forums #content .thin > table.forum_post {
  1258. border-collapse: collapse !important;
  1259. }
  1260. #actorshowcase .thin {
  1261. text-align: center;
  1262. }
  1263. #actorshowcase .thin > table {
  1264. display: inline-block;
  1265. width: 25%;
  1266. height: 387px;
  1267. }
  1268. #actorshowcase .thin > table > tbody {
  1269. height: 387px;
  1270. }
  1271. .textarea_wrap {
  1272. padding-top: 15px;
  1273. }
  1274. #quickpost {
  1275. color: #eee !important;
  1276. font-size: 1.1em !important;
  1277. }
  1278. #quickpostform {
  1279. background-color: transparent;
  1280. }
  1281. #quickreplybuttons input[value="Editor"] {
  1282. margin-right: 2px;
  1283. }
  1284. div.contenth #quickpost {
  1285. right: -2px;
  1286. }
  1287. .bbcode_bar {
  1288. background: #373a42;
  1289. border: 1px solid #5b5e64;
  1290. border-bottom: none;
  1291. }
  1292. .bbcode_bar > li > a {
  1293. min-width: 15px;
  1294. }
  1295. .bbcode_bar .emoji_box {
  1296. border: 1px solid #5b5e63;
  1297. background-color: #373a42 !important;
  1298. }
  1299. #friends table[width="100%"] td {
  1300. text-align: center;
  1301. }
  1302. .tickets_search {
  1303. width: 800px;
  1304. margin-left: auto;
  1305. margin-right: auto;
  1306. font-size: 0.8em;
  1307. }
  1308. .tickets_categories {
  1309. float: left;
  1310. text-align: left;
  1311. padding: 0.5em;
  1312. }
  1313. .tickets_status {
  1314. float: right;
  1315. text-align: left;
  1316. padding: 0.5em;
  1317. }
  1318. .small_label {
  1319. width: 0;
  1320. text-align: right;
  1321. font-weight: 300;
  1322. }
  1323. .filter_tickets {
  1324. width: 850px;
  1325. margin-left: auto;
  1326. margin-right: auto;
  1327. margin-bottom: 15px;
  1328. }
  1329. .rank {
  1330. text-align: center;
  1331. font: small-caps 2.4em Georgia, "Times New Roman", Times, serif;
  1332. width: 86px;
  1333. margin-top: 10px;
  1334. margin-left: auto;
  1335. margin-right: auto;
  1336. position: relative;
  1337. }
  1338. .rank img {
  1339. clear: both;
  1340. }
  1341. .rankimghide {
  1342. display: none;
  1343. margin: 0;
  1344. padding: 0;
  1345. }
  1346. .center h3 {
  1347. padding-top: 4px;
  1348. font-size: 1em;
  1349. }
  1350. .review_row,
  1351. .review_row.box {
  1352. margin-top: 2px;
  1353. }
  1354. .inline_rank {
  1355. position: relative;
  1356. top: 80px;
  1357. left: 14px;
  1358. font: small-caps 1.4em Georgia, "Times New Roman", Times, serif;
  1359. }
  1360. .inline_rank img {
  1361. width: 2%;
  1362. }
  1363. .review_title {
  1364. font: small-caps 2.1em Georgia, "Times New Roman", Times, serif;
  1365. margin-left: 17px;
  1366. }
  1367. .review_body {
  1368. float: right;
  1369. width: 765px;
  1370. overflow: auto;
  1371. margin: 6px 0 0;
  1372. padding: 1px;
  1373. }
  1374. .review_details {
  1375. font-style: italic;
  1376. float: right;
  1377. padding-right: 12px;
  1378. padding-bottom: 10px;
  1379. padding-top: 5px;
  1380. }
  1381. .review_search {
  1382. width: 900px;
  1383. text-align: center;
  1384. margin: auto;
  1385. }
  1386. .review_search input {
  1387. width: 400px;
  1388. text-align: center;
  1389. }
  1390. .left_tabs {
  1391. float: left;
  1392. width: 100px;
  1393. }
  1394. a.tab {
  1395. display: block;
  1396. background-color: rgba(69, 69, 69, 0.35);
  1397. text-align: center;
  1398. color: #fff;
  1399. font-weight: 300;
  1400. text-transform: lowercase;
  1401. padding: 4px;
  1402. }
  1403. #content .home .main_column {
  1404. float: right;
  1405. }
  1406. #content .home .main_column .of_the_month {
  1407. margin-left: -2px;
  1408. }
  1409. #content .home .main_column .of_the_month .head {
  1410. width: 302px;
  1411. }
  1412. #content .home .main_column .of_the_month .box {
  1413. width: 302px;
  1414. margin-left: 2px;
  1415. padding-bottom: 0 !important;
  1416. }
  1417. #content .home .main_column .of_the_month .box img {
  1418. width: 322px;
  1419. height: 474px;
  1420. margin-left: -10px;
  1421. margin-top: -10px;
  1422. }
  1423. #content .home .main_column .of_the_month .box li {
  1424. padding-bottom: 10px;
  1425. }
  1426. .home table,
  1427. .home td {
  1428. border: 0;
  1429. }
  1430. .home .sidebar {
  1431. float: left;
  1432. }
  1433. #torrents .torrent_table .sign {
  1434. text-align: center;
  1435. }
  1436. .sidebar .box .nobullet img {
  1437. width: initial;
  1438. margin: initial;
  1439. }
  1440. #content .home .box {
  1441. margin-bottom: 2px;
  1442. }
  1443. #content .home .sidebar #last_uploads img {
  1444. width: 252px;
  1445. margin-left: -10px;
  1446. margin-top: -7px;
  1447. margin-bottom: 4px;
  1448. }
  1449. #content .home .sidebar #last_uploads li b {
  1450. display: none;
  1451. }
  1452. #content .home #last_uploads {
  1453. margin-top: -3px;
  1454. }
  1455. #content .home th {
  1456. text-align: left;
  1457. padding: 5px;
  1458. }
  1459. #content .home tr.colhead {
  1460. border: 0;
  1461. border-bottom: 1px solid #000;
  1462. }
  1463. #content .home th:first-child {
  1464. border-right: 1px solid #000;
  1465. }
  1466. #content .home th:last-child {
  1467. border-left: 1px solid #000;
  1468. }
  1469. a.tab:hover {
  1470. text-decoration: none;
  1471. background-color: rgba(69, 69, 69, 0.55);
  1472. }
  1473. a.tab#selected {
  1474. background-color: rgba(145, 168, 175, 0.3);
  1475. }
  1476. div.thin2 {
  1477. float: left;
  1478. width: 900px;
  1479. margin: auto;
  1480. }
  1481. p#preloader {
  1482. margin: 0;
  1483. padding: 1em 1em 1em 3em;
  1484. }
  1485. .profileLink a {
  1486. display: block;
  1487. color: #fff;
  1488. border-top: 1px solid #ccc;
  1489. padding: 0.3em 1em;
  1490. }
  1491. div#gift {
  1492. width: 1px;
  1493. height: 1px;
  1494. position: relative;
  1495. top: 130px;
  1496. left: 895px;
  1497. z-index: 999;
  1498. }
  1499. /*
  1500. .button {
  1501. border: 0 solid #131313;
  1502. color: #eee;
  1503. height: 30px;
  1504. letter-spacing: 1px;
  1505. line-height: 16px;
  1506. overflow: visible;
  1507. text-transform: uppercase;
  1508. padding: 5px 12px;
  1509. }
  1510. */
  1511. #store #content {
  1512. position: relative;
  1513. margin-top: 2px;
  1514. }
  1515. #store #content > div {
  1516. position: initial !important;
  1517. }
  1518. .box #summary {
  1519. position: relative;
  1520. left: -10px;
  1521. }
  1522. .info table,
  1523. .info td,
  1524. .info tr,
  1525. .requests table,
  1526. .requests td,
  1527. .requests tr {
  1528. border: 0;
  1529. vertical-align: top;
  1530. margin: 0;
  1531. padding: 0;
  1532. }
  1533. .info td {
  1534. border-bottom: 0 solid gray !important;
  1535. height: 50px;
  1536. vertical-align: middle;
  1537. width: 20px;
  1538. }
  1539. #cat-selector ul,
  1540. html {
  1541. width: 100%;
  1542. }
  1543. #logo a:hover,
  1544. .cat_list tr td,
  1545. .torrent_table td.group,
  1546. img {
  1547. border: none;
  1548. }
  1549. #wrapper,
  1550. .thin {
  1551. width: 900px;
  1552. margin: 0 auto;
  1553. }
  1554. .number,
  1555. .right {
  1556. text-align: right;
  1557. }
  1558. .number_column {
  1559. text-align: center;
  1560. }
  1561. .pad {
  1562. padding: 1em;
  1563. }
  1564. .home .extrapad {
  1565. padding: 0;
  1566. }
  1567. tr {
  1568. background-color: #2c2f36;
  1569. border-bottom: 2px solid #2c2f36;
  1570. }
  1571. .forum_post tr {
  1572. border-bottom: none;
  1573. }
  1574. .search_form .submit,
  1575. .filter_tickets .submit,
  1576. .filter_torrents .submit {
  1577. text-align: right;
  1578. padding-top: 5px;
  1579. }
  1580. .torrent_table tr.group {
  1581. background-color: #3e4046;
  1582. }
  1583. .torrent_table tr.group_torrent,
  1584. tr.torrent {
  1585. background-color: #23252a;
  1586. }
  1587. tr.torrent:nth-of-type(even),
  1588. tr.request:nth-of-type(even) {
  1589. background-color: #272a2f;
  1590. }
  1591. .group_torrent span,
  1592. .torrent_table tr.group_torrent .year {
  1593. float: right;
  1594. }
  1595. .tl_reported {
  1596. color: #e85a5a;
  1597. }
  1598. .tl_free {
  1599. color: gold;
  1600. }
  1601. .tl_seeding {
  1602. color: #8de88d;
  1603. }
  1604. .tl_snatched {
  1605. color: orange;
  1606. }
  1607. .tl_leeching {
  1608. color: #ff3e3e;
  1609. }
  1610. form tr {
  1611. background-color: #2c2f36;
  1612. }
  1613. #playbutton {
  1614. position: relative !important;
  1615. top: -138px !important;
  1616. left: 0 !important;
  1617. margin-bottom: -110px !important;
  1618. }
  1619. #tiptip_content {
  1620. font-size: 1em !important;
  1621. color: #fff !important;
  1622. text-shadow: none !important;
  1623. padding: 4px 8px;
  1624. border: 2px solid #5b5e64 !important;
  1625. background-color: #373a42 !important;
  1626. background-image: none !important;
  1627. border-radius: 0 !important;
  1628. -webkit-border-radius: 0 !important;
  1629. -moz-border-radius: 0 !important;
  1630. box-shadow: none !important;
  1631. -webkit-box-shadow: none !important;
  1632. -moz-box-shadow: none !important;
  1633. }
  1634. #tiptip_arrow,
  1635. #tiptip_arrow_inner {
  1636. border: none !important;
  1637. }
  1638. a.last_read > svg {
  1639. fill: #909090;
  1640. margin: 3px 6px;
  1641. }
  1642. .forum_index h3,
  1643. .forum_list h3 {
  1644. margin-top: 24px;
  1645. }
  1646. .forum_index h4,
  1647. .forum_list h4 {
  1648. font-size: 12px;
  1649. }
  1650. .forum_index td {
  1651. position: relative;
  1652. }
  1653. .alternate_rows .row:nth-child(odd) {
  1654. background: #33363d;
  1655. }
  1656. .forum_index td.read:after,
  1657. #forums td.unread:after {
  1658. content: "";
  1659. position: absolute;
  1660. height: 8px;
  1661. width: 8px;
  1662. top: 9px;
  1663. left: 7px;
  1664. border-radius: 1px;
  1665. }
  1666. .forum_index td.read:after {
  1667. background-color: #20717c;
  1668. }
  1669. .forum_index td.unread:after {
  1670. background-color: #47b39a;
  1671. }
  1672. .forum_list .forum_index td.read:after,
  1673. #forums .forum_list td.unread:after {
  1674. top: 14px;
  1675. }
  1676. .forum_index td.read_sticky:after,
  1677. #forums td.unread_sticky:after,
  1678. .forum_index td.read_locked_sticky:after,
  1679. #forums td.unread_locked_sticky:after {
  1680. content: "";
  1681. position: absolute;
  1682. height: 0px;
  1683. width: 0px;
  1684. top: 9px;
  1685. left: 6px;
  1686. border-left: 5px solid transparent;
  1687. border-right: 5px solid transparent;
  1688. }
  1689. .forum_index td.read_sticky:after,
  1690. .forum_index td.read_locked_sticky:after {
  1691. border-bottom: 10px solid #20717c;
  1692. }
  1693. .forum_index td.unread_sticky:after,
  1694. .forum_index td.unread_locked_sticky:after {
  1695. border-bottom: 10px solid #47b39a;
  1696. }
  1697. .forum_index td.read_locked:before,
  1698. #forums td.unread_locked:before,
  1699. .forum_index td.read_locked_sticky:before,
  1700. #forums td.unread_locked_sticky:before {
  1701. content: "";
  1702. position: absolute;
  1703. height: 2px;
  1704. width: 8px;
  1705. top: 12px;
  1706. left: 7px;
  1707. border-radius: 1px;
  1708. }
  1709. .forum_index td.read_locked:before,
  1710. .forum_index td.read_locked_sticky:before {
  1711. background-color: #20717c;
  1712. }
  1713. .forum_index td.unread_locked:before,
  1714. .forum_index td.unread_locked_sticky:before {
  1715. background-color: #47b39a;
  1716. }
  1717. .hide_torrents,
  1718. .show_torrents {
  1719. position: relative;
  1720. cursor: pointer;
  1721. }
  1722. .hide_torrents > .show_torrents_link:after,
  1723. .show_torrents > .show_torrents_link:after {
  1724. content: "";
  1725. position: absolute;
  1726. width: 19px;
  1727. height: 3px;
  1728. top: 13px;
  1729. left: 5px;
  1730. border-radius: 2px;
  1731. background-color: #74c796;
  1732. }
  1733. .show_torrents > .show_torrents_link:before {
  1734. content: "";
  1735. position: absolute;
  1736. width: 3px;
  1737. height: 19px;
  1738. top: 5px;
  1739. left: 13px;
  1740. border-radius: 2px;
  1741. background-color: #74c796;
  1742. }
  1743. .search_warning {
  1744. fill: #aaa;
  1745. }
  1746. .dead {
  1747. opacity: 0.7;
  1748. }
  1749. caption {
  1750. border-bottom: 1px dashed #666;
  1751. font-weight: bold;
  1752. }
  1753. .collage_image:hover {
  1754. box-shadow: 0px 0px 0px 3px #88c796;
  1755. position: relative;
  1756. }
  1757. /* Fucking noty */
  1758. .noty_bar {
  1759. border-left: #3eaca7 2px solid;
  1760. }
  1761. #noty_bottomRight_layout_container li {
  1762. background-color: #52555c !important;
  1763. color: #e9e9e9 !important;
  1764. border: none !important;
  1765. }
  1766. .noty_buttons {
  1767. background-color: #2c2f36 !important;
  1768. border-top: none !important;
  1769. }
  1770. .tag_parody {
  1771. color: #e8ab3a !important;
  1772. }
  1773. .tag_character {
  1774. color: #529e63 !important;
  1775. }
  1776. .tag_male {
  1777. color: #3d77e2 !important;
  1778. }
  1779. .tag_female {
  1780. color: #e896e8 !important;
  1781. }
  1782. .tex_img {
  1783. filter: invert(100%);
  1784. }
  1785. #coverCont {
  1786. font-size: 0;
  1787. padding: 5px;
  1788. background-color: #565960;
  1789. }
  1790. /* Pink Additions */
  1791. body.style_pink h1 a,
  1792. body.style_pink h2 a,
  1793. body.style_pink h3 a,
  1794. body.style_pink h4 a,
  1795. body.style_pink h5 a,
  1796. body.style_pink h6 a {
  1797. color: #df7cc2;
  1798. }
  1799. body.style_pink .cats_anime:after {
  1800. color: #78467f;
  1801. }
  1802. body.style_pink .group .cats_anime {
  1803. background-color: #78467f;
  1804. }
  1805. body.style_pink .cats_movies:after {
  1806. color: #4f3063;
  1807. }
  1808. body.style_pink .group .cats_movies {
  1809. background-color: #4f3063;
  1810. }
  1811. body.style_pink .cats_manga:after {
  1812. color: #9f5c9c;
  1813. }
  1814. body.style_pink .group .cats_manga {
  1815. background-color: #9f5c9c;
  1816. }
  1817. body.style_pink .cats_games:after {
  1818. color: #c871b9;
  1819. }
  1820. body.style_pink .group .cats_games {
  1821. background-color: #c871b9;
  1822. }
  1823. body.style_pink .cats_other:after {
  1824. color: #ef86d5;
  1825. }
  1826. body.style_pink .group .cats_other {
  1827. background-color: #ef86d5;
  1828. }
  1829. body.style_pink a:hover,
  1830. body.style_pink .torrent_table .group a:hover {
  1831. color: #db7bc7;
  1832. }
  1833. body.style_pink ::selection,
  1834. body.style_pink ::-moz-selection {
  1835. background: #8b518e;
  1836. }
  1837. /* Buttons */
  1838. body.style_pink button:not(.editor-toolbar button),
  1839. body.style_pink input[type="button"],
  1840. body.style_pink input[type="submit"] {
  1841. color: black;
  1842. border: 1px solid #bbb;
  1843. &.button-primary {
  1844. background: #8b518e;
  1845. border: 1px solid #bbb;
  1846. color: black;
  1847. }
  1848. &:hover {
  1849. background: #643c72;
  1850. /* Primary hover default blue */
  1851. border: 1px solid #bbb !important;
  1852. color: black !important;
  1853. }
  1854. &:focus {
  1855. background: #78467f;
  1856. }
  1857. }
  1858. /*
  1859. body.style_pink button,
  1860. body.style_pink input[type="button"],
  1861. body.style_pink input[type="submit"] {
  1862. background-color: #8b518e;
  1863. }
  1864. body.style_pink button:hover,
  1865. body.style_pink input[type="button"]:hover,
  1866. body.style_pink input[type="submit"]:hover {
  1867. background-color: #643c72;
  1868. }
  1869. body.style_pink button:focus,
  1870. body.style_pink input[type="button"]:focus,
  1871. body.style_pink input[type="submit"]:focus {
  1872. background-color: #78467f;
  1873. }
  1874. */
  1875. body.style_pink #userinfo_stats {
  1876. color: #db7bc7;
  1877. }
  1878. body.style_pink #menu > ul > li:nth-of-type(1) {
  1879. background-color: #3b2655;
  1880. }
  1881. body.style_pink #menu > ul > li:nth-of-type(2) {
  1882. background-color: #4f3063;
  1883. }
  1884. body.style_pink #menu > ul > li:nth-of-type(3) {
  1885. background-color: #643c72;
  1886. }
  1887. body.style_pink #menu > ul > li:nth-of-type(4) {
  1888. background-color: #78467f;
  1889. }
  1890. body.style_pink #menu > ul > li:nth-of-type(5) {
  1891. background-color: #8b518e;
  1892. }
  1893. body.style_pink #menu > ul > li:nth-of-type(6) {
  1894. background-color: #9f5c9c;
  1895. }
  1896. body.style_pink #menu > ul > li:nth-of-type(7) {
  1897. background-color: #b367aa;
  1898. }
  1899. body.style_pink #menu > ul > li:nth-of-type(8) {
  1900. background-color: #c871b9;
  1901. }
  1902. body.style_pink #menu > ul > li:nth-of-type(9) {
  1903. background-color: #db7bc7;
  1904. }
  1905. body.style_pink #menu > ul > li:nth-of-type(10) {
  1906. background-color: #ef86d5;
  1907. }
  1908. body.style_pink #menu > ul > .nav_dropdown:hover,
  1909. body.style_pink .nav_dropdown > div {
  1910. background-color: #e295d2;
  1911. }
  1912. body.style_pink .linkbox > strong {
  1913. color: #db7bc7;
  1914. }
  1915. body.style_pink .alertbar {
  1916. background-color: #4f3063;
  1917. }
  1918. body.style_pink .hide_torrents > .show_torrents_link:after,
  1919. body.style_pink .show_torrents > .show_torrents_link:after,
  1920. body.style_pink .show_torrents > .show_torrents_link:before {
  1921. background-color: #b367aa;
  1922. }
  1923. body.style_pink .forum_index td.read:after {
  1924. background-color: #643c72;
  1925. }
  1926. body.style_pink .forum_index td.unread:after {
  1927. background-color: #db7bc7;
  1928. }
  1929. body.style_pink .forum_index td.read_sticky:after,
  1930. body.style_pink .forum_index td.read_locked_sticky:after {
  1931. border-bottom: 10px solid #643c72;
  1932. }
  1933. body.style_pink .forum_index td.read_locked:before,
  1934. body.style_pink .forum_index td.read_locked_sticky:before {
  1935. background-color: #643c72;
  1936. }
  1937. body.style_pink .forum_index td.unread_sticky:after,
  1938. body.style_pink .forum_index td.unread_locked_sticky:after {
  1939. border-bottom: 10px solid #db7bc7;
  1940. }
  1941. body.style_pink .forum_index td.unread_locked:before,
  1942. body.style_pink .forum_index td.unread_locked_sticky:before {
  1943. background-color: #db7bc7;
  1944. }
  1945. body.style_pink .forum_post.forum_unread {
  1946. border-top: 2px solid #c1569b;
  1947. }
  1948. body.style_pink .noty_bar {
  1949. border-left: #ef86d5 2px solid;
  1950. }
  1951. body.style_pink .collage_image:hover {
  1952. box-shadow: 0px 0px 0px 3px #ef86d5;
  1953. }
  1954. /* Haze Additions */
  1955. body.style_haze {
  1956. background-color: #53565c;
  1957. background-image: url("beluga/haze.png");
  1958. background-attachment: fixed;
  1959. background-size: cover;
  1960. }
  1961. body.style_haze #logo > a {
  1962. color: white;
  1963. }
  1964. body.style_haze #searchbars {
  1965. background-color: rgba(24, 32, 41, 0.05);
  1966. }
  1967. body.style_haze #searchbars input {
  1968. background: rgba(24, 32, 41, 0.3);
  1969. border: none;
  1970. }
  1971. body.style_haze #menu li:nth-child(1) {
  1972. background: rgba(24, 32, 41, 0.7);
  1973. }
  1974. body.style_haze #menu li:nth-child(2) {
  1975. background: rgba(24, 32, 41, 0.65);
  1976. }
  1977. body.style_haze #menu li:nth-child(3) {
  1978. background: rgba(24, 32, 41, 0.6);
  1979. }
  1980. body.style_haze #menu li:nth-child(4) {
  1981. background: rgba(24, 32, 41, 0.55);
  1982. }
  1983. body.style_haze #menu li:nth-child(5) {
  1984. background: rgba(24, 32, 41, 0.5);
  1985. }
  1986. body.style_haze #menu li:nth-child(6) {
  1987. background: rgba(24, 32, 41, 0.45);
  1988. }
  1989. body.style_haze #menu li:nth-child(7) {
  1990. background: rgba(24, 32, 41, 0.4);
  1991. }
  1992. body.style_haze #menu li:nth-child(8) {
  1993. background: rgba(24, 32, 41, 0.35);
  1994. }
  1995. body.style_haze #menu li:nth-child(9) {
  1996. background: rgba(24, 32, 41, 0.3);
  1997. }
  1998. body.style_haze #menu li:nth-child(10) {
  1999. background: rgba(24, 32, 41, 0.25);
  2000. }
  2001. body.style_haze #menu li a:hover {
  2002. background: white;
  2003. color: black;
  2004. }
  2005. body.style_haze .nav_dropdown > div {
  2006. background: rgba(24, 32, 41, 0.3);
  2007. }
  2008. body.style_haze #userinfo_minor > li > ul {
  2009. background: white;
  2010. color: black;
  2011. }
  2012. body.style_haze #alerts .alertbar {
  2013. background: rgba(24, 32, 41, 0.4);
  2014. }
  2015. body.style_haze .colhead,
  2016. body.style_haze .head {
  2017. background: rgba(24, 32, 41, 0.4);
  2018. }
  2019. body.style_haze .colhead_dark {
  2020. background: rgba(24, 32, 41, 0.5);
  2021. }
  2022. body.style_haze tr {
  2023. background: rgba(75, 75, 75, 0.35);
  2024. border-bottom: none;
  2025. }
  2026. body.style_haze .box {
  2027. background: rgba(75, 75, 75, 0.35) !important;
  2028. }
  2029. body.style_haze select,
  2030. body.style_haze input,
  2031. body.style_haze textarea {
  2032. background: rgba(24, 32, 41, 0.3);
  2033. border: none;
  2034. }
  2035. body.style_haze table tbody a,
  2036. body.style_haze .main_column a,
  2037. body.style_haze .sidebar a,
  2038. body.style_haze .box a {
  2039. color: rgba(255, 255, 255, 0.6);
  2040. }
  2041. body.style_haze #userinfo_stats {
  2042. color: rgba(255, 255, 255, 0.6);
  2043. }
  2044. body.style_haze #userinfo_stats a {
  2045. color: rgba(255, 255, 255, 0.6);
  2046. }
  2047. body.style_haze #userinfo_stats .stat > span {
  2048. color: white;
  2049. }
  2050. body.style_haze #userinfo_stats .stat > a {
  2051. color: white;
  2052. }
  2053. body.style_haze .filter_torrents #ft_container tr {
  2054. background: none;
  2055. }
  2056. body.style_haze tr.torrent,
  2057. body.style_haze tr.request {
  2058. background-color: rgba(24, 32, 41, 0.6);
  2059. }
  2060. body.style_haze tr.torrent:nth-of-type(even),
  2061. body.style_haze tr.request:nth-of-type(even) {
  2062. background-color: rgba(24, 32, 41, 0.4);
  2063. }
  2064. body.style_haze tr.group {
  2065. background-color: rgba(24, 32, 41, 0.7);
  2066. }
  2067. body.style_haze tr.group_torrent {
  2068. background-color: rgba(24, 32, 41, 0.75);
  2069. }
  2070. body.style_haze .body {
  2071. background: none;
  2072. }
  2073. body.style_haze blockquote {
  2074. background-color: rgba(24, 32, 41, 0.4) !important;
  2075. border: 1px solid rgba(255, 255, 255, 0.36);
  2076. }
  2077. body.style_haze h2 a {
  2078. color: rgba(255, 255, 255, 0.6);
  2079. }
  2080. body.style_haze .linkbox a {
  2081. color: rgba(255, 255, 255, 0.7);
  2082. }
  2083. body.style_haze .noty_bar {
  2084. border-left: none;
  2085. }
  2086. body.style_haze #noty_bottomRight_layout_container li {
  2087. background-color: rgba(82, 85, 92, 0.59) !important;
  2088. }
  2089. body.style_haze .noty_buttons {
  2090. background-color: rgba(44, 47, 54, 0.6) !important;
  2091. }