Frontend elements to SugoiMusic, including CSS and public/private headers.
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.
 
 
 

1521 lines
40 KiB

  1. @import '../font-awesome/css/font-awesome.css';
  2. /* latin-ext */
  3. @font-face {
  4. font-family: 'Source Sans Pro';
  5. font-style: normal;
  6. font-weight: 400;
  7. src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/sourcesanspro-lne.woff2) format('woff2');
  8. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  9. }
  10. /* latin */
  11. @font-face {
  12. font-family: 'Source Sans Pro';
  13. font-style: normal;
  14. font-weight: 400;
  15. src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/sourcesanspro-ln.woff2) format('woff2');
  16. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  17. }
  18. #header a:hover,#header a:focus,ul.ui-autocomplete.ui-menu.ui-widget li a:hover,ul.ui-autocomplete.ui-menu.ui-widget li a:focus,div#footer p:after {
  19. color:#32867d
  20. }
  21. a,tr.unreadpm a,#summary .ui-widget-content a,#wrapper .alert-bars a,tr.inbox-message--unread td a,tr.unreadpm a {
  22. color:#32867d;
  23. }
  24. a:hover,a[href*="torrents.php?id"]:hover,.colhead td a:hover,#content .forum_post .colhead_dark a:hover,#content .forum_post .colhead_dark a:focus,#wrapper .alert-bars a:hover {
  25. color:#000
  26. }
  27. td a:hover,table#torrent_table a[href*="torrents.php?torrentid"] strong,a[href*="torrents.php?id"][title="View Torrent"],a[href*="torrents.php?id"]:hover,#torrents .torrent_table a[onclick*=toggle]:hover,#header .new-subscriptions a {
  28. color:#32867d
  29. }
  30. body #wrapper div#header {
  31. background-color:#1a1a1a
  32. }
  33. #userinfo_minor a:hover,#menu ul>li>a:hover {
  34. color:#32867d
  35. }
  36. #userinfo_minor > li > ul {
  37. display: none;
  38. background: #1A1A1A;
  39. padding: 6px 10px;
  40. margin-top: 7px;
  41. position: absolute;
  42. }
  43. #userinfo_minor > li > ul > li {
  44. display: block;
  45. }
  46. #header a.username {
  47. color:#32867d
  48. }
  49. input[type="submit"],input[type="button"] {
  50. background:#6cb3ae
  51. }
  52. ::-webkit-input-placeholder {
  53. color: #848484;
  54. }
  55. ::-moz-placeholder {
  56. color: #848484;
  57. }
  58. :-ms-input-placeholder {
  59. color: #848484;
  60. }
  61. #taglist tr td a,.tags a,.sidebar .stats.nobullet a {
  62. background:#9C9C9C;
  63. }
  64. .box_info .stats.nobullet li a {
  65. color:#32867d!important;
  66. }
  67. #header .alertbar a:hover {
  68. color:#f7f7f7
  69. }
  70. td.unread:before {
  71. color:#32867d
  72. }
  73. td.unread_sticky:before {
  74. color:#32867d
  75. }
  76. td.unread_locked:before {
  77. color:#32867d
  78. }
  79. td.unread_locked_sticky:before {
  80. color:#32867d
  81. }
  82. input[type="submit"],input[type="button"] {
  83. background:#6cb3ae
  84. }
  85. form.search_form input[type="submit"],form.search_form input[type="button"] {
  86. background:#6cb3ae;
  87. }
  88. .group_info>a:nth-child(2n),.group_info>a:nth-child(3n) {
  89. color:#32867d
  90. }
  91. #index .sidebar .stats.nobullet a {
  92. background:inherit;color:#32867d
  93. }
  94. .forum_post a {
  95. color:#32867d
  96. }
  97. li#nav_subscriptions.new-subscriptions a {
  98. color:#3c9454!important
  99. }
  100. .box.filter_torrents .head a:hover,.box.filter_torrents .head a:focus,.forum_post .colhead a:hover,.forum_post .colhead_dark a:focus,#inbox .box .head a:focus,#inbox .box .head a:hover {
  101. color:#32867d
  102. }
  103. #request_table .rowb td:first-of-type>a:nth-child(2n),#request_table .rowa td>a:nth-child(2n) {
  104. color:#32867d
  105. }
  106. span.r99,.r09,.r10,.r20,.r30,.r40,.r50 {
  107. color:#3c9454
  108. }
  109. .box.filter_torrents .head,.colhead td,.colhead_dark td,tr.colhead,tr.colhead_dark,#inbox .box .head,#inbox .box .head,#reply_box h3,#inbox form .send_form #quickpost h3,.sidebar .box .head,.main_column .box .head.colhead_dark,.box.news_post .head,tr.colhead,tr.colhead_dark,.head.colhead_dark,.main_column .box .head {
  110. border-bottom:2px solid #45847e!important
  111. }
  112. #header>#menu ul>li.active>a {
  113. color:#32867d;
  114. }
  115. .alertbar a {
  116. color:#32867d;
  117. }
  118. .alertbar.modbar a {
  119. margin: 0px 5px;
  120. }
  121. .box.filter_torrents .head,.colhead td,.colhead_dark td,tr.colhead,tr.colhead_dark,#inbox .box .head,#inbox .box .head,#reply_box h3,#inbox form .send_form #quickpost h3,.sidebar .box .head,.main_column .box .head.colhead_dark,.box.news_post .head,tr.colhead,tr.colhead_dark,.head.colhead_dark,.main_column .box .head {
  122. background:#5aada5;
  123. }
  124. .box.filter_torrents .head,.colhead td,.colhead_dark td,tr.colhead,tr.colhead_dark,#inbox .box .head,#inbox .box .head,#reply_box h3,#inbox form .send_form #quickpost h3,#blog .head {
  125. background:#5aada5;
  126. }
  127. .ui-widget-content a:hover {
  128. color:#70b3ab!important;
  129. }
  130. *:before,*:after {
  131. -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
  132. }
  133. * {
  134. padding:0;margin:0
  135. }
  136. ul#userinfo_minor>li>a {
  137. padding:0 20px
  138. }
  139. h2 {
  140. font-size:0.90rem
  141. }
  142. .torrent_info_row .preformatted-text--scrolled {
  143. white-space:normal;
  144. }
  145. .sidebar {
  146. padding:0 0 0 2px
  147. }
  148. .thin>div {
  149. margin-top:2px
  150. }
  151. body h1,body h2,body h3,body h4 {
  152. padding:5px 0
  153. }
  154. .linkbox,.pagination.pagination--top.js-pagination,td,.pagination.pagination--bottom.js-pagination {
  155. padding:5px
  156. }
  157. #user .main_column table[cellpadding="0"] tr td {
  158. border:none
  159. }
  160. li#nav_subscriptions a,li#nav_subscriptions a:hover {
  161. font-weight:normal
  162. }
  163. .panel__body,.panel__heading,.box,.head {
  164. padding:10px
  165. }
  166. #forums table.forum_post tr td:nth-child(2n) a {
  167. font-weight:inherit;
  168. }
  169. .toggleable-search-form__toggler-container,#torrents tr.colhead_dark td,.forum-post__heading,#series tr.colhead_dark td,thead th {
  170. padding:10px 10px 9px 10px
  171. }
  172. .box .head {
  173. margin:-10px -10px 6px!important;
  174. }
  175. div#covers>div:first-of-type {
  176. margin-top:-6px
  177. }
  178. .head {
  179. margin-bottom:6px
  180. }
  181. table.torrent_table .group_torrent td {
  182. font-size:0.75rem
  183. }
  184. span#rippy-says a[href*="torrents.php?id"] {
  185. color:inherit;
  186. }
  187. span#rippy-says a[href*="torrents.php?id"]:hover {
  188. color:inherit;text-decoration:underline;
  189. }
  190. .forum_list h3,.pagination.pagination--top,.pagination.pagination--bottom {
  191. padding:5px;
  192. }
  193. a.last_read > svg {
  194. fill: #a7a7a7;
  195. margin: 2px 6px;
  196. }
  197. span.last_read {
  198. margin-left:5px
  199. }
  200. #torrent_details span[style="text-shadow: 0px 0px 2px black, 0px 0px 4px black, 0px 0px 8px black, 0px 0px 10px black; color: orange; font-family: Candara, sans-serif;"] {
  201. text-shadow:none!important;color:inherit!important;font-size:inherit!important;font-family:inherit!important;
  202. }
  203. .alertbar {
  204. text-align:center;
  205. padding:10px;
  206. background:#D0D0D0;
  207. text-align:center;
  208. }
  209. .alertbar.warning {
  210. color:#cc7100;
  211. }
  212. .alertbar.error {
  213. color:#ff0000;
  214. }
  215. .sidebar .stats.nobullet a {
  216. padding:3px 6px
  217. }
  218. .min_padding,#content td.avatar {
  219. padding:0;
  220. }
  221. .head[style="height: 13px;"] {
  222. height:36px!important;
  223. }
  224. tr.colhead {
  225. font-weight:bold
  226. }
  227. .forum_post .colhead_dark td,#torrents table.forum_post tr.colhead_dark td {
  228. padding:7px;padding-top:0;padding-bottom:0
  229. }
  230. .forum_post {
  231. margin-bottom:20px
  232. }
  233. blockquote {
  234. margin:10px;padding:10px
  235. }
  236. .box.box_albumart {
  237. padding-bottom:0
  238. }
  239. .box.box_albumart p {
  240. margin-left:-10px;margin-right:-10px;
  241. }
  242. .box.box_albumart p img {
  243. max-width:100%!important;min-width:100%
  244. }
  245. #content>.thin>h2 {
  246. margin-top:2px
  247. }
  248. #index .thin>div,#series>#content,#showslist #content,#nfo #content,#kb #content,#store #content {
  249. margin-top:10px
  250. }
  251. #user .sidebar div[align="center"] {
  252. min-width:100%;padding:0!important;margin:-6px -10px -10px
  253. }
  254. div#last5:last-child {
  255. border-right:none
  256. }
  257. .of_the_month>.box:first-child {
  258. width:calc(50% - 2px);margin-right:2px
  259. }
  260. .of_the_month>.box {
  261. width:50%;display:block;box-sizing:border-box;
  262. }
  263. .of_the_month>.box ul.stats.nobullet {
  264. margin-left:-10px;margin-right:-10px
  265. }
  266. .of_the_month>.box ul.stats.nobullet li {
  267. padding-right:10px;padding-left:10px
  268. }
  269. .of_the_month>.box ul.stats.nobullet li:first-child {
  270. padding:0
  271. }
  272. #user #slider .scroll,.forum-post__bodyguard iframe {
  273. width:100%
  274. }
  275. div#last5 {
  276. width:20%;width:calc(20% - 2px)!important;margin:0 2px 0 0!important;padding:0!important;display:block!important;float:left!important;text-align:center;box-sizing:border-box;
  277. }
  278. div#last5:last-of-type {
  279. margin-right:0!important;width:20%!important
  280. }
  281. div#latest5>div {
  282. margin-left:-10px;margin-right:-10px;margin-top:-6px
  283. }
  284. table.forum_index,.forum_list h3 {
  285. margin-bottom:2px
  286. }
  287. input[type="submit"],input[type="button"] {
  288. padding:5px 8px
  289. }
  290. #taglist tr td a,.huge-movie-list__movie__tag-list a,.movie-tooltip__tag,a.basic-movie-list__movie__tag,.tags a,ul.stats.nobullet li a[href*="torrents.php?taglist="],a.cover-movie-list__movie__tag {
  291. padding:3px 6px;margin:1px;
  292. }
  293. #searchbars li input,#searchbars li input:hover,#searchbars li input:focus,.search-bar li input,.search-bar li input:hover,.search-bar li input:focus {
  294. padding:5px 6px;margin:0 3px;
  295. }
  296. input,textarea[name="body"] {
  297. padding:3px 5px
  298. }
  299. .qtip-content {
  300. padding:10px;
  301. }
  302. .movie-tooltip__ratings div,.movie-tooltip__director-list div,.movie-tooltip__ratings {
  303. display:inline-block;
  304. }
  305. div#searchbars>ul,div.search-bar>ul {
  306. padding:4px 0
  307. }
  308. ul#userinfo_username>li,ul#userinfo_major>li,ul#userinfo_stats>li {
  309. padding:0 5px
  310. }
  311. body {
  312. font-family:'Proxima Nova','Lato','Segoe UI',sans-serif;font-size:13px;-moz-osx-font-smoothing:grayscale!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;
  313. }
  314. #header {
  315. background-size:cover;background-repeat:no-repeat;background-position:center center;padding-top:50px;text-align:center;
  316. }
  317. #content {
  318. margin:0 auto
  319. }
  320. @media (min-width: 544px) {
  321. #content {
  322. max-width:576px
  323. }
  324. }
  325. @media (min-width: 768px) {
  326. #content {
  327. max-width:720px
  328. }
  329. }
  330. @media (min-width: 992px) {
  331. #content {
  332. max-width:940px
  333. }
  334. }
  335. @media (min-width: 1200px) {
  336. #content {
  337. max-width:1140px
  338. }
  339. }
  340. ul,li {
  341. }
  342. div.thin>center img#banner,#series .sidebar img,div[style="height:140px; max-height:140px;max-width:758px;"] {
  343. position:relative;
  344. }
  345. .signature {
  346. padding-top:10px;margin-top:10px;
  347. }
  348. .center,#inbox form#messageform[name="reply"] div.box.pad,#inbox .thin form#messageform[name="message"] div.box.pad {
  349. text-align:center
  350. }
  351. body#actorshowcase #content table {
  352. display:inline-block;width:24.7%;text-align:center;margin:0 0 7px;vertical-align:top
  353. }
  354. body#actorshowcase #content table tbody {
  355. display:inline-block;text-align:initial;
  356. }
  357. body#actorshowcase #content table:first-of-type {
  358. display:none
  359. }
  360. input,input[type="search"],form textarea,form input,input[type="search" i],input, textarea, keygen, select, button {
  361. border:none;
  362. }
  363. .sidebar {
  364. width:25%;float:right
  365. }
  366. .main_column,.main-column {
  367. width:75%;float:left
  368. }
  369. div,table,tr,td {
  370. border-collapse:collapse;box-sizing:border-box
  371. }
  372. h1,h2,h3,h4 {
  373. margin:0;
  374. }
  375. a,tr.unreadpm a {
  376. text-decoration:none;-webkit-transition:color .25s ease-out;transition:color .25s ease-out
  377. }
  378. ul.navigation li {
  379. display:inline-block!important;
  380. }
  381. .collage tr td,.collage tr td:first-of-type,.collage tr td:first-child,.collage tr td:last-of-type,.collage tr td:last-child {
  382. display:inline-block;
  383. }
  384. .collage a[href*="torrents.php?id"] img {
  385. max-width:128.015px
  386. }
  387. table,#blog .pad {
  388. }
  389. #staffpm #compose form h3 label[for="message"] {
  390. margin:10px 0 0;display:block;
  391. }
  392. #staffpm #compose form h3 label[for="message"],#inbox h3,#staffpm h3 label,#reply_box h3 {
  393. font-size:14px
  394. }
  395. #staffpm h3 label {
  396. display:block;
  397. }
  398. .colhead td,.colhead_dark td,#inbox .box .head,.box.filter_torrents .head,#reply_box h3,tr .colhead_dark td,#blog .head {
  399. }
  400. div#quickreplytext {
  401. }
  402. #staffpm form#messageform,#staffpm #inbox h3,h3,h2 {
  403. background:inherit;border:inherit;
  404. }
  405. #inbox input[type="text"],#compose input[type="text"],#staffpm input[type="text"] {
  406. }
  407. #inbox #wrapper #content .thin div.box.pad table.message_table.checkboxes {
  408. text-align:left
  409. }
  410. #inbox input[type="text"] {
  411. margin-bottom:5px
  412. }
  413. textarea[name="body"],textarea[name="message"] {
  414. }
  415. .forum_post,table.message_table.checkboxes {
  416. width:100%
  417. }
  418. .forum_post td.avatar {
  419. width:16.6%
  420. }
  421. .forum_post td.body {
  422. width:83.4%;word-break:break-word;font-size:14px;line-height:1.4
  423. }
  424. .forum-post__body {
  425. word-break:break-word;font-size:14px;line-height:1.4
  426. }
  427. .forum-post__body {
  428. padding:5px 10px
  429. }
  430. #artist .forum_post td.body,#torrents .forum_post td.body {
  431. }
  432. #footer,header {
  433. clear:both;float:none
  434. }
  435. #footer {
  436. text-align:center;
  437. }
  438. td {
  439. border-bottom:1px solid #2b2b2b
  440. }
  441. tr td:first-of-type,tr td:first-child {
  442. }
  443. td.left {
  444. text-align:right
  445. }
  446. .search-bar__search-field__input,.search-bar__results,.footer,.cover-movie-list__movie__tags,.cover-movie-list__movie__year,.cover-movie-list__movie__new,.huge-movie-list__movie__torrent-summary,.basic-movie-list__movie__bookmark,.basic-movie-list__movie__rating-container,.basic-movie-list__torrent-row,.panel__heading__toggler,#content>.thin table#torrent_table tr.group_torrent td,#content>.thin table#discog_table tr.group_torrent td {
  447. font-size:0.723rem
  448. }
  449. .torrent_row span,.group_torrent span {
  450. float:right
  451. }
  452. #content td.avatar {
  453. }
  454. .forum_post:last-of-type,.forum_post:last-child {
  455. margin-bottom:0
  456. }
  457. #menu,.main-menu {
  458. position: absolute;
  459. top:0;
  460. z-index:1500;
  461. width:100%;
  462. height:50px;
  463. transition:background .5s;
  464. transform:translateZ(0px);
  465. min-height:50px;
  466. border:1px solid transparent;
  467. text-align:center
  468. }
  469. #menu:before,#menu:after,.main-menu:before,.main-menu:after,div#quickreplytext:after,#inbox form.send_form #quickpost:after {
  470. content:" ";display:table
  471. }
  472. #menu ul>li>a,.main-menu ul>li>a {
  473. line-height:20px;font-size:14px;
  474. }
  475. #menu ul>li,.main-menu ul>li {
  476. padding:15px 20px
  477. }
  478. #userinfo_minor a {
  479. line-height:30px;
  480. display:inline-block
  481. }
  482. .box:before,.box:after {
  483. content:" ";display:table
  484. }
  485. #header div#searchbars,#header div.search-bar {
  486. width:100%;text-align:center;
  487. }
  488. div#searchbars ul>li {
  489. }
  490. #filter_menu {
  491. width: 100%;
  492. text-align: center;
  493. background-color: #5aada5;
  494. font-size: 10pt;
  495. }
  496. #filter_menu > ul {
  497. display: flex;
  498. width: 80%;
  499. margin: 0 auto;
  500. }
  501. #filter_menu > ul > li {
  502. position: relative;
  503. height: 26px;
  504. display: flex;
  505. margin: 0;
  506. flex: 1 1 auto;
  507. }
  508. #filter_menu ul > li > a {
  509. padding: 0.4em 0;
  510. display: inline-block;
  511. width: 100%;
  512. color: #FFFFFF;
  513. transition: ease-in-out 0.1s;
  514. }
  515. #filter_menu ul li a.active {
  516. background-color: #565656;
  517. }
  518. #filter_menu ul li a:hover {
  519. background-color: #45847e;
  520. text-decoration: none;
  521. }
  522. div#userinfo {
  523. text-align:center;
  524. padding-bottom: 8px;
  525. }
  526. ul#userinfo_username,ul#userinfo_major,ul#userinfo_stats,ul#userinfo_minor {
  527. display:inline!important;vertical-align:middle;text-align:center
  528. }
  529. ul#userinfo_username li,ul#userinfo_major li,ul#userinfo_stats li {
  530. }
  531. td.label {
  532. max-width:150px;width:150px;text-align:right;vertical-align:middle
  533. }
  534. td.ft_cataloguenumber,td.ft_remastertitle {
  535. width:33.3%;max-width:33.3%
  536. }
  537. #taglist tr td {
  538. border:none
  539. }
  540. #taglist {
  541. text-align:center;font-size:0.7187rem
  542. }
  543. table.layout {
  544. width:100%
  545. }
  546. #taglist tr,#taglist tr td {
  547. display:inline;padding:0
  548. }
  549. div#ft_container {
  550. }
  551. table.layout,table.layout.border,div#ft_container {
  552. font-size:12px;margin:0 auto
  553. }
  554. table.layout.border {
  555. border-collapse:separate;
  556. }
  557. blockquote {
  558. }
  559. .box.torrent_description {
  560. }
  561. #upload form {
  562. text-align:left
  563. }
  564. .sidebar>div,.sidebar ul,.sidebar table,div#quickreplytext {
  565. margin-bottom:5px
  566. }
  567. div#add_cover_div:after {
  568. content:" ";width:100%;display:table;clear:both;
  569. }
  570. form.search_form input {
  571. border:1px solid transparent;
  572. }
  573. form.search_form input {
  574. border:1px solid transparent;
  575. }
  576. select {
  577. border:1px solid transparent;
  578. }
  579. select {
  580. border:1px solid transparent;
  581. }
  582. form.search_form input:hover,select:hover {
  583. box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #444
  584. }
  585. form.search_form input:focus,select:focus {
  586. box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
  587. }
  588. form.create_form {
  589. text-align:center
  590. }
  591. form.create_form table {
  592. display:inline-block;
  593. }
  594. .sidebar.settings_sidebar li {
  595. display:block
  596. }
  597. #inbox input[type="search"] {
  598. width:50%;margin:2px auto;display:block;color:inherit
  599. }
  600. input[type="submit"],input[type="button"] {
  601. margin:1px;cursor:pointer;
  602. }
  603. input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus {
  604. -webkit-transition: color .25s ease-out;transition: color .25s ease-out;
  605. }
  606. .nobullet {
  607. list-style-type: none;
  608. }
  609. .box ul.stats.nobullet li {
  610. font-size:0.8125rem;
  611. }
  612. #covers img,#artist .sidebar img {
  613. z-index:1
  614. }
  615. #taglist tr td a,.huge-movie-list__movie__tag-list a,a.cover-movie-list__movie__tag,.movie-tooltip__tag,a.basic-movie-list__movie__tag,.tags a,.sidebar .stats.nobullet a {
  616. -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-transition:background .25s ease-out,color .25s ease-out;transition:background .25s ease-out,color .25s ease-out;font-size:0.7187rem;display:inline-block;margin:1px 0
  617. }
  618. .main_column .box .head.colhead_dark,.box.news_post .head,.main-column .box .head.colhead_dark,.box.news_post .head {
  619. border-bottom:1px solid #2b2b2b;
  620. }
  621. .sidebar .stats.nobullet a.brackets {
  622. background:inherit!important;color:inherit;padding:0 2px
  623. }
  624. .box_info .stats.nobullet li a {
  625. background:inherit;font-size:inherit;font-weight:400
  626. }
  627. .box_info .stats.nobullet li a:hover {
  628. background:inherit;font-size:inherit;font-weight:400
  629. }
  630. .toggleable-search-form__toggler-container,.panel__heading,.sidebar .box .head,.main_column .box .head.colhead_dark,.sidebar .box .head,.main-column .box .head.colhead_dark,.box.news_post .head,tr.colhead,tr.colhead_dark,.head.colhead_dark,.main_column .box .head,.main-column .box .head,.forum-post__heading {
  631. font-size:14px;
  632. }
  633. #inbox form.send_form #quickpost h3 {
  634. }
  635. span.last_read a:before {
  636. content:"\f061";font-family:FontAwesome;line-height:31px
  637. }
  638. .forum_index span.last_read a:before,table.forum_list span.last_read a:before {
  639. line-height:inherit;
  640. }
  641. #artist .sidebar img {
  642. width:100%;height:auto;min-width:100%
  643. }
  644. table#collages,table.collage_table,table.vote_matches_table {
  645. width:100%
  646. }
  647. td.unread:before {
  648. content:"\f075";font-family:FontAwesome;
  649. }
  650. td.read:before {
  651. content:"\f075";font-family:FontAwesome;
  652. }
  653. td.read_sticky:before {
  654. content:"\f086";font-family:FontAwesome;
  655. }
  656. td.unread_sticky:before {
  657. content:"\f086";font-family:FontAwesome;
  658. }
  659. td.read_locked:before {
  660. content:"\f075";font-family:FontAwesome;content:\f023;font-family:FontAwesome;
  661. }
  662. div.body table tbody tr td[style="width: 20%"] {
  663. padding:0;vertical-align:top
  664. }
  665. td.unread_locked:before {
  666. content:"\f023";font-family:FontAwesome;
  667. }
  668. td.read_locked_sticky:before {
  669. content:"\f06a";font-family:FontAwesome;
  670. }
  671. td.unread_locked_sticky:before {
  672. content:"\f06a";font-family:FontAwesome;
  673. }
  674. .edition a.tooltip {
  675. }
  676. .forum_list h4,.forum_list h3,.forum_list h2,.forum_list h1 {
  677. font-size:inherit;font-weight:bold
  678. }
  679. .submit.ft_submit {
  680. }
  681. .submit.ft_submit span {
  682. font-size:0.7187rem;margin:0 10px 0 0;display:block;
  683. }
  684. form.search_form input[type="submit"]:hover,form.search_form input[type="button"]:hover {
  685. cursor:pointer;
  686. }
  687. form.search_form input[type="submit"],form.search_form input[type="button"] {
  688. cursor:pointer
  689. }
  690. #index .sidebar .stats.nobullet a {
  691. background:inherit;font-weight:inherit;font-size:inherit
  692. }
  693. #index .sidebar .stats.nobullet a:hover,#index .sidebar .stats.nobullet a:focus {
  694. color:inherit
  695. }
  696. .hidden,div#quickreplytext br {
  697. display:none
  698. }
  699. #request_table .rowb td:first-of-type>a,#request_table .rowa td>a {
  700. font-weight:600
  701. }
  702. .big_info .group_info.clear span {
  703. float:right
  704. }
  705. #forums .forum_list tr td:nth-child(2n) a,table.collage_table tr td:nth-of-type(2) a {
  706. font-weight:600
  707. }
  708. .sidebar .navigation_list li {
  709. display:block
  710. }
  711. .sidebar form.search_form {
  712. background:inherit
  713. }
  714. #inbox .box .head {
  715. }
  716. #inbox .box .body,#inbox .box #buttons .field_div.textarea_wrap {
  717. }
  718. #inbox .box {
  719. margin-bottom:20px
  720. }
  721. #inbox .box:last-of-type {
  722. margin-bottom:0
  723. }
  724. #userinfo .brackets:before,#userinfo .brackets:after {
  725. display:none
  726. }
  727. #header {
  728. -webkit-font-smoothing:antialiased!important;
  729. }
  730. .sidebar select,#inbox form.send_form #quickpost {
  731. margin-bottom:5px
  732. }
  733. .lightbox {
  734. position:fixed;text-align:center;top:5%;left:5%;width:90%;height:90%;z-index:1002;overflow:auto;z-index:2001
  735. }
  736. .lightbox img {
  737. max-width:100%;max-height:100%;z-index:-1
  738. }
  739. .curtain {
  740. position:fixed;top:0;left:0;width:100%;height:100%;-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90)
  741. }
  742. li.graph,#poll_options li {
  743. display:block;padding-bottom:5px
  744. }
  745. li.graph:last-child,li.graph:last-of-type,#poll_options li:last-child,#poll_options li:last-of-type {
  746. }
  747. input[type="text"],input[type="email"] {
  748. margin:1px
  749. }
  750. .noty_message,ul#noty_bottomRight_layout_container li,.noty_buttons {
  751. border:none!important;-webkit-border-radius:1px!important;-moz-border-radius:1px!important;border-radius:1px!important;
  752. }
  753. select {
  754. border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px
  755. }
  756. #searchbars li input,.search-bar li input {
  757. border-radius:inherit;
  758. }
  759. li#searchbar_torrents:first-of-type form:before,div#searchbars ul li:first-of-type form:before,div.search-bar ul li:first-of-type form:before {
  760. content:"\f002";display:inline;font-family:FontAwesome;float:left;width:16px;height:25px;vertical-align:middle;line-height:23px;background:transparent;background-color:transparent;margin-right:7px;font-size:16px;
  761. }
  762. div#searchbars,div#searchbars ul,div#searchbars ul li,div#searchbars form,div.search-bar,div.search-bar ul,div.search-bar ul li,div.search-bar form {
  763. background:transparent;background-color:transparent
  764. }
  765. li#searchbar_torrents {
  766. margin-left:-23px
  767. }
  768. form.search_form tr td strong {
  769. font-weight:400
  770. }
  771. input {
  772. border:none;
  773. }
  774. #header form.search_form {
  775. width:inherit!important;margin:0 auto
  776. }
  777. .box h3,.header h1,.header h2,.header h3,#forums h2 {
  778. font-weight:600;
  779. }
  780. .box h3,.header h1,.header h2,.header h3,#forums h2 {
  781. font-size:1.125rem
  782. }
  783. table#forum_search_cat_list tr td {
  784. display:inline-block;
  785. }
  786. table#forum_search_cat_list tr td:last-of-type,table#forum_search_cat_list tr td:last-child {
  787. }
  788. table#forum_search_cat_list tr td:first-of-type,table#forum_search_cat_list tr td:first-child {
  789. }
  790. table#forum_search_cat_list tr td:last-of-type,table#forum_search_cat_list tr td:last-child {
  791. }
  792. table.layout.cat_list.ft_cat_list,table.layout.cat_list {
  793. text-align:center
  794. }
  795. table#forum_search_cat_list {
  796. text-align:initial;
  797. }
  798. #header b,#header strong,#torrent_table b,#torrent_table strong,.group_torrent b,.group_torrent strong {
  799. font-weight:400
  800. }
  801. .box.news_post,.box#recommended {
  802. font-size:14px
  803. }
  804. textarea[name="comment"],input[name="subject"],textarea[name="body"],input[type="text"] {
  805. border:1px solid transparent!important
  806. }
  807. textarea[name="comment"]:hover,input[name="subject"]:hover,textarea[name="body"]:hover,input[type="text"]:hover {
  808. border:1px solid #444!important
  809. }
  810. textarea[name="body"]:focus,textarea[name="comment"]:focus,input[name="subject"]:focus,input[type="text"]:focus {
  811. border:1px solid #444!important
  812. }
  813. textarea[name="body"]:focus,textarea[name="body"]:hover,textarea[name="comment"],textarea[name="comment"]:hover,textarea[name="comment"]:focus {
  814. }
  815. input[name="subject"],input[name="subject"]:hover,input[name="subject"]:focus {
  816. }
  817. .autocomplete-suggestions {
  818. border:none;font-size:0.6875rem
  819. }
  820. .autocomplete-selected {
  821. border:none;font-size:0.6875rem;
  822. }
  823. div.noty_bar {
  824. border:1px solid #444
  825. }
  826. div#last5 a strong {
  827. margin-top:5px;display:block
  828. }
  829. table {
  830. width:100%
  831. }
  832. div#latest5normal:after,div#latest5internals:after,div#latest5userreleases:after {
  833. content:"";display:block;clear:both
  834. }
  835. tr.cat_list {
  836. text-align:center
  837. }
  838. div#alerts {
  839. width:100%
  840. }
  841. .forum-post__heading,.forum_post tr.colhead_dark,.forum_post .colhead_dark td {
  842. max-height:32px;padding-top:0;padding-bottom:0;height:32px;line-height:32px;
  843. }
  844. .colhead td,.colhead_dark td,#inbox .box .head,.box.filter_torrents .head,#reply_box h3,tr .colhead_dark td,.sidebar .box .head,.main_column .box .head.colhead_dark,.box.news_post .head,tr.colhead,tr.colhead_dark,.head.colhead_dark,.main_column .box .head {
  845. }
  846. .forum_post .colhead_dark td,.forum_post tr.colhead_dark,#latest5 .head.colhead_dark,a[onclick*=toggle] {
  847. font-weight:inherit;
  848. }
  849. a[onclick*=toggle] {
  850. font-weight:initial!important;
  851. }
  852. .news_post .pad,.sidebar ul.stats.nobullet,.sidebar .pad,ul.stats.nobullet,.sidebar .pad,.main_column .box .pad,.sidebar .box .body,.sidebar ul.nobullet {
  853. }
  854. #wiki .main_column .box li,#wiki .main-column .box li {
  855. display:block
  856. }
  857. #last5 img {
  858. width:100%;height:auto
  859. }
  860. td.nobr {
  861. white-space:nowrap;
  862. }
  863. body#torrents table#torrent_table tr td:first-of-type {
  864. }
  865. ul.stats.nobullet li {
  866. display:block;
  867. }
  868. p {
  869. margin:0;
  870. }
  871. #forums h4.min_padding {
  872. font-size:inherit;font-weight:bold
  873. }
  874. .poll .graph .left_poll {
  875. width:9px;background:url(../../img/poll_left.png) top left no-repeat
  876. }
  877. .poll .graph span {
  878. display:block;height:19px;float:left
  879. }
  880. .poll .graph .center_poll {
  881. background:url(../../img/poll_middle.png) top left repeat-x
  882. }
  883. .poll .graph .right_poll {
  884. width:11px;background:url(../../img/poll_right.png) top left no-repeat
  885. }
  886. ul.poll.nobullet li {
  887. display:block;clear:both;
  888. }
  889. ul.poll.nobullet li:first-of-type,ul.poll.nobullet li:first-child {
  890. }
  891. div.pad#threadpoll {
  892. margin-bottom:5px
  893. }
  894. div.pad#threadpoll p strong {
  895. clear:both;display:block
  896. }
  897. table.torrent_table td {
  898. max-width:640px
  899. }
  900. .box.pad[style="padding:10px 10px 10px 20px;"] {
  901. }
  902. .box.pad[style="padding:10px 10px 10px 20px;"] ul {
  903. }
  904. .signature {
  905. margin-top:10px;
  906. }
  907. a[rel="noreferrer"] img[style="max-width: 500px;"] {
  908. max-width:32.86%;margin:0;
  909. }
  910. .torrent_table blockquote {
  911. margin:inherit
  912. }
  913. blockquote div[style="margin:20px; margin-top:5px"] {
  914. margin:5px 0 0!important;
  915. }
  916. table#collage_table {
  917. max-width:100%;text-align:center;width:100%
  918. }
  919. table#collage_table img {
  920. min-width:100%
  921. }
  922. #user .main_column table[cellpadding="0"] tr td,div.body table tbody tr td[style="width: 20%"],#user .main-column table[cellpadding="0"] tr td,div.body table tbody tr td[style="width: 20%"] {
  923. width:20%;
  924. }
  925. #user .main_column table[cellpadding="0"] tr td a,#user .main_column table[cellpadding="0"] tr td a img,#user .main-column table[cellpadding="0"] tr td a,#user .main-column table[cellpadding="0"] tr td a img {
  926. width:100%
  927. }
  928. #torrents .forum_post img {
  929. max-width:100%
  930. }
  931. div#last5:last-of-type {
  932. margin-right:0
  933. }
  934. a img {
  935. -webkit-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translateZ(0);transform:translateZ(0)
  936. }
  937. a:hover img {
  938. -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7
  939. }
  940. #user .main_column table[cellpadding="0"] tr td,#user .main-column table[cellpadding="0"] tr td {
  941. float:left;display:block;vertical-align:top
  942. }
  943. #user .main_column table[cellpadding="0"] tr td[colspan="5"],#user .main-column table[cellpadding="0"] tr td[colspan="5"] {
  944. width:100%
  945. }
  946. .torrent_table blockquote,.torrent_table blockquote span,.log3,.log5,tr.pad[id*="torrent_"],.torrent_info_row {
  947. font-family:'Inconsolata',monospace;
  948. }
  949. tr.pad[id*="torrent_"] .linkbox,tr.pad[id*="torrent_"] h2,tr.pad[id*="torrent_"] h3,tr.pad[id*="torrent_"] h1,tr.pad[id*="torrent_"] h4 {
  950. font-family:'Proxima Nova','Lato','Segoe UI',sans-serif;font-size:14px
  951. }
  952. tr.pad[id*="torrent_"] .colhead_dark,.forum-post__heading,tr.pad[id*="torrent_"] .colhead {
  953. font-family:'Proxima Nova','Lato','Segoe UI',sans-serif;font-size:14px
  954. }
  955. tr.pad[id*="torrent_"] ul li {
  956. }
  957. tr.pad[id*="torrent_"] ul {
  958. }
  959. tr.pad[id*="torrent_"] ul,tr.pad[id*="torrent_"] h3 {
  960. text-align:center;
  961. }
  962. #forums a[rel="noreferrer"] img[style="max-width: 500px;"] {
  963. width:inherit;
  964. }
  965. .toggleable-search-form__toggler-container,#blog .pad,#index .main_column .box,#blog .pad,#index .main-column .box,.box.filter_torrents .head,.colhead td,.colhead_dark td,tr.colhead,tr.colhead_dark,#inbox .box .head,#inbox .box .head,#reply_box h3,#inbox form .send_form #quickpost h3,#blog .head,#wiki .main_column .box,#wiki .main-column .box,thead th,.forum-post__heading,#wiki .main-column {
  966. font-size:0.875rem;
  967. }
  968. #torrents a[rel="noreferrer"] img[style="max-width: 500px;"] {
  969. max-width:32.673%;
  970. }
  971. .submit span[style="float:left;"] {
  972. display:inline;float:none!important;font-size:12px
  973. }
  974. .filter_torrents div.submit input {
  975. display:inline;margin:5px 0
  976. }
  977. table.cat_list,tr#edition_expand {
  978. text-align:center
  979. }
  980. div[style="padding:0px 10px 10px 10px;"] {
  981. }
  982. #staff .box.pad {
  983. background:transparent!important
  984. }
  985. #forums table.cat_list {
  986. text-align:inherit;
  987. }
  988. #header li {
  989. display:inline-block;
  990. }
  991. #header #nav_more ul li,#header .search-bar__results__list-item {
  992. display:inherit;
  993. }
  994. table#torrent_details li,.forum_post li,.news_post .pad li {
  995. display:list-item;
  996. }
  997. .show_torrents_link {
  998. border:none;width:28px;height:28px;display:block
  999. }
  1000. a[onclick]:focus {
  1001. outline:0;background:transparent
  1002. }
  1003. #content .sidebar ul.nobullet h2 {
  1004. text-align:inherit!important
  1005. }
  1006. .sidebar #covers .pad {
  1007. }
  1008. #content .thin .sidebar .box.box_image div[style="text-align: center; padding: 10px 0px;"] {
  1009. margin:-6px -10px -10px -10px!important;padding:0!important
  1010. }
  1011. #top10 #content .thin p {
  1012. width:100%;text-align:center;display:block
  1013. }
  1014. #top10 #content .thin p strong,#top10 #content .thin p small {
  1015. display:inline-block;font-size:0.875rem;
  1016. }
  1017. #coverart ul.collage_images li {
  1018. width:20%;height:auto;display:inline-block;vertical-align:top;float:none
  1019. }
  1020. #coverart ul.collage_images li img,#coverart ul.collage_images li a {
  1021. min-width:100%;width:100%;height:auto
  1022. }
  1023. #coverart ul.collage_images {
  1024. width:100%
  1025. }
  1026. #content li {
  1027. list-style-type:inherit;list-style-position:inside;
  1028. }
  1029. #forums #content li {
  1030. padding-left:10px
  1031. }
  1032. #rules #content li {
  1033. display:list-item;
  1034. }
  1035. #rules #content li:last-child {
  1036. }
  1037. #content .thin div[style="height:140px;"] {
  1038. height:auto!important
  1039. }
  1040. #content .thin div[style="height:140px;"] h2 {
  1041. }
  1042. .thin>div,.thin>table,.thin>form,#content>form,#content>div,.filter_torrents>.box,#content>h2,.thin h2,.thin>h3,#content>#torrent_table {
  1043. }
  1044. #index #content>div {
  1045. }
  1046. table.layout.border {
  1047. }
  1048. .filter_torrents .box.pad.center {
  1049. background-color:transparent;background:transparent;
  1050. }
  1051. .linkbox,.pagination.pagination--top.js-pagination,.thin>h2,.header>h2,.thin>h3,.header>.linkbox,.filter_torrents>h3,.pagination.pagination--bottom.js-pagination {
  1052. text-align:center!important;
  1053. }
  1054. h2,h3 {
  1055. text-align:center;
  1056. }
  1057. .forum_post td a img:after {
  1058. content:" ";width:100%;display:block;clear:both
  1059. }
  1060. .forum_post td a img {
  1061. display:inline-block;vertical-align:middle
  1062. }
  1063. #quickreplytext div.bbcode-btntoolbar {
  1064. text-align:center;
  1065. }
  1066. .torrent_info_row .linkbox,.torrent_info_row div#subtitle_manager a,.torrent_info_first_block.movie-page__torrent__panel a[href="#"] {
  1067. font-family:'Proxima Nova','Lato','Segoe UI',sans-serif;font-size:0.75rem
  1068. }
  1069. .torrent_info_row .bbcode-table-guard a {
  1070. width:100%;
  1071. }
  1072. .torrent_info_row .bbcode-table-guard a,.torrent_info_first_block.movie-page__torrent__panel {
  1073. text-align:center;
  1074. }
  1075. .torrent_info_row>td {
  1076. padding:15px;box-sizing:border-box;
  1077. }
  1078. .torrent_info_row .bbcode-table-guard a {
  1079. padding:5px 0;display:inline-block;margin:0 auto;
  1080. }
  1081. .forum_post td.body {
  1082. padding-right:10px;padding-bottom:10px
  1083. }
  1084. .movie-tooltip__title-row,.movie-tooltip__tags,.movie-tooltip__ratings,.movie-tooltip__director-list,.movie-tooltip__trailer,.movie-tooltip__synopsis,.linkbox a.brackets {
  1085. padding-bottom:5px
  1086. }
  1087. .movie-tooltip__ratings div {
  1088. margin-right:4px
  1089. }
  1090. .linkbox a.brackets {
  1091. display:inline-block;
  1092. }
  1093. a.new-subscriptions {
  1094. font-weight:normal;
  1095. }
  1096. .forum-post__heading img {
  1097. max-height:13px
  1098. }
  1099. span.user_title {
  1100. max-height:32px
  1101. }
  1102. body {
  1103. background:#e1e3e4;color:#313131;
  1104. }
  1105. .thin>h2>a[href*="series.php"]:after,#header .new-subscriptions a:hover {
  1106. color:#313131
  1107. }
  1108. .torrent td,pre,blockquote {
  1109. color:#777!important
  1110. }
  1111. .signature {
  1112. border-top:1px dashed rgba(121,121,121,0.5);
  1113. }
  1114. #forums td {
  1115. color:#777
  1116. }
  1117. #header {
  1118. color:#9a9a9a
  1119. }
  1120. #header a {
  1121. color:#f7f7f7
  1122. }
  1123. tr.inbox-message--unread td a:hover,tr.unreadpm a:hover {
  1124. color:#f7f7f7
  1125. }
  1126. body #wrapper div#header {
  1127. background-color:#1a1a1a
  1128. }
  1129. .sidebar .box,.news_post .pad,.main_column .box,.main_column2 .box,#scontent .box {
  1130. background:#D9DBDB;
  1131. }
  1132. #header a:hover,#header a:focus {
  1133. color:#3c948b
  1134. }
  1135. #forums .forum_post td,#forums tr.colhead {
  1136. color:#313131
  1137. }
  1138. #forums tr.colhead td,#forums .colhead_dark,#forums .colhead_dark td {
  1139. color:#f7f7f7
  1140. }
  1141. td a {
  1142. color:#313131
  1143. }
  1144. .head a {
  1145. color:#313131
  1146. }
  1147. #summary .ui-widget-header {
  1148. border:none;
  1149. }
  1150. #torrents .torrent_table a[onclick*=toggle] strong {
  1151. color:#000
  1152. }
  1153. #torrents .torrent_table a[onclick*=toggle],a.episode,tr.recentinternalrow>td:first-child,a[href*="torrents.php?id"],a[href*="torrents.php?id"][title="View Torrent"].season:hover,a[href*="torrents.php?id"][title="View Torrent"].episode {
  1154. color:#777
  1155. }
  1156. .ui-tabs .ui-tabs-nav li.ui-state-default,div.ui-tabs-vertical .ui-tabs-nav li.ui-state-default {
  1157. background:#bbb!important
  1158. }
  1159. td,form.search_form,.box.pad,#blog .box,div.ui-tabs-vertical,.box.thin.clear {
  1160. background:#D9DBDB
  1161. }
  1162. .box.filter_torrents .head,.colhead td,.colhead_dark td,tr.colhead,tr.colhead_dark,#inbox .box .head,#inbox .box .head,#reply_box h3,#inbox form .send_form #quickpost h3,#blog .head {
  1163. color:#9a9a9a;border-bottom:2px solid #1a1a1a
  1164. }
  1165. div#quickreplytext, {
  1166. padding:15px;background:#D0D0D0
  1167. }
  1168. #staffpm form#messageform,#staffpm #inbox h3,h3,h2 {
  1169. color:inherit;border:inherit;
  1170. }
  1171. .group td {
  1172. background:#d0d0d0
  1173. }
  1174. td {
  1175. padding:5px;border-bottom:1px solid #D0D0D0
  1176. }
  1177. .holder {
  1178. background:#1a1a1a
  1179. }
  1180. #menu {
  1181. background: #1d1d1d;
  1182. background: rgba(0,0,0,0.6);
  1183. border: 1px solid transparent;
  1184. }
  1185. #menu > ul {
  1186. display: flex;
  1187. width: 1100px;
  1188. margin: 0 auto;
  1189. }
  1190. #menu > ul > li {
  1191. position: relative;
  1192. flex: 1 1 auto;
  1193. }
  1194. .nav_dropdown > div {
  1195. position: absolute;
  1196. background-color: rgba(0,0,0,0.6);
  1197. width: 100%;
  1198. z-index: 99999;
  1199. margin-top: 14px;
  1200. left: 0;
  1201. }
  1202. #nav_links > #links_menu {
  1203. width: 120px;
  1204. margin-left: -68px;
  1205. }
  1206. .nav_dropdown > div > a {
  1207. display: none;
  1208. height: 32px;
  1209. line-height: 32px;
  1210. }
  1211. .nav_dropdown:hover > div > a {
  1212. display: block;
  1213. }
  1214. #userinfo_minor a,#menu ul>li>a {
  1215. color:#fff
  1216. }
  1217. #header div#searchbars {
  1218. background: #131313;
  1219. padding: 4.5px 0;
  1220. display: flex;
  1221. width: 1100px;
  1222. margin: 0 auto;
  1223. }
  1224. div#ft_container {
  1225. background:#D0D0D0
  1226. }
  1227. #taglist {
  1228. text-align:center;font-size:0.7187rem;background:#d9dbdb
  1229. }
  1230. table.layout {
  1231. width:100%
  1232. }
  1233. blockquote {
  1234. border:1px dashed rgba(121,121,121,0.5)
  1235. }
  1236. span[style="color: grey;"] {
  1237. color:#333!important
  1238. }
  1239. .box.torrent_description {
  1240. background:#d9dbdb
  1241. }
  1242. form.search_form input {
  1243. border:1px solid transparent;
  1244. }
  1245. form.search_form input {
  1246. background:#b5b5b5;color:#313131;border:1px solid transparent;
  1247. }
  1248. select {
  1249. border:1px solid transparent;
  1250. }
  1251. select {
  1252. background:#b5b5b5;color:#313131;border:1px solid transparent;
  1253. }
  1254. #header form.search_form input:hover,#header select:hover {
  1255. background:#1f1f1f;color:#f7f7f7;border:1px solid #444
  1256. }
  1257. #header form.search_form input:focus,#header select:focus,#header input:hover,#header input:focus {
  1258. background:#1f1f1f;color:#f7f7f7;border:1px solid #444!important
  1259. }
  1260. form.search_form input:hover,select:hover {
  1261. background:#a9a9a9;color:#f4f4f4;border:1px solid #a2a2a2
  1262. }
  1263. form.search_form input:focus,select:focus {
  1264. background:#a9a9a9;color:#333;border:1px solid #a2a2a2
  1265. }
  1266. #header input {
  1267. border:1px solid transparent;
  1268. }
  1269. #header input {
  1270. background:#333;color:#5a5a5a;border:1px solid transparent;
  1271. }
  1272. #inbox input[type="search"] {
  1273. color:inherit
  1274. }
  1275. input[type="submit"],input[type="button"] {
  1276. color:#f7f7f7;
  1277. }
  1278. input[type="submit"]:hover,input[type="submit"]:focus,input[type="button"]:hover,input[type="button"]:focus {
  1279. color:#f7f7f7;background-color:#777;
  1280. }
  1281. #taglist tr td a,.tags a,.sidebar .stats.nobullet a {
  1282. background:#9C9C9C;color:#f4f4f4;
  1283. }
  1284. #taglist tr td a:hover,#taglist tr td a:focus,.tags a:hover,.tags a:focus,.sidebar .stats.nobullet a:hover,.sidebar .stats.nobullet a:focus {
  1285. background:#333;color:#f4f4f4
  1286. }
  1287. .main_column .box .head.colhead_dark,.box.news_post .head {
  1288. border-bottom:1px solid #2b2b2b;0
  1289. }
  1290. .sidebar .stats.nobullet a.brackets {
  1291. background:inherit!important;color:inherit;
  1292. }
  1293. .box_info .stats.nobullet li a {
  1294. background:inherit;font-size:inherit;color:#3c948b!important;
  1295. }
  1296. .box_info .stats.nobullet li a:hover {
  1297. background:inherit;font-size:inherit;color:#313131;
  1298. }
  1299. .sidebar .box .head,.main_column .box .head.colhead_dark,.box.news_post .head,tr.colhead,tr.colhead_dark,.head.colhead_dark,.main_column .box .head {
  1300. border-bottom:1px solid #2b2b2b
  1301. }
  1302. td.read:before {
  1303. color:#ababab
  1304. }
  1305. td.read_sticky:before {
  1306. color:#ababab
  1307. }
  1308. td.read_locked:before {
  1309. ccolor:#ababab
  1310. }
  1311. td.unread_locked:before {
  1312. color:#3c948b
  1313. }
  1314. td.read_locked_sticky:before {
  1315. color:#ababab
  1316. }
  1317. td.unread_locked_sticky:before {
  1318. color:#3c948b
  1319. }
  1320. .submit.ft_submit span {
  1321. color:#555
  1322. }
  1323. form.search_form input[type="submit"]:hover,form.search_form input[type="button"]:hover {
  1324. background:#777;color:#f4f4f4;border:1px solid #777
  1325. }
  1326. form.search_form input[type="submit"],form.search_form input[type="button"] {
  1327. color:#f4f4f4;
  1328. }
  1329. .group_info>a:nth-child(2n):hover,.group_info>a:nth-child(3n):hover {
  1330. color:#313131
  1331. }
  1332. #index .sidebar .stats.nobullet a {
  1333. background:inherit;
  1334. }
  1335. #index .sidebar .stats.nobullet a:hover,#index .sidebar .stats.nobullet a:focus {
  1336. color:inherit
  1337. }
  1338. .forum_post a:hover,.forum_post a:focus,#summary .ui-widget-content {
  1339. color:#313131
  1340. }
  1341. li#nav_subscriptions.new-subscriptions a:hover {
  1342. color:#f7f7f7!important
  1343. }
  1344. .box.filter_torrents .head a,.forum_post .colhead a,.forum_post .colhead_dark a,#inbox .box .head a {
  1345. color:#313131
  1346. }
  1347. .hide_torrents {
  1348. width:28px;height:28px;background:url(../../img/d-hide.png) no-repeat center center;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);background-size:10px 10px
  1349. }
  1350. .show_torrents {
  1351. width:28px;height:28px;background:url(../../img/d-show.png) no-repeat center center;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);background-size:10px 10px
  1352. }
  1353. #inbox .box .body,#inbox .box #buttons .field_div.textarea_wrap,#inbox .box {
  1354. background:#D0D0D0
  1355. }
  1356. .lightbox img {
  1357. background-color:transparent
  1358. }
  1359. .curtain {
  1360. background:#111 50% 0 no-repeat fixed;
  1361. }
  1362. textarea,input {
  1363. background-color:#b5b5b5;
  1364. }
  1365. .noty_message,ul#noty_bottomRight_layout_container li,.noty_buttons {
  1366. background-color:#d9dbdb;background:#d9dbdb!important;color:#313131!important;border:none!important;
  1367. }
  1368. li#searchbar_torrents:first-of-type form:before,div#searchbars ul li:first-of-type form:before {
  1369. background:transparent;background-color:transparent;color:#717171
  1370. }
  1371. div#searchbars,div#searchbars ul,div#searchbars ul li,div#searchbars form {
  1372. background:transparent;background-color:transparent
  1373. }
  1374. textarea[name="comment"],input[name="subject"],textarea[name="body"],input[type="text"] {
  1375. background:#b5b5b5;color:#5a5a5a;border:1px solid transparent!important
  1376. }
  1377. textarea[name="comment"]:hover,input[name="subject"]:hover,textarea[name="body"]:hover,input[type="text"]:hover {
  1378. background:#a9a9a9;color:#f7f7f7;border:1px solid #9e9e9e!important
  1379. }
  1380. textarea[name="body"]:focus,textarea[name="comment"]:focus,input[name="subject"]:focus,input[type="text"]:focus {
  1381. background:#a9a9a9;color:#333;border:1px solid #9e9e9e!important
  1382. }
  1383. .autocomplete-suggestions strong {
  1384. color:#f7f7f7
  1385. }
  1386. .autocomplete-suggestions {
  1387. background:#131313;
  1388. color:#9a9a9a;
  1389. }
  1390. .autocomplete-selected {
  1391. background: #222!important;
  1392. color:#9a9a9a;
  1393. background-color:#1f1f1f!important;
  1394. }
  1395. div.noty_bar {
  1396. border: 1px solid #d0d0d0;
  1397. }
  1398. .filter_torrents .box.pad {
  1399. background:#D0D0D0
  1400. }
  1401. .forum_post tr.colhead_dark.notify_forums a,.forum_post tr.colhead a {
  1402. color:#f7f7f7
  1403. }
  1404. .staff_post tr.colhead_dark > td, .staff_post tr.colhead_dark {
  1405. background: #d476d1;
  1406. }
  1407. .forum_post tr.colhead_dark > td, .forum_post tr.colhead_dark {
  1408. border-bottom: none!important;
  1409. }
  1410. .forum_post.forum_unread tr.colhead_dark {
  1411. border-top: 2px solid #76efe4;
  1412. }
  1413. .forum_post.staff_post.forum_unread tr.colhead_dark {
  1414. border-top: 2px solid #b159a6;
  1415. }
  1416. table#torrent_table strong {
  1417. color:#313131
  1418. }
  1419. .box.filter_torrents .head,.colhead td,.colhead_dark td,tr.colhead,tr.colhead_dark,#inbox .box .head,#inbox .box .head,#reply_box h3,#inbox form .send_form #quickpost h3,.sidebar .box .head,.main_column .box .head.colhead_dark,.box.news_post .head,tr.colhead,tr.colhead_dark,.head.colhead_dark,.main_column .box .head {
  1420. color:#F7F7F7;
  1421. }
  1422. div.pad#threadpoll {
  1423. background:#D0D0D0;
  1424. }
  1425. div.pad#threadpoll p strong {
  1426. color:#313131;
  1427. }
  1428. .thin h2,.thin h3,#content h2 {
  1429. color:#313131
  1430. }
  1431. #content .thin div[style="height:140px;"] {
  1432. background-color:#d0d0d0;
  1433. }
  1434. #index div#last5t>.head.colhead_dark:first-child {
  1435. margin-bottom:10px!important
  1436. }
  1437. .autocomplete-suggestion {
  1438. padding:5px
  1439. }
  1440. .tag_parody {
  1441. background: #d2aa4b !important;
  1442. }
  1443. .tag_character {
  1444. background: #689f78 !important;
  1445. }
  1446. .tag_female {
  1447. background: #e993e9 !important;
  1448. }
  1449. .tag_male {
  1450. background: #5959f9 !important;
  1451. }
  1452. .collage_image:hover {
  1453. box-shadow: 0px 0px 0px 3px #5aada5;
  1454. position: relative;
  1455. }
  1456. /* Fixed Header addition */
  1457. body.style_fixed_header #menu, body.style_fixed_header .main-menu {
  1458. position:fixed;
  1459. }
  1460. body.style_fixed_header #settings_sections.fixed {
  1461. top: 52px;
  1462. }