Advertisement
Guest User

a.css

a guest
Feb 13th, 2017
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 190.44 KB | None | 0 0
  1.  
  2. /*
  3. DarkMonoAlt - Tweaked by mnster for PassTheHeadphones
  4. -----------------------------------------------------
  5.  
  6. Original DarkMono v2 by htrd (a.hatred@gmail.com)
  7. Original terms of use / license information:
  8.  
  9. Everything is copyright 2012 htrd.
  10. Distributed under the Creative Commons BY-NC-ND 3.0 License:
  11. * You may copy, distribute and transmit this stylesheet and it's associated elements, unaltered and in their entirety, so long as you
  12. give proper credit for the creation and design of these elements to htrd and include this written notice of such credit.
  13. * You may not use any aspect of this stylesheet or it's design elements for any commercial or public purposes.
  14. * You may not alter, transform, or build upon this stylesheet for public use.
  15. * By using this stylesheet and it's associated elements, you agree to these Terms of Use and also that these Terms of Use may change at any time, with or without notice.
  16. Made exclusively for use on What.CD in 2012.
  17. */
  18. @import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
  19. * {
  20. margin: 0;
  21. padding: 0;
  22. }
  23.  
  24. body {
  25. margin: 0;
  26. padding: 0;
  27. background: #222;
  28. color: #9A9A9A;
  29. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.3);
  30. font: 13px 'Roboto', 'Trebuchet MS', "Arial", sans-serif;
  31. }
  32.  
  33. p, #userinfo_stats li:last-child {
  34. margin: 0;
  35. }
  36.  
  37. p.min_padding, .friends_table td.left input[type="submit"]:first-child {
  38. margin-top: 3px;
  39. }
  40.  
  41. table {
  42. border-spacing: 0;
  43. border-collapse: collapse;
  44. }
  45.  
  46. ol, ul {
  47. list-style-position: inside;
  48. }
  49.  
  50. li {
  51. line-height: 1.5em;
  52. }
  53.  
  54. a, .linkbox a:hover {
  55. color: #528ba3;
  56. text-decoration: none;
  57. }
  58.  
  59. a:hover, #content a:visited {
  60. color: #456478;
  61. }
  62.  
  63. a img, #collage .search_form td, #requests .search_form td, #reportsv2 #reportform.create_form .layout td, #requests .box.box_votes td, #upload #whmf_offer, .filter_torrents .cat_list, .search_form .layout td {
  64. border: none !important;
  65. }
  66.  
  67. .add_bookmark a, .big_info .add_bookmark.brackets, .bookmark a.add_bookmark {
  68. display: block;
  69. overflow: hidden;
  70. padding: 2px 0px;
  71. width: 20px;
  72. height: 20px;
  73. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/bm-add.png") no-repeat top left;
  74. background-position: 0px 5px;
  75. text-indent: 100%;
  76. white-space: nowrap;
  77. font-size: 0px;
  78. cursor: pointer;
  79. }
  80.  
  81. .remove_bookmark a, .big_info .remove_bookmark.brackets, .bookmark a.remove_bookmark {
  82. display: block;
  83. overflow: hidden;
  84. padding: 2px 0px;
  85. width: 20px;
  86. height: 20px;
  87. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/bm-remove.png") no-repeat top left;
  88. background-position: 0px 5px;
  89. text-indent: 100%;
  90. white-space: nowrap;
  91. font-size: 0px;
  92. cursor: pointer;
  93. }
  94.  
  95. /*
  96. a.upvote, a.small_upvote {
  97. display: inline-block;
  98. overflow: hidden;
  99. width: 16px;
  100. height: 14px;
  101. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  102. background-position: 0px -62px;
  103. text-indent: 100%;
  104. white-space: nowrap;
  105. cursor: pointer;
  106. }
  107.  
  108. a.upvote:hover, a.small_upvote:hover {
  109. display: inline-block;
  110. overflow: hidden;
  111. width: 16px;
  112. height: 14px;
  113. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  114. background-position: -16px -62px;
  115. }
  116.  
  117. a.downvote, a.small_downvote {
  118. display: inline-block;
  119. overflow: hidden;
  120. width: 16px;
  121. height: 14px;
  122. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  123. background-position: 0px -76px;
  124. text-indent: 100%;
  125. white-space: nowrap;
  126. cursor: pointer;
  127. }
  128.  
  129. a.downvote:hover, a.small_downvote:hover {
  130. display: inline-block;
  131. overflow: hidden;
  132. width: 16px;
  133. height: 14px;
  134. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  135. background-position: -16px -76px;
  136. }
  137.  
  138. a.small_clearvote {
  139. display: inline-block;
  140. overflow: hidden;
  141. width: 16px;
  142. height: 14px;
  143. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  144. background-position: 0px -91px;
  145. text-indent: 100%;
  146. white-space: nowrap;
  147. cursor: pointer;
  148. }
  149. */
  150. a.new-subscriptions {
  151. padding: 6px 5px 5px !important;
  152. margin-right: 5px;
  153. background-color: rgba(42, 68, 93, 0.1);
  154. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 68, 93, 0.1)), to(rgba(76, 123, 167, 0.5)));
  155. background-image: -webkit-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  156. background-image: -moz-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  157. background-image: -o-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  158. background-image: linear-gradient(to bottom, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  159. color: #888;
  160. }
  161.  
  162. a.new-subscriptions:hover {
  163. color: #7a7a7a !important;
  164. }
  165.  
  166. a.hide_torrents_link {
  167. display: block;
  168. width: 23px;
  169. height: 25px;
  170. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/show-hide.png") no-repeat;
  171. background-position: 0px -25px;
  172. }
  173.  
  174. a.show_torrents_link {
  175. display: block;
  176. width: 23px;
  177. height: 25px;
  178. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/show-hide.png") no-repeat;
  179. }
  180.  
  181. h1, h2, h3 {
  182. color: #666 !important;
  183. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  184. font-weight: bold;
  185. }
  186.  
  187. h2 {
  188. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  189. font-size: 24px;
  190. line-height: 1.2em;
  191. margin-bottom: 1em;
  192. }
  193.  
  194. h3 {
  195. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  196. font-size: 14px;
  197. line-height: 1.2em;
  198. margin-bottom: 1.1em;
  199. }
  200.  
  201. h4, h5, .thin > h2 + .linkbox + div table td:first-child, .filter_torrents table:nth-child(1) td:first-child, .add_torrent_container .add_form span[style="font-style: italic;"] {
  202. font-size: 12px;
  203. }
  204.  
  205. h3#irc + .box.pad ul li:last-child, h3#general + .box.pad ul li:last-child {
  206. margin-bottom: 0;
  207. padding-bottom: 0;
  208. border-bottom: none;
  209. }
  210.  
  211. #alerts {
  212. position: absolute;
  213. top: 90px;
  214. text-align: right;
  215. }
  216.  
  217. #artist .merge_form div[style="text-align: center;"] {
  218. text-align: left !important;
  219. }
  220.  
  221. #artist .merge_form div[style="text-align: center;"] label:first-child {
  222. margin-left: 50px;
  223. }
  224.  
  225. #artist .merge_form div[style="text-align: center;"] label {
  226. margin-left: 29px;
  227. }
  228.  
  229. #artist .merge_form div[style="text-align: center;"] strong {
  230. margin-left: 72px;
  231. }
  232.  
  233. #artist .merge_form div[style="text-align: center;"] input[type="submit"] {
  234. margin-left: 444px;
  235. }
  236.  
  237. #artist .add_form input[value="Add alias"] {
  238. margin-top: 10px;
  239. margin-left: 463px;
  240. }
  241.  
  242. #artist .merge_form input#newartistid, #artist .merge_form input#newartistname {
  243. width: 87%;
  244. }
  245.  
  246. #artistcomplete, #torrentscomplete {
  247. position: absolute !important;
  248. z-index: 2;
  249. display: block !important;
  250. overflow: hidden;
  251. width: 152px !important;
  252. background: rgba(20, 20, 20, 0.8);
  253. text-align: left;
  254. }
  255.  
  256. #artistcomplete > li {
  257. display: block;
  258. padding: 5px 5px !important;
  259. width: 100% !important;
  260. cursor: pointer;
  261. }
  262.  
  263. #artistcomplete li.highlight {
  264. margin-right: 0;
  265. background-color: rgba(100, 100, 100, 0.55);
  266. }
  267.  
  268. #artistfields input#artist, #title_tr input#title, #label_tr input#record_label, #catalogue_tr input#catalogue_number, #upload_table.create_form input#image, #edition_title input#remaster_title, #edition_record_label input#remaster_record_label, #edition_catalogue_number input#remaster_catalogue_number, .yadg_tr input#yadg_input, #upload_table.create_form input#title {
  269. width: 350px;
  270. }
  271.  
  272. #artist_list .remove.remove_artist, #info.head a:last-child, #concerts.head a:last-child, .box.box_info.pad ul ul li a:nth-child(2), .box.box_info.pad ul ul li a:nth-child(3), a#flip_to, #torrents .submit input[value="Filter Torrents"], .group_torrent td span, .votespan {
  273. float: right;
  274. }
  275.  
  276. #artist_name.ftr_advanced td, #search_terms.ftr_basic td {
  277. padding-top: 0;
  278. }
  279.  
  280. #better .search_form input[size="60"] {
  281. width: 500px;
  282. }
  283.  
  284. #better .search_form tr:hover, #wrapper div::-webkit-scrollbar-corner {
  285. background-color: transparent;
  286. }
  287.  
  288. #better .torrent_table .torrent_info, #better .torrent_table .tags {
  289. margin-left: 30px;
  290. }
  291.  
  292. #bookmarks .torrent_table .colhead_dark td:first-child {
  293. width: 5%;
  294. }
  295.  
  296. #bookmarks .search_form .layout.border, #bookmarks .search_form .layout.cat_list {
  297. margin: 0;
  298. -webkit-box-shadow: none;
  299. box-shadow: none;
  300. }
  301.  
  302. #collage table#discog_table tr.group_torrent td:first-child, #bookmarks table#torrent_table tr.group_torrent td:first-child, #torrents table#torrent_table tr.group_torrent td:first-child, #top10 tr.group_torrent td:first-child {
  303. padding-left: 76px;
  304. }
  305.  
  306. #collage_table {
  307. margin-bottom: 20px;
  308. border: none;
  309. background: none;
  310. -webkit-box-shadow: none;
  311. box-shadow: none;
  312. }
  313.  
  314. #collage_table td img {
  315. margin: 2px;
  316. width: 128px;
  317. height: 128px;
  318. border: 2px solid #3b3b3b;
  319. opacity: 0.6;
  320. }
  321.  
  322. #collage_table td img:hover {
  323. border: 2px solid #5fa296;
  324. opacity: 1;
  325. transition: opacity .25s ease-in-out;
  326. -webkit-transition: opacity .25s ease-in-out;
  327. -moz-transition: opacity .25s ease-in-out;
  328. -o-transition: opacity .25s ease-in-out;
  329. }
  330.  
  331. #collage .search_form .layout.border tr:nth-child(3) td:nth-child(2) label, tr#release_list td label, tr#format_list td label, tr#bitrate_list td label, tr#media_list td label {
  332. margin-right: 10px;
  333. }
  334.  
  335. #collage form#quickpostform.send_form textarea[cols="24"], .sidebar .add_form textarea {
  336. margin-bottom: 5px;
  337. width: 216px !important;
  338. }
  339.  
  340. #collage .create_form .layout td.center, #upload .layout.border.slice tbody tr td table td, .forum_post td, .search_form .layout td, .friends_table td, #torrents .edit_form .layout.border td, #wiki .layout.border td, #better .search_form td, #edition_information td, #user .send_form .layout.border td {
  341. border: none;
  342. }
  343.  
  344. #collage input#namebox, #collage input#tags, #newthreadtext input#title, input#pollquestionfield, #newthreadtext textarea#posttext, #user form textarea[style="width: 100%"], #user form input[style="width: 100%"], #requests #request_form textarea[name="description"] {
  345. width: 757px !important;
  346. }
  347.  
  348. #collage select[name="category"] {
  349. margin-bottom: 3px;
  350. }
  351.  
  352. #collage .search_form .layout.border tr:nth-child(4) td:nth-child(3) {
  353. width: 60px;
  354. }
  355.  
  356. #content h1 a:visited, #content h2 a:visited, #content h3 a:visited {
  357. color: #528ba3 !important;
  358. }
  359.  
  360. #catalogue_number_year td:nth-child(3), #edition_title td:nth-child(3) {
  361. width: 175px;
  362. }
  363.  
  364. #content {
  365. overflow: hidden;
  366. margin: 150px auto 50px !important;
  367. width: 1000px;
  368. line-height: 1.4em;
  369. }
  370.  
  371. #content .main_column {
  372. float: left;
  373. width: 730px;
  374. }
  375.  
  376. #content, .thin {
  377. clear: both;
  378. overflow: hidden;
  379. }
  380.  
  381. #content .sidebar {
  382. float: right;
  383. width: 258px !important;
  384. }
  385.  
  386. #coverart.box ul.collage_images img {
  387. margin: 5px;
  388. width: 130px !important;
  389. height: 130px !important;
  390. border: 2px solid #3b3b3b !important;
  391. opacity: 0.6;
  392. }
  393.  
  394. #coverart.box ul.collage_images img:hover, .group_image.float_left.clear img:hover, .gm_albumartdisplay img:hover, #collage_table td img:hover, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img:hover, #user .layout.recent a > img:hover {
  395. border: 2px solid #528BA3 !important;
  396. opacity: 1 !important;
  397. transition: opacity .25s ease-in-out;
  398. -webkit-transition: opacity .25s ease-in-out;
  399. -moz-transition: opacity .25s ease-in-out;
  400. -o-transition: opacity .25s ease-in-out;
  401. }
  402.  
  403. #debug_database pre, #debug_report pre {
  404. white-space: pre-wrap;
  405. }
  406.  
  407. #debug_sphinx .debug_sphinx_time, #debug_database .debug_query_time, #debug_flags .debug_flags_time {
  408. width: 200px;
  409. }
  410.  
  411. #desc_row textarea {
  412. width: 618px;
  413. float: right;
  414. margin-left: 10px !important;
  415. }
  416.  
  417. #desc_row a {
  418. clear: both;
  419. line-height: 30px;
  420. }
  421.  
  422. #discog_table .box.center {
  423. color: #444 !important;
  424. }
  425.  
  426. #discog_table .box.center a {
  427. padding: 2px;
  428. }
  429.  
  430. #donate img[alt="Flattr this"] {
  431. margin: 8px 0 5px 10px;
  432. }
  433.  
  434. #donate input[type="submit"] {
  435. margin: 10px 5px 0 0;
  436. }
  437.  
  438. #dnulist td:first-child {
  439. width: 30% !important;
  440. }
  441.  
  442. #dnulist td:last-child {
  443. width: 70% !important;
  444. }
  445.  
  446. #extra1 {
  447. position: absolute;
  448. top: 0;
  449. margin: 0;
  450. padding: 0;
  451. width: 100%;
  452. height: 45px;
  453. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  454. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  455. background: #191919;
  456. }
  457.  
  458. #extra2 {
  459. position: absolute;
  460. top: 0;
  461. margin: 125px 0 0;
  462. width: 100%;
  463. height: 50px;
  464. background-color: #2e2e2e;
  465. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  466. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  467. }
  468.  
  469. #flip_view_1, #flip_view_2, canvas#similarArtistsCanvas {
  470. margin: auto;
  471. }
  472.  
  473. #footer {
  474. margin: 0 auto 50px;
  475. width: 1000px;
  476. text-align: center;
  477. }
  478.  
  479. #footer:after {
  480. content: "DarkMonoAlt by mnster. Original by htrd. Released under CC BY-NC-ND 3.0 License.";
  481. }
  482.  
  483. #greasemonkey_status_area {
  484. top: 50px !important;
  485. }
  486.  
  487. #header {
  488. position: relative;
  489. z-index: 5;
  490. margin: 0 auto;
  491. width: auto;
  492. max-width: 1300px;
  493. height: 65px;
  494. }
  495.  
  496. #format-hide, .torrent_table, #content > .search_form, .thin > div > .search_form, .box.pad .edit_form, .box.pad .rename_form, .box.pad .merge_form, .vote_matches_table, .main_column > .box, .sidebar .box, .collage_table, .create_form .layout, .request_table .border, .request_table.border, #request_form .layout, #searchforum, .forum_index, .forum_post, .forum_list.border, #reply_box, #chat .box.pad[style="padding: 10px 10px 10px 20px;"], #top10 h3 + .border, .rule_summary, .rule_table, .box.pad > .border, .thin > .before_rules, #actual_rules, .thin > .search_form, #wiki .create_form, #wiki .edit_form, #wiki .thin > form > table, #below_box, .staff, #logchecker .thin > form > table, #better .box.pad[style="padding: 10px 10px 10px 20px;"] > p, #better .box.pad > table[width="100%"], .message_table, #inbox .send_form, .edit_form .layout, .friends_table, #dnulist, #upload .thin > p, #upload .box.pad > h3 + p + p, #user .box.pad > table[width="100%"], #donate .box.pad, #user .thin > .header + .box.pad, #user .send_form .layout.border, #discog_table .box.center, #user .main_column .layout.recent, #user .manage_form .layout, .artist_table, #manage_collage_table.ui-sortable, .thin > .header + .layout, #wiki .thin > .header + table, .main_column > .layout, .box.vertical_space, .manage_form .box.pad, .split_form .layout, .box.pad .add_form, .thin > .header + .border, #searchthread .search_form .layout.border, #content > .header + .linkbox + .layout.border, .thin > .box.thin.clear, #compose .send_form, #torrents .thin.center > .box[style="width: 600px; margin: 0px auto;"], #blog .box, #wiki .thin > div > form > .layout.border, #forums #searchthread.center .search_form .layout.border, #wiki .thin > .linkbox + table[width="100%"], #reports .thin > h3 + .box.pad, #reports .thin > .box.pad + p + table, #torrents .thin > .header + table, #staffpm #inbox > .box.pad, #torrents .torrentdetails.pad table, #user #content > .thin.center > .box, #log #log_table.log_table.border, #mark_suggestion_div .layout.border, #tools #content table, #recommendation_div {
  497. margin-bottom: 15px !important;
  498. padding: 10px !important;
  499. background-color: rgba(100, 100, 100, 0.15);
  500. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  501. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  502. color: #9A9A9A;
  503. }
  504.  
  505. #forums .colhead_dark strong > a {
  506. text-transform: none;
  507. }
  508.  
  509. #forums #searchforum .search_form {
  510. width: 970px;
  511. color: #9A9A9A;
  512. }
  513.  
  514. #forums #searchforum.center {
  515. margin-top: 10px;
  516. text-align: justify;
  517. }
  518.  
  519. #forums #content blockquote {
  520. margin-bottom: 5px;
  521. max-width: 805px;
  522. }
  523.  
  524. #forums #quickreplytext br, #torrents .edit_form br, #rules li[id="r2.2.0"] img, #rules li[id="r2.2.0"] em, .sidebar .box.box_addtag br, #collage form#quickpostform.send_form br, #quickreplytext br, .add_torrent_container .add_form br, .user_title br, .main_column div#coverart + br, #upload .thin > p br, #upload #content > .box.pad + br, #rules .thin > .box.pad + br, #rules .header + br, #rules form + br, .main_column .linkbox + br, #quickpost h3 + input + br, #threadpoll.pad br, #staffpm .thin > br, #staff .box.pad br, #staff .thin > br, #blog div + br, #staffpm #messageform.manage_form br, #bookmarks .group.discog td > span > br, .sticky_post_label, .send_form > .box.pad > br, #recommendation_status br {
  525. display: none;
  526. }
  527.  
  528. #forums pre {
  529. max-width: 700px;
  530. }
  531.  
  532. #forums .linkbox strong + br + a {
  533. line-height: 18px;
  534. }
  535.  
  536. #forums .search_form .cat_list td {
  537. text-align: left;
  538. }
  539.  
  540. #forums .search_form .cat_list .forum_cat {
  541. text-align: center;
  542. }
  543.  
  544. #format-hide span {
  545. padding: 2px 2px;
  546. border: none !important;
  547. color: #528ba3 !important;
  548. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.3);
  549. }
  550.  
  551. #format-hide .hider-f {
  552. padding: 2px 2px;
  553. color: #666 !important;
  554. text-decoration: none !important;
  555. }
  556.  
  557. #format-hide.box.box_artists {
  558. color: rgba(100, 100, 100, 0.15);
  559. text-shadow: none;
  560. }
  561.  
  562. #friends .friends_table textarea {
  563. height: 73px;
  564. }
  565.  
  566. #friends .friends_table td.left input[type="submit"] {
  567. margin-bottom: 5px;
  568. width: 100%;
  569. }
  570.  
  571. #friends .friends_table tr.colhead span[style="float: right;"]:before {
  572. content: "Last Seen: ";
  573. }
  574.  
  575. #index .sidebar .box .pad p, .linkbox .center, #artist .thin > h2, #index .sidebar .box div.head.colhead_dark + div.center.pad, .rule_summary li, #quickreplytext, #staff .box.pad h3 + p, #reports .box.pad + p, #reports .box.pad > p, #rules h4, #rules h5, .edit_form div > h3 + p, .send_form .box.pad textarea#quickpost, #reports blockquote, .save_message {
  576. margin-bottom: 5px;
  577. }
  578.  
  579. #index .graph .center_poll {
  580. margin-top: 0;
  581. }
  582.  
  583. #index .sidebar a > img[width="100%"], .box.box_albumart img, #artist .sidebar div img {
  584. width: 230px;
  585. height: auto;
  586. border: 2px solid #3b3b3b !important;
  587. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  588. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  589. opacity: 1;
  590. }
  591.  
  592. #index .sidebar a > img[width="100%"]:hover, #artist .sidebar div img:hover, .box.box_albumart img:hover {
  593. border: 2px solid #456478 !important;
  594. opacity: 0.6;
  595. -webkit-transition: opacity .25s ease-in-out;
  596. -moz-transition: opacity .25s ease-in-out;
  597. transition: opacity .25s ease-in-out;
  598. }
  599.  
  600. #inbox #quickpost input[type="text"], #staffpm .send_form input#subject, #staff .send_form input#subject, #artist .edit_form input[size="92"], #artist .rename_form input[name="name"], #artist .add_form input[size="40"], #torrents .rename_form input[size="92"], #torrents .merge_form input[name="targetgroupid"], .box.pad .edit_form input[size="92"] {
  601. display: block;
  602. margin: 0 auto 10px;
  603. width: 958px;
  604. }
  605.  
  606. #inbox .box.pad input[value="Editor"], #inbox .box.pad input[value="Preview"] {
  607. margin-right: 3px;
  608. }
  609.  
  610. #inbox .manage_form .layout td {
  611. padding-top: 10px;
  612. border: none;
  613. }
  614.  
  615. #inbox .manage_form .layout td.label, #requests .box.box_votes td:nth-child(2), .thin > h2 + div > form table td.label, .thin > h2 + .linkbox + div form table td.label, .filter_torrents td.label, #requests tbody tr td.label, #requests .thin .search_form tr#release_list td.label, #collage .thin .search_form tr td.label, #logchecker .thin.center .border td.label, #upload #upload_table.create_form #dynamic_form table tbody td:first-child, #userform.edit_form .layout td.label {
  616. text-align: right;
  617. }
  618.  
  619. #inbox .thin #searchbox.search_form div input:last-child, #index .sidebar #merchbox.box div.center.pad, #index .sidebar .box div.center.pad:last-child, #reports .box.pad ul + p, #inbox input[value="Manage conversation"], #artistfields input[id="artist"]:nth-child(n+1), .artists_with, .preview_submit, #answer_block input:nth-child(n+2) {
  620. margin-top: 5px;
  621. }
  622.  
  623. #lightbox {
  624. position: fixed;
  625. top: 10%;
  626. left: 5%;
  627. z-index: 1000;
  628. overflow: auto;
  629. padding: 0;
  630. width: 90%;
  631. height: 90%;
  632. text-align: center;
  633. }
  634.  
  635. #lightbox img {
  636. max-width: 90%;
  637. max-height: 90%;
  638. border: 5px solid #3b3b3b;
  639. }
  640.  
  641. #logchecker textarea#log_contents {
  642. margin: 0 !important;
  643. height: 100px;
  644. width: 757px;
  645. }
  646.  
  647. #logchecker blockquote h2 {
  648. margin-bottom: 0px;
  649. }
  650.  
  651. #logo a {
  652. position: absolute;
  653. top: 0;
  654. left: 0;
  655. z-index: 5;
  656. margin: 12px 0 0 50px;
  657. padding: 0;
  658. width: 160px;
  659. height: 24px;
  660. background: url("https://dl.dropboxusercontent.com/s/6bxa3qgz1bfhxde/pth-orange.png") no-repeat;
  661. background-size: auto 80%;
  662. }
  663.  
  664. #menu {
  665. position: absolute;
  666. top: 0;
  667. right: 0;
  668. width: 100%;
  669. height: 45px;
  670. text-align: right;
  671. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  672. font-weight: normal;
  673. }
  674.  
  675. #menu a, #userinfo_stats a, .tags a:hover, .search_form {
  676. color: #9A9A9A;
  677. }
  678.  
  679. #menu .active a {
  680. background-color: #1c1c1c;
  681. color: #F9A440;
  682. }
  683.  
  684. #menu .active a:hover {
  685. color: #aaa;
  686. }
  687.  
  688. #menu ul {
  689. padding: 15px 0 0 50px;
  690. }
  691.  
  692. #menu ul li:last-child {
  693. margin-right: 55px;
  694. }
  695.  
  696. #menu li:first-child, #inbox .manage_form .layout td.center, .search_form .layout tr:last-child td.center, .debug_table td.debug_data, .drag_drop_save {
  697. padding: 0;
  698. }
  699.  
  700. #menu li a, #menu li a:hover {
  701. padding: 13px 7px 15px;
  702. }
  703.  
  704. #nav_userinfo, #nav_useredit, #nav_logout, #nav_upload, #nav_invite, #nav_donate, #nav_store {
  705. display: inline-block !important;
  706. height: 15px;
  707. }
  708.  
  709. /*
  710. #nav_useredit, #nav_logout, #nav_invite, #nav_donate, #nav_store {
  711. opacity: 0;
  712. transition: opacity .25s ease-in-out;
  713. -webkit-transition: opacity .25s ease-in-out;
  714. -moz-transition: opacity .25s ease-in-out;
  715. -o-transition: opacity .25s ease-in-out;
  716. }
  717.  
  718. #userinfo_username:hover #nav_useredit, #userinfo_username:hover #nav_logout, #userinfo_major:hover #nav_invite, #userinfo_major:hover #nav_donate, #userinfo_major:hover #nav_store {
  719. opacity: 1;
  720. }
  721. */
  722. #other_bitrate_span input#vbr {
  723. top: 3px;
  724. }
  725.  
  726. #quickreplytext .bbcodes, #messageform .bbcodes, .edit_form .bbcodes, .friends_table .bbcodes, #newthreadtext .bbcodes, .create_form .bbcodes, .send_form .bbcodes, .forum_post form .bbcodes, #requests #request_form .bbcodes {
  727. max-width: 100% !important;
  728. }
  729.  
  730. #recommended .head {
  731. margin-bottom: -11px !important;
  732. }
  733.  
  734. #recommendation_note {
  735. width: 600px;
  736. }
  737.  
  738. #requests #request_form.add_form, #requests .edit_form {
  739. margin: 0 !important;
  740. padding: 0 !important;
  741. background: none !important;
  742. }
  743.  
  744. #requests #request_form select#importance {
  745. margin: 0 2px;
  746. width: 112px;
  747. }
  748.  
  749. #requests #request_form input#tags {
  750. margin-left: 2px;
  751. width: 265px;
  752. }
  753.  
  754. #requests .layout form[name="request"] {
  755. -webkit-box-shadow: none !important;
  756. box-shadow: none !important;
  757. }
  758.  
  759. #requests .thin div:nth-child(3) form table:nth-child(6) td {
  760. padding: 13px 0 0 0 !important;
  761. padding-top: 13px !important;
  762. border-bottom: 0 !important;
  763. }
  764.  
  765. #requests .main_column .layout td > .edit_form input[size="50"] {
  766. width: 50%;
  767. }
  768.  
  769. #requests .forum_post form textarea[cols="80"], #torrents .main_column .forum_post.box.vertical_margin form textarea[cols="50"] {
  770. width: 538px;
  771. }
  772.  
  773. #reportform .box.pad input, #reportform textarea {
  774. max-width: 705px;
  775. width: 705px;
  776. }
  777.  
  778. #reportform td.label {
  779. width: 220px;
  780. }
  781.  
  782. #rules .search_form input#search_string, #debug_loggedvars .debug_loggedvars_name {
  783. width: 290px;
  784. }
  785.  
  786. #rules li[id="r2.2.0"] p {
  787. margin-bottom: 10px;
  788. margin-left: 14%;
  789. width: 675px;
  790. height: 275px;
  791. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/trump.png") no-repeat !important;
  792. }
  793.  
  794. #rules span#Index {
  795. margin-left: 5px;
  796. font-size: 90%;
  797. }
  798.  
  799. #rules .ratio_table {
  800. margin: 10px 0;
  801. margin-left: 250px;
  802. width: 500px;
  803. background: rgba(50, 50, 50, 0.4);
  804. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  805. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  806. }
  807.  
  808. #rules .rule_summary > ul, #chat .thin .box.pad > ul {
  809. padding: 10px 20px 10px 30px;
  810. list-style-type: lower-roman;
  811. }
  812.  
  813. #rules .box.pad.rule_summary > p {
  814. text-align: justify;
  815. }
  816.  
  817. #rules ol, #rules ul, #wiki .box_info.pad ul, #chat .box.pad ul {
  818. list-style: none;
  819. }
  820.  
  821. #searchbars {
  822. position: absolute;
  823. top: 125px;
  824. margin: 0;
  825. padding: 12px 5px;
  826. width: 100%;
  827. height: 28px;
  828. text-align: center;
  829. }
  830.  
  831. #searchbars ul li {
  832. display: inline-block;
  833. margin-right: 5px;
  834. }
  835.  
  836. #searchbars li:last-child, #userinfo_stats li:last-child {
  837. margin-right: 0;
  838. }
  839.  
  840. #searchbars ul, #searchbars form {
  841. display: inline;
  842. margin: 0;
  843. padding: 0;
  844. }
  845.  
  846. #searchbars input {
  847. padding: 5px 10px;
  848. width: 130px;
  849. height: 15px;
  850. border: 1px solid #3B3B3B;
  851. background: rgba(0, 0, 0, 0.15);
  852. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  853. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  854. color: #666;
  855. transition: .25s ease-in-out;
  856. -webkit-transition: .25s ease-in-out;
  857. -moz-transition: .25s ease-in-out;
  858. -o-transition: .25s ease-in-out;
  859. }
  860.  
  861. #site_debug .debug_table .debug_data > div, #site_debug .debug_table .debug_data > pre {
  862. overflow: auto;
  863. padding: 8px;
  864. max-width: none;
  865. max-height: 400px;
  866. }
  867.  
  868. #sortable li {
  869. margin-bottom: 5px;
  870. font-size: 100% !important;
  871. padding-left: 1px;
  872. margin-left: 0;
  873. }
  874.  
  875. #sortable {
  876. -webkit-column-width: 110px;
  877. -moz-column-width: 110px;
  878. column-width: 110px;
  879. width: 100% !important;
  880. }
  881.  
  882. #stats .box.pad.center img {
  883. margin: 10px 0;
  884. }
  885.  
  886. #stats .box.center img:last-child, #recommended #vanityhouse {
  887. margin-top: 20px;
  888. }
  889.  
  890. #staff .send_form strong, #staffpm .send_form strong {
  891. margin-left: 33%;
  892. }
  893.  
  894. #staffpm #compose, .thin > h2 + div, .thin > h2 + .linkbox + div, .sidebar .download_form ul#list.nobullet, .sidebar .box.box_addtag .add_form, .sidebar form[action="bookmarks.php"] ul#list.nobullet, #artist .box.pad > ul, #artist .add_form input[size="40"], #torrents .edit_form div.yadg_div, blockquote.log_bad, #preview, #inbox #messageform.manage_form input[type="submit"], input.save_sortable_collage {
  895. margin-bottom: 10px;
  896. }
  897.  
  898. #searchthread .search_form {
  899. width: 1000px;
  900. }
  901.  
  902. #threadpoll p {
  903. margin-bottom: 20px;
  904. font-size: 16px;
  905. }
  906.  
  907. #tools #marked_suggestion table, #tools #implemented_suggestion table, #tools #rejected_suggestion table {
  908. width: 300px;
  909. }
  910.  
  911. #tools #marked_suggestion {
  912. float: left;
  913. margin-right: 50px;
  914. }
  915.  
  916. #tools #implemented_suggestion {
  917. float: left;
  918. }
  919.  
  920. #tools #rejected_suggestion {
  921. float: right;
  922. }
  923.  
  924. #top10 .thin div[style="text-align: right;"] {
  925. margin: 10px 0 15px;
  926. text-align: center !important;
  927. }
  928.  
  929. #top10 input[name="year2"], a.downvote, a.small_downvote, .box.box_info.pad a[title="Delete Alias"], #user .delete_form input[value="Logout"], #user .delete_form input[value="Current"], input#remove_format, .send_form .layout.border input[value="Invite"] {
  930. margin-left: 5px;
  931. }
  932.  
  933. /*
  934. #top10 span[style="float: right;"], span#vote_message {
  935. font-size: 0px;
  936. line-height: 0;
  937. }
  938. */
  939. #top10 tr.colhead_dark td[width="70%"] {
  940. width: auto;
  941. }
  942.  
  943. #top10 tr.colhead_dark td:first-child, #top10 tr.colhead_dark td:nth-child(2), #top10 tr.colhead_dark td.sign {
  944. width: 20px;
  945. }
  946.  
  947. #torrent_table tr.group:hover img, #discog_table tr.discog:hover img, .torrent_table.cats.numbering.border tr.torrent:hover img, .torrent_table tr.torrent_row:hover img, .torrent_table tr.torrent:hover img {
  948. border: 2px solid #528BA3 !important;
  949. opacity: 1 !important;
  950. transition: opacity .25s ease-in-out;
  951. -webkit-transition: opacity .25s ease-in-out;
  952. -moz-transition: opacity .25s ease-in-out;
  953. -o-transition: opacity .25s ease-in-out;
  954. }
  955.  
  956. /* Hover opacity for artwork in torrent lists */
  957. #torrents .submit input[value="Reset"] {
  958. float: left;
  959. }
  960.  
  961. #torrents .thin > h2 + div > form .submit, #collage .thin form .submit {
  962. padding-top: 13px;
  963. }
  964.  
  965. #requests .thin div:nth-child(3) form table:nth-child(3) tr:first-child td, #collage .thin form table:nth-child(2) tr:first-child td, #req .thin form table:nth-child(2) tr:first-child td {
  966. padding-top: 0 !important;
  967. }
  968.  
  969. #torrents .search_form .submit {
  970. margin-top: 10px;
  971. text-align: center;
  972. }
  973.  
  974. #torrents .edit_form select#releasetype {
  975. margin-bottom: 10px;
  976. margin-left: 452px;
  977. }
  978.  
  979. #torrents .edit_form .layout.border td.center, #rules .header > h2.center, .yadg_div h3, #torrents .thin.center > .box .head.colhead {
  980. text-align: left;
  981. }
  982.  
  983. #torrents .edit_form .layout.border td.label:after {
  984. content: ": ";
  985. }
  986.  
  987. #torrents .edit_form .layout.border, #forums .search_form .layout.border, #vanityhouse.torrent_table {
  988. background: none;
  989. -webkit-box-shadow: none;
  990. box-shadow: none;
  991. }
  992.  
  993. #torrents .edit_form input[value="Edit"] {
  994. margin-left: 468px;
  995. width: 44px;
  996. }
  997.  
  998. #torrents .edit_form .layout.border td.label {
  999. width: 100px;
  1000. text-align: right;
  1001. }
  1002.  
  1003. #torrents .edit_form input[size="40"] {
  1004. width: 838px;
  1005. }
  1006.  
  1007. #torrents .thin.center > .box .delete_form input[name="extra"] {
  1008. width: 677px;
  1009. }
  1010.  
  1011. #upload_table.create_form textarea#album_desc, #upload_table.create_form textarea#release_desc, #userform.edit_form textarea#info, #upload_table.create_form textarea#desc {
  1012. max-width: 757px !important;
  1013. }
  1014.  
  1015. #userform.edit_form .layout td > label {
  1016. line-height: 20px;
  1017. }
  1018.  
  1019. #userform.edit_form .layout.border .layout, #recommended #vanityhouse {
  1020. margin-bottom: 0;
  1021. }
  1022.  
  1023. #userinfo a, #menu a, #searchbars a {
  1024. transition: .25s ease-in-out;
  1025. -webkit-transition: .25s ease-in-out;
  1026. -moz-transition: .25s ease-in-out;
  1027. -o-transition: .25s ease-in-out;
  1028. }
  1029.  
  1030. #userinfo {
  1031. overflow: hidden;
  1032. width: 100%;
  1033. }
  1034.  
  1035. #userinfo ul {
  1036. position: absolute;
  1037. padding: 0;
  1038. }
  1039.  
  1040. #userinfo_username {
  1041. position: static !important;
  1042. left: 0;
  1043. float: left !important;
  1044. overflow: hidden;
  1045. margin: 62px 0 0 50px;
  1046. height: 1.5em !important;
  1047. text-align: left;
  1048. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  1049. }
  1050.  
  1051. #userinfo_username li, #userinfo_stats li, #userinfo_minor li, #userinfo_major li, #searchbars, #menu li {
  1052. display: inline;
  1053. line-height: 14px;
  1054. }
  1055.  
  1056. #userinfo_username:hover, #userinfo_major:hover, ul.collage_images li a {
  1057. height: auto !important;
  1058. }
  1059.  
  1060. #userinfo_major {
  1061. position: static !important;
  1062. left: 0;
  1063. z-index: 20;
  1064. float: left !important;
  1065. overflow: hidden;
  1066. margin: 62px 0 0 5px;
  1067. height: 1.5em !important;
  1068. text-align: left;
  1069. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  1070. }
  1071.  
  1072. #userinfo_stats {
  1073. opacity: 0.8;
  1074. left: 0;
  1075. z-index: 1;
  1076. margin: 90px 0 0 50px;
  1077. text-align: right;
  1078. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  1079. font-size: 12px;
  1080. }
  1081.  
  1082. #userinfo_stats li, #userinfo_major li, #userinfo_username li, #userinfo_minor li:last-child, #searchbars li, #top10 input[name="year1"], #answer_block input:first-child, #user #content > .thin.center > .box form strong {
  1083. margin-right: 5px;
  1084. }
  1085.  
  1086. #userinfo_minor {
  1087. right: 0;
  1088. margin: 62px 50px 0 0;
  1089. }
  1090.  
  1091. #userinfo_minor li, #userinfo_major li {
  1092. padding-right: 5px;
  1093. }
  1094.  
  1095. #userinfo_major li:last-child, #userinfo_username li:last-child {
  1096. padding-right: 0;
  1097. }
  1098.  
  1099. #userinfo_minor a, #userinfo_username a, #userinfo_major a, #menu a:hover, #userinfo_stats a:hover {
  1100. padding: 2px 0px;
  1101. color: #666;
  1102. }
  1103.  
  1104. #userinfo_username a.username {
  1105. color: #528ba3;
  1106. font-weight: normal;
  1107. font-size: 13px;
  1108. }
  1109.  
  1110. #userinfo_minor a:hover, #userinfo_major a:hover, #userinfo_username a:hover {
  1111. color: #444;
  1112. }
  1113.  
  1114. #user #content > .thin.center > .box form input[maxlength="100"] {
  1115. width: 600px;
  1116. }
  1117.  
  1118. #user input[type="url"], #userform.edit_form small {
  1119. margin-left: 242px;
  1120. margin-top: 5px;
  1121. }
  1122.  
  1123. #user input#avatar, #user input#email, #user input#irckey, #user input[type="password"], #requests #request_form input#yadg_input, #requests #request_form input[size="45"], #artist .merge_form input[size="40"] {
  1124. width: 400px;
  1125. }
  1126.  
  1127. #user .layout.recent tr:nth-child(n+2) td, .search_form tr#edition_expand td.center, .search_form tr#edition_expand td.center, .breadcrumbs, #logchecker table.border td[colspan="2"], .votes_info_td, .drag_drop_save, #torrent_table td.small, .preview_submit {
  1128. text-align: center;
  1129. }
  1130.  
  1131. #upload table#dnulist, #threadpoll #poll_container #poll.vote_form input[value="Vote"], #sortable_container, #top10 .thin > h3, #sortable_container ul#sortable, #upload .box.pad > h3 + p + p, #upload_table.create_form .layout.border.slice input#post {
  1132. margin-top: 10px;
  1133. }
  1134.  
  1135. #upload #whmf_torrents > tr > td:first-child {
  1136. width: 30%;
  1137. }
  1138.  
  1139. #upload #whmf_torrents tr .border.slice tr td textarea[name="release_desc"] {
  1140. height: 75px;
  1141. }
  1142.  
  1143. #upload_table.create_form select {
  1144. width: 130px;
  1145. }
  1146.  
  1147. #upload_table.create_form select#format, #upload_table.create_form select#bitrate, #upload_table.create_form select[name="media"], #upload_table.create_form select[name="releasetype"], #upload_table.create_form select#importance, #edition_information td.label {
  1148. width: 110px;
  1149. }
  1150.  
  1151. #upload_table.create_form input#tags {
  1152. width: 620px;
  1153. }
  1154.  
  1155. #upload_table.create_form .layout.border.slice table[style="margin-bottom: 2em;"] {
  1156. margin-bottom: 0 !important;
  1157. }
  1158.  
  1159. #upload #content > .box.pad {
  1160. margin: 0 !important;
  1161. width: 100% !important;
  1162. }
  1163.  
  1164. #upload .box.pad > h3 + p {
  1165. font-style: italic;
  1166. }
  1167.  
  1168. #upload .box.pad > h3 + p + p a, .stat, #vote_rankings.stats li {
  1169. font-weight: bold;
  1170. }
  1171.  
  1172. #vanityhouse.torrent_table tr td {
  1173. padding-left: 35px;
  1174. border: none;
  1175. }
  1176.  
  1177. #vanityhouse.torrent_table tr {
  1178. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/music.png");
  1179. background-position: 0 5px;
  1180. background-repeat: no-repeat;
  1181. }
  1182.  
  1183. #whmf_offer {
  1184. width: 100%;
  1185. margin: 10px 0 !important;
  1186. border: none !important;
  1187. font-weight: normal !important;
  1188. }
  1189.  
  1190. #whmf_offer span {
  1191. font-weight: bold !important;
  1192. }
  1193.  
  1194. #whmf_offer ul {
  1195. font-weight: normal !important;
  1196. }
  1197.  
  1198. #whmf_torrents .border.slice textarea[cols="30"] {
  1199. width: 588px;
  1200. }
  1201.  
  1202. #whmf_torrents .border.slice .label, .forum_post .avatar img, .avatar, #friends .friends_table td:first-child img[width="50px"] {
  1203. width: 120px !important;
  1204. }
  1205.  
  1206. #whmf_torrents .border.slice tr td:nth-child(2) {
  1207. width: 80%;
  1208. padding: 0;
  1209. margin: 0;
  1210. }
  1211.  
  1212. #wiki .box.pad.center p {
  1213. margin-bottom: 15px;
  1214. }
  1215.  
  1216. #wiki .add_form input[type="text"] {
  1217. margin-right: 5px;
  1218. padding-top: 6px;
  1219. width: 175px;
  1220. height: 12px;
  1221. }
  1222.  
  1223. #wiki .box.box_addalias > div, .rule_table, #requests .main_column .layout td > .edit_form, #whmf_torrents td[style="padding-left: 1em;"], #better .box.pad[style="padding: 10px 10px 10px 20px;"], #staff .thin > .box.pad {
  1224. padding: 0 !important;
  1225. }
  1226.  
  1227. #wiki .sidebar .box.pad.center .search_form input[name="search"] {
  1228. width: 216px;
  1229. }
  1230.  
  1231. #wiki table input[type="radio"] {
  1232. top: 0;
  1233. }
  1234.  
  1235. #wiki input[value="Compare"] {
  1236. margin: 10px 0 8px;
  1237. }
  1238.  
  1239. #wrapper {
  1240. overflow: hidden;
  1241. margin: 0 auto;
  1242. min-width: 1000px;
  1243. width: 100%;
  1244. }
  1245.  
  1246. #wrapper div::-webkit-scrollbar {
  1247. width: 8px;
  1248. height: 8px;
  1249. }
  1250.  
  1251. #wrapper div::-webkit-scrollbar-track {
  1252. background-color: rgba(0, 0, 0, 0.12);
  1253. -webkit-box-shadow: inset 0 0 2px black;
  1254. box-shadow: inset 0 0 2px black;
  1255. }
  1256.  
  1257. #wrapper div::-webkit-scrollbar-track-piece {
  1258. background-color: rgba(20, 20, 20, 0.4);
  1259. }
  1260.  
  1261. #wrapper div::-webkit-scrollbar-track-piece:start:hover, #wrapper div::-webkit-scrollbar-track-piece:end:hover {
  1262. background-color: rgba(20, 20, 20, 0.2);
  1263. }
  1264.  
  1265. #wrapper div::-webkit-scrollbar-thumb {
  1266. background-color: #2d2d2d;
  1267. -webkit-box-shadow: inset 0 0 2px black;
  1268. }
  1269.  
  1270. #wrapper div::-webkit-scrollbar-thumb:hover, #wrapper div::-webkit-scrollbar-thumb:active {
  1271. background-color: #2a2a2a;
  1272. }
  1273.  
  1274. #wrapper div::-webkit-scrollbar-button {
  1275. width: 12px;
  1276. height: 12px;
  1277. }
  1278.  
  1279. blockquote, #inbox .box.pad #preview {
  1280. margin-top: 5px;
  1281. padding: 10px;
  1282. border: 1px solid #333;
  1283. -webkit-border-radius: 3px;
  1284. -moz-border-radius: 3px;
  1285. border-radius: 3px;
  1286. background-color: rgba(80, 80, 80, 0.2);
  1287. text-align: justify;
  1288. }
  1289.  
  1290. textarea {
  1291. resize: vertical;
  1292. }
  1293.  
  1294. select.ft_bitrate {
  1295. width: 124px;
  1296. }
  1297.  
  1298. select.ft_hascue, select.ft_freetorrent, select.ft_format {
  1299. width: 104px;
  1300. }
  1301.  
  1302. select.ft_releasetype {
  1303. width: 102px;
  1304. }
  1305.  
  1306. select.ft_scene, select.ft_scene {
  1307. width: 96px;
  1308. }
  1309.  
  1310. select#stylesheet {
  1311. width: 108px;
  1312. }
  1313.  
  1314. select#friend {
  1315. width: 150px;
  1316. margin-right: 5px;
  1317. }
  1318.  
  1319. span.small_upvoted {
  1320. display: inline-block;
  1321. overflow: hidden;
  1322. width: 16px;
  1323. height: 14px;
  1324. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png") no-repeat top left;
  1325. background-position: 0px -62px;
  1326. text-indent: 100%;
  1327. white-space: nowrap;
  1328. cursor: pointer;
  1329. }
  1330.  
  1331. span.small_downvoted {
  1332. display: inline-block;
  1333. overflow: hidden;
  1334. width: 16px;
  1335. height: 14px;
  1336. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png") no-repeat top left;
  1337. background-position: 0px -76px;
  1338. text-indent: 100%;
  1339. white-space: nowrap;
  1340. cursor: pointer;
  1341. }
  1342.  
  1343. span.last_read a {
  1344. display: block;
  1345. margin: 0 0 0 5px;
  1346. width: 20px;
  1347. height: 20px;
  1348. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/goto.png") no-repeat center;
  1349. background-position: bottom;
  1350. background-size: 100%;
  1351. opacity: 0.5;
  1352. }
  1353.  
  1354. span[style="float: right;"] > input[value="Preview"], span[style="float: right;"] > input[value="Post"] {
  1355. margin-right: 6px;
  1356. }
  1357.  
  1358. input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], textarea {
  1359. padding: 5px 10px;
  1360. border: 1px solid #3B3B3B;
  1361. background: rgba(0, 0, 0, 0.15);
  1362. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1363. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1364. color: #9A9A9A;
  1365. transition: .25s ease-in-out;
  1366. -webkit-transition: .25s ease-in-out;
  1367. -moz-transition: .25s ease-in-out;
  1368. -o-transition: .25s ease-in-out;
  1369. }
  1370.  
  1371. input[type="checkbox"] {
  1372. position: relative;
  1373. display: inline-block;
  1374. padding: 6px;
  1375. border: 1px solid #3b3b3b;
  1376. background: rgba(0, 0, 0, 0.15);
  1377. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1378. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  1379. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1380. -webkit-appearance: none;
  1381. }
  1382.  
  1383. input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
  1384. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  1385. }
  1386.  
  1387. input[type="checkbox"]:checked {
  1388. border: 1px solid #3b3b3b;
  1389. background: rgba(0, 0, 0, 0.15);
  1390. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1391. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  1392. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1393. color: #3b3b3b;
  1394. }
  1395.  
  1396. input[type="checkbox"]:checked:after {
  1397. position: absolute;
  1398. top: -1px;
  1399. left: 1px;
  1400. color: #456478;
  1401. content: '\2714';
  1402. font-size: 12px;
  1403. }
  1404.  
  1405. input[type="radio"] {
  1406. position: relative;
  1407. top: 3px;
  1408. display: inline-block;
  1409. padding: 6px;
  1410. border: 1px solid #3b3b3b;
  1411. border-radius: 50px;
  1412. background: rgba(0, 0, 0, 0.15);
  1413. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1414. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  1415. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1416. -webkit-appearance: none;
  1417. }
  1418.  
  1419. input[type="radio"]:checked:after {
  1420. position: absolute;
  1421. top: 3px;
  1422. left: 3px;
  1423. width: 6px;
  1424. height: 6px;
  1425. border-radius: 50px;
  1426. background: #456478;
  1427. box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
  1428. content: ' ';
  1429. text-shadow: 0;
  1430. }
  1431.  
  1432. input[type="radio"]:checked {
  1433. border: 1px solid #3b3b3b;
  1434. background: rgba(0, 0, 0, 0.15);
  1435. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1436. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);
  1437. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  1438. color: #456478;
  1439. }
  1440.  
  1441. input[type="radio"]:active, input[type="radio"]:checked:active {
  1442. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  1443. }
  1444.  
  1445. input[type="submit"], input[type="button"], button[type="button"], #upload #whmf_offer button, button#send_recommendation {
  1446. display: inline-block;
  1447. padding: 5px 10px;
  1448. border: 1px solid #3b3b3b;
  1449. background-color: #707070;
  1450. background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#181818));
  1451. background-image: -webkit-linear-gradient(top, #333333, #181818);
  1452. background-image: -moz-linear-gradient(top, #333333, #181818);
  1453. background-image: -o-linear-gradient(top, #333333, #181818);
  1454. background-image: linear-gradient(top bottom, #333333, #181818);
  1455. color: #8b8b8b;
  1456. text-decoration: none;
  1457. text-shadow: 1px 1px 0px #333333;
  1458. font-weight: bold;
  1459. }
  1460.  
  1461. input[type="submit"]:active, input[type="button"]:active, button[type="button"]:active, button#send_recommendation:active {
  1462. background-color: #333333;
  1463. background-image: -webkit-linear-gradient(top, #181818, #333333);
  1464. background-image: -moz-linear-gradient(top, #181818, #333333);
  1465. background-image: -o-linear-gradient(top, #181818, #333333);
  1466. background-image: linear-gradient(to bottom, #181818, #333333);
  1467. }
  1468.  
  1469. input:focus, textarea:focus {
  1470. outline: 0 !important;
  1471. border: 1px solid #456478 !important;
  1472. transition: .25s ease-in-out;
  1473. -webkit-transition: .25s ease-in-out;
  1474. -moz-transition: .25s ease-in-out;
  1475. -o-transition: .25s ease-in-out;
  1476. }
  1477.  
  1478. input[value="Make Default"] {
  1479. float: right;
  1480. margin-right: 5px;
  1481. }
  1482.  
  1483. input#styleurl {
  1484. width: 435px;
  1485. }
  1486.  
  1487. #user input[type="url"] {
  1488. width: 513px;
  1489. }
  1490.  
  1491. tr.rowa:nth-child(n+2):hover, tr.rowb:nth-child(n+2):hover, #better tr:hover, tr.group_torrent:hover, #torrent_table tr.group:hover, #torrents .thin > table tr:nth-child(n+2):hover, #torrent_table tr.torrent:hover, #discog_table tr.discog:hover, #torrents_album tr.group:hover, #userhistory tr.group.discog:hover, .collage_table tr:nth-child(n+2):hover, .torrent_row:hover {
  1492. background-color: rgba(50, 50, 50, 0.2);
  1493. }
  1494.  
  1495. tr#release_list td > input[type="checkbox"], tr#format_list td > input[type="checkbox"], tr#bitrate_list td > input[type="checkbox"], tr#media_list td > input[type="checkbox"] {
  1496. margin: 2px;
  1497. }
  1498.  
  1499. td:last-child {
  1500. border-right: none;
  1501. border-bottom: none;
  1502. }
  1503.  
  1504. td:first-child {
  1505. border-left: none;
  1506. }
  1507.  
  1508. tr:first-child td {
  1509. border-top: none;
  1510. }
  1511.  
  1512. td {
  1513. padding: 7px;
  1514. border: 1px solid rgba(0, 0, 0, 0.1);
  1515. text-align: left;
  1516. }
  1517.  
  1518. tr:last-child td, tr.group:last-child td {
  1519. border-bottom: none;
  1520. }
  1521.  
  1522. td.colhead {
  1523. margin: -11px;
  1524. margin-bottom: 10px;
  1525. padding: 8px !important;
  1526. background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));
  1527. background-image: -webkit-linear-gradient(top, #333333, #444444);
  1528. background-image: -moz-linear-gradient(top, #333333, #444444);
  1529. background-image: -o-linear-gradient(top, #333333, #444444);
  1530. background-image: linear-gradient(top bottom, #333333, #444444);
  1531. -webkit-box-shadow: inset 0 1px 0 rgba(25, 25, 25, 0.4);
  1532. box-shadow: inset 0 1px 0 rgba(25, 25, 25, 0.4);
  1533. color: #888 !important;
  1534. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  1535. }
  1536.  
  1537. td.unread, td.read, td.read_locked, td.unread_sticky, td.read_locked_sticky, td.unread_locked_sticky, td.read_sticky {
  1538. width: 3.5%;
  1539. height: 16px;
  1540. background-position: center center;
  1541. background-repeat: no-repeat;
  1542. }
  1543.  
  1544. td.unread {
  1545. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/read.png");
  1546. background-position: 3px center;
  1547. border-left: 2px solid #528ba3;
  1548. }
  1549.  
  1550. td.read {
  1551. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/unread.png");
  1552. }
  1553.  
  1554. td.read_locked {
  1555. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/read-locked.png");
  1556. }
  1557.  
  1558. td.unread_sticky {
  1559. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-read.png");
  1560. background-position: 3px center;
  1561. border-left: 2px solid #528ba3;
  1562. }
  1563.  
  1564. td.read_sticky {
  1565. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-unread.png");
  1566. }
  1567.  
  1568. td.read_locked_sticky {
  1569. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-unread-locked.png");
  1570. }
  1571.  
  1572. td.unread_locked_sticky {
  1573. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-read-locked.png");
  1574. background-position: 3px center;
  1575. border-left: 2px solid #528ba3;
  1576. }
  1577.  
  1578. .navigation_list, .navigation_list ol {
  1579. margin: 0 !important;
  1580. }
  1581.  
  1582. ol.navigation_list {
  1583. margin: 0 0 0 25px !important;
  1584. list-style-position: outside;
  1585. }
  1586.  
  1587. ul.collage_images {
  1588. width: 710px !important;
  1589. }
  1590.  
  1591. ul.collage_images li {
  1592. width: 142px !important;
  1593. height: 142px !important;
  1594. }
  1595.  
  1596. ul.nobullet {
  1597. list-style-type: none;
  1598. }
  1599.  
  1600. li.graph {
  1601. -webkit-box-sizing: border-box;
  1602. -moz-box-sizing: border-box;
  1603. margin: 2px 0px 10px 16px;
  1604. padding: 3px;
  1605. width: 80%;
  1606. height: 15px;
  1607. background: rgba(0, 0, 0, 0.25);
  1608. }
  1609.  
  1610. li.graph .center_poll {
  1611. display: block;
  1612. height: 7px;
  1613. border: 1px solid #456478;
  1614. background: #528ba3;
  1615. -webkit-box-shadow: inset 0 -1px 1px #456478;
  1616. box-shadow: inset 0 -1px 1px #456478;
  1617. }
  1618.  
  1619. .alertbar {
  1620. padding: 0 5px;
  1621. }
  1622. .alertbar:last-child {
  1623. margin-right: 55px;
  1624. }
  1625.  
  1626. .alertbar a[href*="torrents.php?action=notify"]:before, .alertbar a[href*="inbox.php"]:before, .alertbar a[href*="index.php"]:before, .alertbar a[href*="userhistory.php?action=subscribed_collages"]:before, .alertbar a[href="userhistory.php?action=quote_notifications"]:before, .alertbar a[href*="blog.php"]:before {
  1627. position: relative;
  1628. top: 3px;
  1629. display: inline-block;
  1630. margin: auto 5px auto auto;
  1631. width: 16px;
  1632. height: 13px;
  1633. content: "";
  1634. *top: 0;
  1635. }
  1636.  
  1637. .autocomplete-suggestions {
  1638. background-color: rgba(32, 32, 32, 0.85);
  1639. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  1640. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  1641. border: 1px solid #3B3B3B;
  1642. }
  1643.  
  1644. .autocomplete-selected {
  1645. background-color: rgba(100, 100, 100, 0.2);
  1646. }
  1647.  
  1648. .autocomplete-suggestions strong {
  1649. color: #528ba3;
  1650. }
  1651.  
  1652. .avatar {
  1653. max-width: 120px;
  1654. }
  1655.  
  1656. .bbcodes button {
  1657. float: none !important;
  1658. overflow: hidden;
  1659. margin-top: 5px;
  1660. width: 20px;
  1661. height: 20px;
  1662. border: 1px solid #1D1D1D !important;
  1663. background-color: rgba(100, 100, 100, 0.6) !important;
  1664. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  1665. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  1666. color: #999 !important;
  1667. text-shadow: none !important;
  1668. font-size: 12px;
  1669. cursor: pointer;
  1670. }
  1671.  
  1672. .bbcodes {
  1673. padding: 2px !important;
  1674. }
  1675.  
  1676. .bookmark {
  1677. height: 24px;
  1678. }
  1679.  
  1680. .box_lastfm #lastfm_stats ul.nobullet li {
  1681. margin-left: 15px;
  1682. }
  1683.  
  1684. .box_lastfm #lastfm_stats li:last-child {
  1685. margin: 0 0 5px !important;
  1686. }
  1687.  
  1688. .box.pad[style="padding: 20px 10px 10px 10px;"] {
  1689. margin: 0 !important;
  1690. padding: 0 !important;
  1691. }
  1692.  
  1693. .box2 {
  1694. margin-bottom: 10px !important;
  1695. padding: 10px !important;
  1696. background-color: rgba(100, 100, 100, 0.15);
  1697. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  1698. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  1699. color: #9A9A9A;
  1700. }
  1701.  
  1702. .cats_col, .group.discog td.center:nth-child(2) {
  1703. width: 25px;
  1704. }
  1705.  
  1706. .cats_music, .cats_comics, .cats_audiobooks, .cats_elearningvideos, .cats_comedy, .cats_applications, .cats_ebooks {
  1707. margin: 0 !important;
  1708. width: 25px !important;
  1709. height: 25px !important;
  1710. }
  1711.  
  1712. .cats_music {
  1713. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/music.png");
  1714. }
  1715.  
  1716. .cats_comics {
  1717. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/comics.png");
  1718. }
  1719.  
  1720. .cats_audiobooks {
  1721. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/audiobooks.png");
  1722. }
  1723.  
  1724. .cats_elearningvideos {
  1725. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/elearning.png");
  1726. }
  1727.  
  1728. .cats_comedy {
  1729. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/comedy.png");
  1730. }
  1731.  
  1732. .cats_applications {
  1733. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/applications.png");
  1734. }
  1735.  
  1736. .cats_ebooks {
  1737. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/ebooks.png");
  1738. }
  1739.  
  1740. .debug_table {
  1741. table-layout: fixed;
  1742. }
  1743.  
  1744. .edit_changelog textarea {
  1745. width: 600px;
  1746. }
  1747.  
  1748. .edit_form input#yadg_input {
  1749. width: 700px;
  1750. }
  1751.  
  1752. .field_div {
  1753. margin-bottom: 10px;
  1754. }
  1755.  
  1756. .filter_torrents .cat_list td, .search_form .cat_list td, #manage_collage_table th {
  1757. text-align: center;
  1758. }
  1759.  
  1760. .filter_torrents table:nth-child(2) td {
  1761. padding: 8px 0 7px 0 !important;
  1762. background-color: transparent;
  1763. }
  1764.  
  1765. .filter_torrents .cat_list[width="100%"] {
  1766. border: none;
  1767. background-color: transparent;
  1768. -webkit-box-shadow: none;
  1769. box-shadow: none;
  1770. }
  1771.  
  1772. .filter_torrents .submit {
  1773. position: relative;
  1774. height: 25px;
  1775. }
  1776.  
  1777. .filter_torrents .submit span {
  1778. position: absolute;
  1779. top: 4px;
  1780. left: 65px;
  1781. color: #666;
  1782. font-size: 12px;
  1783. line-height: 1.2em;
  1784. }
  1785.  
  1786. .filter_torrents .submit span:before {
  1787. content: "(";
  1788. }
  1789.  
  1790. .filter_torrents .submit span:after {
  1791. content: ")";
  1792. }
  1793.  
  1794. .forum_post li, .main_column li {
  1795. margin-left: 15px;
  1796. }
  1797.  
  1798. .forum_post.box.vertical_margin div[style="float: right;"] input:nth-child(n+1), .box_tags .stats.nobullet div > a + a {
  1799. margin-left: 3px;
  1800. }
  1801.  
  1802. .forum_post .avatar, #friends .friends_table td:first-child {
  1803. padding: 10px;
  1804. width: 100px !important;
  1805. background-color: rgba(0, 0, 0, 0.12);
  1806. }
  1807.  
  1808. .forum_post .body {
  1809. padding: 15px;
  1810. line-height: 1.4em;
  1811. }
  1812.  
  1813. #forums .forum_post form textarea {
  1814. width: 804px;
  1815. }
  1816.  
  1817. .forum_unread tr.colhead_dark td {
  1818. background-image: -webkit-gradient(linear, left top, left bottom, from(#361c34), to(#191919)) !important;
  1819. background-image: -webkit-linear-gradient(top, #361c34, #191919) !important;
  1820. background-image: -moz-linear-gradient(top, #361c34, #191919) !important;
  1821. background-image: -o-linear-gradient(top, #361c34, #191919) !important;
  1822. background-image: linear-gradient(top bottom, #361c34, #191919) !important;
  1823. }
  1824.  
  1825. .friends_table textarea[cols="80"] {
  1826. width: 715px;
  1827. }
  1828.  
  1829. .ft_cat_list {
  1830. font-weight: bold;
  1831. }
  1832.  
  1833. .ft_artistname input, .ft_groupname input, #search_terms input, .ft_recordlabel input, .ft_filelist input, .ft_remasterrecordlabel input, #tagfilter input[type="text"], input#searchbox, input#username, #upload .thin > p input[type="text"], #user .send_form .layout.border input[name="email"], .search_form .layout input[size="60"], #wiki .thin > div > form > .layout.border input[size="70"] {
  1834. width: 520px;
  1835. }
  1836.  
  1837. .ft_cataloguenumber, .ft_cataloguenumber input, .ft_remastertitle, .ft_remastertitle input, .ft_remastercataloguenumber input, #cataloguenumber_tr input, #oclc_tr input {
  1838. width: 228px;
  1839. }
  1840.  
  1841. .ft_year input, .ft_remasteryear input, #year_tr input, #edition_year input {
  1842. width: 75px;
  1843. }
  1844.  
  1845. .head, .colhead td, .colhead th, .recent .colhead td, .colhead_dark td, tr.colhead {
  1846. margin: -10px;
  1847. margin-bottom: 10px;
  1848. padding: 8px 10px !important;
  1849. background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#191919));
  1850. background-image: -webkit-linear-gradient(top, #1d1d1d, #191919);
  1851. background-image: -moz-linear-gradient(top, #1d1d1d, #191919);
  1852. background-image: -o-linear-gradient(top, #1d1d1d, #191919);
  1853. background-image: linear-gradient(to bottom, #1d1d1d, #191919);
  1854. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  1855. font-weight: bold;
  1856. }
  1857.  
  1858. .hidden {
  1859. display: none !important;
  1860. }
  1861.  
  1862. .important_user, .sticky_post {
  1863. border: 1px solid #3b3b3b;
  1864. }
  1865.  
  1866. .important_user .body {
  1867. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/op.png") no-repeat bottom right !important;
  1868. }
  1869.  
  1870. .important_text_alt {
  1871. color: #428A42 !important;
  1872. }
  1873.  
  1874. .invitetree > ul ul {
  1875. padding-left: 1rem;
  1876. }
  1877.  
  1878. .label, #searchthread .layout.border tr:nth-child(n+1) td:first-child, #newthreadtext td.label {
  1879. width: 200px;
  1880. text-align: right;
  1881. font-weight: bold;
  1882. }
  1883.  
  1884. .layout.cat_list a.brackets {
  1885. text-transform: capitalize;
  1886. }
  1887.  
  1888. .linkbox {
  1889. margin-top: 10px;
  1890. color: #444;
  1891. }
  1892.  
  1893. .linkbox, .notify_filter_links {
  1894. margin-bottom: 10px;
  1895. text-align: center;
  1896. text-transform: capitalize;
  1897. }
  1898.  
  1899. .linkbox a {
  1900. padding: 0 2px;
  1901. }
  1902.  
  1903. .brackets:before {
  1904. content: "[";
  1905. color: #444;
  1906. }
  1907.  
  1908. .brackets:after {
  1909. content: "]";
  1910. color: #444;
  1911. }
  1912.  
  1913. .nobr {
  1914. white-space: nowrap;
  1915. }
  1916.  
  1917. .permission_container {
  1918. float: left;
  1919. width: 32%;
  1920. }
  1921.  
  1922. .permission_container:nth-child(2) {
  1923. padding: 0px 2%;
  1924. }
  1925.  
  1926. .pressed {
  1927. margin-top: 5px;
  1928. width: 20px;
  1929. height: 20px;
  1930. background-color: rgba(100, 100, 100, 0.8) !important;
  1931. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  1932. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  1933. color: #eee !important;
  1934. text-shadow: none !important;
  1935. font-size: 12px;
  1936. cursor: pointer;
  1937. }
  1938.  
  1939. .send_form textarea#quickpost[cols="90"], .edit_form textarea[cols="91"], #quickpost textarea#body, .box.pad .create_form textarea, .send_form textarea#message, #staffpm .manage_form textarea[cols="90"] {
  1940. width: 958px !important;
  1941. margin: 0;
  1942. }
  1943.  
  1944. .search_form input[type="checkbox"], #userform.edit_form input[type="checkbox"] {
  1945. margin: -2px 2px 0 0;
  1946. vertical-align: middle;
  1947. }
  1948.  
  1949. .sidebar input#filelist, .sidebar input#artistsimilar, .sidebar .add_form input[name="url"], .sidebar .box.box_addtag .add_form input[name="tagname"] {
  1950. padding-top: 6px;
  1951. width: 180px !important;
  1952. height: 12px;
  1953. }
  1954.  
  1955. .sidebar .download_form select, .sidebar form[action="bookmarks.php"] select {
  1956. width: 180px !important;
  1957. }
  1958.  
  1959. .sidebar .download_form input[value="Download"], .box_addartists input[value="Add"], .sidebar form[action="bookmarks.php"] input[value="Download"], .sidebar input#submit_button {
  1960. margin-top: 5px;
  1961. width: 100% !important;
  1962. }
  1963.  
  1964. .sidebar .box.box_addartists .add_form #AddArtists select {
  1965. float: right;
  1966. margin-top: 3px;
  1967. }
  1968.  
  1969. .sidebar .box.box_addartists .add_form #AddArtists input[name="aliasname[]"], #top10 tr.colhead_dark td:nth-child(4), #debug_flags .debug_flags_memory, .friends_table .left {
  1970. width: 100px;
  1971. }
  1972.  
  1973. .size1 {
  1974. font-size: 0.75em;
  1975. line-height: 12px;
  1976. }
  1977.  
  1978. .size2 {
  1979. font-size: 1em;
  1980. line-height: 14px;
  1981. }
  1982.  
  1983. .size3 {
  1984. font-size: 1.25em;
  1985. line-height: 16px;
  1986. }
  1987.  
  1988. .size4 {
  1989. font-size: 1.5em;
  1990. line-height: 18px;
  1991. }
  1992.  
  1993. .size5 {
  1994. font-size: 1.75em;
  1995. line-height: 20px;
  1996. }
  1997.  
  1998. .size6 {
  1999. font-size: 2em;
  2000. line-height: 22px;
  2001. }
  2002.  
  2003. .size7 {
  2004. font-size: 2.25em;
  2005. line-height: 26px;
  2006. }
  2007.  
  2008. .size8 {
  2009. font-size: 2.5em;
  2010. line-height: 28px;
  2011. }
  2012.  
  2013. .size9 {
  2014. font-size: 2.75em;
  2015. line-height: 30px;
  2016. }
  2017.  
  2018. .size10 {
  2019. font-size: 3em;
  2020. line-height: 34px;
  2021. }
  2022.  
  2023. .snatched_group, .snatched_torrent {
  2024. color: #6a6a6a;
  2025. background-color: rgba(30, 30, 30, 0.5);
  2026. border-left: 3px solid #4b4b4b;
  2027. }
  2028.  
  2029. .snatched_group .tags a, .snatched_torrent .tags a {
  2030. color: #6a6a6a !important;
  2031. }
  2032.  
  2033. .snatched_group .show_torrents_link {
  2034. background-position: -2px 0;
  2035. }
  2036.  
  2037. .snatched_group input[type="checkbox"], .unreadpm input[type="checkbox"] {
  2038. margin-left: -2px;
  2039. }
  2040.  
  2041. .snatched_torrent td:first-child {
  2042. padding-left: 4px;
  2043. }
  2044.  
  2045. /*
  2046. .snatched_group img, .snatched_torrent img {
  2047. filter: url("data: image/svg+xml;
  2048. utf8,<svg xmlns='http: //www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  2049. filter: gray;
  2050. filter: grayscale(100%);
  2051. -webkit-filter: grayscale(100%);
  2052. -moz-filter: grayscale(100%);
  2053. -ms-filter: grayscale(100%);
  2054. -o-filter: grayscale(100%);
  2055. -webkit-filter: grayscale(1);
  2056. }
  2057.  
  2058. .snatched_group:hover img, .snatched_torrent:hover img {
  2059. filter: none;
  2060. -webkit-filter: grayscale(0);
  2061. -moz-filter: grayscale(0);
  2062. -ms-filter: grayscale(0);
  2063. -o-filter: grayscale(0);
  2064. border: 2px solid #528BA3 !important;
  2065. }
  2066. */
  2067. .sticky_post .body {
  2068. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/sticky.png") no-repeat bottom right !important;
  2069. }
  2070.  
  2071. .tags {
  2072. font-size: 11px;
  2073. background: none !important;
  2074. }
  2075.  
  2076. .tags a, .tags a:visited {
  2077. color: #777 !important;
  2078. }
  2079.  
  2080. .textarea_wrap textarea {
  2081. width: 688px;
  2082. }
  2083.  
  2084. .thin > h2 + div > form table td.label {
  2085. width: 20%;
  2086. }
  2087.  
  2088. .torrent span[style="float: right;"] {
  2089. margin-top: 5px;
  2090. margin-left: 20px;
  2091. }
  2092.  
  2093. .torrent_table, .request_table, .filelist_table, .forum_index, .subscribed_collages_table, .forum_post.box, #alerts, .layout, .message_table, .collage_table, #wiki form[action="wiki.php"] table, #reports .thin table, #reportsv2 .thin table, .friends_table, #whmf_torrents, .vote_matches_table, .torrentdetails.pad div table, #dnulist, #torrents .thin .header + table, #whmf_torrents .border.slice, #upload_table.create_form .textarea_wrap textarea, #userform.edit_form textarea#info, .box_addartists.box_addartists_similar .add_form, #userhistory table, #top10 h3 + .border, #torrents .thin.center > .box[style="width: 600px; margin: 0px auto;"], #user #content > .thin.center > .box {
  2094. width: 100% !important;
  2095. }
  2096.  
  2097. /* Width 100% for elements */
  2098. .tl_approved, .invalid, .warning, .error, .new, .important_text, a[title="Delete Alias"], .remove a {
  2099. color: #A33A3A !important;
  2100. }
  2101.  
  2102. .tl_free {
  2103. color: #A7A45B;
  2104. }
  2105.  
  2106. .tl_neutral {
  2107. color: #808080;
  2108. }
  2109.  
  2110. .tl_personal {
  2111. color: #9751AD;
  2112. }
  2113.  
  2114. .tl_snatched {
  2115. color: #4fa442;
  2116. }
  2117.  
  2118. .tl_reported {
  2119. background-color: rgba(180, 75, 75, 0.5);
  2120. color: #bababa;
  2121. padding: 2px 3px;
  2122. border-radius: 2px;
  2123. font-size: 11px;
  2124. }
  2125.  
  2126. .favoritecount {
  2127. color: #ddd;
  2128. font-size: 11pt !important;
  2129. }
  2130.  
  2131. .unreadpm {
  2132. background-color: rgba(50, 50, 50, 0.2);
  2133. border-left: 3px solid #456478;
  2134. }
  2135.  
  2136. .votespan.brackets:before, .votespan.brackets:after {
  2137. content: "";
  2138. }
  2139.  
  2140. .votespan {
  2141. padding-right: 25px;
  2142. }
  2143.  
  2144. /* AAD Fix */
  2145. .group_image + .group_info {
  2146. margin: 0;
  2147. padding: 0 5px;
  2148. display: table-cell;
  2149. vertical-align: middle;
  2150. height: 79px;
  2151. width: 550px;
  2152. }
  2153.  
  2154. #artist .group_image + .group_info {
  2155. width: 595px;
  2156. }
  2157.  
  2158. .group_image.float_left.clear img {
  2159. height: 75px;
  2160. width: 75px;
  2161. }
  2162.  
  2163. .group_image.float_left.clear img, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img, #user .layout.recent a > img {
  2164. border: 2px solid #3b3b3b !important;
  2165. }
  2166.  
  2167. .gm_albumartdisplay {
  2168. width: 90px !important;
  2169. height: 90px !important;
  2170. }
  2171.  
  2172. .gm_albumartdisplay img {
  2173. width: 75px !important;
  2174. height: 75px !important;
  2175. }
  2176.  
  2177. .gm_albumartdisplay_loading {
  2178. background: transparent url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/progress.gif") no-repeat center center !important;
  2179. }
  2180.  
  2181. .gm_albumartdisplay img, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img, #user .layout.recent a > img {
  2182. margin: 5px;
  2183. border: 2px solid #ccc !important;
  2184. }
  2185.  
  2186. .options_list li {
  2187. margin: 5px 0;
  2188. }
  2189.  
  2190. .options_list li:first-child {
  2191. margin-top: 0;
  2192. }
  2193.  
  2194. .options_list li:last-child {
  2195. margin-bottom: 0;
  2196. }
  2197.  
  2198. /* Stylesheet gallery */
  2199. .preview_wrapper {
  2200. margin: 0 7px;
  2201. width: 30%;
  2202. }
  2203.  
  2204. .preview_image {
  2205. width: 95%;
  2206. overflow: hidden;
  2207. opacity: 0.6;
  2208. border: 2px solid #3b3b3b;
  2209. }
  2210.  
  2211. .preview_image:hover {
  2212. border: 2px solid #528BA3;
  2213. opacity: 1;
  2214. transition: opacity .25s ease-in-out;
  2215. -webkit-transition: opacity .25s ease-in-out;
  2216. -moz-transition: opacity .25s ease-in-out;
  2217. -o-transition: opacity .25s ease-in-out;
  2218. }
  2219.  
  2220. /* Tooltips */
  2221. .tooltipster-default {
  2222. background-color: rgba(45, 45, 45, 0.95);
  2223. border-color: rgba(0, 0, 0, 0.95);
  2224. border-width: 1px;
  2225. color: #9A9A9A;
  2226. -webkit-box-shadow: 0px 2px 3px black;
  2227. box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  2228. }
  2229.  
  2230. .tooltipster-default .tooltipster-content {
  2231. font-size: 12px;
  2232. padding: 5px 8px;
  2233. text-shadow: none;
  2234. }
  2235.  
  2236. /* Notifications */
  2237. #noty_bottomRight_layout_container > li {
  2238. background-color: rgba(45, 45, 45, 0.85) !important;
  2239. border-color: rgba(0, 0, 0, 0.95) !important;
  2240. color: #9A9A9A !important;
  2241. }
  2242.  
  2243. .noty_bar div {
  2244. background-color: inherit !important;
  2245. border: 0 !important;
  2246. color: inherit !important;
  2247. font-size: 12px !important;
  2248. }
  2249.  
  2250. .noty_message {
  2251. padding: 8px 10px 0px !important;
  2252. }
  2253.  
  2254. /* New user stuff */
  2255. .user_options .textarea_wrap {
  2256. width: 486px;
  2257. }
  2258.  
  2259. .user_options hr {
  2260. border-color: rgba(154, 154, 154, 0.75);
  2261. border-width: 1px 0 0 0;
  2262. border-style: solid;
  2263. }
  2264.  
  2265. #settings_sections h2 {
  2266. font-size: 13px;
  2267. line-height: 1.1em;
  2268. margin-bottom: 0;
  2269. }
  2270.  
  2271. #settings_sections li {
  2272. margin-bottom: 10px;
  2273. }
  2274.  
  2275. #settings_sections li:last-child {
  2276. margin-bottom: 0;
  2277. }
  2278.  
  2279. /* Consistent .box and .pad rules */
  2280. #reportsv2 .pad, #reports .pad, .two_columns.pad {
  2281. padding: 10px;
  2282. }
  2283.  
  2284. #reportsv2 .box, #reports .box {
  2285. margin-bottom: 10px;
  2286. background-color: rgba(100, 100, 100, 0.15);
  2287. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2288. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2289. color: #9A9A9A;
  2290. }
  2291.  
  2292. .snatches img {
  2293. width: 15px;
  2294. height: 15px;
  2295. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/snatched.png") no-repeat center;
  2296. }
  2297.  
  2298. .leechers img {
  2299. width: 11px;
  2300. height: 15px;
  2301. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/leechers.png") no-repeat center;
  2302. }
  2303.  
  2304. .seeders img {
  2305. width: 11px;
  2306. height: 15px;
  2307. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/seeders.png") no-repeat center;
  2308. }
  2309.  
  2310. /* Lightbox */
  2311. .blog_post img {
  2312. max-width: 978px;
  2313. }
  2314.  
  2315. .forum_post td img {
  2316. max-width: 828px;
  2317. }
  2318.  
  2319. .profileinfo img, #artist_information img, .box_request_desc img, .news_post img, .torrentdetails img, .torrent_description img, .wiki_article img {
  2320. max-width: 700px;
  2321. }
  2322.  
  2323. .sidebar img {
  2324. max-width: 230px;
  2325. }
  2326.  
  2327. #artistcomments img, #request_comments img, #torrent_comments img {
  2328. max-width: 558px;
  2329. }
  2330.  
  2331. #artistcomments #reply_box img, #request_comments #reply_box img, #torrent_comments #reply_box img {
  2332. max-width: 536px;
  2333. }
  2334.  
  2335. #collage #reply_box img, #forums #reply_box img {
  2336. max-width: 806px;
  2337. }
  2338.  
  2339. #inbox #preview img, #staffpm #reply_box img, #wiki .create_form img, #wiki .edit_form img {
  2340. max-width: 956px;
  2341. }
  2342.  
  2343. #inbox .body img {
  2344. max-width: 978px;
  2345. }
  2346.  
  2347. #userform img {
  2348. max-width: 490px;
  2349. }
  2350.  
  2351. #searchbars input {
  2352. box-sizing: content-box;
  2353. }
  2354.  
  2355. tr.group {
  2356. background: #1c1c1c;
  2357. }
  2358. tr.group .group_info {
  2359. line-height: 1.6em;
  2360. }
  2361. tr.group .group_info a {
  2362. font-weight: bold;
  2363. }
  2364. tr.group .tags {
  2365. opacity: 0.6;
  2366. }
  2367. tr.group .tags a {
  2368. font-weight: normal;
  2369. }
  2370.  
  2371. tr.group_torrent {
  2372. font-size: 12px;
  2373. }
  2374. tr.group_torrent td.edition_info {
  2375. background: #333333;
  2376. }
  2377.  
  2378. .news_post {
  2379. line-height: 1.5em;
  2380. }
  2381.  
  2382. .r00 {
  2383. color: #A33A3A;
  2384. }
  2385.  
  2386. .r01 {
  2387. color: #FF1300;
  2388. }
  2389.  
  2390. .r02 {
  2391. color: #FF1300;
  2392. }
  2393.  
  2394. .r03 {
  2395. color: #FF2600;
  2396. }
  2397.  
  2398. .r04 {
  2399. color: #FF4C00;
  2400. }
  2401.  
  2402. .r05 {
  2403. color: #FF5E00;
  2404. }
  2405.  
  2406. .r06 {
  2407. color: #FF5E00;
  2408. }
  2409.  
  2410. .r07 {
  2411. color: #FF7100;
  2412. }
  2413.  
  2414. .r08 {
  2415. color: #fd4337;
  2416. }
  2417. /*
  2418. DarkMonoAlt - Tweaked by mnster for PassTheHeadphones
  2419. -----------------------------------------------------
  2420.  
  2421. Original DarkMono v2 by htrd (a.hatred@gmail.com)
  2422. Original terms of use / license information:
  2423.  
  2424. Everything is copyright 2012 htrd.
  2425. Distributed under the Creative Commons BY-NC-ND 3.0 License:
  2426. * You may copy, distribute and transmit this stylesheet and it's associated elements, unaltered and in their entirety, so long as you
  2427. give proper credit for the creation and design of these elements to htrd and include this written notice of such credit.
  2428. * You may not use any aspect of this stylesheet or it's design elements for any commercial or public purposes.
  2429. * You may not alter, transform, or build upon this stylesheet for public use.
  2430. * By using this stylesheet and it's associated elements, you agree to these Terms of Use and also that these Terms of Use may change at any time, with or without notice.
  2431. Made exclusively for use on What.CD in 2012.
  2432. */
  2433. @import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
  2434. * {
  2435. margin: 0;
  2436. padding: 0;
  2437. }
  2438.  
  2439. body {
  2440. margin: 0;
  2441. padding: 0;
  2442. background: #222;
  2443. color: #9A9A9A;
  2444. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.3);
  2445. font: 13px 'Roboto', 'Trebuchet MS', "Arial", sans-serif;
  2446. }
  2447.  
  2448. p, #userinfo_stats li:last-child {
  2449. margin: 0;
  2450. }
  2451.  
  2452. p.min_padding, .friends_table td.left input[type="submit"]:first-child {
  2453. margin-top: 3px;
  2454. }
  2455.  
  2456. table {
  2457. border-spacing: 0;
  2458. border-collapse: collapse;
  2459. }
  2460.  
  2461. ol, ul {
  2462. list-style-position: inside;
  2463. }
  2464.  
  2465. li {
  2466. line-height: 1.5em;
  2467. }
  2468.  
  2469. a, .linkbox a:hover {
  2470. color: #528ba3;
  2471. text-decoration: none;
  2472. }
  2473.  
  2474. a:hover, #content a:visited {
  2475. color: #456478;
  2476. }
  2477.  
  2478. a img, #collage .search_form td, #requests .search_form td, #reportsv2 #reportform.create_form .layout td, #requests .box.box_votes td, #upload #whmf_offer, .filter_torrents .cat_list, .search_form .layout td {
  2479. border: none !important;
  2480. }
  2481.  
  2482. .add_bookmark a, .big_info .add_bookmark.brackets, .bookmark a.add_bookmark {
  2483. display: block;
  2484. overflow: hidden;
  2485. padding: 2px 0px;
  2486. width: 20px;
  2487. height: 20px;
  2488. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/bm-add.png") no-repeat top left;
  2489. background-position: 0px 5px;
  2490. text-indent: 100%;
  2491. white-space: nowrap;
  2492. font-size: 0px;
  2493. cursor: pointer;
  2494. }
  2495.  
  2496. .remove_bookmark a, .big_info .remove_bookmark.brackets, .bookmark a.remove_bookmark {
  2497. display: block;
  2498. overflow: hidden;
  2499. padding: 2px 0px;
  2500. width: 20px;
  2501. height: 20px;
  2502. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/bm-remove.png") no-repeat top left;
  2503. background-position: 0px 5px;
  2504. text-indent: 100%;
  2505. white-space: nowrap;
  2506. font-size: 0px;
  2507. cursor: pointer;
  2508. }
  2509.  
  2510. /*
  2511. a.upvote, a.small_upvote {
  2512. display: inline-block;
  2513. overflow: hidden;
  2514. width: 16px;
  2515. height: 14px;
  2516. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  2517. background-position: 0px -62px;
  2518. text-indent: 100%;
  2519. white-space: nowrap;
  2520. cursor: pointer;
  2521. }
  2522.  
  2523. a.upvote:hover, a.small_upvote:hover {
  2524. display: inline-block;
  2525. overflow: hidden;
  2526. width: 16px;
  2527. height: 14px;
  2528. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  2529. background-position: -16px -62px;
  2530. }
  2531.  
  2532. a.downvote, a.small_downvote {
  2533. display: inline-block;
  2534. overflow: hidden;
  2535. width: 16px;
  2536. height: 14px;
  2537. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  2538. background-position: 0px -76px;
  2539. text-indent: 100%;
  2540. white-space: nowrap;
  2541. cursor: pointer;
  2542. }
  2543.  
  2544. a.downvote:hover, a.small_downvote:hover {
  2545. display: inline-block;
  2546. overflow: hidden;
  2547. width: 16px;
  2548. height: 14px;
  2549. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  2550. background-position: -16px -76px;
  2551. }
  2552.  
  2553. a.small_clearvote {
  2554. display: inline-block;
  2555. overflow: hidden;
  2556. width: 16px;
  2557. height: 14px;
  2558. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  2559. background-position: 0px -91px;
  2560. text-indent: 100%;
  2561. white-space: nowrap;
  2562. cursor: pointer;
  2563. }
  2564. */
  2565. a.new-subscriptions {
  2566. padding: 6px 5px 5px !important;
  2567. margin-right: 5px;
  2568. background-color: rgba(42, 68, 93, 0.1);
  2569. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 68, 93, 0.1)), to(rgba(76, 123, 167, 0.5)));
  2570. background-image: -webkit-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  2571. background-image: -moz-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  2572. background-image: -o-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  2573. background-image: linear-gradient(to bottom, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  2574. color: #888;
  2575. }
  2576.  
  2577. a.new-subscriptions:hover {
  2578. color: #7a7a7a !important;
  2579. }
  2580.  
  2581. a.hide_torrents_link {
  2582. display: block;
  2583. width: 23px;
  2584. height: 25px;
  2585. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/show-hide.png") no-repeat;
  2586. background-position: 0px -25px;
  2587. }
  2588.  
  2589. a.show_torrents_link {
  2590. display: block;
  2591. width: 23px;
  2592. height: 25px;
  2593. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/show-hide.png") no-repeat;
  2594. }
  2595.  
  2596. h1, h2, h3 {
  2597. color: #666 !important;
  2598. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  2599. font-weight: bold;
  2600. }
  2601.  
  2602. h2 {
  2603. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  2604. font-size: 24px;
  2605. line-height: 1.2em;
  2606. margin-bottom: 1em;
  2607. }
  2608.  
  2609. h3 {
  2610. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  2611. font-size: 14px;
  2612. line-height: 1.2em;
  2613. margin-bottom: 1.1em;
  2614. }
  2615.  
  2616. h4, h5, .thin > h2 + .linkbox + div table td:first-child, .filter_torrents table:nth-child(1) td:first-child, .add_torrent_container .add_form span[style="font-style: italic;"] {
  2617. font-size: 12px;
  2618. }
  2619.  
  2620. h3#irc + .box.pad ul li:last-child, h3#general + .box.pad ul li:last-child {
  2621. margin-bottom: 0;
  2622. padding-bottom: 0;
  2623. border-bottom: none;
  2624. }
  2625.  
  2626. #alerts {
  2627. position: absolute;
  2628. top: 90px;
  2629. text-align: right;
  2630. }
  2631.  
  2632. #artist .merge_form div[style="text-align: center;"] {
  2633. text-align: left !important;
  2634. }
  2635.  
  2636. #artist .merge_form div[style="text-align: center;"] label:first-child {
  2637. margin-left: 50px;
  2638. }
  2639.  
  2640. #artist .merge_form div[style="text-align: center;"] label {
  2641. margin-left: 29px;
  2642. }
  2643.  
  2644. #artist .merge_form div[style="text-align: center;"] strong {
  2645. margin-left: 72px;
  2646. }
  2647.  
  2648. #artist .merge_form div[style="text-align: center;"] input[type="submit"] {
  2649. margin-left: 444px;
  2650. }
  2651.  
  2652. #artist .add_form input[value="Add alias"] {
  2653. margin-top: 10px;
  2654. margin-left: 463px;
  2655. }
  2656.  
  2657. #artist .merge_form input#newartistid, #artist .merge_form input#newartistname {
  2658. width: 87%;
  2659. }
  2660.  
  2661. #artistcomplete, #torrentscomplete {
  2662. position: absolute !important;
  2663. z-index: 2;
  2664. display: block !important;
  2665. overflow: hidden;
  2666. width: 152px !important;
  2667. background: rgba(20, 20, 20, 0.8);
  2668. text-align: left;
  2669. }
  2670.  
  2671. #artistcomplete > li {
  2672. display: block;
  2673. padding: 5px 5px !important;
  2674. width: 100% !important;
  2675. cursor: pointer;
  2676. }
  2677.  
  2678. #artistcomplete li.highlight {
  2679. margin-right: 0;
  2680. background-color: rgba(100, 100, 100, 0.55);
  2681. }
  2682.  
  2683. #artistfields input#artist, #title_tr input#title, #label_tr input#record_label, #catalogue_tr input#catalogue_number, #upload_table.create_form input#image, #edition_title input#remaster_title, #edition_record_label input#remaster_record_label, #edition_catalogue_number input#remaster_catalogue_number, .yadg_tr input#yadg_input, #upload_table.create_form input#title {
  2684. width: 350px;
  2685. }
  2686.  
  2687. #artist_list .remove.remove_artist, #info.head a:last-child, #concerts.head a:last-child, .box.box_info.pad ul ul li a:nth-child(2), .box.box_info.pad ul ul li a:nth-child(3), a#flip_to, #torrents .submit input[value="Filter Torrents"], .group_torrent td span, .votespan {
  2688. float: right;
  2689. }
  2690.  
  2691. #artist_name.ftr_advanced td, #search_terms.ftr_basic td {
  2692. padding-top: 0;
  2693. }
  2694.  
  2695. #better .search_form input[size="60"] {
  2696. width: 500px;
  2697. }
  2698.  
  2699. #better .search_form tr:hover, #wrapper div::-webkit-scrollbar-corner {
  2700. background-color: transparent;
  2701. }
  2702.  
  2703. #better .torrent_table .torrent_info, #better .torrent_table .tags {
  2704. margin-left: 30px;
  2705. }
  2706.  
  2707. #bookmarks .torrent_table .colhead_dark td:first-child {
  2708. width: 5%;
  2709. }
  2710.  
  2711. #bookmarks .search_form .layout.border, #bookmarks .search_form .layout.cat_list {
  2712. margin: 0;
  2713. -webkit-box-shadow: none;
  2714. box-shadow: none;
  2715. }
  2716.  
  2717. #collage table#discog_table tr.group_torrent td:first-child, #bookmarks table#torrent_table tr.group_torrent td:first-child, #torrents table#torrent_table tr.group_torrent td:first-child, #top10 tr.group_torrent td:first-child {
  2718. padding-left: 76px;
  2719. }
  2720.  
  2721. #collage_table {
  2722. margin-bottom: 20px;
  2723. border: none;
  2724. background: none;
  2725. -webkit-box-shadow: none;
  2726. box-shadow: none;
  2727. }
  2728.  
  2729. #collage_table td img {
  2730. margin: 2px;
  2731. width: 128px;
  2732. height: 128px;
  2733. border: 2px solid #3b3b3b;
  2734. opacity: 0.6;
  2735. }
  2736.  
  2737. #collage_table td img:hover {
  2738. border: 2px solid #5fa296;
  2739. opacity: 1;
  2740. transition: opacity .25s ease-in-out;
  2741. -webkit-transition: opacity .25s ease-in-out;
  2742. -moz-transition: opacity .25s ease-in-out;
  2743. -o-transition: opacity .25s ease-in-out;
  2744. }
  2745.  
  2746. #collage .search_form .layout.border tr:nth-child(3) td:nth-child(2) label, tr#release_list td label, tr#format_list td label, tr#bitrate_list td label, tr#media_list td label {
  2747. margin-right: 10px;
  2748. }
  2749.  
  2750. #collage form#quickpostform.send_form textarea[cols="24"], .sidebar .add_form textarea {
  2751. margin-bottom: 5px;
  2752. width: 216px !important;
  2753. }
  2754.  
  2755. #collage .create_form .layout td.center, #upload .layout.border.slice tbody tr td table td, .forum_post td, .search_form .layout td, .friends_table td, #torrents .edit_form .layout.border td, #wiki .layout.border td, #better .search_form td, #edition_information td, #user .send_form .layout.border td {
  2756. border: none;
  2757. }
  2758.  
  2759. #collage input#namebox, #collage input#tags, #newthreadtext input#title, input#pollquestionfield, #newthreadtext textarea#posttext, #user form textarea[style="width: 100%"], #user form input[style="width: 100%"], #requests #request_form textarea[name="description"] {
  2760. width: 757px !important;
  2761. }
  2762.  
  2763. #collage select[name="category"] {
  2764. margin-bottom: 3px;
  2765. }
  2766.  
  2767. #collage .search_form .layout.border tr:nth-child(4) td:nth-child(3) {
  2768. width: 60px;
  2769. }
  2770.  
  2771. #content h1 a:visited, #content h2 a:visited, #content h3 a:visited {
  2772. color: #528ba3 !important;
  2773. }
  2774.  
  2775. #catalogue_number_year td:nth-child(3), #edition_title td:nth-child(3) {
  2776. width: 175px;
  2777. }
  2778.  
  2779. #content {
  2780. overflow: hidden;
  2781. margin: 150px auto 50px !important;
  2782. width: 1000px;
  2783. line-height: 1.4em;
  2784. }
  2785.  
  2786. #content .main_column {
  2787. float: left;
  2788. width: 730px;
  2789. }
  2790.  
  2791. #content, .thin {
  2792. clear: both;
  2793. overflow: hidden;
  2794. }
  2795.  
  2796. #content .sidebar {
  2797. float: right;
  2798. width: 258px !important;
  2799. }
  2800.  
  2801. #coverart.box ul.collage_images img {
  2802. margin: 5px;
  2803. width: 130px !important;
  2804. height: 130px !important;
  2805. border: 2px solid #3b3b3b !important;
  2806. opacity: 0.6;
  2807. }
  2808.  
  2809. #coverart.box ul.collage_images img:hover, .group_image.float_left.clear img:hover, .gm_albumartdisplay img:hover, #collage_table td img:hover, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img:hover, #user .layout.recent a > img:hover {
  2810. border: 2px solid #528BA3 !important;
  2811. opacity: 1 !important;
  2812. transition: opacity .25s ease-in-out;
  2813. -webkit-transition: opacity .25s ease-in-out;
  2814. -moz-transition: opacity .25s ease-in-out;
  2815. -o-transition: opacity .25s ease-in-out;
  2816. }
  2817.  
  2818. #debug_database pre, #debug_report pre {
  2819. white-space: pre-wrap;
  2820. }
  2821.  
  2822. #debug_sphinx .debug_sphinx_time, #debug_database .debug_query_time, #debug_flags .debug_flags_time {
  2823. width: 200px;
  2824. }
  2825.  
  2826. #desc_row textarea {
  2827. width: 618px;
  2828. float: right;
  2829. margin-left: 10px !important;
  2830. }
  2831.  
  2832. #desc_row a {
  2833. clear: both;
  2834. line-height: 30px;
  2835. }
  2836.  
  2837. #discog_table .box.center {
  2838. color: #444 !important;
  2839. }
  2840.  
  2841. #discog_table .box.center a {
  2842. padding: 2px;
  2843. }
  2844.  
  2845. #donate img[alt="Flattr this"] {
  2846. margin: 8px 0 5px 10px;
  2847. }
  2848.  
  2849. #donate input[type="submit"] {
  2850. margin: 10px 5px 0 0;
  2851. }
  2852.  
  2853. #dnulist td:first-child {
  2854. width: 30% !important;
  2855. }
  2856.  
  2857. #dnulist td:last-child {
  2858. width: 70% !important;
  2859. }
  2860.  
  2861. #extra1 {
  2862. position: absolute;
  2863. top: 0;
  2864. margin: 0;
  2865. padding: 0;
  2866. width: 100%;
  2867. height: 45px;
  2868. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2869. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2870. background: #191919;
  2871. }
  2872.  
  2873. #extra2 {
  2874. position: absolute;
  2875. top: 0;
  2876. margin: 125px 0 0;
  2877. width: 100%;
  2878. height: 50px;
  2879. background-color: #2e2e2e;
  2880. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2881. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2882. }
  2883.  
  2884. #flip_view_1, #flip_view_2, canvas#similarArtistsCanvas {
  2885. margin: auto;
  2886. }
  2887.  
  2888. #footer {
  2889. margin: 0 auto 50px;
  2890. width: 1000px;
  2891. text-align: center;
  2892. }
  2893.  
  2894. #footer:after {
  2895. content: "DarkMonoAlt by mnster. Original by htrd. Released under CC BY-NC-ND 3.0 License.";
  2896. }
  2897.  
  2898. #greasemonkey_status_area {
  2899. top: 50px !important;
  2900. }
  2901.  
  2902. #header {
  2903. position: relative;
  2904. z-index: 5;
  2905. margin: 0 auto;
  2906. width: auto;
  2907. max-width: 1300px;
  2908. height: 65px;
  2909. }
  2910.  
  2911. #format-hide, .torrent_table, #content > .search_form, .thin > div > .search_form, .box.pad .edit_form, .box.pad .rename_form, .box.pad .merge_form, .vote_matches_table, .main_column > .box, .sidebar .box, .collage_table, .create_form .layout, .request_table .border, .request_table.border, #request_form .layout, #searchforum, .forum_index, .forum_post, .forum_list.border, #reply_box, #chat .box.pad[style="padding: 10px 10px 10px 20px;"], #top10 h3 + .border, .rule_summary, .rule_table, .box.pad > .border, .thin > .before_rules, #actual_rules, .thin > .search_form, #wiki .create_form, #wiki .edit_form, #wiki .thin > form > table, #below_box, .staff, #logchecker .thin > form > table, #better .box.pad[style="padding: 10px 10px 10px 20px;"] > p, #better .box.pad > table[width="100%"], .message_table, #inbox .send_form, .edit_form .layout, .friends_table, #dnulist, #upload .thin > p, #upload .box.pad > h3 + p + p, #user .box.pad > table[width="100%"], #donate .box.pad, #user .thin > .header + .box.pad, #user .send_form .layout.border, #discog_table .box.center, #user .main_column .layout.recent, #user .manage_form .layout, .artist_table, #manage_collage_table.ui-sortable, .thin > .header + .layout, #wiki .thin > .header + table, .main_column > .layout, .box.vertical_space, .manage_form .box.pad, .split_form .layout, .box.pad .add_form, .thin > .header + .border, #searchthread .search_form .layout.border, #content > .header + .linkbox + .layout.border, .thin > .box.thin.clear, #compose .send_form, #torrents .thin.center > .box[style="width: 600px; margin: 0px auto;"], #blog .box, #wiki .thin > div > form > .layout.border, #forums #searchthread.center .search_form .layout.border, #wiki .thin > .linkbox + table[width="100%"], #reports .thin > h3 + .box.pad, #reports .thin > .box.pad + p + table, #torrents .thin > .header + table, #staffpm #inbox > .box.pad, #torrents .torrentdetails.pad table, #user #content > .thin.center > .box, #log #log_table.log_table.border, #mark_suggestion_div .layout.border, #tools #content table, #recommendation_div {
  2912. margin-bottom: 15px !important;
  2913. padding: 10px !important;
  2914. background-color: rgba(100, 100, 100, 0.15);
  2915. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2916. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  2917. color: #9A9A9A;
  2918. }
  2919.  
  2920. #forums .colhead_dark strong > a {
  2921. text-transform: none;
  2922. }
  2923.  
  2924. #forums #searchforum .search_form {
  2925. width: 970px;
  2926. color: #9A9A9A;
  2927. }
  2928.  
  2929. #forums #searchforum.center {
  2930. margin-top: 10px;
  2931. text-align: justify;
  2932. }
  2933.  
  2934. #forums #content blockquote {
  2935. margin-bottom: 5px;
  2936. max-width: 805px;
  2937. }
  2938.  
  2939. #forums #quickreplytext br, #torrents .edit_form br, #rules li[id="r2.2.0"] img, #rules li[id="r2.2.0"] em, .sidebar .box.box_addtag br, #collage form#quickpostform.send_form br, #quickreplytext br, .add_torrent_container .add_form br, .user_title br, .main_column div#coverart + br, #upload .thin > p br, #upload #content > .box.pad + br, #rules .thin > .box.pad + br, #rules .header + br, #rules form + br, .main_column .linkbox + br, #quickpost h3 + input + br, #threadpoll.pad br, #staffpm .thin > br, #staff .box.pad br, #staff .thin > br, #blog div + br, #staffpm #messageform.manage_form br, #bookmarks .group.discog td > span > br, .sticky_post_label, .send_form > .box.pad > br, #recommendation_status br {
  2940. display: none;
  2941. }
  2942.  
  2943. #forums pre {
  2944. max-width: 700px;
  2945. }
  2946.  
  2947. #forums .linkbox strong + br + a {
  2948. line-height: 18px;
  2949. }
  2950.  
  2951. #forums .search_form .cat_list td {
  2952. text-align: left;
  2953. }
  2954.  
  2955. #forums .search_form .cat_list .forum_cat {
  2956. text-align: center;
  2957. }
  2958.  
  2959. #format-hide span {
  2960. padding: 2px 2px;
  2961. border: none !important;
  2962. color: #528ba3 !important;
  2963. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.3);
  2964. }
  2965.  
  2966. #format-hide .hider-f {
  2967. padding: 2px 2px;
  2968. color: #666 !important;
  2969. text-decoration: none !important;
  2970. }
  2971.  
  2972. #format-hide.box.box_artists {
  2973. color: rgba(100, 100, 100, 0.15);
  2974. text-shadow: none;
  2975. }
  2976.  
  2977. #friends .friends_table textarea {
  2978. height: 73px;
  2979. }
  2980.  
  2981. #friends .friends_table td.left input[type="submit"] {
  2982. margin-bottom: 5px;
  2983. width: 100%;
  2984. }
  2985.  
  2986. #friends .friends_table tr.colhead span[style="float: right;"]:before {
  2987. content: "Last Seen: ";
  2988. }
  2989.  
  2990. #index .sidebar .box .pad p, .linkbox .center, #artist .thin > h2, #index .sidebar .box div.head.colhead_dark + div.center.pad, .rule_summary li, #quickreplytext, #staff .box.pad h3 + p, #reports .box.pad + p, #reports .box.pad > p, #rules h4, #rules h5, .edit_form div > h3 + p, .send_form .box.pad textarea#quickpost, #reports blockquote, .save_message {
  2991. margin-bottom: 5px;
  2992. }
  2993.  
  2994. #index .graph .center_poll {
  2995. margin-top: 0;
  2996. }
  2997.  
  2998. #index .sidebar a > img[width="100%"], .box.box_albumart img, #artist .sidebar div img {
  2999. width: 230px;
  3000. height: auto;
  3001. border: 2px solid #3b3b3b !important;
  3002. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3003. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3004. opacity: 1;
  3005. }
  3006.  
  3007. #index .sidebar a > img[width="100%"]:hover, #artist .sidebar div img:hover, .box.box_albumart img:hover {
  3008. border: 2px solid #456478 !important;
  3009. opacity: 0.6;
  3010. -webkit-transition: opacity .25s ease-in-out;
  3011. -moz-transition: opacity .25s ease-in-out;
  3012. transition: opacity .25s ease-in-out;
  3013. }
  3014.  
  3015. #inbox #quickpost input[type="text"], #staffpm .send_form input#subject, #staff .send_form input#subject, #artist .edit_form input[size="92"], #artist .rename_form input[name="name"], #artist .add_form input[size="40"], #torrents .rename_form input[size="92"], #torrents .merge_form input[name="targetgroupid"], .box.pad .edit_form input[size="92"] {
  3016. display: block;
  3017. margin: 0 auto 10px;
  3018. width: 958px;
  3019. }
  3020.  
  3021. #inbox .box.pad input[value="Editor"], #inbox .box.pad input[value="Preview"] {
  3022. margin-right: 3px;
  3023. }
  3024.  
  3025. #inbox .manage_form .layout td {
  3026. padding-top: 10px;
  3027. border: none;
  3028. }
  3029.  
  3030. #inbox .manage_form .layout td.label, #requests .box.box_votes td:nth-child(2), .thin > h2 + div > form table td.label, .thin > h2 + .linkbox + div form table td.label, .filter_torrents td.label, #requests tbody tr td.label, #requests .thin .search_form tr#release_list td.label, #collage .thin .search_form tr td.label, #logchecker .thin.center .border td.label, #upload #upload_table.create_form #dynamic_form table tbody td:first-child, #userform.edit_form .layout td.label {
  3031. text-align: right;
  3032. }
  3033.  
  3034. #inbox .thin #searchbox.search_form div input:last-child, #index .sidebar #merchbox.box div.center.pad, #index .sidebar .box div.center.pad:last-child, #reports .box.pad ul + p, #inbox input[value="Manage conversation"], #artistfields input[id="artist"]:nth-child(n+1), .artists_with, .preview_submit, #answer_block input:nth-child(n+2) {
  3035. margin-top: 5px;
  3036. }
  3037.  
  3038. #lightbox {
  3039. position: fixed;
  3040. top: 10%;
  3041. left: 5%;
  3042. z-index: 1000;
  3043. overflow: auto;
  3044. padding: 0;
  3045. width: 90%;
  3046. height: 90%;
  3047. text-align: center;
  3048. }
  3049.  
  3050. #lightbox img {
  3051. max-width: 90%;
  3052. max-height: 90%;
  3053. border: 5px solid #3b3b3b;
  3054. }
  3055.  
  3056. #logchecker textarea#log_contents {
  3057. margin: 0 !important;
  3058. height: 100px;
  3059. width: 757px;
  3060. }
  3061.  
  3062. #logchecker blockquote h2 {
  3063. margin-bottom: 0px;
  3064. }
  3065.  
  3066. #logo a {
  3067. position: absolute;
  3068. top: 0;
  3069. left: 0;
  3070. z-index: 5;
  3071. margin: 12px 0 0 50px;
  3072. padding: 0;
  3073. width: 160px;
  3074. height: 24px;
  3075. background: url("https://i.imgur.com/mqGnIIP.png") no-repeat;
  3076. background-size: auto 80%;
  3077. }
  3078.  
  3079. #menu {
  3080. position: absolute;
  3081. top: 0;
  3082. right: 0;
  3083. width: 100%;
  3084. height: 45px;
  3085. text-align: right;
  3086. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  3087. font-weight: normal;
  3088. }
  3089.  
  3090. #menu a, #userinfo_stats a, .tags a:hover, .search_form {
  3091. color: #9A9A9A;
  3092. }
  3093.  
  3094. #menu .active a {
  3095. background-color: #1c1c1c;
  3096. color: #F9A440;
  3097. }
  3098.  
  3099. #menu .active a:hover {
  3100. color: #aaa;
  3101. }
  3102.  
  3103. #menu ul {
  3104. padding: 15px 0 0 50px;
  3105. }
  3106.  
  3107. #menu ul li:last-child {
  3108. margin-right: 55px;
  3109. }
  3110.  
  3111. #menu li:first-child, #inbox .manage_form .layout td.center, .search_form .layout tr:last-child td.center, .debug_table td.debug_data, .drag_drop_save {
  3112. padding: 0;
  3113. }
  3114.  
  3115. #menu li a, #menu li a:hover {
  3116. padding: 13px 7px 15px;
  3117. }
  3118.  
  3119. #nav_userinfo, #nav_useredit, #nav_logout, #nav_upload, #nav_invite, #nav_donate, #nav_store {
  3120. display: inline-block !important;
  3121. height: 15px;
  3122. }
  3123.  
  3124. /*
  3125. #nav_useredit, #nav_logout, #nav_invite, #nav_donate, #nav_store {
  3126. opacity: 0;
  3127. transition: opacity .25s ease-in-out;
  3128. -webkit-transition: opacity .25s ease-in-out;
  3129. -moz-transition: opacity .25s ease-in-out;
  3130. -o-transition: opacity .25s ease-in-out;
  3131. }
  3132.  
  3133. #userinfo_username:hover #nav_useredit, #userinfo_username:hover #nav_logout, #userinfo_major:hover #nav_invite, #userinfo_major:hover #nav_donate, #userinfo_major:hover #nav_store {
  3134. opacity: 1;
  3135. }
  3136. */
  3137. #other_bitrate_span input#vbr {
  3138. top: 3px;
  3139. }
  3140.  
  3141. #quickreplytext .bbcodes, #messageform .bbcodes, .edit_form .bbcodes, .friends_table .bbcodes, #newthreadtext .bbcodes, .create_form .bbcodes, .send_form .bbcodes, .forum_post form .bbcodes, #requests #request_form .bbcodes {
  3142. max-width: 100% !important;
  3143. }
  3144.  
  3145. #recommended .head {
  3146. margin-bottom: -11px !important;
  3147. }
  3148.  
  3149. #recommendation_note {
  3150. width: 600px;
  3151. }
  3152.  
  3153. #requests #request_form.add_form, #requests .edit_form {
  3154. margin: 0 !important;
  3155. padding: 0 !important;
  3156. background: none !important;
  3157. }
  3158.  
  3159. #requests #request_form select#importance {
  3160. margin: 0 2px;
  3161. width: 112px;
  3162. }
  3163.  
  3164. #requests #request_form input#tags {
  3165. margin-left: 2px;
  3166. width: 265px;
  3167. }
  3168.  
  3169. #requests .layout form[name="request"] {
  3170. -webkit-box-shadow: none !important;
  3171. box-shadow: none !important;
  3172. }
  3173.  
  3174. #requests .thin div:nth-child(3) form table:nth-child(6) td {
  3175. padding: 13px 0 0 0 !important;
  3176. padding-top: 13px !important;
  3177. border-bottom: 0 !important;
  3178. }
  3179.  
  3180. #requests .main_column .layout td > .edit_form input[size="50"] {
  3181. width: 50%;
  3182. }
  3183.  
  3184. #requests .forum_post form textarea[cols="80"], #torrents .main_column .forum_post.box.vertical_margin form textarea[cols="50"] {
  3185. width: 538px;
  3186. }
  3187.  
  3188. #reportform .box.pad input, #reportform textarea {
  3189. max-width: 705px;
  3190. width: 705px;
  3191. }
  3192.  
  3193. #reportform td.label {
  3194. width: 220px;
  3195. }
  3196.  
  3197. #rules .search_form input#search_string, #debug_loggedvars .debug_loggedvars_name {
  3198. width: 290px;
  3199. }
  3200.  
  3201. #rules li[id="r2.2.0"] p {
  3202. margin-bottom: 10px;
  3203. margin-left: 14%;
  3204. width: 675px;
  3205. height: 275px;
  3206. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/trump.png") no-repeat !important;
  3207. }
  3208.  
  3209. #rules span#Index {
  3210. margin-left: 5px;
  3211. font-size: 90%;
  3212. }
  3213.  
  3214. #rules .ratio_table {
  3215. margin: 10px 0;
  3216. margin-left: 250px;
  3217. width: 500px;
  3218. background: rgba(50, 50, 50, 0.4);
  3219. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3220. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3221. }
  3222.  
  3223. #rules .rule_summary > ul, #chat .thin .box.pad > ul {
  3224. padding: 10px 20px 10px 30px;
  3225. list-style-type: lower-roman;
  3226. }
  3227.  
  3228. #rules .box.pad.rule_summary > p {
  3229. text-align: justify;
  3230. }
  3231.  
  3232. #rules ol, #rules ul, #wiki .box_info.pad ul, #chat .box.pad ul {
  3233. list-style: none;
  3234. }
  3235.  
  3236. #searchbars {
  3237. position: absolute;
  3238. top: 125px;
  3239. margin: 0;
  3240. padding: 12px 5px;
  3241. width: 100%;
  3242. height: 28px;
  3243. text-align: center;
  3244. }
  3245.  
  3246. #searchbars ul li {
  3247. display: inline-block;
  3248. margin-right: 5px;
  3249. }
  3250.  
  3251. #searchbars li:last-child, #userinfo_stats li:last-child {
  3252. margin-right: 0;
  3253. }
  3254.  
  3255. #searchbars ul, #searchbars form {
  3256. display: inline;
  3257. margin: 0;
  3258. padding: 0;
  3259. }
  3260.  
  3261. #searchbars input {
  3262. padding: 5px 10px;
  3263. width: 130px;
  3264. height: 15px;
  3265. border: 1px solid #3B3B3B;
  3266. background: rgba(0, 0, 0, 0.15);
  3267. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  3268. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  3269. color: #666;
  3270. transition: .25s ease-in-out;
  3271. -webkit-transition: .25s ease-in-out;
  3272. -moz-transition: .25s ease-in-out;
  3273. -o-transition: .25s ease-in-out;
  3274. }
  3275.  
  3276. #site_debug .debug_table .debug_data > div, #site_debug .debug_table .debug_data > pre {
  3277. overflow: auto;
  3278. padding: 8px;
  3279. max-width: none;
  3280. max-height: 400px;
  3281. }
  3282.  
  3283. #sortable li {
  3284. margin-bottom: 5px;
  3285. font-size: 100% !important;
  3286. padding-left: 1px;
  3287. margin-left: 0;
  3288. }
  3289.  
  3290. #sortable {
  3291. -webkit-column-width: 110px;
  3292. -moz-column-width: 110px;
  3293. column-width: 110px;
  3294. width: 100% !important;
  3295. }
  3296.  
  3297. #stats .box.pad.center img {
  3298. margin: 10px 0;
  3299. }
  3300.  
  3301. #stats .box.center img:last-child, #recommended #vanityhouse {
  3302. margin-top: 20px;
  3303. }
  3304.  
  3305. #staff .send_form strong, #staffpm .send_form strong {
  3306. margin-left: 33%;
  3307. }
  3308.  
  3309. #staffpm #compose, .thin > h2 + div, .thin > h2 + .linkbox + div, .sidebar .download_form ul#list.nobullet, .sidebar .box.box_addtag .add_form, .sidebar form[action="bookmarks.php"] ul#list.nobullet, #artist .box.pad > ul, #artist .add_form input[size="40"], #torrents .edit_form div.yadg_div, blockquote.log_bad, #preview, #inbox #messageform.manage_form input[type="submit"], input.save_sortable_collage {
  3310. margin-bottom: 10px;
  3311. }
  3312.  
  3313. #searchthread .search_form {
  3314. width: 1000px;
  3315. }
  3316.  
  3317. #threadpoll p {
  3318. margin-bottom: 20px;
  3319. font-size: 16px;
  3320. }
  3321.  
  3322. #tools #marked_suggestion table, #tools #implemented_suggestion table, #tools #rejected_suggestion table {
  3323. width: 300px;
  3324. }
  3325.  
  3326. #tools #marked_suggestion {
  3327. float: left;
  3328. margin-right: 50px;
  3329. }
  3330.  
  3331. #tools #implemented_suggestion {
  3332. float: left;
  3333. }
  3334.  
  3335. #tools #rejected_suggestion {
  3336. float: right;
  3337. }
  3338.  
  3339. #top10 .thin div[style="text-align: right;"] {
  3340. margin: 10px 0 15px;
  3341. text-align: center !important;
  3342. }
  3343.  
  3344. #top10 input[name="year2"], a.downvote, a.small_downvote, .box.box_info.pad a[title="Delete Alias"], #user .delete_form input[value="Logout"], #user .delete_form input[value="Current"], input#remove_format, .send_form .layout.border input[value="Invite"] {
  3345. margin-left: 5px;
  3346. }
  3347.  
  3348. /*
  3349. #top10 span[style="float: right;"], span#vote_message {
  3350. font-size: 0px;
  3351. line-height: 0;
  3352. }
  3353. */
  3354. #top10 tr.colhead_dark td[width="70%"] {
  3355. width: auto;
  3356. }
  3357.  
  3358. #top10 tr.colhead_dark td:first-child, #top10 tr.colhead_dark td:nth-child(2), #top10 tr.colhead_dark td.sign {
  3359. width: 20px;
  3360. }
  3361.  
  3362. #torrent_table tr.group:hover img, #discog_table tr.discog:hover img, .torrent_table.cats.numbering.border tr.torrent:hover img, .torrent_table tr.torrent_row:hover img, .torrent_table tr.torrent:hover img {
  3363. border: 2px solid #528BA3 !important;
  3364. opacity: 1 !important;
  3365. transition: opacity .25s ease-in-out;
  3366. -webkit-transition: opacity .25s ease-in-out;
  3367. -moz-transition: opacity .25s ease-in-out;
  3368. -o-transition: opacity .25s ease-in-out;
  3369. }
  3370.  
  3371. /* Hover opacity for artwork in torrent lists */
  3372. #torrents .submit input[value="Reset"] {
  3373. float: left;
  3374. }
  3375.  
  3376. #torrents .thin > h2 + div > form .submit, #collage .thin form .submit {
  3377. padding-top: 13px;
  3378. }
  3379.  
  3380. #requests .thin div:nth-child(3) form table:nth-child(3) tr:first-child td, #collage .thin form table:nth-child(2) tr:first-child td, #req .thin form table:nth-child(2) tr:first-child td {
  3381. padding-top: 0 !important;
  3382. }
  3383.  
  3384. #torrents .search_form .submit {
  3385. margin-top: 10px;
  3386. text-align: center;
  3387. }
  3388.  
  3389. #torrents .edit_form select#releasetype {
  3390. margin-bottom: 10px;
  3391. margin-left: 452px;
  3392. }
  3393.  
  3394. #torrents .edit_form .layout.border td.center, #rules .header > h2.center, .yadg_div h3, #torrents .thin.center > .box .head.colhead {
  3395. text-align: left;
  3396. }
  3397.  
  3398. #torrents .edit_form .layout.border td.label:after {
  3399. content: ": ";
  3400. }
  3401.  
  3402. #torrents .edit_form .layout.border, #forums .search_form .layout.border, #vanityhouse.torrent_table {
  3403. background: none;
  3404. -webkit-box-shadow: none;
  3405. box-shadow: none;
  3406. }
  3407.  
  3408. #torrents .edit_form input[value="Edit"] {
  3409. margin-left: 468px;
  3410. width: 44px;
  3411. }
  3412.  
  3413. #torrents .edit_form .layout.border td.label {
  3414. width: 100px;
  3415. text-align: right;
  3416. }
  3417.  
  3418. #torrents .edit_form input[size="40"] {
  3419. width: 838px;
  3420. }
  3421.  
  3422. #torrents .thin.center > .box .delete_form input[name="extra"] {
  3423. width: 677px;
  3424. }
  3425.  
  3426. #upload_table.create_form textarea#album_desc, #upload_table.create_form textarea#release_desc, #userform.edit_form textarea#info, #upload_table.create_form textarea#desc {
  3427. max-width: 757px !important;
  3428. }
  3429.  
  3430. #userform.edit_form .layout td > label {
  3431. line-height: 20px;
  3432. }
  3433.  
  3434. #userform.edit_form .layout.border .layout, #recommended #vanityhouse {
  3435. margin-bottom: 0;
  3436. }
  3437.  
  3438. #userinfo a, #menu a, #searchbars a {
  3439. transition: .25s ease-in-out;
  3440. -webkit-transition: .25s ease-in-out;
  3441. -moz-transition: .25s ease-in-out;
  3442. -o-transition: .25s ease-in-out;
  3443. }
  3444.  
  3445. #userinfo {
  3446. overflow: hidden;
  3447. width: 100%;
  3448. }
  3449.  
  3450. #userinfo ul {
  3451. position: absolute;
  3452. padding: 0;
  3453. }
  3454.  
  3455. #userinfo_username {
  3456. position: static !important;
  3457. left: 0;
  3458. float: left !important;
  3459. overflow: hidden;
  3460. margin: 62px 0 0 50px;
  3461. height: 1.5em !important;
  3462. text-align: left;
  3463. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  3464. }
  3465.  
  3466. #userinfo_username li, #userinfo_stats li, #userinfo_minor l
  3467. /*
  3468. DarkMonoAlt - Tweaked by mnster for PassTheHeadphones
  3469. -----------------------------------------------------
  3470.  
  3471. Original DarkMono v2 by htrd (a.hatred@gmail.com)
  3472. Original terms of use / license information:
  3473.  
  3474. Everything is copyright 2012 htrd.
  3475. Distributed under the Creative Commons BY-NC-ND 3.0 License:
  3476. * You may copy, distribute and transmit this stylesheet and it's associated elements, unaltered and in their entirety, so long as you
  3477. give proper credit for the creation and design of these elements to htrd and include this written notice of such credit.
  3478. * You may not use any aspect of this stylesheet or it's design elements for any commercial or public purposes.
  3479. * You may not alter, transform, or build upon this stylesheet for public use.
  3480. * By using this stylesheet and it's associated elements, you agree to these Terms of Use and also that these Terms of Use may change at any time, with or without notice.
  3481. Made exclusively for use on What.CD in 2012.
  3482. */
  3483. @import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
  3484. * {
  3485. margin: 0;
  3486. padding: 0;
  3487. }
  3488.  
  3489. body {
  3490. margin: 0;
  3491. padding: 0;
  3492. background: #222;
  3493. color: #9A9A9A;
  3494. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.3);
  3495. font: 13px 'Roboto', 'Trebuchet MS', "Arial", sans-serif;
  3496. }
  3497.  
  3498. p, #userinfo_stats li:last-child {
  3499. margin: 0;
  3500. }
  3501.  
  3502. p.min_padding, .friends_table td.left input[type="submit"]:first-child {
  3503. margin-top: 3px;
  3504. }
  3505.  
  3506. table {
  3507. border-spacing: 0;
  3508. border-collapse: collapse;
  3509. }
  3510.  
  3511. ol, ul {
  3512. list-style-position: inside;
  3513. }
  3514.  
  3515. li {
  3516. line-height: 1.5em;
  3517. }
  3518.  
  3519. a, .linkbox a:hover {
  3520. color: #528ba3;
  3521. text-decoration: none;
  3522. }
  3523.  
  3524. a:hover, #content a:visited {
  3525. color: #456478;
  3526. }
  3527.  
  3528. a img, #collage .search_form td, #requests .search_form td, #reportsv2 #reportform.create_form .layout td, #requests .box.box_votes td, #upload #whmf_offer, .filter_torrents .cat_list, .search_form .layout td {
  3529. border: none !important;
  3530. }
  3531.  
  3532. .add_bookmark a, .big_info .add_bookmark.brackets, .bookmark a.add_bookmark {
  3533. display: block;
  3534. overflow: hidden;
  3535. padding: 2px 0px;
  3536. width: 20px;
  3537. height: 20px;
  3538. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/bm-add.png") no-repeat top left;
  3539. background-position: 0px 5px;
  3540. text-indent: 100%;
  3541. white-space: nowrap;
  3542. font-size: 0px;
  3543. cursor: pointer;
  3544. }
  3545.  
  3546. .remove_bookmark a, .big_info .remove_bookmark.brackets, .bookmark a.remove_bookmark {
  3547. display: block;
  3548. overflow: hidden;
  3549. padding: 2px 0px;
  3550. width: 20px;
  3551. height: 20px;
  3552. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/bm-remove.png") no-repeat top left;
  3553. background-position: 0px 5px;
  3554. text-indent: 100%;
  3555. white-space: nowrap;
  3556. font-size: 0px;
  3557. cursor: pointer;
  3558. }
  3559.  
  3560. /*
  3561. a.upvote, a.small_upvote {
  3562. display: inline-block;
  3563. overflow: hidden;
  3564. width: 16px;
  3565. height: 14px;
  3566. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  3567. background-position: 0px -62px;
  3568. text-indent: 100%;
  3569. white-space: nowrap;
  3570. cursor: pointer;
  3571. }
  3572.  
  3573. a.upvote:hover, a.small_upvote:hover {
  3574. display: inline-block;
  3575. overflow: hidden;
  3576. width: 16px;
  3577. height: 14px;
  3578. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  3579. background-position: -16px -62px;
  3580. }
  3581.  
  3582. a.downvote, a.small_downvote {
  3583. display: inline-block;
  3584. overflow: hidden;
  3585. width: 16px;
  3586. height: 14px;
  3587. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  3588. background-position: 0px -76px;
  3589. text-indent: 100%;
  3590. white-space: nowrap;
  3591. cursor: pointer;
  3592. }
  3593.  
  3594. a.downvote:hover, a.small_downvote:hover {
  3595. display: inline-block;
  3596. overflow: hidden;
  3597. width: 16px;
  3598. height: 14px;
  3599. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  3600. background-position: -16px -76px;
  3601. }
  3602.  
  3603. a.small_clearvote {
  3604. display: inline-block;
  3605. overflow: hidden;
  3606. width: 16px;
  3607. height: 14px;
  3608. background: url('https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png') no-repeat top left;
  3609. background-position: 0px -91px;
  3610. text-indent: 100%;
  3611. white-space: nowrap;
  3612. cursor: pointer;
  3613. }
  3614. */
  3615. a.new-subscriptions {
  3616. padding: 6px 5px 5px !important;
  3617. margin-right: 5px;
  3618. background-color: rgba(42, 68, 93, 0.1);
  3619. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 68, 93, 0.1)), to(rgba(76, 123, 167, 0.5)));
  3620. background-image: -webkit-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  3621. background-image: -moz-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  3622. background-image: -o-linear-gradient(top, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  3623. background-image: linear-gradient(to bottom, rgba(42, 68, 93, 0.1), rgba(76, 123, 167, 0.5));
  3624. color: #888;
  3625. }
  3626.  
  3627. a.new-subscriptions:hover {
  3628. color: #7a7a7a !important;
  3629. }
  3630.  
  3631. a.hide_torrents_link {
  3632. display: block;
  3633. width: 23px;
  3634. height: 25px;
  3635. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/show-hide.png") no-repeat;
  3636. background-position: 0px -25px;
  3637. }
  3638.  
  3639. a.show_torrents_link {
  3640. display: block;
  3641. width: 23px;
  3642. height: 25px;
  3643. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/show-hide.png") no-repeat;
  3644. }
  3645.  
  3646. h1, h2, h3 {
  3647. color: #666 !important;
  3648. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  3649. font-weight: bold;
  3650. }
  3651.  
  3652. h2 {
  3653. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  3654. font-size: 24px;
  3655. line-height: 1.2em;
  3656. margin-bottom: 1em;
  3657. }
  3658.  
  3659. h3 {
  3660. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.2);
  3661. font-size: 14px;
  3662. line-height: 1.2em;
  3663. margin-bottom: 1.1em;
  3664. }
  3665.  
  3666. h4, h5, .thin > h2 + .linkbox + div table td:first-child, .filter_torrents table:nth-child(1) td:first-child, .add_torrent_container .add_form span[style="font-style: italic;"] {
  3667. font-size: 12px;
  3668. }
  3669.  
  3670. h3#irc + .box.pad ul li:last-child, h3#general + .box.pad ul li:last-child {
  3671. margin-bottom: 0;
  3672. padding-bottom: 0;
  3673. border-bottom: none;
  3674. }
  3675.  
  3676. #alerts {
  3677. position: absolute;
  3678. top: 90px;
  3679. text-align: right;
  3680. }
  3681.  
  3682. #artist .merge_form div[style="text-align: center;"] {
  3683. text-align: left !important;
  3684. }
  3685.  
  3686. #artist .merge_form div[style="text-align: center;"] label:first-child {
  3687. margin-left: 50px;
  3688. }
  3689.  
  3690. #artist .merge_form div[style="text-align: center;"] label {
  3691. margin-left: 29px;
  3692. }
  3693.  
  3694. #artist .merge_form div[style="text-align: center;"] strong {
  3695. margin-left: 72px;
  3696. }
  3697.  
  3698. #artist .merge_form div[style="text-align: center;"] input[type="submit"] {
  3699. margin-left: 444px;
  3700. }
  3701.  
  3702. #artist .add_form input[value="Add alias"] {
  3703. margin-top: 10px;
  3704. margin-left: 463px;
  3705. }
  3706.  
  3707. #artist .merge_form input#newartistid, #artist .merge_form input#newartistname {
  3708. width: 87%;
  3709. }
  3710.  
  3711. #artistcomplete, #torrentscomplete {
  3712. position: absolute !important;
  3713. z-index: 2;
  3714. display: block !important;
  3715. overflow: hidden;
  3716. width: 152px !important;
  3717. background: rgba(20, 20, 20, 0.8);
  3718. text-align: left;
  3719. }
  3720.  
  3721. #artistcomplete > li {
  3722. display: block;
  3723. padding: 5px 5px !important;
  3724. width: 100% !important;
  3725. cursor: pointer;
  3726. }
  3727.  
  3728. #artistcomplete li.highlight {
  3729. margin-right: 0;
  3730. background-color: rgba(100, 100, 100, 0.55);
  3731. }
  3732.  
  3733. #artistfields input#artist, #title_tr input#title, #label_tr input#record_label, #catalogue_tr input#catalogue_number, #upload_table.create_form input#image, #edition_title input#remaster_title, #edition_record_label input#remaster_record_label, #edition_catalogue_number input#remaster_catalogue_number, .yadg_tr input#yadg_input, #upload_table.create_form input#title {
  3734. width: 350px;
  3735. }
  3736.  
  3737. #artist_list .remove.remove_artist, #info.head a:last-child, #concerts.head a:last-child, .box.box_info.pad ul ul li a:nth-child(2), .box.box_info.pad ul ul li a:nth-child(3), a#flip_to, #torrents .submit input[value="Filter Torrents"], .group_torrent td span, .votespan {
  3738. float: right;
  3739. }
  3740.  
  3741. #artist_name.ftr_advanced td, #search_terms.ftr_basic td {
  3742. padding-top: 0;
  3743. }
  3744.  
  3745. #better .search_form input[size="60"] {
  3746. width: 500px;
  3747. }
  3748.  
  3749. #better .search_form tr:hover, #wrapper div::-webkit-scrollbar-corner {
  3750. background-color: transparent;
  3751. }
  3752.  
  3753. #better .torrent_table .torrent_info, #better .torrent_table .tags {
  3754. margin-left: 30px;
  3755. }
  3756.  
  3757. #bookmarks .torrent_table .colhead_dark td:first-child {
  3758. width: 5%;
  3759. }
  3760.  
  3761. #bookmarks .search_form .layout.border, #bookmarks .search_form .layout.cat_list {
  3762. margin: 0;
  3763. -webkit-box-shadow: none;
  3764. box-shadow: none;
  3765. }
  3766.  
  3767. #collage table#discog_table tr.group_torrent td:first-child, #bookmarks table#torrent_table tr.group_torrent td:first-child, #torrents table#torrent_table tr.group_torrent td:first-child, #top10 tr.group_torrent td:first-child {
  3768. padding-left: 76px;
  3769. }
  3770.  
  3771. #collage_table {
  3772. margin-bottom: 20px;
  3773. border: none;
  3774. background: none;
  3775. -webkit-box-shadow: none;
  3776. box-shadow: none;
  3777. }
  3778.  
  3779. #collage_table td img {
  3780. margin: 2px;
  3781. width: 128px;
  3782. height: 128px;
  3783. border: 2px solid #3b3b3b;
  3784. opacity: 0.6;
  3785. }
  3786.  
  3787. #collage_table td img:hover {
  3788. border: 2px solid #5fa296;
  3789. opacity: 1;
  3790. transition: opacity .25s ease-in-out;
  3791. -webkit-transition: opacity .25s ease-in-out;
  3792. -moz-transition: opacity .25s ease-in-out;
  3793. -o-transition: opacity .25s ease-in-out;
  3794. }
  3795.  
  3796. #collage .search_form .layout.border tr:nth-child(3) td:nth-child(2) label, tr#release_list td label, tr#format_list td label, tr#bitrate_list td label, tr#media_list td label {
  3797. margin-right: 10px;
  3798. }
  3799.  
  3800. #collage form#quickpostform.send_form textarea[cols="24"], .sidebar .add_form textarea {
  3801. margin-bottom: 5px;
  3802. width: 216px !important;
  3803. }
  3804.  
  3805. #collage .create_form .layout td.center, #upload .layout.border.slice tbody tr td table td, .forum_post td, .search_form .layout td, .friends_table td, #torrents .edit_form .layout.border td, #wiki .layout.border td, #better .search_form td, #edition_information td, #user .send_form .layout.border td {
  3806. border: none;
  3807. }
  3808.  
  3809. #collage input#namebox, #collage input#tags, #newthreadtext input#title, input#pollquestionfield, #newthreadtext textarea#posttext, #user form textarea[style="width: 100%"], #user form input[style="width: 100%"], #requests #request_form textarea[name="description"] {
  3810. width: 757px !important;
  3811. }
  3812.  
  3813. #collage select[name="category"] {
  3814. margin-bottom: 3px;
  3815. }
  3816.  
  3817. #collage .search_form .layout.border tr:nth-child(4) td:nth-child(3) {
  3818. width: 60px;
  3819. }
  3820.  
  3821. #content h1 a:visited, #content h2 a:visited, #content h3 a:visited {
  3822. color: #528ba3 !important;
  3823. }
  3824.  
  3825. #catalogue_number_year td:nth-child(3), #edition_title td:nth-child(3) {
  3826. width: 175px;
  3827. }
  3828.  
  3829. #content {
  3830. overflow: hidden;
  3831. margin: 150px auto 50px !important;
  3832. width: 1000px;
  3833. line-height: 1.4em;
  3834. }
  3835.  
  3836. #content .main_column {
  3837. float: left;
  3838. width: 730px;
  3839. }
  3840.  
  3841. #content, .thin {
  3842. clear: both;
  3843. overflow: hidden;
  3844. }
  3845.  
  3846. #content .sidebar {
  3847. float: right;
  3848. width: 258px !important;
  3849. }
  3850.  
  3851. #coverart.box ul.collage_images img {
  3852. margin: 5px;
  3853. width: 130px !important;
  3854. height: 130px !important;
  3855. border: 2px solid #3b3b3b !important;
  3856. opacity: 0.6;
  3857. }
  3858.  
  3859. #coverart.box ul.collage_images img:hover, .group_image.float_left.clear img:hover, .gm_albumartdisplay img:hover, #collage_table td img:hover, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img:hover, #user .layout.recent a > img:hover {
  3860. border: 2px solid #528BA3 !important;
  3861. opacity: 1 !important;
  3862. transition: opacity .25s ease-in-out;
  3863. -webkit-transition: opacity .25s ease-in-out;
  3864. -moz-transition: opacity .25s ease-in-out;
  3865. -o-transition: opacity .25s ease-in-out;
  3866. }
  3867.  
  3868. #debug_database pre, #debug_report pre {
  3869. white-space: pre-wrap;
  3870. }
  3871.  
  3872. #debug_sphinx .debug_sphinx_time, #debug_database .debug_query_time, #debug_flags .debug_flags_time {
  3873. width: 200px;
  3874. }
  3875.  
  3876. #desc_row textarea {
  3877. width: 618px;
  3878. float: right;
  3879. margin-left: 10px !important;
  3880. }
  3881.  
  3882. #desc_row a {
  3883. clear: both;
  3884. line-height: 30px;
  3885. }
  3886.  
  3887. #discog_table .box.center {
  3888. color: #444 !important;
  3889. }
  3890.  
  3891. #discog_table .box.center a {
  3892. padding: 2px;
  3893. }
  3894.  
  3895. #donate img[alt="Flattr this"] {
  3896. margin: 8px 0 5px 10px;
  3897. }
  3898.  
  3899. #donate input[type="submit"] {
  3900. margin: 10px 5px 0 0;
  3901. }
  3902.  
  3903. #dnulist td:first-child {
  3904. width: 30% !important;
  3905. }
  3906.  
  3907. #dnulist td:last-child {
  3908. width: 70% !important;
  3909. }
  3910.  
  3911. #extra1 {
  3912. position: absolute;
  3913. top: 0;
  3914. margin: 0;
  3915. padding: 0;
  3916. width: 100%;
  3917. height: 45px;
  3918. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3919. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3920. background: #191919;
  3921. }
  3922.  
  3923. #extra2 {
  3924. position: absolute;
  3925. top: 0;
  3926. margin: 125px 0 0;
  3927. width: 100%;
  3928. height: 50px;
  3929. background-color: #2e2e2e;
  3930. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3931. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3932. }
  3933.  
  3934. #flip_view_1, #flip_view_2, canvas#similarArtistsCanvas {
  3935. margin: auto;
  3936. }
  3937.  
  3938. #footer {
  3939. margin: 0 auto 50px;
  3940. width: 1000px;
  3941. text-align: center;
  3942. }
  3943.  
  3944. #footer:after {
  3945. content: "DarkMonoAlt by mnster. Original by htrd. Released under CC BY-NC-ND 3.0 License.";
  3946. }
  3947.  
  3948. #greasemonkey_status_area {
  3949. top: 50px !important;
  3950. }
  3951.  
  3952. #header {
  3953. position: relative;
  3954. z-index: 5;
  3955. margin: 0 auto;
  3956. width: auto;
  3957. max-width: 1300px;
  3958. height: 65px;
  3959. }
  3960.  
  3961. #format-hide, .torrent_table, #content > .search_form, .thin > div > .search_form, .box.pad .edit_form, .box.pad .rename_form, .box.pad .merge_form, .vote_matches_table, .main_column > .box, .sidebar .box, .collage_table, .create_form .layout, .request_table .border, .request_table.border, #request_form .layout, #searchforum, .forum_index, .forum_post, .forum_list.border, #reply_box, #chat .box.pad[style="padding: 10px 10px 10px 20px;"], #top10 h3 + .border, .rule_summary, .rule_table, .box.pad > .border, .thin > .before_rules, #actual_rules, .thin > .search_form, #wiki .create_form, #wiki .edit_form, #wiki .thin > form > table, #below_box, .staff, #logchecker .thin > form > table, #better .box.pad[style="padding: 10px 10px 10px 20px;"] > p, #better .box.pad > table[width="100%"], .message_table, #inbox .send_form, .edit_form .layout, .friends_table, #dnulist, #upload .thin > p, #upload .box.pad > h3 + p + p, #user .box.pad > table[width="100%"], #donate .box.pad, #user .thin > .header + .box.pad, #user .send_form .layout.border, #discog_table .box.center, #user .main_column .layout.recent, #user .manage_form .layout, .artist_table, #manage_collage_table.ui-sortable, .thin > .header + .layout, #wiki .thin > .header + table, .main_column > .layout, .box.vertical_space, .manage_form .box.pad, .split_form .layout, .box.pad .add_form, .thin > .header + .border, #searchthread .search_form .layout.border, #content > .header + .linkbox + .layout.border, .thin > .box.thin.clear, #compose .send_form, #torrents .thin.center > .box[style="width: 600px; margin: 0px auto;"], #blog .box, #wiki .thin > div > form > .layout.border, #forums #searchthread.center .search_form .layout.border, #wiki .thin > .linkbox + table[width="100%"], #reports .thin > h3 + .box.pad, #reports .thin > .box.pad + p + table, #torrents .thin > .header + table, #staffpm #inbox > .box.pad, #torrents .torrentdetails.pad table, #user #content > .thin.center > .box, #log #log_table.log_table.border, #mark_suggestion_div .layout.border, #tools #content table, #recommendation_div {
  3962. margin-bottom: 15px !important;
  3963. padding: 10px !important;
  3964. background-color: rgba(100, 100, 100, 0.15);
  3965. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3966. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  3967. color: #9A9A9A;
  3968. }
  3969.  
  3970. #forums .colhead_dark strong > a {
  3971. text-transform: none;
  3972. }
  3973.  
  3974. #forums #searchforum .search_form {
  3975. width: 970px;
  3976. color: #9A9A9A;
  3977. }
  3978.  
  3979. #forums #searchforum.center {
  3980. margin-top: 10px;
  3981. text-align: justify;
  3982. }
  3983.  
  3984. #forums #content blockquote {
  3985. margin-bottom: 5px;
  3986. max-width: 805px;
  3987. }
  3988.  
  3989. #forums #quickreplytext br, #torrents .edit_form br, #rules li[id="r2.2.0"] img, #rules li[id="r2.2.0"] em, .sidebar .box.box_addtag br, #collage form#quickpostform.send_form br, #quickreplytext br, .add_torrent_container .add_form br, .user_title br, .main_column div#coverart + br, #upload .thin > p br, #upload #content > .box.pad + br, #rules .thin > .box.pad + br, #rules .header + br, #rules form + br, .main_column .linkbox + br, #quickpost h3 + input + br, #threadpoll.pad br, #staffpm .thin > br, #staff .box.pad br, #staff .thin > br, #blog div + br, #staffpm #messageform.manage_form br, #bookmarks .group.discog td > span > br, .sticky_post_label, .send_form > .box.pad > br, #recommendation_status br {
  3990. display: none;
  3991. }
  3992.  
  3993. #forums pre {
  3994. max-width: 700px;
  3995. }
  3996.  
  3997. #forums .linkbox strong + br + a {
  3998. line-height: 18px;
  3999. }
  4000.  
  4001. #forums .search_form .cat_list td {
  4002. text-align: left;
  4003. }
  4004.  
  4005. #forums .search_form .cat_list .forum_cat {
  4006. text-align: center;
  4007. }
  4008.  
  4009. #format-hide span {
  4010. padding: 2px 2px;
  4011. border: none !important;
  4012. color: #528ba3 !important;
  4013. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.3);
  4014. }
  4015.  
  4016. #format-hide .hider-f {
  4017. padding: 2px 2px;
  4018. color: #666 !important;
  4019. text-decoration: none !important;
  4020. }
  4021.  
  4022. #format-hide.box.box_artists {
  4023. color: rgba(100, 100, 100, 0.15);
  4024. text-shadow: none;
  4025. }
  4026.  
  4027. #friends .friends_table textarea {
  4028. height: 73px;
  4029. }
  4030.  
  4031. #friends .friends_table td.left input[type="submit"] {
  4032. margin-bottom: 5px;
  4033. width: 100%;
  4034. }
  4035.  
  4036. #friends .friends_table tr.colhead span[style="float: right;"]:before {
  4037. content: "Last Seen: ";
  4038. }
  4039.  
  4040. #index .sidebar .box .pad p, .linkbox .center, #artist .thin > h2, #index .sidebar .box div.head.colhead_dark + div.center.pad, .rule_summary li, #quickreplytext, #staff .box.pad h3 + p, #reports .box.pad + p, #reports .box.pad > p, #rules h4, #rules h5, .edit_form div > h3 + p, .send_form .box.pad textarea#quickpost, #reports blockquote, .save_message {
  4041. margin-bottom: 5px;
  4042. }
  4043.  
  4044. #index .graph .center_poll {
  4045. margin-top: 0;
  4046. }
  4047.  
  4048. #index .sidebar a > img[width="100%"], .box.box_albumart img, #artist .sidebar div img {
  4049. width: 230px;
  4050. height: auto;
  4051. border: 2px solid #3b3b3b !important;
  4052. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  4053. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  4054. opacity: 1;
  4055. }
  4056.  
  4057. #index .sidebar a > img[width="100%"]:hover, #artist .sidebar div img:hover, .box.box_albumart img:hover {
  4058. border: 2px solid #456478 !important;
  4059. opacity: 0.6;
  4060. -webkit-transition: opacity .25s ease-in-out;
  4061. -moz-transition: opacity .25s ease-in-out;
  4062. transition: opacity .25s ease-in-out;
  4063. }
  4064.  
  4065. #inbox #quickpost input[type="text"], #staffpm .send_form input#subject, #staff .send_form input#subject, #artist .edit_form input[size="92"], #artist .rename_form input[name="name"], #artist .add_form input[size="40"], #torrents .rename_form input[size="92"], #torrents .merge_form input[name="targetgroupid"], .box.pad .edit_form input[size="92"] {
  4066. display: block;
  4067. margin: 0 auto 10px;
  4068. width: 958px;
  4069. }
  4070.  
  4071. #inbox .box.pad input[value="Editor"], #inbox .box.pad input[value="Preview"] {
  4072. margin-right: 3px;
  4073. }
  4074.  
  4075. #inbox .manage_form .layout td {
  4076. padding-top: 10px;
  4077. border: none;
  4078. }
  4079.  
  4080. #inbox .manage_form .layout td.label, #requests .box.box_votes td:nth-child(2), .thin > h2 + div > form table td.label, .thin > h2 + .linkbox + div form table td.label, .filter_torrents td.label, #requests tbody tr td.label, #requests .thin .search_form tr#release_list td.label, #collage .thin .search_form tr td.label, #logchecker .thin.center .border td.label, #upload #upload_table.create_form #dynamic_form table tbody td:first-child, #userform.edit_form .layout td.label {
  4081. text-align: right;
  4082. }
  4083.  
  4084. #inbox .thin #searchbox.search_form div input:last-child, #index .sidebar #merchbox.box div.center.pad, #index .sidebar .box div.center.pad:last-child, #reports .box.pad ul + p, #inbox input[value="Manage conversation"], #artistfields input[id="artist"]:nth-child(n+1), .artists_with, .preview_submit, #answer_block input:nth-child(n+2) {
  4085. margin-top: 5px;
  4086. }
  4087.  
  4088. #lightbox {
  4089. position: fixed;
  4090. top: 10%;
  4091. left: 5%;
  4092. z-index: 1000;
  4093. overflow: auto;
  4094. padding: 0;
  4095. width: 90%;
  4096. height: 90%;
  4097. text-align: center;
  4098. }
  4099.  
  4100. #lightbox img {
  4101. max-width: 90%;
  4102. max-height: 90%;
  4103. border: 5px solid #3b3b3b;
  4104. }
  4105.  
  4106. #logchecker textarea#log_contents {
  4107. margin: 0 !important;
  4108. height: 100px;
  4109. width: 757px;
  4110. }
  4111.  
  4112. #logchecker blockquote h2 {
  4113. margin-bottom: 0px;
  4114. }
  4115.  
  4116. #logo a {
  4117. position: absolute;
  4118. top: 0;
  4119. left: 0;
  4120. z-index: 5;
  4121. margin: 12px 0 0 50px;
  4122. padding: 0;
  4123. width: 160px;
  4124. height: 24px;
  4125. background: url("https://dl.dropboxusercontent.com/s/6bxa3qgz1bfhxde/pth-orange.png") no-repeat;
  4126. background-size: auto 80%;
  4127. }
  4128.  
  4129. #menu {
  4130. position: absolute;
  4131. top: 0;
  4132. right: 0;
  4133. width: 100%;
  4134. height: 45px;
  4135. text-align: right;
  4136. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  4137. font-weight: normal;
  4138. }
  4139.  
  4140. #menu a, #userinfo_stats a, .tags a:hover, .search_form {
  4141. color: #9A9A9A;
  4142. }
  4143.  
  4144. #menu .active a {
  4145. background-color: #1c1c1c;
  4146. color: #F9A440;
  4147. }
  4148.  
  4149. #menu .active a:hover {
  4150. color: #aaa;
  4151. }
  4152.  
  4153. #menu ul {
  4154. padding: 15px 0 0 50px;
  4155. }
  4156.  
  4157. #menu ul li:last-child {
  4158. margin-right: 55px;
  4159. }
  4160.  
  4161. #menu li:first-child, #inbox .manage_form .layout td.center, .search_form .layout tr:last-child td.center, .debug_table td.debug_data, .drag_drop_save {
  4162. padding: 0;
  4163. }
  4164.  
  4165. #menu li a, #menu li a:hover {
  4166. padding: 13px 7px 15px;
  4167. }
  4168.  
  4169. #nav_userinfo, #nav_useredit, #nav_logout, #nav_upload, #nav_invite, #nav_donate, #nav_store {
  4170. display: inline-block !important;
  4171. height: 15px;
  4172. }
  4173.  
  4174. /*
  4175. #nav_useredit, #nav_logout, #nav_invite, #nav_donate, #nav_store {
  4176. opacity: 0;
  4177. transition: opacity .25s ease-in-out;
  4178. -webkit-transition: opacity .25s ease-in-out;
  4179. -moz-transition: opacity .25s ease-in-out;
  4180. -o-transition: opacity .25s ease-in-out;
  4181. }
  4182.  
  4183. #userinfo_username:hover #nav_useredit, #userinfo_username:hover #nav_logout, #userinfo_major:hover #nav_invite, #userinfo_major:hover #nav_donate, #userinfo_major:hover #nav_store {
  4184. opacity: 1;
  4185. }
  4186. */
  4187. #other_bitrate_span input#vbr {
  4188. top: 3px;
  4189. }
  4190.  
  4191. #quickreplytext .bbcodes, #messageform .bbcodes, .edit_form .bbcodes, .friends_table .bbcodes, #newthreadtext .bbcodes, .create_form .bbcodes, .send_form .bbcodes, .forum_post form .bbcodes, #requests #request_form .bbcodes {
  4192. max-width: 100% !important;
  4193. }
  4194.  
  4195. #recommended .head {
  4196. margin-bottom: -11px !important;
  4197. }
  4198.  
  4199. #recommendation_note {
  4200. width: 600px;
  4201. }
  4202.  
  4203. #requests #request_form.add_form, #requests .edit_form {
  4204. margin: 0 !important;
  4205. padding: 0 !important;
  4206. background: none !important;
  4207. }
  4208.  
  4209. #requests #request_form select#importance {
  4210. margin: 0 2px;
  4211. width: 112px;
  4212. }
  4213.  
  4214. #requests #request_form input#tags {
  4215. margin-left: 2px;
  4216. width: 265px;
  4217. }
  4218.  
  4219. #requests .layout form[name="request"] {
  4220. -webkit-box-shadow: none !important;
  4221. box-shadow: none !important;
  4222. }
  4223.  
  4224. #requests .thin div:nth-child(3) form table:nth-child(6) td {
  4225. padding: 13px 0 0 0 !important;
  4226. padding-top: 13px !important;
  4227. border-bottom: 0 !important;
  4228. }
  4229.  
  4230. #requests .main_column .layout td > .edit_form input[size="50"] {
  4231. width: 50%;
  4232. }
  4233.  
  4234. #requests .forum_post form textarea[cols="80"], #torrents .main_column .forum_post.box.vertical_margin form textarea[cols="50"] {
  4235. width: 538px;
  4236. }
  4237.  
  4238. #reportform .box.pad input, #reportform textarea {
  4239. max-width: 705px;
  4240. width: 705px;
  4241. }
  4242.  
  4243. #reportform td.label {
  4244. width: 220px;
  4245. }
  4246.  
  4247. #rules .search_form input#search_string, #debug_loggedvars .debug_loggedvars_name {
  4248. width: 290px;
  4249. }
  4250.  
  4251. #rules li[id="r2.2.0"] p {
  4252. margin-bottom: 10px;
  4253. margin-left: 14%;
  4254. width: 675px;
  4255. height: 275px;
  4256. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/trump.png") no-repeat !important;
  4257. }
  4258.  
  4259. #rules span#Index {
  4260. margin-left: 5px;
  4261. font-size: 90%;
  4262. }
  4263.  
  4264. #rules .ratio_table {
  4265. margin: 10px 0;
  4266. margin-left: 250px;
  4267. width: 500px;
  4268. background: rgba(50, 50, 50, 0.4);
  4269. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  4270. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  4271. }
  4272.  
  4273. #rules .rule_summary > ul, #chat .thin .box.pad > ul {
  4274. padding: 10px 20px 10px 30px;
  4275. list-style-type: lower-roman;
  4276. }
  4277.  
  4278. #rules .box.pad.rule_summary > p {
  4279. text-align: justify;
  4280. }
  4281.  
  4282. #rules ol, #rules ul, #wiki .box_info.pad ul, #chat .box.pad ul {
  4283. list-style: none;
  4284. }
  4285.  
  4286. #searchbars {
  4287. position: absolute;
  4288. top: 125px;
  4289. margin: 0;
  4290. padding: 12px 5px;
  4291. width: 100%;
  4292. height: 28px;
  4293. text-align: center;
  4294. }
  4295.  
  4296. #searchbars ul li {
  4297. display: inline-block;
  4298. margin-right: 5px;
  4299. }
  4300.  
  4301. #searchbars li:last-child, #userinfo_stats li:last-child {
  4302. margin-right: 0;
  4303. }
  4304.  
  4305. #searchbars ul, #searchbars form {
  4306. display: inline;
  4307. margin: 0;
  4308. padding: 0;
  4309. }
  4310.  
  4311. #searchbars input {
  4312. padding: 5px 10px;
  4313. width: 130px;
  4314. height: 15px;
  4315. border: 1px solid #3B3B3B;
  4316. background: rgba(0, 0, 0, 0.15);
  4317. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4318. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4319. color: #666;
  4320. transition: .25s ease-in-out;
  4321. -webkit-transition: .25s ease-in-out;
  4322. -moz-transition: .25s ease-in-out;
  4323. -o-transition: .25s ease-in-out;
  4324. }
  4325.  
  4326. #site_debug .debug_table .debug_data > div, #site_debug .debug_table .debug_data > pre {
  4327. overflow: auto;
  4328. padding: 8px;
  4329. max-width: none;
  4330. max-height: 400px;
  4331. }
  4332.  
  4333. #sortable li {
  4334. margin-bottom: 5px;
  4335. font-size: 100% !important;
  4336. padding-left: 1px;
  4337. margin-left: 0;
  4338. }
  4339.  
  4340. #sortable {
  4341. -webkit-column-width: 110px;
  4342. -moz-column-width: 110px;
  4343. column-width: 110px;
  4344. width: 100% !important;
  4345. }
  4346.  
  4347. #stats .box.pad.center img {
  4348. margin: 10px 0;
  4349. }
  4350.  
  4351. #stats .box.center img:last-child, #recommended #vanityhouse {
  4352. margin-top: 20px;
  4353. }
  4354.  
  4355. #staff .send_form strong, #staffpm .send_form strong {
  4356. margin-left: 33%;
  4357. }
  4358.  
  4359. #staffpm #compose, .thin > h2 + div, .thin > h2 + .linkbox + div, .sidebar .download_form ul#list.nobullet, .sidebar .box.box_addtag .add_form, .sidebar form[action="bookmarks.php"] ul#list.nobullet, #artist .box.pad > ul, #artist .add_form input[size="40"], #torrents .edit_form div.yadg_div, blockquote.log_bad, #preview, #inbox #messageform.manage_form input[type="submit"], input.save_sortable_collage {
  4360. margin-bottom: 10px;
  4361. }
  4362.  
  4363. #searchthread .search_form {
  4364. width: 1000px;
  4365. }
  4366.  
  4367. #threadpoll p {
  4368. margin-bottom: 20px;
  4369. font-size: 16px;
  4370. }
  4371.  
  4372. #tools #marked_suggestion table, #tools #implemented_suggestion table, #tools #rejected_suggestion table {
  4373. width: 300px;
  4374. }
  4375.  
  4376. #tools #marked_suggestion {
  4377. float: left;
  4378. margin-right: 50px;
  4379. }
  4380.  
  4381. #tools #implemented_suggestion {
  4382. float: left;
  4383. }
  4384.  
  4385. #tools #rejected_suggestion {
  4386. float: right;
  4387. }
  4388.  
  4389. #top10 .thin div[style="text-align: right;"] {
  4390. margin: 10px 0 15px;
  4391. text-align: center !important;
  4392. }
  4393.  
  4394. #top10 input[name="year2"], a.downvote, a.small_downvote, .box.box_info.pad a[title="Delete Alias"], #user .delete_form input[value="Logout"], #user .delete_form input[value="Current"], input#remove_format, .send_form .layout.border input[value="Invite"] {
  4395. margin-left: 5px;
  4396. }
  4397.  
  4398. /*
  4399. #top10 span[style="float: right;"], span#vote_message {
  4400. font-size: 0px;
  4401. line-height: 0;
  4402. }
  4403. */
  4404. #top10 tr.colhead_dark td[width="70%"] {
  4405. width: auto;
  4406. }
  4407.  
  4408. #top10 tr.colhead_dark td:first-child, #top10 tr.colhead_dark td:nth-child(2), #top10 tr.colhead_dark td.sign {
  4409. width: 20px;
  4410. }
  4411.  
  4412. #torrent_table tr.group:hover img, #discog_table tr.discog:hover img, .torrent_table.cats.numbering.border tr.torrent:hover img, .torrent_table tr.torrent_row:hover img, .torrent_table tr.torrent:hover img {
  4413. border: 2px solid #528BA3 !important;
  4414. opacity: 1 !important;
  4415. transition: opacity .25s ease-in-out;
  4416. -webkit-transition: opacity .25s ease-in-out;
  4417. -moz-transition: opacity .25s ease-in-out;
  4418. -o-transition: opacity .25s ease-in-out;
  4419. }
  4420.  
  4421. /* Hover opacity for artwork in torrent lists */
  4422. #torrents .submit input[value="Reset"] {
  4423. float: left;
  4424. }
  4425.  
  4426. #torrents .thin > h2 + div > form .submit, #collage .thin form .submit {
  4427. padding-top: 13px;
  4428. }
  4429.  
  4430. #requests .thin div:nth-child(3) form table:nth-child(3) tr:first-child td, #collage .thin form table:nth-child(2) tr:first-child td, #req .thin form table:nth-child(2) tr:first-child td {
  4431. padding-top: 0 !important;
  4432. }
  4433.  
  4434. #torrents .search_form .submit {
  4435. margin-top: 10px;
  4436. text-align: center;
  4437. }
  4438.  
  4439. #torrents .edit_form select#releasetype {
  4440. margin-bottom: 10px;
  4441. margin-left: 452px;
  4442. }
  4443.  
  4444. #torrents .edit_form .layout.border td.center, #rules .header > h2.center, .yadg_div h3, #torrents .thin.center > .box .head.colhead {
  4445. text-align: left;
  4446. }
  4447.  
  4448. #torrents .edit_form .layout.border td.label:after {
  4449. content: ": ";
  4450. }
  4451.  
  4452. #torrents .edit_form .layout.border, #forums .search_form .layout.border, #vanityhouse.torrent_table {
  4453. background: none;
  4454. -webkit-box-shadow: none;
  4455. box-shadow: none;
  4456. }
  4457.  
  4458. #torrents .edit_form input[value="Edit"] {
  4459. margin-left: 468px;
  4460. width: 44px;
  4461. }
  4462.  
  4463. #torrents .edit_form .layout.border td.label {
  4464. width: 100px;
  4465. text-align: right;
  4466. }
  4467.  
  4468. #torrents .edit_form input[size="40"] {
  4469. width: 838px;
  4470. }
  4471.  
  4472. #torrents .thin.center > .box .delete_form input[name="extra"] {
  4473. width: 677px;
  4474. }
  4475.  
  4476. #upload_table.create_form textarea#album_desc, #upload_table.create_form textarea#release_desc, #userform.edit_form textarea#info, #upload_table.create_form textarea#desc {
  4477. max-width: 757px !important;
  4478. }
  4479.  
  4480. #userform.edit_form .layout td > label {
  4481. line-height: 20px;
  4482. }
  4483.  
  4484. #userform.edit_form .layout.border .layout, #recommended #vanityhouse {
  4485. margin-bottom: 0;
  4486. }
  4487.  
  4488. #userinfo a, #menu a, #searchbars a {
  4489. transition: .25s ease-in-out;
  4490. -webkit-transition: .25s ease-in-out;
  4491. -moz-transition: .25s ease-in-out;
  4492. -o-transition: .25s ease-in-out;
  4493. }
  4494.  
  4495. #userinfo {
  4496. overflow: hidden;
  4497. width: 100%;
  4498. }
  4499.  
  4500. #userinfo ul {
  4501. position: absolute;
  4502. padding: 0;
  4503. }
  4504.  
  4505. #userinfo_username {
  4506. position: static !important;
  4507. left: 0;
  4508. float: left !important;
  4509. overflow: hidden;
  4510. margin: 62px 0 0 50px;
  4511. height: 1.5em !important;
  4512. text-align: left;
  4513. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  4514. }
  4515.  
  4516. #userinfo_username li, #userinfo_stats li, #userinfo_minor li, #userinfo_major li, #searchbars, #menu li {
  4517. display: inline;
  4518. line-height: 14px;
  4519. }
  4520.  
  4521. #userinfo_username:hover, #userinfo_major:hover, ul.collage_images li a {
  4522. height: auto !important;
  4523. }
  4524.  
  4525. #userinfo_major {
  4526. position: static !important;
  4527. left: 0;
  4528. z-index: 20;
  4529. float: left !important;
  4530. overflow: hidden;
  4531. margin: 62px 0 0 5px;
  4532. height: 1.5em !important;
  4533. text-align: left;
  4534. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  4535. }
  4536.  
  4537. #userinfo_stats {
  4538. opacity: 0.8;
  4539. left: 0;
  4540. z-index: 1;
  4541. margin: 90px 0 0 50px;
  4542. text-align: right;
  4543. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  4544. font-size: 12px;
  4545. }
  4546.  
  4547. #userinfo_stats li, #userinfo_major li, #userinfo_username li, #userinfo_minor li:last-child, #searchbars li, #top10 input[name="year1"], #answer_block input:first-child, #user #content > .thin.center > .box form strong {
  4548. margin-right: 5px;
  4549. }
  4550.  
  4551. #userinfo_minor {
  4552. right: 0;
  4553. margin: 62px 50px 0 0;
  4554. }
  4555.  
  4556. #userinfo_minor li, #userinfo_major li {
  4557. padding-right: 5px;
  4558. }
  4559.  
  4560. #userinfo_major li:last-child, #userinfo_username li:last-child {
  4561. padding-right: 0;
  4562. }
  4563.  
  4564. #userinfo_minor a, #userinfo_username a, #userinfo_major a, #menu a:hover, #userinfo_stats a:hover {
  4565. padding: 2px 0px;
  4566. color: #666;
  4567. }
  4568.  
  4569. #userinfo_username a.username {
  4570. color: #528ba3;
  4571. font-weight: normal;
  4572. font-size: 13px;
  4573. }
  4574.  
  4575. #userinfo_minor a:hover, #userinfo_major a:hover, #userinfo_username a:hover {
  4576. color: #444;
  4577. }
  4578.  
  4579. #user #content > .thin.center > .box form input[maxlength="100"] {
  4580. width: 600px;
  4581. }
  4582.  
  4583. #user input[type="url"], #userform.edit_form small {
  4584. margin-left: 242px;
  4585. margin-top: 5px;
  4586. }
  4587.  
  4588. #user input#avatar, #user input#email, #user input#irckey, #user input[type="password"], #requests #request_form input#yadg_input, #requests #request_form input[size="45"], #artist .merge_form input[size="40"] {
  4589. width: 400px;
  4590. }
  4591.  
  4592. #user .layout.recent tr:nth-child(n+2) td, .search_form tr#edition_expand td.center, .search_form tr#edition_expand td.center, .breadcrumbs, #logchecker table.border td[colspan="2"], .votes_info_td, .drag_drop_save, #torrent_table td.small, .preview_submit {
  4593. text-align: center;
  4594. }
  4595.  
  4596. #upload table#dnulist, #threadpoll #poll_container #poll.vote_form input[value="Vote"], #sortable_container, #top10 .thin > h3, #sortable_container ul#sortable, #upload .box.pad > h3 + p + p, #upload_table.create_form .layout.border.slice input#post {
  4597. margin-top: 10px;
  4598. }
  4599.  
  4600. #upload #whmf_torrents > tr > td:first-child {
  4601. width: 30%;
  4602. }
  4603.  
  4604. #upload #whmf_torrents tr .border.slice tr td textarea[name="release_desc"] {
  4605. height: 75px;
  4606. }
  4607.  
  4608. #upload_table.create_form select {
  4609. width: 130px;
  4610. }
  4611.  
  4612. #upload_table.create_form select#format, #upload_table.create_form select#bitrate, #upload_table.create_form select[name="media"], #upload_table.create_form select[name="releasetype"], #upload_table.create_form select#importance, #edition_information td.label {
  4613. width: 110px;
  4614. }
  4615.  
  4616. #upload_table.create_form input#tags {
  4617. width: 620px;
  4618. }
  4619.  
  4620. #upload_table.create_form .layout.border.slice table[style="margin-bottom: 2em;"] {
  4621. margin-bottom: 0 !important;
  4622. }
  4623.  
  4624. #upload #content > .box.pad {
  4625. margin: 0 !important;
  4626. width: 100% !important;
  4627. }
  4628.  
  4629. #upload .box.pad > h3 + p {
  4630. font-style: italic;
  4631. }
  4632.  
  4633. #upload .box.pad > h3 + p + p a, .stat, #vote_rankings.stats li {
  4634. font-weight: bold;
  4635. }
  4636.  
  4637. #vanityhouse.torrent_table tr td {
  4638. padding-left: 35px;
  4639. border: none;
  4640. }
  4641.  
  4642. #vanityhouse.torrent_table tr {
  4643. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/music.png");
  4644. background-position: 0 5px;
  4645. background-repeat: no-repeat;
  4646. }
  4647.  
  4648. #whmf_offer {
  4649. width: 100%;
  4650. margin: 10px 0 !important;
  4651. border: none !important;
  4652. font-weight: normal !important;
  4653. }
  4654.  
  4655. #whmf_offer span {
  4656. font-weight: bold !important;
  4657. }
  4658.  
  4659. #whmf_offer ul {
  4660. font-weight: normal !important;
  4661. }
  4662.  
  4663. #whmf_torrents .border.slice textarea[cols="30"] {
  4664. width: 588px;
  4665. }
  4666.  
  4667. #whmf_torrents .border.slice .label, .forum_post .avatar img, .avatar, #friends .friends_table td:first-child img[width="50px"] {
  4668. width: 120px !important;
  4669. }
  4670.  
  4671. #whmf_torrents .border.slice tr td:nth-child(2) {
  4672. width: 80%;
  4673. padding: 0;
  4674. margin: 0;
  4675. }
  4676.  
  4677. #wiki .box.pad.center p {
  4678. margin-bottom: 15px;
  4679. }
  4680.  
  4681. #wiki .add_form input[type="text"] {
  4682. margin-right: 5px;
  4683. padding-top: 6px;
  4684. width: 175px;
  4685. height: 12px;
  4686. }
  4687.  
  4688. #wiki .box.box_addalias > div, .rule_table, #requests .main_column .layout td > .edit_form, #whmf_torrents td[style="padding-left: 1em;"], #better .box.pad[style="padding: 10px 10px 10px 20px;"], #staff .thin > .box.pad {
  4689. padding: 0 !important;
  4690. }
  4691.  
  4692. #wiki .sidebar .box.pad.center .search_form input[name="search"] {
  4693. width: 216px;
  4694. }
  4695.  
  4696. #wiki table input[type="radio"] {
  4697. top: 0;
  4698. }
  4699.  
  4700. #wiki input[value="Compare"] {
  4701. margin: 10px 0 8px;
  4702. }
  4703.  
  4704. #wrapper {
  4705. overflow: hidden;
  4706. margin: 0 auto;
  4707. min-width: 1000px;
  4708. width: 100%;
  4709. }
  4710.  
  4711. #wrapper div::-webkit-scrollbar {
  4712. width: 8px;
  4713. height: 8px;
  4714. }
  4715.  
  4716. #wrapper div::-webkit-scrollbar-track {
  4717. background-color: rgba(0, 0, 0, 0.12);
  4718. -webkit-box-shadow: inset 0 0 2px black;
  4719. box-shadow: inset 0 0 2px black;
  4720. }
  4721.  
  4722. #wrapper div::-webkit-scrollbar-track-piece {
  4723. background-color: rgba(20, 20, 20, 0.4);
  4724. }
  4725.  
  4726. #wrapper div::-webkit-scrollbar-track-piece:start:hover, #wrapper div::-webkit-scrollbar-track-piece:end:hover {
  4727. background-color: rgba(20, 20, 20, 0.2);
  4728. }
  4729.  
  4730. #wrapper div::-webkit-scrollbar-thumb {
  4731. background-color: #2d2d2d;
  4732. -webkit-box-shadow: inset 0 0 2px black;
  4733. }
  4734.  
  4735. #wrapper div::-webkit-scrollbar-thumb:hover, #wrapper div::-webkit-scrollbar-thumb:active {
  4736. background-color: #2a2a2a;
  4737. }
  4738.  
  4739. #wrapper div::-webkit-scrollbar-button {
  4740. width: 12px;
  4741. height: 12px;
  4742. }
  4743.  
  4744. blockquote, #inbox .box.pad #preview {
  4745. margin-top: 5px;
  4746. padding: 10px;
  4747. border: 1px solid #333;
  4748. -webkit-border-radius: 3px;
  4749. -moz-border-radius: 3px;
  4750. border-radius: 3px;
  4751. background-color: rgba(80, 80, 80, 0.2);
  4752. text-align: justify;
  4753. }
  4754.  
  4755. textarea {
  4756. resize: vertical;
  4757. }
  4758.  
  4759. select.ft_bitrate {
  4760. width: 124px;
  4761. }
  4762.  
  4763. select.ft_hascue, select.ft_freetorrent, select.ft_format {
  4764. width: 104px;
  4765. }
  4766.  
  4767. select.ft_releasetype {
  4768. width: 102px;
  4769. }
  4770.  
  4771. select.ft_scene, select.ft_scene {
  4772. width: 96px;
  4773. }
  4774.  
  4775. select#stylesheet {
  4776. width: 108px;
  4777. }
  4778.  
  4779. select#friend {
  4780. width: 150px;
  4781. margin-right: 5px;
  4782. }
  4783.  
  4784. span.small_upvoted {
  4785. display: inline-block;
  4786. overflow: hidden;
  4787. width: 16px;
  4788. height: 14px;
  4789. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png") no-repeat top left;
  4790. background-position: 0px -62px;
  4791. text-indent: 100%;
  4792. white-space: nowrap;
  4793. cursor: pointer;
  4794. }
  4795.  
  4796. span.small_downvoted {
  4797. display: inline-block;
  4798. overflow: hidden;
  4799. width: 16px;
  4800. height: 14px;
  4801. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png") no-repeat top left;
  4802. background-position: 0px -76px;
  4803. text-indent: 100%;
  4804. white-space: nowrap;
  4805. cursor: pointer;
  4806. }
  4807.  
  4808. span.last_read a {
  4809. display: block;
  4810. margin: 0 0 0 5px;
  4811. width: 20px;
  4812. height: 20px;
  4813. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/goto.png") no-repeat center;
  4814. background-position: bottom;
  4815. background-size: 100%;
  4816. opacity: 0.5;
  4817. }
  4818.  
  4819. span[style="float: right;"] > input[value="Preview"], span[style="float: right;"] > input[value="Post"] {
  4820. margin-right: 6px;
  4821. }
  4822.  
  4823. input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], textarea {
  4824. padding: 5px 10px;
  4825. border: 1px solid #3B3B3B;
  4826. background: rgba(0, 0, 0, 0.15);
  4827. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4828. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4829. color: #9A9A9A;
  4830. transition: .25s ease-in-out;
  4831. -webkit-transition: .25s ease-in-out;
  4832. -moz-transition: .25s ease-in-out;
  4833. -o-transition: .25s ease-in-out;
  4834. }
  4835.  
  4836. input[type="checkbox"] {
  4837. position: relative;
  4838. display: inline-block;
  4839. padding: 6px;
  4840. border: 1px solid #3b3b3b;
  4841. background: rgba(0, 0, 0, 0.15);
  4842. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4843. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  4844. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4845. -webkit-appearance: none;
  4846. }
  4847.  
  4848. input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
  4849. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  4850. }
  4851.  
  4852. input[type="checkbox"]:checked {
  4853. border: 1px solid #3b3b3b;
  4854. background: rgba(0, 0, 0, 0.15);
  4855. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4856. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  4857. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4858. color: #3b3b3b;
  4859. }
  4860.  
  4861. input[type="checkbox"]:checked:after {
  4862. position: absolute;
  4863. top: -1px;
  4864. left: 1px;
  4865. color: #456478;
  4866. content: '\2714';
  4867. font-size: 12px;
  4868. }
  4869.  
  4870. input[type="radio"] {
  4871. position: relative;
  4872. top: 3px;
  4873. display: inline-block;
  4874. padding: 6px;
  4875. border: 1px solid #3b3b3b;
  4876. border-radius: 50px;
  4877. background: rgba(0, 0, 0, 0.15);
  4878. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4879. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  4880. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4881. -webkit-appearance: none;
  4882. }
  4883.  
  4884. input[type="radio"]:checked:after {
  4885. position: absolute;
  4886. top: 3px;
  4887. left: 3px;
  4888. width: 6px;
  4889. height: 6px;
  4890. border-radius: 50px;
  4891. background: #456478;
  4892. box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
  4893. content: ' ';
  4894. text-shadow: 0;
  4895. }
  4896.  
  4897. input[type="radio"]:checked {
  4898. border: 1px solid #3b3b3b;
  4899. background: rgba(0, 0, 0, 0.15);
  4900. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4901. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);
  4902. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  4903. color: #456478;
  4904. }
  4905.  
  4906. input[type="radio"]:active, input[type="radio"]:checked:active {
  4907. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  4908. }
  4909.  
  4910. input[type="submit"], input[type="button"], button[type="button"], #upload #whmf_offer button, button#send_recommendation {
  4911. display: inline-block;
  4912. padding: 5px 10px;
  4913. border: 1px solid #3b3b3b;
  4914. background-color: #707070;
  4915. background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#181818));
  4916. background-image: -webkit-linear-gradient(top, #333333, #181818);
  4917. background-image: -moz-linear-gradient(top, #333333, #181818);
  4918. background-image: -o-linear-gradient(top, #333333, #181818);
  4919. background-image: linear-gradient(top bottom, #333333, #181818);
  4920. color: #8b8b8b;
  4921. text-decoration: none;
  4922. text-shadow: 1px 1px 0px #333333;
  4923. font-weight: bold;
  4924. }
  4925.  
  4926. input[type="submit"]:active, input[type="button"]:active, button[type="button"]:active, button#send_recommendation:active {
  4927. background-color: #333333;
  4928. background-image: -webkit-linear-gradient(top, #181818, #333333);
  4929. background-image: -moz-linear-gradient(top, #181818, #333333);
  4930. background-image: -o-linear-gradient(top, #181818, #333333);
  4931. background-image: linear-gradient(to bottom, #181818, #333333);
  4932. }
  4933.  
  4934. input:focus, textarea:focus {
  4935. outline: 0 !important;
  4936. border: 1px solid #456478 !important;
  4937. transition: .25s ease-in-out;
  4938. -webkit-transition: .25s ease-in-out;
  4939. -moz-transition: .25s ease-in-out;
  4940. -o-transition: .25s ease-in-out;
  4941. }
  4942.  
  4943. input[value="Make Default"] {
  4944. float: right;
  4945. margin-right: 5px;
  4946. }
  4947.  
  4948. input#styleurl {
  4949. width: 435px;
  4950. }
  4951.  
  4952. #user input[type="url"] {
  4953. width: 513px;
  4954. }
  4955.  
  4956. tr.rowa:nth-child(n+2):hover, tr.rowb:nth-child(n+2):hover, #better tr:hover, tr.group_torrent:hover, #torrent_table tr.group:hover, #torrents .thin > table tr:nth-child(n+2):hover, #torrent_table tr.torrent:hover, #discog_table tr.discog:hover, #torrents_album tr.group:hover, #userhistory tr.group.discog:hover, .collage_table tr:nth-child(n+2):hover, .torrent_row:hover {
  4957. background-color: rgba(50, 50, 50, 0.2);
  4958. }
  4959.  
  4960. tr#release_list td > input[type="checkbox"], tr#format_list td > input[type="checkbox"], tr#bitrate_list td > input[type="checkbox"], tr#media_list td > input[type="checkbox"] {
  4961. margin: 2px;
  4962. }
  4963.  
  4964. td:last-child {
  4965. border-right: none;
  4966. border-bottom: none;
  4967. }
  4968.  
  4969. td:first-child {
  4970. border-left: none;
  4971. }
  4972.  
  4973. tr:first-child td {
  4974. border-top: none;
  4975. }
  4976.  
  4977. td {
  4978. padding: 7px;
  4979. border: 1px solid rgba(0, 0, 0, 0.1);
  4980. text-align: left;
  4981. }
  4982.  
  4983. tr:last-child td, tr.group:last-child td {
  4984. border-bottom: none;
  4985. }
  4986.  
  4987. td.colhead {
  4988. margin: -11px;
  4989. margin-bottom: 10px;
  4990. padding: 8px !important;
  4991. background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));
  4992. background-image: -webkit-linear-gradient(top, #333333, #444444);
  4993. background-image: -moz-linear-gradient(top, #333333, #444444);
  4994. background-image: -o-linear-gradient(top, #333333, #444444);
  4995. background-image: linear-gradient(top bottom, #333333, #444444);
  4996. -webkit-box-shadow: inset 0 1px 0 rgba(25, 25, 25, 0.4);
  4997. box-shadow: inset 0 1px 0 rgba(25, 25, 25, 0.4);
  4998. color: #888 !important;
  4999. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  5000. }
  5001.  
  5002. td.unread, td.read, td.read_locked, td.unread_sticky, td.read_locked_sticky, td.unread_locked_sticky, td.read_sticky {
  5003. width: 3.5%;
  5004. height: 16px;
  5005. background-position: center center;
  5006. background-repeat: no-repeat;
  5007. }
  5008.  
  5009. td.unread {
  5010. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/read.png");
  5011. background-position: 3px center;
  5012. border-left: 2px solid #528ba3;
  5013. }
  5014.  
  5015. td.read {
  5016. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/unread.png");
  5017. }
  5018.  
  5019. td.read_locked {
  5020. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/read-locked.png");
  5021. }
  5022.  
  5023. td.unread_sticky {
  5024. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-read.png");
  5025. background-position: 3px center;
  5026. border-left: 2px solid #528ba3;
  5027. }
  5028.  
  5029. td.read_sticky {
  5030. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-unread.png");
  5031. }
  5032.  
  5033. td.read_locked_sticky {
  5034. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-unread-locked.png");
  5035. }
  5036.  
  5037. td.unread_locked_sticky {
  5038. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-read-locked.png");
  5039. background-position: 3px center;
  5040. border-left: 2px solid #528ba3;
  5041. }
  5042.  
  5043. .navigation_list, .navigation_list ol {
  5044. margin: 0 !important;
  5045. }
  5046.  
  5047. ol.navigation_list {
  5048. margin: 0 0 0 25px !important;
  5049. list-style-position: outside;
  5050. }
  5051.  
  5052. ul.collage_images {
  5053. width: 710px !important;
  5054. }
  5055.  
  5056. ul.collage_images li {
  5057. width: 142px !important;
  5058. height: 142px !important;
  5059. }
  5060.  
  5061. ul.nobullet {
  5062. list-style-type: none;
  5063. }
  5064.  
  5065. li.graph {
  5066. -webkit-box-sizing: border-box;
  5067. -moz-box-sizing: border-box;
  5068. margin: 2px 0px 10px 16px;
  5069. padding: 3px;
  5070. width: 80%;
  5071. height: 15px;
  5072. background: rgba(0, 0, 0, 0.25);
  5073. }
  5074.  
  5075. li.graph .center_poll {
  5076. display: block;
  5077. height: 7px;
  5078. border: 1px solid #456478;
  5079. background: #528ba3;
  5080. -webkit-box-shadow: inset 0 -1px 1px #456478;
  5081. box-shadow: inset 0 -1px 1px #456478;
  5082. }
  5083.  
  5084. .alertbar {
  5085. padding: 0 5px;
  5086. }
  5087. .alertbar:last-child {
  5088. margin-right: 55px;
  5089. }
  5090.  
  5091. .alertbar a[href*="torrents.php?action=notify"]:before, .alertbar a[href*="inbox.php"]:before, .alertbar a[href*="index.php"]:before, .alertbar a[href*="userhistory.php?action=subscribed_collages"]:before, .alertbar a[href="userhistory.php?action=quote_notifications"]:before, .alertbar a[href*="blog.php"]:before {
  5092. position: relative;
  5093. top: 3px;
  5094. display: inline-block;
  5095. margin: auto 5px auto auto;
  5096. width: 16px;
  5097. height: 13px;
  5098. content: "";
  5099. *top: 0;
  5100. }
  5101.  
  5102. .autocomplete-suggestions {
  5103. background-color: rgba(32, 32, 32, 0.85);
  5104. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  5105. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  5106. border: 1px solid #3B3B3B;
  5107. }
  5108.  
  5109. .autocomplete-selected {
  5110. background-color: rgba(100, 100, 100, 0.2);
  5111. }
  5112.  
  5113. .autocomplete-suggestions strong {
  5114. color: #528ba3;
  5115. }
  5116.  
  5117. .avatar {
  5118. max-width: 120px;
  5119. }
  5120.  
  5121. .bbcodes button {
  5122. float: none !important;
  5123. overflow: hidden;
  5124. margin-top: 5px;
  5125. width: 20px;
  5126. height: 20px;
  5127. border: 1px solid #1D1D1D !important;
  5128. background-color: rgba(100, 100, 100, 0.6) !important;
  5129. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  5130. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  5131. color: #999 !important;
  5132. text-shadow: none !important;
  5133. font-size: 12px;
  5134. cursor: pointer;
  5135. }
  5136.  
  5137. .bbcodes {
  5138. padding: 2px !important;
  5139. }
  5140.  
  5141. .bookmark {
  5142. height: 24px;
  5143. }
  5144.  
  5145. .box_lastfm #lastfm_stats ul.nobullet li {
  5146. margin-left: 15px;
  5147. }
  5148.  
  5149. .box_lastfm #lastfm_stats li:last-child {
  5150. margin: 0 0 5px !important;
  5151. }
  5152.  
  5153. .box.pad[style="padding: 20px 10px 10px 10px;"] {
  5154. margin: 0 !important;
  5155. padding: 0 !important;
  5156. }
  5157.  
  5158. .box2 {
  5159. margin-bottom: 10px !important;
  5160. padding: 10px !important;
  5161. background-color: rgba(100, 100, 100, 0.15);
  5162. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  5163. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  5164. color: #9A9A9A;
  5165. }
  5166.  
  5167. .cats_col, .group.discog td.center:nth-child(2) {
  5168. width: 25px;
  5169. }
  5170.  
  5171. .cats_music, .cats_comics, .cats_audiobooks, .cats_elearningvideos, .cats_comedy, .cats_applications, .cats_ebooks {
  5172. margin: 0 !important;
  5173. width: 25px !important;
  5174. height: 25px !important;
  5175. }
  5176.  
  5177. .cats_music {
  5178. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/music.png");
  5179. }
  5180.  
  5181. .cats_comics {
  5182. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/comics.png");
  5183. }
  5184.  
  5185. .cats_audiobooks {
  5186. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/audiobooks.png");
  5187. }
  5188.  
  5189. .cats_elearningvideos {
  5190. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/elearning.png");
  5191. }
  5192.  
  5193. .cats_comedy {
  5194. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/comedy.png");
  5195. }
  5196.  
  5197. .cats_applications {
  5198. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/applications.png");
  5199. }
  5200.  
  5201. .cats_ebooks {
  5202. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/ebooks.png");
  5203. }
  5204.  
  5205. .debug_table {
  5206. table-layout: fixed;
  5207. }
  5208.  
  5209. .edit_changelog textarea {
  5210. width: 600px;
  5211. }
  5212.  
  5213. .edit_form input#yadg_input {
  5214. width: 700px;
  5215. }
  5216.  
  5217. .field_div {
  5218. margin-bottom: 10px;
  5219. }
  5220.  
  5221. .filter_torrents .cat_list td, .search_form .cat_list td, #manage_collage_table th {
  5222. text-align: center;
  5223. }
  5224.  
  5225. .filter_torrents table:nth-child(2) td {
  5226. padding: 8px 0 7px 0 !important;
  5227. background-color: transparent;
  5228. }
  5229.  
  5230. .filter_torrents .cat_list[width="100%"] {
  5231. border: none;
  5232. background-color: transparent;
  5233. -webkit-box-shadow: none;
  5234. box-shadow: none;
  5235. }
  5236.  
  5237. .filter_torrents .submit {
  5238. position: relative;
  5239. height: 25px;
  5240. }
  5241.  
  5242. .filter_torrents .submit span {
  5243. position: absolute;
  5244. top: 4px;
  5245. left: 65px;
  5246. color: #666;
  5247. font-size: 12px;
  5248. line-height: 1.2em;
  5249. }
  5250.  
  5251. .filter_torrents .submit span:before {
  5252. content: "(";
  5253. }
  5254.  
  5255. .filter_torrents .submit span:after {
  5256. content: ")";
  5257. }
  5258.  
  5259. .forum_post li, .main_column li {
  5260. margin-left: 15px;
  5261. }
  5262.  
  5263. .forum_post.box.vertical_margin div[style="float: right;"] input:nth-child(n+1), .box_tags .stats.nobullet div > a + a {
  5264. margin-left: 3px;
  5265. }
  5266.  
  5267. .forum_post .avatar, #friends .friends_table td:first-child {
  5268. padding: 10px;
  5269. width: 100px !important;
  5270. background-color: rgba(0, 0, 0, 0.12);
  5271. }
  5272.  
  5273. .forum_post .body {
  5274. padding: 15px;
  5275. line-height: 1.4em;
  5276. }
  5277.  
  5278. #forums .forum_post form textarea {
  5279. width: 804px;
  5280. }
  5281.  
  5282. .forum_unread tr.colhead_dark td {
  5283. background-image: -webkit-gradient(linear, left top, left bottom, from(#361c34), to(#191919)) !important;
  5284. background-image: -webkit-linear-gradient(top, #361c34, #191919) !important;
  5285. background-image: -moz-linear-gradient(top, #361c34, #191919) !important;
  5286. background-image: -o-linear-gradient(top, #361c34, #191919) !important;
  5287. background-image: linear-gradient(top bottom, #361c34, #191919) !important;
  5288. }
  5289.  
  5290. .friends_table textarea[cols="80"] {
  5291. width: 715px;
  5292. }
  5293.  
  5294. .ft_cat_list {
  5295. font-weight: bold;
  5296. }
  5297.  
  5298. .ft_artistname input, .ft_groupname input, #search_terms input, .ft_recordlabel input, .ft_filelist input, .ft_remasterrecordlabel input, #tagfilter input[type="text"], input#searchbox, input#username, #upload .thin > p input[type="text"], #user .send_form .layout.border input[name="email"], .search_form .layout input[size="60"], #wiki .thin > div > form > .layout.border input[size="70"] {
  5299. width: 520px;
  5300. }
  5301.  
  5302. .ft_cataloguenumber, .ft_cataloguenumber input, .ft_remastertitle, .ft_remastertitle input, .ft_remastercataloguenumber input, #cataloguenumber_tr input, #oclc_tr input {
  5303. width: 228px;
  5304. }
  5305.  
  5306. .ft_year input, .ft_remasteryear input, #year_tr input, #edition_year input {
  5307. width: 75px;
  5308. }
  5309.  
  5310. .head, .colhead td, .colhead th, .recent .colhead td, .colhead_dark td, tr.colhead {
  5311. margin: -10px;
  5312. margin-bottom: 10px;
  5313. padding: 8px 10px !important;
  5314. background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#191919));
  5315. background-image: -webkit-linear-gradient(top, #1d1d1d, #191919);
  5316. background-image: -moz-linear-gradient(top, #1d1d1d, #191919);
  5317. background-image: -o-linear-gradient(top, #1d1d1d, #191919);
  5318. background-image: linear-gradient(to bottom, #1d1d1d, #191919);
  5319. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  5320. font-weight: bold;
  5321. }
  5322.  
  5323. .hidden {
  5324. display: none !important;
  5325. }
  5326.  
  5327. .important_user, .sticky_post {
  5328. border: 1px solid #3b3b3b;
  5329. }
  5330.  
  5331. .important_user .body {
  5332. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/op.png") no-repeat bottom right !important;
  5333. }
  5334.  
  5335. .important_text_alt {
  5336. color: #428A42 !important;
  5337. }
  5338.  
  5339. .invitetree > ul ul {
  5340. padding-left: 1rem;
  5341. }
  5342.  
  5343. .label, #searchthread .layout.border tr:nth-child(n+1) td:first-child, #newthreadtext td.label {
  5344. width: 200px;
  5345. text-align: right;
  5346. font-weight: bold;
  5347. }
  5348.  
  5349. .layout.cat_list a.brackets {
  5350. text-transform: capitalize;
  5351. }
  5352.  
  5353. .linkbox {
  5354. margin-top: 10px;
  5355. color: #444;
  5356. }
  5357.  
  5358. .linkbox, .notify_filter_links {
  5359. margin-bottom: 10px;
  5360. text-align: center;
  5361. text-transform: capitalize;
  5362. }
  5363.  
  5364. .linkbox a {
  5365. padding: 0 2px;
  5366. }
  5367.  
  5368. .brackets:before {
  5369. content: "[";
  5370. color: #444;
  5371. }
  5372.  
  5373. .brackets:after {
  5374. content: "]";
  5375. color: #444;
  5376. }
  5377.  
  5378. .nobr {
  5379. white-space: nowrap;
  5380. }
  5381.  
  5382. .permission_container {
  5383. float: left;
  5384. width: 32%;
  5385. }
  5386.  
  5387. .permission_container:nth-child(2) {
  5388. padding: 0px 2%;
  5389. }
  5390.  
  5391. .pressed {
  5392. margin-top: 5px;
  5393. width: 20px;
  5394. height: 20px;
  5395. background-color: rgba(100, 100, 100, 0.8) !important;
  5396. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  5397. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  5398. color: #eee !important;
  5399. text-shadow: none !important;
  5400. font-size: 12px;
  5401. cursor: pointer;
  5402. }
  5403.  
  5404. .send_form textarea#quickpost[cols="90"], .edit_form textarea[cols="91"], #quickpost textarea#body, .box.pad .create_form textarea, .send_form textarea#message, #staffpm .manage_form textarea[cols="90"] {
  5405. width: 958px !important;
  5406. margin: 0;
  5407. }
  5408.  
  5409. .search_form input[type="checkbox"], #userform.edit_form input[type="checkbox"] {
  5410. margin: -2px 2px 0 0;
  5411. vertical-align: middle;
  5412. }
  5413.  
  5414. .sidebar input#filelist, .sidebar input#artistsimilar, .sidebar .add_form input[name="url"], .sidebar .box.box_addtag .add_form input[name="tagname"] {
  5415. padding-top: 6px;
  5416. width: 180px !important;
  5417. height: 12px;
  5418. }
  5419.  
  5420. .sidebar .download_form select, .sidebar form[action="bookmarks.php"] select {
  5421. width: 180px !important;
  5422. }
  5423.  
  5424. .sidebar .download_form input[value="Download"], .box_addartists input[value="Add"], .sidebar form[action="bookmarks.php"] input[value="Download"], .sidebar input#submit_button {
  5425. margin-top: 5px;
  5426. width: 100% !important;
  5427. }
  5428.  
  5429. .sidebar .box.box_addartists .add_form #AddArtists select {
  5430. float: right;
  5431. margin-top: 3px;
  5432. }
  5433.  
  5434. .sidebar .box.box_addartists .add_form #AddArtists input[name="aliasname[]"], #top10 tr.colhead_dark td:nth-child(4), #debug_flags .debug_flags_memory, .friends_table .left {
  5435. width: 100px;
  5436. }
  5437.  
  5438. .size1 {
  5439. font-size: 0.75em;
  5440. line-height: 12px;
  5441. }
  5442.  
  5443. .size2 {
  5444. font-size: 1em;
  5445. line-height: 14px;
  5446. }
  5447.  
  5448. .size3 {
  5449. font-size: 1.25em;
  5450. line-height: 16px;
  5451. }
  5452.  
  5453. .size4 {
  5454. font-size: 1.5em;
  5455. line-height: 18px;
  5456. }
  5457.  
  5458. .size5 {
  5459. font-size: 1.75em;
  5460. line-height: 20px;
  5461. }
  5462.  
  5463. .size6 {
  5464. font-size: 2em;
  5465. line-height: 22px;
  5466. }
  5467.  
  5468. .size7 {
  5469. font-size: 2.25em;
  5470. line-height: 26px;
  5471. }
  5472.  
  5473. .size8 {
  5474. font-size: 2.5em;
  5475. line-height: 28px;
  5476. }
  5477.  
  5478. .size9 {
  5479. font-size: 2.75em;
  5480. line-height: 30px;
  5481. }
  5482.  
  5483. .size10 {
  5484. font-size: 3em;
  5485. line-height: 34px;
  5486. }
  5487.  
  5488. .snatched_group, .snatched_torrent {
  5489. color: #6a6a6a;
  5490. background-color: rgba(30, 30, 30, 0.5);
  5491. border-left: 3px solid #4b4b4b;
  5492. }
  5493.  
  5494. .snatched_group .tags a, .snatched_torrent .tags a {
  5495. color: #6a6a6a !important;
  5496. }
  5497.  
  5498. .snatched_group .show_torrents_link {
  5499. background-position: -2px 0;
  5500. }
  5501.  
  5502. .snatched_group input[type="checkbox"], .unreadpm input[type="checkbox"] {
  5503. margin-left: -2px;
  5504. }
  5505.  
  5506. .snatched_torrent td:first-child {
  5507. padding-left: 4px;
  5508. }
  5509.  
  5510. /*
  5511. .snatched_group img, .snatched_torrent img {
  5512. filter: url("data: image/svg+xml;
  5513. utf8,<svg xmlns='http: //www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  5514. filter: gray;
  5515. filter: grayscale(100%);
  5516. -webkit-filter: grayscale(100%);
  5517. -moz-filter: grayscale(100%);
  5518. -ms-filter: grayscale(100%);
  5519. -o-filter: grayscale(100%);
  5520. -webkit-filter: grayscale(1);
  5521. }
  5522.  
  5523. .snatched_group:hover img, .snatched_torrent:hover img {
  5524. filter: none;
  5525. -webkit-filter: grayscale(0);
  5526. -moz-filter: grayscale(0);
  5527. -ms-filter: grayscale(0);
  5528. -o-filter: grayscale(0);
  5529. border: 2px solid #528BA3 !important;
  5530. }
  5531. */
  5532. .sticky_post .body {
  5533. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/sticky.png") no-repeat bottom right !important;
  5534. }
  5535.  
  5536. .tags {
  5537. font-size: 11px;
  5538. background: none !important;
  5539. }
  5540.  
  5541. .tags a, .tags a:visited {
  5542. color: #777 !important;
  5543. }
  5544.  
  5545. .textarea_wrap textarea {
  5546. width: 688px;
  5547. }
  5548.  
  5549. .thin > h2 + div > form table td.label {
  5550. width: 20%;
  5551. }
  5552.  
  5553. .torrent span[style="float: right;"] {
  5554. margin-top: 5px;
  5555. margin-left: 20px;
  5556. }
  5557.  
  5558. .torrent_table, .request_table, .filelist_table, .forum_index, .subscribed_collages_table, .forum_post.box, #alerts, .layout, .message_table, .collage_table, #wiki form[action="wiki.php"] table, #reports .thin table, #reportsv2 .thin table, .friends_table, #whmf_torrents, .vote_matches_table, .torrentdetails.pad div table, #dnulist, #torrents .thin .header + table, #whmf_torrents .border.slice, #upload_table.create_form .textarea_wrap textarea, #userform.edit_form textarea#info, .box_addartists.box_addartists_similar .add_form, #userhistory table, #top10 h3 + .border, #torrents .thin.center > .box[style="width: 600px; margin: 0px auto;"], #user #content > .thin.center > .box {
  5559. width: 100% !important;
  5560. }
  5561.  
  5562. /* Width 100% for elements */
  5563. .tl_approved, .invalid, .warning, .error, .new, .important_text, a[title="Delete Alias"], .remove a {
  5564. color: #A33A3A !important;
  5565. }
  5566.  
  5567. .tl_free {
  5568. color: #A7A45B;
  5569. }
  5570.  
  5571. .tl_neutral {
  5572. color: #808080;
  5573. }
  5574.  
  5575. .tl_personal {
  5576. color: #9751AD;
  5577. }
  5578.  
  5579. .tl_snatched {
  5580. color: #4fa442;
  5581. }
  5582.  
  5583. .tl_reported {
  5584. background-color: rgba(180, 75, 75, 0.5);
  5585. color: #bababa;
  5586. padding: 2px 3px;
  5587. border-radius: 2px;
  5588. font-size: 11px;
  5589. }
  5590.  
  5591. .favoritecount {
  5592. color: #ddd;
  5593. font-size: 11pt !important;
  5594. }
  5595.  
  5596. .unreadpm {
  5597. background-color: rgba(50, 50, 50, 0.2);
  5598. border-left: 3px solid #456478;
  5599. }
  5600.  
  5601. .votespan.brackets:before, .votespan.brackets:after {
  5602. content: "";
  5603. }
  5604.  
  5605. .votespan {
  5606. padding-right: 25px;
  5607. }
  5608.  
  5609. /* AAD Fix */
  5610. .group_image + .group_info {
  5611. margin: 0;
  5612. padding: 0 5px;
  5613. display: table-cell;
  5614. vertical-align: middle;
  5615. height: 79px;
  5616. width: 550px;
  5617. }
  5618.  
  5619. #artist .group_image + .group_info {
  5620. width: 595px;
  5621. }
  5622.  
  5623. .group_image.float_left.clear img {
  5624. height: 75px;
  5625. width: 75px;
  5626. }
  5627.  
  5628. .group_image.float_left.clear img, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img, #user .layout.recent a > img {
  5629. border: 2px solid #3b3b3b !important;
  5630. }
  5631.  
  5632. .gm_albumartdisplay {
  5633. width: 90px !important;
  5634. height: 90px !important;
  5635. }
  5636.  
  5637. .gm_albumartdisplay img {
  5638. width: 75px !important;
  5639. height: 75px !important;
  5640. }
  5641.  
  5642. .gm_albumartdisplay_loading {
  5643. background: transparent url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/progress.gif") no-repeat center center !important;
  5644. }
  5645.  
  5646. .gm_albumartdisplay img, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img, #user .layout.recent a > img {
  5647. margin: 5px;
  5648. border: 2px solid #ccc !important;
  5649. }
  5650.  
  5651. .options_list li {
  5652. margin: 5px 0;
  5653. }
  5654.  
  5655. .options_list li:first-child {
  5656. margin-top: 0;
  5657. }
  5658.  
  5659. .options_list li:last-child {
  5660. margin-bottom: 0;
  5661. }
  5662.  
  5663. /* Stylesheet gallery */
  5664. .preview_wrapper {
  5665. margin: 0 7px;
  5666. width: 30%;
  5667. }
  5668.  
  5669. .preview_image {
  5670. width: 95%;
  5671. overflow: hidden;
  5672. opacity: 0.6;
  5673. border: 2px solid #3b3b3b;
  5674. }
  5675.  
  5676. .preview_image:hover {
  5677. border: 2px solid #528BA3;
  5678. opacity: 1;
  5679. transition: opacity .25s ease-in-out;
  5680. -webkit-transition: opacity .25s ease-in-out;
  5681. -moz-transition: opacity .25s ease-in-out;
  5682. -o-transition: opacity .25s ease-in-out;
  5683. }
  5684.  
  5685. /* Tooltips */
  5686. .tooltipster-default {
  5687. background-color: rgba(45, 45, 45, 0.95);
  5688. border-color: rgba(0, 0, 0, 0.95);
  5689. border-width: 1px;
  5690. color: #9A9A9A;
  5691. -webkit-box-shadow: 0px 2px 3px black;
  5692. box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  5693. }
  5694.  
  5695. .tooltipster-default .tooltipster-content {
  5696. font-size: 12px;
  5697. padding: 5px 8px;
  5698. text-shadow: none;
  5699. }
  5700.  
  5701. /* Notifications */
  5702. #noty_bottomRight_layout_container > li {
  5703. background-color: rgba(45, 45, 45, 0.85) !important;
  5704. border-color: rgba(0, 0, 0, 0.95) !important;
  5705. color: #9A9A9A !important;
  5706. }
  5707.  
  5708. .noty_bar div {
  5709. background-color: inherit !important;
  5710. border: 0 !important;
  5711. color: inherit !important;
  5712. font-size: 12px !important;
  5713. }
  5714.  
  5715. .noty_message {
  5716. padding: 8px 10px 0px !important;
  5717. }
  5718.  
  5719. /* New user stuff */
  5720. .user_options .textarea_wrap {
  5721. width: 486px;
  5722. }
  5723.  
  5724. .user_options hr {
  5725. border-color: rgba(154, 154, 154, 0.75);
  5726. border-width: 1px 0 0 0;
  5727. border-style: solid;
  5728. }
  5729.  
  5730. #settings_sections h2 {
  5731. font-size: 13px;
  5732. line-height: 1.1em;
  5733. margin-bottom: 0;
  5734. }
  5735.  
  5736. #settings_sections li {
  5737. margin-bottom: 10px;
  5738. }
  5739.  
  5740. #settings_sections li:last-child {
  5741. margin-bottom: 0;
  5742. }
  5743.  
  5744. /* Consistent .box and .pad rules */
  5745. #reportsv2 .pad, #reports .pad, .two_columns.pad {
  5746. padding: 10px;
  5747. }
  5748.  
  5749. #reportsv2 .box, #reports .box {
  5750. margin-bottom: 10px;
  5751. background-color: rgba(100, 100, 100, 0.15);
  5752. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  5753. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  5754. color: #9A9A9A;
  5755. }
  5756.  
  5757. .snatches img {
  5758. width: 15px;
  5759. height: 15px;
  5760. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/snatched.png") no-repeat center;
  5761. }
  5762.  
  5763. .leechers img {
  5764. width: 11px;
  5765. height: 15px;
  5766. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/leechers.png") no-repeat center;
  5767. }
  5768.  
  5769. .seeders img {
  5770. width: 11px;
  5771. height: 15px;
  5772. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/seeders.png") no-repeat center;
  5773. }
  5774.  
  5775. /* Lightbox */
  5776. .blog_post img {
  5777. max-width: 978px;
  5778. }
  5779.  
  5780. .forum_post td img {
  5781. max-width: 828px;
  5782. }
  5783.  
  5784. .profileinfo img, #artist_information img, .box_request_desc img, .news_post img, .torrentdetails img, .torrent_description img, .wiki_article img {
  5785. max-width: 700px;
  5786. }
  5787.  
  5788. .sidebar img {
  5789. max-width: 230px;
  5790. }
  5791.  
  5792. #artistcomments img, #request_comments img, #torrent_comments img {
  5793. max-width: 558px;
  5794. }
  5795.  
  5796. #artistcomments #reply_box img, #request_comments #reply_box img, #torrent_comments #reply_box img {
  5797. max-width: 536px;
  5798. }
  5799.  
  5800. #collage #reply_box img, #forums #reply_box img {
  5801. max-width: 806px;
  5802. }
  5803.  
  5804. #inbox #preview img, #staffpm #reply_box img, #wiki .create_form img, #wiki .edit_form img {
  5805. max-width: 956px;
  5806. }
  5807.  
  5808. #inbox .body img {
  5809. max-width: 978px;
  5810. }
  5811.  
  5812. #userform img {
  5813. max-width: 490px;
  5814. }
  5815.  
  5816. #searchbars input {
  5817. box-sizing: content-box;
  5818. }
  5819.  
  5820. tr.group {
  5821. background: #1c1c1c;
  5822. }
  5823. tr.group .group_info {
  5824. line-height: 1.6em;
  5825. }
  5826. tr.group .group_info a {
  5827. font-weight: bold;
  5828. }
  5829. tr.group .tags {
  5830. opacity: 0.6;
  5831. }
  5832. tr.group .tags a {
  5833. font-weight: normal;
  5834. }
  5835.  
  5836. tr.group_torrent {
  5837. font-size: 12px;
  5838. }
  5839. tr.group_torrent td.edition_info {
  5840. background: #333333;
  5841. }
  5842.  
  5843. .news_post {
  5844. line-height: 1.5em;
  5845. }
  5846.  
  5847. .r00 {
  5848. color: #A33A3A;
  5849. }
  5850.  
  5851. .r01 {
  5852. color: #FF1300;
  5853. }
  5854.  
  5855. .r02 {
  5856. color: #FF1300;
  5857. }
  5858.  
  5859. .r03 {
  5860. color: #FF2600;
  5861. }
  5862.  
  5863. .r04 {
  5864. color: #FF4C00;
  5865. }
  5866.  
  5867. .r05 {
  5868. color: #FF5E00;
  5869. }
  5870.  
  5871. .r06 {
  5872. color: #FF5E00;
  5873. }
  5874.  
  5875. .r07 {
  5876. color: #FF7100;
  5877. }
  5878.  
  5879. .r08 {
  5880. color: #fd4337;
  5881. }
  5882.  
  5883. .r09 {
  5884. color: #FA0;
  5885. }
  5886.  
  5887. .r10 {
  5888. color: #74C42E;
  5889. }
  5890.  
  5891. .r20 {
  5892. color: #418B00;
  5893. }
  5894.  
  5895. .r50 {
  5896. color: #418B00;
  5897. }
  5898.  
  5899. .r99 {
  5900. color: #418B00;
  5901. }
  5902.  
  5903. /*# sourceMappingURL=dark-mono-alt.css.map */i, #userinfo_major li, #searchbars, #menu li {
  5904. display: inline;
  5905. line-height: 14px;
  5906. }
  5907.  
  5908. #userinfo_username:hover, #userinfo_major:hover, ul.collage_images li a {
  5909. height: auto !important;
  5910. }
  5911.  
  5912. #userinfo_major {
  5913. position: static !important;
  5914. left: 0;
  5915. z-index: 20;
  5916. float: left !important;
  5917. overflow: hidden;
  5918. margin: 62px 0 0 5px;
  5919. height: 1.5em !important;
  5920. text-align: left;
  5921. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  5922. }
  5923.  
  5924. #userinfo_stats {
  5925. opacity: 0.8;
  5926. left: 0;
  5927. z-index: 1;
  5928. margin: 90px 0 0 50px;
  5929. text-align: right;
  5930. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  5931. font-size: 12px;
  5932. }
  5933.  
  5934. #userinfo_stats li, #userinfo_major li, #userinfo_username li, #userinfo_minor li:last-child, #searchbars li, #top10 input[name="year1"], #answer_block input:first-child, #user #content > .thin.center > .box form strong {
  5935. margin-right: 5px;
  5936. }
  5937.  
  5938. #userinfo_minor {
  5939. right: 0;
  5940. margin: 62px 50px 0 0;
  5941. }
  5942.  
  5943. #userinfo_minor li, #userinfo_major li {
  5944. padding-right: 5px;
  5945. }
  5946.  
  5947. #userinfo_major li:last-child, #userinfo_username li:last-child {
  5948. padding-right: 0;
  5949. }
  5950.  
  5951. #userinfo_minor a, #userinfo_username a, #userinfo_major a, #menu a:hover, #userinfo_stats a:hover {
  5952. padding: 2px 0px;
  5953. color: #666;
  5954. }
  5955.  
  5956. #userinfo_username a.username {
  5957. color: #528ba3;
  5958. font-weight: normal;
  5959. font-size: 13px;
  5960. }
  5961.  
  5962. #userinfo_minor a:hover, #userinfo_major a:hover, #userinfo_username a:hover {
  5963. color: #444;
  5964. }
  5965.  
  5966. #user #content > .thin.center > .box form input[maxlength="100"] {
  5967. width: 600px;
  5968. }
  5969.  
  5970. #user input[type="url"], #userform.edit_form small {
  5971. margin-left: 242px;
  5972. margin-top: 5px;
  5973. }
  5974.  
  5975. #user input#avatar, #user input#email, #user input#irckey, #user input[type="password"], #requests #request_form input#yadg_input, #requests #request_form input[size="45"], #artist .merge_form input[size="40"] {
  5976. width: 400px;
  5977. }
  5978.  
  5979. #user .layout.recent tr:nth-child(n+2) td, .search_form tr#edition_expand td.center, .search_form tr#edition_expand td.center, .breadcrumbs, #logchecker table.border td[colspan="2"], .votes_info_td, .drag_drop_save, #torrent_table td.small, .preview_submit {
  5980. text-align: center;
  5981. }
  5982.  
  5983. #upload table#dnulist, #threadpoll #poll_container #poll.vote_form input[value="Vote"], #sortable_container, #top10 .thin > h3, #sortable_container ul#sortable, #upload .box.pad > h3 + p + p, #upload_table.create_form .layout.border.slice input#post {
  5984. margin-top: 10px;
  5985. }
  5986.  
  5987. #upload #whmf_torrents > tr > td:first-child {
  5988. width: 30%;
  5989. }
  5990.  
  5991. #upload #whmf_torrents tr .border.slice tr td textarea[name="release_desc"] {
  5992. height: 75px;
  5993. }
  5994.  
  5995. #upload_table.create_form select {
  5996. width: 130px;
  5997. }
  5998.  
  5999. #upload_table.create_form select#format, #upload_table.create_form select#bitrate, #upload_table.create_form select[name="media"], #upload_table.create_form select[name="releasetype"], #upload_table.create_form select#importance, #edition_information td.label {
  6000. width: 110px;
  6001. }
  6002.  
  6003. #upload_table.create_form input#tags {
  6004. width: 620px;
  6005. }
  6006.  
  6007. #upload_table.create_form .layout.border.slice table[style="margin-bottom: 2em;"] {
  6008. margin-bottom: 0 !important;
  6009. }
  6010.  
  6011. #upload #content > .box.pad {
  6012. margin: 0 !important;
  6013. width: 100% !important;
  6014. }
  6015.  
  6016. #upload .box.pad > h3 + p {
  6017. font-style: italic;
  6018. }
  6019.  
  6020. #upload .box.pad > h3 + p + p a, .stat, #vote_rankings.stats li {
  6021. font-weight: bold;
  6022. }
  6023.  
  6024. #vanityhouse.torrent_table tr td {
  6025. padding-left: 35px;
  6026. border: none;
  6027. }
  6028.  
  6029. #vanityhouse.torrent_table tr {
  6030. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/music.png");
  6031. background-position: 0 5px;
  6032. background-repeat: no-repeat;
  6033. }
  6034.  
  6035. #whmf_offer {
  6036. width: 100%;
  6037. margin: 10px 0 !important;
  6038. border: none !important;
  6039. font-weight: normal !important;
  6040. }
  6041.  
  6042. #whmf_offer span {
  6043. font-weight: bold !important;
  6044. }
  6045.  
  6046. #whmf_offer ul {
  6047. font-weight: normal !important;
  6048. }
  6049.  
  6050. #whmf_torrents .border.slice textarea[cols="30"] {
  6051. width: 588px;
  6052. }
  6053.  
  6054. #whmf_torrents .border.slice .label, .forum_post .avatar img, .avatar, #friends .friends_table td:first-child img[width="50px"] {
  6055. width: 120px !important;
  6056. }
  6057.  
  6058. #whmf_torrents .border.slice tr td:nth-child(2) {
  6059. width: 80%;
  6060. padding: 0;
  6061. margin: 0;
  6062. }
  6063.  
  6064. #wiki .box.pad.center p {
  6065. margin-bottom: 15px;
  6066. }
  6067.  
  6068. #wiki .add_form input[type="text"] {
  6069. margin-right: 5px;
  6070. padding-top: 6px;
  6071. width: 175px;
  6072. height: 12px;
  6073. }
  6074.  
  6075. #wiki .box.box_addalias > div, .rule_table, #requests .main_column .layout td > .edit_form, #whmf_torrents td[style="padding-left: 1em;"], #better .box.pad[style="padding: 10px 10px 10px 20px;"], #staff .thin > .box.pad {
  6076. padding: 0 !important;
  6077. }
  6078.  
  6079. #wiki .sidebar .box.pad.center .search_form input[name="search"] {
  6080. width: 216px;
  6081. }
  6082.  
  6083. #wiki table input[type="radio"] {
  6084. top: 0;
  6085. }
  6086.  
  6087. #wiki input[value="Compare"] {
  6088. margin: 10px 0 8px;
  6089. }
  6090.  
  6091. #wrapper {
  6092. overflow: hidden;
  6093. margin: 0 auto;
  6094. min-width: 1000px;
  6095. width: 100%;
  6096. }
  6097.  
  6098. #wrapper div::-webkit-scrollbar {
  6099. width: 8px;
  6100. height: 8px;
  6101. }
  6102.  
  6103. #wrapper div::-webkit-scrollbar-track {
  6104. background-color: rgba(0, 0, 0, 0.12);
  6105. -webkit-box-shadow: inset 0 0 2px black;
  6106. box-shadow: inset 0 0 2px black;
  6107. }
  6108.  
  6109. #wrapper div::-webkit-scrollbar-track-piece {
  6110. background-color: rgba(20, 20, 20, 0.4);
  6111. }
  6112.  
  6113. #wrapper div::-webkit-scrollbar-track-piece:start:hover, #wrapper div::-webkit-scrollbar-track-piece:end:hover {
  6114. background-color: rgba(20, 20, 20, 0.2);
  6115. }
  6116.  
  6117. #wrapper div::-webkit-scrollbar-thumb {
  6118. background-color: #2d2d2d;
  6119. -webkit-box-shadow: inset 0 0 2px black;
  6120. }
  6121.  
  6122. #wrapper div::-webkit-scrollbar-thumb:hover, #wrapper div::-webkit-scrollbar-thumb:active {
  6123. background-color: #2a2a2a;
  6124. }
  6125.  
  6126. #wrapper div::-webkit-scrollbar-button {
  6127. width: 12px;
  6128. height: 12px;
  6129. }
  6130.  
  6131. blockquote, #inbox .box.pad #preview {
  6132. margin-top: 5px;
  6133. padding: 10px;
  6134. border: 1px solid #333;
  6135. -webkit-border-radius: 3px;
  6136. -moz-border-radius: 3px;
  6137. border-radius: 3px;
  6138. background-color: rgba(80, 80, 80, 0.2);
  6139. text-align: justify;
  6140. }
  6141.  
  6142. textarea {
  6143. resize: vertical;
  6144. }
  6145.  
  6146. select.ft_bitrate {
  6147. width: 124px;
  6148. }
  6149.  
  6150. select.ft_hascue, select.ft_freetorrent, select.ft_format {
  6151. width: 104px;
  6152. }
  6153.  
  6154. select.ft_releasetype {
  6155. width: 102px;
  6156. }
  6157.  
  6158. select.ft_scene, select.ft_scene {
  6159. width: 96px;
  6160. }
  6161.  
  6162. select#stylesheet {
  6163. width: 108px;
  6164. }
  6165.  
  6166. select#friend {
  6167. width: 150px;
  6168. margin-right: 5px;
  6169. }
  6170.  
  6171. span.small_upvoted {
  6172. display: inline-block;
  6173. overflow: hidden;
  6174. width: 16px;
  6175. height: 14px;
  6176. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png") no-repeat top left;
  6177. background-position: 0px -62px;
  6178. text-indent: 100%;
  6179. white-space: nowrap;
  6180. cursor: pointer;
  6181. }
  6182.  
  6183. span.small_downvoted {
  6184. display: inline-block;
  6185. overflow: hidden;
  6186. width: 16px;
  6187. height: 14px;
  6188. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/notifications.png") no-repeat top left;
  6189. background-position: 0px -76px;
  6190. text-indent: 100%;
  6191. white-space: nowrap;
  6192. cursor: pointer;
  6193. }
  6194.  
  6195. span.last_read a {
  6196. display: block;
  6197. margin: 0 0 0 5px;
  6198. width: 20px;
  6199. height: 20px;
  6200. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/goto.png") no-repeat center;
  6201. background-position: bottom;
  6202. background-size: 100%;
  6203. opacity: 0.5;
  6204. }
  6205.  
  6206. span[style="float: right;"] > input[value="Preview"], span[style="float: right;"] > input[value="Post"] {
  6207. margin-right: 6px;
  6208. }
  6209.  
  6210. input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], textarea {
  6211. padding: 5px 10px;
  6212. border: 1px solid #3B3B3B;
  6213. background: rgba(0, 0, 0, 0.15);
  6214. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6215. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6216. color: #9A9A9A;
  6217. transition: .25s ease-in-out;
  6218. -webkit-transition: .25s ease-in-out;
  6219. -moz-transition: .25s ease-in-out;
  6220. -o-transition: .25s ease-in-out;
  6221. }
  6222.  
  6223. input[type="checkbox"] {
  6224. position: relative;
  6225. display: inline-block;
  6226. padding: 6px;
  6227. border: 1px solid #3b3b3b;
  6228. background: rgba(0, 0, 0, 0.15);
  6229. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6230. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  6231. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6232. -webkit-appearance: none;
  6233. }
  6234.  
  6235. input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
  6236. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  6237. }
  6238.  
  6239. input[type="checkbox"]:checked {
  6240. border: 1px solid #3b3b3b;
  6241. background: rgba(0, 0, 0, 0.15);
  6242. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6243. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  6244. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6245. color: #3b3b3b;
  6246. }
  6247.  
  6248. input[type="checkbox"]:checked:after {
  6249. position: absolute;
  6250. top: -1px;
  6251. left: 1px;
  6252. color: #456478;
  6253. content: '\2714';
  6254. font-size: 12px;
  6255. }
  6256.  
  6257. input[type="radio"] {
  6258. position: relative;
  6259. top: 3px;
  6260. display: inline-block;
  6261. padding: 6px;
  6262. border: 1px solid #3b3b3b;
  6263. border-radius: 50px;
  6264. background: rgba(0, 0, 0, 0.15);
  6265. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6266. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  6267. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6268. -webkit-appearance: none;
  6269. }
  6270.  
  6271. input[type="radio"]:checked:after {
  6272. position: absolute;
  6273. top: 3px;
  6274. left: 3px;
  6275. width: 6px;
  6276. height: 6px;
  6277. border-radius: 50px;
  6278. background: #456478;
  6279. box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
  6280. content: ' ';
  6281. text-shadow: 0;
  6282. }
  6283.  
  6284. input[type="radio"]:checked {
  6285. border: 1px solid #3b3b3b;
  6286. background: rgba(0, 0, 0, 0.15);
  6287. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6288. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);
  6289. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  6290. color: #456478;
  6291. }
  6292.  
  6293. input[type="radio"]:active, input[type="radio"]:checked:active {
  6294. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  6295. }
  6296.  
  6297. input[type="submit"], input[type="button"], button[type="button"], #upload #whmf_offer button, button#send_recommendation {
  6298. display: inline-block;
  6299. padding: 5px 10px;
  6300. border: 1px solid #3b3b3b;
  6301. background-color: #707070;
  6302. background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#181818));
  6303. background-image: -webkit-linear-gradient(top, #333333, #181818);
  6304. background-image: -moz-linear-gradient(top, #333333, #181818);
  6305. background-image: -o-linear-gradient(top, #333333, #181818);
  6306. background-image: linear-gradient(top bottom, #333333, #181818);
  6307. color: #8b8b8b;
  6308. text-decoration: none;
  6309. text-shadow: 1px 1px 0px #333333;
  6310. font-weight: bold;
  6311. }
  6312.  
  6313. input[type="submit"]:active, input[type="button"]:active, button[type="button"]:active, button#send_recommendation:active {
  6314. background-color: #333333;
  6315. background-image: -webkit-linear-gradient(top, #181818, #333333);
  6316. background-image: -moz-linear-gradient(top, #181818, #333333);
  6317. background-image: -o-linear-gradient(top, #181818, #333333);
  6318. background-image: linear-gradient(to bottom, #181818, #333333);
  6319. }
  6320.  
  6321. input:focus, textarea:focus {
  6322. outline: 0 !important;
  6323. border: 1px solid #456478 !important;
  6324. transition: .25s ease-in-out;
  6325. -webkit-transition: .25s ease-in-out;
  6326. -moz-transition: .25s ease-in-out;
  6327. -o-transition: .25s ease-in-out;
  6328. }
  6329.  
  6330. input[value="Make Default"] {
  6331. float: right;
  6332. margin-right: 5px;
  6333. }
  6334.  
  6335. input#styleurl {
  6336. width: 435px;
  6337. }
  6338.  
  6339. #user input[type="url"] {
  6340. width: 513px;
  6341. }
  6342.  
  6343. tr.rowa:nth-child(n+2):hover, tr.rowb:nth-child(n+2):hover, #better tr:hover, tr.group_torrent:hover, #torrent_table tr.group:hover, #torrents .thin > table tr:nth-child(n+2):hover, #torrent_table tr.torrent:hover, #discog_table tr.discog:hover, #torrents_album tr.group:hover, #userhistory tr.group.discog:hover, .collage_table tr:nth-child(n+2):hover, .torrent_row:hover {
  6344. background-color: rgba(50, 50, 50, 0.2);
  6345. }
  6346.  
  6347. tr#release_list td > input[type="checkbox"], tr#format_list td > input[type="checkbox"], tr#bitrate_list td > input[type="checkbox"], tr#media_list td > input[type="checkbox"] {
  6348. margin: 2px;
  6349. }
  6350.  
  6351. td:last-child {
  6352. border-right: none;
  6353. border-bottom: none;
  6354. }
  6355.  
  6356. td:first-child {
  6357. border-left: none;
  6358. }
  6359.  
  6360. tr:first-child td {
  6361. border-top: none;
  6362. }
  6363.  
  6364. td {
  6365. padding: 7px;
  6366. border: 1px solid rgba(0, 0, 0, 0.1);
  6367. text-align: left;
  6368. }
  6369.  
  6370. tr:last-child td, tr.group:last-child td {
  6371. border-bottom: none;
  6372. }
  6373.  
  6374. td.colhead {
  6375. margin: -11px;
  6376. margin-bottom: 10px;
  6377. padding: 8px !important;
  6378. background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));
  6379. background-image: -webkit-linear-gradient(top, #333333, #444444);
  6380. background-image: -moz-linear-gradient(top, #333333, #444444);
  6381. background-image: -o-linear-gradient(top, #333333, #444444);
  6382. background-image: linear-gradient(top bottom, #333333, #444444);
  6383. -webkit-box-shadow: inset 0 1px 0 rgba(25, 25, 25, 0.4);
  6384. box-shadow: inset 0 1px 0 rgba(25, 25, 25, 0.4);
  6385. color: #888 !important;
  6386. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  6387. }
  6388.  
  6389. td.unread, td.read, td.read_locked, td.unread_sticky, td.read_locked_sticky, td.unread_locked_sticky, td.read_sticky {
  6390. width: 3.5%;
  6391. height: 16px;
  6392. background-position: center center;
  6393. background-repeat: no-repeat;
  6394. }
  6395.  
  6396. td.unread {
  6397. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/read.png");
  6398. background-position: 3px center;
  6399. border-left: 2px solid #528ba3;
  6400. }
  6401.  
  6402. td.read {
  6403. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/unread.png");
  6404. }
  6405.  
  6406. td.read_locked {
  6407. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/read-locked.png");
  6408. }
  6409.  
  6410. td.unread_sticky {
  6411. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-read.png");
  6412. background-position: 3px center;
  6413. border-left: 2px solid #528ba3;
  6414. }
  6415.  
  6416. td.read_sticky {
  6417. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-unread.png");
  6418. }
  6419.  
  6420. td.read_locked_sticky {
  6421. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-unread-locked.png");
  6422. }
  6423.  
  6424. td.unread_locked_sticky {
  6425. background-image: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/sticky-read-locked.png");
  6426. background-position: 3px center;
  6427. border-left: 2px solid #528ba3;
  6428. }
  6429.  
  6430. .navigation_list, .navigation_list ol {
  6431. margin: 0 !important;
  6432. }
  6433.  
  6434. ol.navigation_list {
  6435. margin: 0 0 0 25px !important;
  6436. list-style-position: outside;
  6437. }
  6438.  
  6439. ul.collage_images {
  6440. width: 710px !important;
  6441. }
  6442.  
  6443. ul.collage_images li {
  6444. width: 142px !important;
  6445. height: 142px !important;
  6446. }
  6447.  
  6448. ul.nobullet {
  6449. list-style-type: none;
  6450. }
  6451.  
  6452. li.graph {
  6453. -webkit-box-sizing: border-box;
  6454. -moz-box-sizing: border-box;
  6455. margin: 2px 0px 10px 16px;
  6456. padding: 3px;
  6457. width: 80%;
  6458. height: 15px;
  6459. background: rgba(0, 0, 0, 0.25);
  6460. }
  6461.  
  6462. li.graph .center_poll {
  6463. display: block;
  6464. height: 7px;
  6465. border: 1px solid #456478;
  6466. background: #528ba3;
  6467. -webkit-box-shadow: inset 0 -1px 1px #456478;
  6468. box-shadow: inset 0 -1px 1px #456478;
  6469. }
  6470.  
  6471. .alertbar {
  6472. padding: 0 5px;
  6473. }
  6474. .alertbar:last-child {
  6475. margin-right: 55px;
  6476. }
  6477.  
  6478. .alertbar a[href*="torrents.php?action=notify"]:before, .alertbar a[href*="inbox.php"]:before, .alertbar a[href*="index.php"]:before, .alertbar a[href*="userhistory.php?action=subscribed_collages"]:before, .alertbar a[href="userhistory.php?action=quote_notifications"]:before, .alertbar a[href*="blog.php"]:before {
  6479. position: relative;
  6480. top: 3px;
  6481. display: inline-block;
  6482. margin: auto 5px auto auto;
  6483. width: 16px;
  6484. height: 13px;
  6485. content: "";
  6486. *top: 0;
  6487. }
  6488.  
  6489. .autocomplete-suggestions {
  6490. background-color: rgba(32, 32, 32, 0.85);
  6491. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  6492. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  6493. border: 1px solid #3B3B3B;
  6494. }
  6495.  
  6496. .autocomplete-selected {
  6497. background-color: rgba(100, 100, 100, 0.2);
  6498. }
  6499.  
  6500. .autocomplete-suggestions strong {
  6501. color: #528ba3;
  6502. }
  6503.  
  6504. .avatar {
  6505. max-width: 120px;
  6506. }
  6507.  
  6508. .bbcodes button {
  6509. float: none !important;
  6510. overflow: hidden;
  6511. margin-top: 5px;
  6512. width: 20px;
  6513. height: 20px;
  6514. border: 1px solid #1D1D1D !important;
  6515. background-color: rgba(100, 100, 100, 0.6) !important;
  6516. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  6517. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  6518. color: #999 !important;
  6519. text-shadow: none !important;
  6520. font-size: 12px;
  6521. cursor: pointer;
  6522. }
  6523.  
  6524. .bbcodes {
  6525. padding: 2px !important;
  6526. }
  6527.  
  6528. .bookmark {
  6529. height: 24px;
  6530. }
  6531.  
  6532. .box_lastfm #lastfm_stats ul.nobullet li {
  6533. margin-left: 15px;
  6534. }
  6535.  
  6536. .box_lastfm #lastfm_stats li:last-child {
  6537. margin: 0 0 5px !important;
  6538. }
  6539.  
  6540. .box.pad[style="padding: 20px 10px 10px 10px;"] {
  6541. margin: 0 !important;
  6542. padding: 0 !important;
  6543. }
  6544.  
  6545. .box2 {
  6546. margin-bottom: 10px !important;
  6547. padding: 10px !important;
  6548. background-color: rgba(100, 100, 100, 0.15);
  6549. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  6550. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  6551. color: #9A9A9A;
  6552. }
  6553.  
  6554. .cats_col, .group.discog td.center:nth-child(2) {
  6555. width: 25px;
  6556. }
  6557.  
  6558. .cats_music, .cats_comics, .cats_audiobooks, .cats_elearningvideos, .cats_comedy, .cats_applications, .cats_ebooks {
  6559. margin: 0 !important;
  6560. width: 25px !important;
  6561. height: 25px !important;
  6562. }
  6563.  
  6564. .cats_music {
  6565. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/music.png");
  6566. }
  6567.  
  6568. .cats_comics {
  6569. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/comics.png");
  6570. }
  6571.  
  6572. .cats_audiobooks {
  6573. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/audiobooks.png");
  6574. }
  6575.  
  6576. .cats_elearningvideos {
  6577. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/elearning.png");
  6578. }
  6579.  
  6580. .cats_comedy {
  6581. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/comedy.png");
  6582. }
  6583.  
  6584. .cats_applications {
  6585. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/applications.png");
  6586. }
  6587.  
  6588. .cats_ebooks {
  6589. background: url("https://raw.githubusercontent.com/WhatCD/Gazelle/master/static/styles/mono/icons/ebooks.png");
  6590. }
  6591.  
  6592. .debug_table {
  6593. table-layout: fixed;
  6594. }
  6595.  
  6596. .edit_changelog textarea {
  6597. width: 600px;
  6598. }
  6599.  
  6600. .edit_form input#yadg_input {
  6601. width: 700px;
  6602. }
  6603.  
  6604. .field_div {
  6605. margin-bottom: 10px;
  6606. }
  6607.  
  6608. .filter_torrents .cat_list td, .search_form .cat_list td, #manage_collage_table th {
  6609. text-align: center;
  6610. }
  6611.  
  6612. .filter_torrents table:nth-child(2) td {
  6613. padding: 8px 0 7px 0 !important;
  6614. background-color: transparent;
  6615. }
  6616.  
  6617. .filter_torrents .cat_list[width="100%"] {
  6618. border: none;
  6619. background-color: transparent;
  6620. -webkit-box-shadow: none;
  6621. box-shadow: none;
  6622. }
  6623.  
  6624. .filter_torrents .submit {
  6625. position: relative;
  6626. height: 25px;
  6627. }
  6628.  
  6629. .filter_torrents .submit span {
  6630. position: absolute;
  6631. top: 4px;
  6632. left: 65px;
  6633. color: #666;
  6634. font-size: 12px;
  6635. line-height: 1.2em;
  6636. }
  6637.  
  6638. .filter_torrents .submit span:before {
  6639. content: "(";
  6640. }
  6641.  
  6642. .filter_torrents .submit span:after {
  6643. content: ")";
  6644. }
  6645.  
  6646. .forum_post li, .main_column li {
  6647. margin-left: 15px;
  6648. }
  6649.  
  6650. .forum_post.box.vertical_margin div[style="float: right;"] input:nth-child(n+1), .box_tags .stats.nobullet div > a + a {
  6651. margin-left: 3px;
  6652. }
  6653.  
  6654. .forum_post .avatar, #friends .friends_table td:first-child {
  6655. padding: 10px;
  6656. width: 100px !important;
  6657. background-color: rgba(0, 0, 0, 0.12);
  6658. }
  6659.  
  6660. .forum_post .body {
  6661. padding: 15px;
  6662. line-height: 1.4em;
  6663. }
  6664.  
  6665. #forums .forum_post form textarea {
  6666. width: 804px;
  6667. }
  6668.  
  6669. .forum_unread tr.colhead_dark td {
  6670. background-image: -webkit-gradient(linear, left top, left bottom, from(#361c34), to(#191919)) !important;
  6671. background-image: -webkit-linear-gradient(top, #361c34, #191919) !important;
  6672. background-image: -moz-linear-gradient(top, #361c34, #191919) !important;
  6673. background-image: -o-linear-gradient(top, #361c34, #191919) !important;
  6674. background-image: linear-gradient(top bottom, #361c34, #191919) !important;
  6675. }
  6676.  
  6677. .friends_table textarea[cols="80"] {
  6678. width: 715px;
  6679. }
  6680.  
  6681. .ft_cat_list {
  6682. font-weight: bold;
  6683. }
  6684.  
  6685. .ft_artistname input, .ft_groupname input, #search_terms input, .ft_recordlabel input, .ft_filelist input, .ft_remasterrecordlabel input, #tagfilter input[type="text"], input#searchbox, input#username, #upload .thin > p input[type="text"], #user .send_form .layout.border input[name="email"], .search_form .layout input[size="60"], #wiki .thin > div > form > .layout.border input[size="70"] {
  6686. width: 520px;
  6687. }
  6688.  
  6689. .ft_cataloguenumber, .ft_cataloguenumber input, .ft_remastertitle, .ft_remastertitle input, .ft_remastercataloguenumber input, #cataloguenumber_tr input, #oclc_tr input {
  6690. width: 228px;
  6691. }
  6692.  
  6693. .ft_year input, .ft_remasteryear input, #year_tr input, #edition_year input {
  6694. width: 75px;
  6695. }
  6696.  
  6697. .head, .colhead td, .colhead th, .recent .colhead td, .colhead_dark td, tr.colhead {
  6698. margin: -10px;
  6699. margin-bottom: 10px;
  6700. padding: 8px 10px !important;
  6701. background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#191919));
  6702. background-image: -webkit-linear-gradient(top, #1d1d1d, #191919);
  6703. background-image: -moz-linear-gradient(top, #1d1d1d, #191919);
  6704. background-image: -o-linear-gradient(top, #1d1d1d, #191919);
  6705. background-image: linear-gradient(to bottom, #1d1d1d, #191919);
  6706. text-shadow: 0.1em 0.1em rgba(0, 0, 0, 0.5);
  6707. font-weight: bold;
  6708. }
  6709.  
  6710. .hidden {
  6711. display: none !important;
  6712. }
  6713.  
  6714. .important_user, .sticky_post {
  6715. border: 1px solid #3b3b3b;
  6716. }
  6717.  
  6718. .important_user .body {
  6719. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/op.png") no-repeat bottom right !important;
  6720. }
  6721.  
  6722. .important_text_alt {
  6723. color: #428A42 !important;
  6724. }
  6725.  
  6726. .invitetree > ul ul {
  6727. padding-left: 1rem;
  6728. }
  6729.  
  6730. .label, #searchthread .layout.border tr:nth-child(n+1) td:first-child, #newthreadtext td.label {
  6731. width: 200px;
  6732. text-align: right;
  6733. font-weight: bold;
  6734. }
  6735.  
  6736. .layout.cat_list a.brackets {
  6737. text-transform: capitalize;
  6738. }
  6739.  
  6740. .linkbox {
  6741. margin-top: 10px;
  6742. color: #444;
  6743. }
  6744.  
  6745. .linkbox, .notify_filter_links {
  6746. margin-bottom: 10px;
  6747. text-align: center;
  6748. text-transform: capitalize;
  6749. }
  6750.  
  6751. .linkbox a {
  6752. padding: 0 2px;
  6753. }
  6754.  
  6755. .brackets:before {
  6756. content: "[";
  6757. color: #444;
  6758. }
  6759.  
  6760. .brackets:after {
  6761. content: "]";
  6762. color: #444;
  6763. }
  6764.  
  6765. .nobr {
  6766. white-space: nowrap;
  6767. }
  6768.  
  6769. .permission_container {
  6770. float: left;
  6771. width: 32%;
  6772. }
  6773.  
  6774. .permission_container:nth-child(2) {
  6775. padding: 0px 2%;
  6776. }
  6777.  
  6778. .pressed {
  6779. margin-top: 5px;
  6780. width: 20px;
  6781. height: 20px;
  6782. background-color: rgba(100, 100, 100, 0.8) !important;
  6783. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  6784. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset -1px 1px 0 rgba(255, 255, 255, 0.12);
  6785. color: #eee !important;
  6786. text-shadow: none !important;
  6787. font-size: 12px;
  6788. cursor: pointer;
  6789. }
  6790.  
  6791. .send_form textarea#quickpost[cols="90"], .edit_form textarea[cols="91"], #quickpost textarea#body, .box.pad .create_form textarea, .send_form textarea#message, #staffpm .manage_form textarea[cols="90"] {
  6792. width: 958px !important;
  6793. margin: 0;
  6794. }
  6795.  
  6796. .search_form input[type="checkbox"], #userform.edit_form input[type="checkbox"] {
  6797. margin: -2px 2px 0 0;
  6798. vertical-align: middle;
  6799. }
  6800.  
  6801. .sidebar input#filelist, .sidebar input#artistsimilar, .sidebar .add_form input[name="url"], .sidebar .box.box_addtag .add_form input[name="tagname"] {
  6802. padding-top: 6px;
  6803. width: 180px !important;
  6804. height: 12px;
  6805. }
  6806.  
  6807. .sidebar .download_form select, .sidebar form[action="bookmarks.php"] select {
  6808. width: 180px !important;
  6809. }
  6810.  
  6811. .sidebar .download_form input[value="Download"], .box_addartists input[value="Add"], .sidebar form[action="bookmarks.php"] input[value="Download"], .sidebar input#submit_button {
  6812. margin-top: 5px;
  6813. width: 100% !important;
  6814. }
  6815.  
  6816. .sidebar .box.box_addartists .add_form #AddArtists select {
  6817. float: right;
  6818. margin-top: 3px;
  6819. }
  6820.  
  6821. .sidebar .box.box_addartists .add_form #AddArtists input[name="aliasname[]"], #top10 tr.colhead_dark td:nth-child(4), #debug_flags .debug_flags_memory, .friends_table .left {
  6822. width: 100px;
  6823. }
  6824.  
  6825. .size1 {
  6826. font-size: 0.75em;
  6827. line-height: 12px;
  6828. }
  6829.  
  6830. .size2 {
  6831. font-size: 1em;
  6832. line-height: 14px;
  6833. }
  6834.  
  6835. .size3 {
  6836. font-size: 1.25em;
  6837. line-height: 16px;
  6838. }
  6839.  
  6840. .size4 {
  6841. font-size: 1.5em;
  6842. line-height: 18px;
  6843. }
  6844.  
  6845. .size5 {
  6846. font-size: 1.75em;
  6847. line-height: 20px;
  6848. }
  6849.  
  6850. .size6 {
  6851. font-size: 2em;
  6852. line-height: 22px;
  6853. }
  6854.  
  6855. .size7 {
  6856. font-size: 2.25em;
  6857. line-height: 26px;
  6858. }
  6859.  
  6860. .size8 {
  6861. font-size: 2.5em;
  6862. line-height: 28px;
  6863. }
  6864.  
  6865. .size9 {
  6866. font-size: 2.75em;
  6867. line-height: 30px;
  6868. }
  6869.  
  6870. .size10 {
  6871. font-size: 3em;
  6872. line-height: 34px;
  6873. }
  6874.  
  6875. .snatched_group, .snatched_torrent {
  6876. color: #6a6a6a;
  6877. background-color: rgba(30, 30, 30, 0.5);
  6878. border-left: 3px solid #4b4b4b;
  6879. }
  6880.  
  6881. .snatched_group .tags a, .snatched_torrent .tags a {
  6882. color: #6a6a6a !important;
  6883. }
  6884.  
  6885. .snatched_group .show_torrents_link {
  6886. background-position: -2px 0;
  6887. }
  6888.  
  6889. .snatched_group input[type="checkbox"], .unreadpm input[type="checkbox"] {
  6890. margin-left: -2px;
  6891. }
  6892.  
  6893. .snatched_torrent td:first-child {
  6894. padding-left: 4px;
  6895. }
  6896.  
  6897. /*
  6898. .snatched_group img, .snatched_torrent img {
  6899. filter: url("data: image/svg+xml;
  6900. utf8,<svg xmlns='http: //www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  6901. filter: gray;
  6902. filter: grayscale(100%);
  6903. -webkit-filter: grayscale(100%);
  6904. -moz-filter: grayscale(100%);
  6905. -ms-filter: grayscale(100%);
  6906. -o-filter: grayscale(100%);
  6907. -webkit-filter: grayscale(1);
  6908. }
  6909.  
  6910. .snatched_group:hover img, .snatched_torrent:hover img {
  6911. filter: none;
  6912. -webkit-filter: grayscale(0);
  6913. -moz-filter: grayscale(0);
  6914. -ms-filter: grayscale(0);
  6915. -o-filter: grayscale(0);
  6916. border: 2px solid #528BA3 !important;
  6917. }
  6918. */
  6919. .sticky_post .body {
  6920. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/sticky.png") no-repeat bottom right !important;
  6921. }
  6922.  
  6923. .tags {
  6924. font-size: 11px;
  6925. background: none !important;
  6926. }
  6927.  
  6928. .tags a, .tags a:visited {
  6929. color: #777 !important;
  6930. }
  6931.  
  6932. .textarea_wrap textarea {
  6933. width: 688px;
  6934. }
  6935.  
  6936. .thin > h2 + div > form table td.label {
  6937. width: 20%;
  6938. }
  6939.  
  6940. .torrent span[style="float: right;"] {
  6941. margin-top: 5px;
  6942. margin-left: 20px;
  6943. }
  6944.  
  6945. .torrent_table, .request_table, .filelist_table, .forum_index, .subscribed_collages_table, .forum_post.box, #alerts, .layout, .message_table, .collage_table, #wiki form[action="wiki.php"] table, #reports .thin table, #reportsv2 .thin table, .friends_table, #whmf_torrents, .vote_matches_table, .torrentdetails.pad div table, #dnulist, #torrents .thin .header + table, #whmf_torrents .border.slice, #upload_table.create_form .textarea_wrap textarea, #userform.edit_form textarea#info, .box_addartists.box_addartists_similar .add_form, #userhistory table, #top10 h3 + .border, #torrents .thin.center > .box[style="width: 600px; margin: 0px auto;"], #user #content > .thin.center > .box {
  6946. width: 100% !important;
  6947. }
  6948.  
  6949. /* Width 100% for elements */
  6950. .tl_approved, .invalid, .warning, .error, .new, .important_text, a[title="Delete Alias"], .remove a {
  6951. color: #A33A3A !important;
  6952. }
  6953.  
  6954. .tl_free {
  6955. color: #A7A45B;
  6956. }
  6957.  
  6958. .tl_neutral {
  6959. color: #808080;
  6960. }
  6961.  
  6962. .tl_personal {
  6963. color: #9751AD;
  6964. }
  6965.  
  6966. .tl_snatched {
  6967. color: #4fa442;
  6968. }
  6969.  
  6970. .tl_reported {
  6971. background-color: rgba(180, 75, 75, 0.5);
  6972. color: #bababa;
  6973. padding: 2px 3px;
  6974. border-radius: 2px;
  6975. font-size: 11px;
  6976. }
  6977.  
  6978. .favoritecount {
  6979. color: #ddd;
  6980. font-size: 11pt !important;
  6981. }
  6982.  
  6983. .unreadpm {
  6984. background-color: rgba(50, 50, 50, 0.2);
  6985. border-left: 3px solid #456478;
  6986. }
  6987.  
  6988. .votespan.brackets:before, .votespan.brackets:after {
  6989. content: "";
  6990. }
  6991.  
  6992. .votespan {
  6993. padding-right: 25px;
  6994. }
  6995.  
  6996. /* AAD Fix */
  6997. .group_image + .group_info {
  6998. margin: 0;
  6999. padding: 0 5px;
  7000. display: table-cell;
  7001. vertical-align: middle;
  7002. height: 79px;
  7003. width: 550px;
  7004. }
  7005.  
  7006. #artist .group_image + .group_info {
  7007. width: 595px;
  7008. }
  7009.  
  7010. .group_image.float_left.clear img {
  7011. height: 75px;
  7012. width: 75px;
  7013. }
  7014.  
  7015. .group_image.float_left.clear img, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img, #user .layout.recent a > img {
  7016. border: 2px solid #3b3b3b !important;
  7017. }
  7018.  
  7019. .gm_albumartdisplay {
  7020. width: 90px !important;
  7021. height: 90px !important;
  7022. }
  7023.  
  7024. .gm_albumartdisplay img {
  7025. width: 75px !important;
  7026. height: 75px !important;
  7027. }
  7028.  
  7029. .gm_albumartdisplay_loading {
  7030. background: transparent url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/progress.gif") no-repeat center center !important;
  7031. }
  7032.  
  7033. .gm_albumartdisplay img, #userhistory .torrent_table.grouped.artwork tr.group.discog td[style="width: 60px; padding: 0;"] img, #user .layout.recent a > img {
  7034. margin: 5px;
  7035. border: 2px solid #ccc !important;
  7036. }
  7037.  
  7038. .options_list li {
  7039. margin: 5px 0;
  7040. }
  7041.  
  7042. .options_list li:first-child {
  7043. margin-top: 0;
  7044. }
  7045.  
  7046. .options_list li:last-child {
  7047. margin-bottom: 0;
  7048. }
  7049.  
  7050. /* Stylesheet gallery */
  7051. .preview_wrapper {
  7052. margin: 0 7px;
  7053. width: 30%;
  7054. }
  7055.  
  7056. .preview_image {
  7057. width: 95%;
  7058. overflow: hidden;
  7059. opacity: 0.6;
  7060. border: 2px solid #3b3b3b;
  7061. }
  7062.  
  7063. .preview_image:hover {
  7064. border: 2px solid #528BA3;
  7065. opacity: 1;
  7066. transition: opacity .25s ease-in-out;
  7067. -webkit-transition: opacity .25s ease-in-out;
  7068. -moz-transition: opacity .25s ease-in-out;
  7069. -o-transition: opacity .25s ease-in-out;
  7070. }
  7071.  
  7072. /* Tooltips */
  7073. .tooltipster-default {
  7074. background-color: rgba(45, 45, 45, 0.95);
  7075. border-color: rgba(0, 0, 0, 0.95);
  7076. border-width: 1px;
  7077. color: #9A9A9A;
  7078. -webkit-box-shadow: 0px 2px 3px black;
  7079. box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  7080. }
  7081.  
  7082. .tooltipster-default .tooltipster-content {
  7083. font-size: 12px;
  7084. padding: 5px 8px;
  7085. text-shadow: none;
  7086. }
  7087.  
  7088. /* Notifications */
  7089. #noty_bottomRight_layout_container > li {
  7090. background-color: rgba(45, 45, 45, 0.85) !important;
  7091. border-color: rgba(0, 0, 0, 0.95) !important;
  7092. color: #9A9A9A !important;
  7093. }
  7094.  
  7095. .noty_bar div {
  7096. background-color: inherit !important;
  7097. border: 0 !important;
  7098. color: inherit !important;
  7099. font-size: 12px !important;
  7100. }
  7101.  
  7102. .noty_message {
  7103. padding: 8px 10px 0px !important;
  7104. }
  7105.  
  7106. /* New user stuff */
  7107. .user_options .textarea_wrap {
  7108. width: 486px;
  7109. }
  7110.  
  7111. .user_options hr {
  7112. border-color: rgba(154, 154, 154, 0.75);
  7113. border-width: 1px 0 0 0;
  7114. border-style: solid;
  7115. }
  7116.  
  7117. #settings_sections h2 {
  7118. font-size: 13px;
  7119. line-height: 1.1em;
  7120. margin-bottom: 0;
  7121. }
  7122.  
  7123. #settings_sections li {
  7124. margin-bottom: 10px;
  7125. }
  7126.  
  7127. #settings_sections li:last-child {
  7128. margin-bottom: 0;
  7129. }
  7130.  
  7131. /* Consistent .box and .pad rules */
  7132. #reportsv2 .pad, #reports .pad, .two_columns.pad {
  7133. padding: 10px;
  7134. }
  7135.  
  7136. #reportsv2 .box, #reports .box {
  7137. margin-bottom: 10px;
  7138. background-color: rgba(100, 100, 100, 0.15);
  7139. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  7140. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  7141. color: #9A9A9A;
  7142. }
  7143.  
  7144. .snatches img {
  7145. width: 15px;
  7146. height: 15px;
  7147. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/snatched.png") no-repeat center;
  7148. }
  7149.  
  7150. .leechers img {
  7151. width: 11px;
  7152. height: 15px;
  7153. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/leechers.png") no-repeat center;
  7154. }
  7155.  
  7156. .seeders img {
  7157. width: 11px;
  7158. height: 15px;
  7159. background: url("https://passtheheadphones.me/static/styles/dark_mono_v2/img/seeders.png") no-repeat center;
  7160. }
  7161.  
  7162. /* Lightbox */
  7163. .blog_post img {
  7164. max-width: 978px;
  7165. }
  7166.  
  7167. .forum_post td img {
  7168. max-width: 828px;
  7169. }
  7170.  
  7171. .profileinfo img, #artist_information img, .box_request_desc img, .news_post img, .torrentdetails img, .torrent_description img, .wiki_article img {
  7172. max-width: 700px;
  7173. }
  7174.  
  7175. .sidebar img {
  7176. max-width: 230px;
  7177. }
  7178.  
  7179. #artistcomments img, #request_comments img, #torrent_comments img {
  7180. max-width: 558px;
  7181. }
  7182.  
  7183. #artistcomments #reply_box img, #request_comments #reply_box img, #torrent_comments #reply_box img {
  7184. max-width: 536px;
  7185. }
  7186.  
  7187. #collage #reply_box img, #forums #reply_box img {
  7188. max-width: 806px;
  7189. }
  7190.  
  7191. #inbox #preview img, #staffpm #reply_box img, #wiki .create_form img, #wiki .edit_form img {
  7192. max-width: 956px;
  7193. }
  7194.  
  7195. #inbox .body img {
  7196. max-width: 978px;
  7197. }
  7198.  
  7199. #userform img {
  7200. max-width: 490px;
  7201. }
  7202.  
  7203. #searchbars input {
  7204. box-sizing: content-box;
  7205. }
  7206.  
  7207. tr.group {
  7208. background: #1c1c1c;
  7209. }
  7210. tr.group .group_info {
  7211. line-height: 1.6em;
  7212. }
  7213. tr.group .group_info a {
  7214. font-weight: bold;
  7215. }
  7216. tr.group .tags {
  7217. opacity: 0.6;
  7218. }
  7219. tr.group .tags a {
  7220. font-weight: normal;
  7221. }
  7222.  
  7223. tr.group_torrent {
  7224. font-size: 12px;
  7225. }
  7226. tr.group_torrent td.edition_info {
  7227. background: #333333;
  7228. }
  7229.  
  7230. .news_post {
  7231. line-height: 1.5em;
  7232. }
  7233.  
  7234. .r00 {
  7235. color: #A33A3A;
  7236. }
  7237.  
  7238. .r01 {
  7239. color: #FF1300;
  7240. }
  7241.  
  7242. .r02 {
  7243. color: #FF1300;
  7244. }
  7245.  
  7246. .r03 {
  7247. color: #FF2600;
  7248. }
  7249.  
  7250. .r04 {
  7251. color: #FF4C00;
  7252. }
  7253.  
  7254. .r05 {
  7255. color: #FF5E00;
  7256. }
  7257.  
  7258. .r06 {
  7259. color: #FF5E00;
  7260. }
  7261.  
  7262. .r07 {
  7263. color: #FF7100;
  7264. }
  7265.  
  7266. .r08 {
  7267. color: #fd4337;
  7268. }
  7269.  
  7270. .r09 {
  7271. color: #FA0;
  7272. }
  7273.  
  7274. .r10 {
  7275. color: #74C42E;
  7276. }
  7277.  
  7278. .r20 {
  7279. color: #418B00;
  7280. }
  7281.  
  7282. .r50 {
  7283. color: #418B00;
  7284. }
  7285.  
  7286. .r99 {
  7287. color: #418B00;
  7288. }
  7289.  
  7290. /*# sourceMappingURL=dark-mono-alt.css.map */
  7291.  
  7292. .r09 {
  7293. color: #FA0;
  7294. }
  7295.  
  7296. .r10 {
  7297. color: #74C42E;
  7298. }
  7299.  
  7300. .r20 {
  7301. color: #418B00;
  7302. }
  7303.  
  7304. .r50 {
  7305. color: #418B00;
  7306. }
  7307.  
  7308. .r99 {
  7309. color: #418B00;
  7310. }
  7311.  
  7312. /*# sourceMappingURL=dark-mono-alt.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement