Frontend elements to SugoiMusic, including CSS and public/private headers.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1239 lines
20 KiB

  1. /* Layout (Torrents page) */
  2. #site_debug td{
  3. border: 1px solid #666;
  4. }
  5. /* We're going to opt for the category icon method for now, tags_* is also available */
  6. .cats_anime { width: 28px; height: 28px; background: url('images/anime.png') no-repeat center center; }
  7. .cats_movies { width: 28px; height: 28px; background: url('images/movies.png') no-repeat center center; }
  8. .cats_manga { width: 28px; height: 28px; background: url('images/manga.png') no-repeat center center; }
  9. .cats_games { width: 28px; height: 28px; background: url('images/games.png') no-repeat center center; }
  10. .cats_other { width: 28px; height: 28px; background: url('images/other.png') no-repeat center center; }
  11. /* Global */
  12. * {
  13. padding: 0em;
  14. margin: 0em;
  15. }
  16. html {
  17. width: 100%;
  18. }
  19. body {
  20. width: 100%;
  21. background-color: #004080;
  22. font-family: tahoma, helvetica, sans-serif;
  23. font-size: 8pt;
  24. color: #000;
  25. min-width: 850px;
  26. }
  27. /* Common elements */
  28. a {
  29. text-decoration: none;
  30. border: none;
  31. color: #000045;
  32. }
  33. a:hover {
  34. text-decoration: underline;
  35. }
  36. button, input[type=button], input[type=submit] {
  37. background: #0B2593;
  38. box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  39. color: #FFF;
  40. }
  41. button:hover, input[type=button]:hover, input[type=submit]:hover {
  42. background: #081654;
  43. }
  44. button:focus, input[type=button]:focus, input[type=submit]:focus {
  45. background: #D48DD8;
  46. }
  47. .spoilerButton {
  48. max-width: 540px;
  49. }
  50. .forum_post .body a:not([href="#"]), .rule_summary a, .wiki_article a, #actual_rules a, .news_post .pad a, .store_table a {
  51. text-decoration: none;
  52. border: none;
  53. color: #862A5E;
  54. }
  55. .forum_post .body a:hover:not([href="#"]), .rule_summary a:hover, .wiki_article a:hover, #actual_rules a:hover, .news_post .pad a:hover, .store_table a:hover {
  56. text-decoration: underline;
  57. border: none;
  58. color: #B65A8E;
  59. }
  60. h1,h2,h3,h4 {
  61. margin: 5px 0px;
  62. font-weight: bold;
  63. }
  64. h2 {
  65. text-align: center;
  66. font-size: 12pt;
  67. }
  68. h4 {
  69. font-size: 8pt;
  70. }
  71. p {
  72. margin: 10px 5px;
  73. }
  74. li {
  75. margin: 5px 15px;
  76. }
  77. img {
  78. border: none;
  79. }
  80. /* Styles generated by the BBCode parser */
  81. span.size1 { font-size:0.75em; }
  82. span.size2 { font-size:1em; }
  83. span.size3 { font-size:1.25em; }
  84. span.size4 { font-size:1.5em; }
  85. span.size5 { font-size:1.75em; }
  86. span.size6 { font-size:2em; }
  87. span.size7 { font-size:2.25em; }
  88. span.size8 { font-size:2.5em; }
  89. span.size9 { font-size:2.75em; }
  90. span.size10 { font-size:3em; }
  91. ul.thin { margin:0px 0px 0px 25px; padding:0px; }
  92. ul.thin li { margin:0px 0px; padding:0px; }
  93. /* Layout (Every page) */
  94. #header {
  95. width: 100%;
  96. padding: 0px 0 0 0;
  97. background: #122CB5;
  98. margin-bottom: 10px;
  99. }
  100. #content {
  101. margin: auto;
  102. margin-top: 10px;
  103. /* margin-top: 100px; */
  104. width: 90%;
  105. min-width: 872px;
  106. overflow: hidden;
  107. }
  108. #footer {
  109. /* margin-top: 40px; */
  110. margin-top: 10px;
  111. width: 100%;
  112. text-align: center;
  113. padding: 1em 0;
  114. opacity: 0;
  115. transition: ease-in-out 0.3s;
  116. transition-delay: 0.7s;
  117. }
  118. #footer:hover {
  119. opacity: 1;
  120. }
  121. #logo {
  122. width: 620px;
  123. height: 197px;
  124. background: url('images/logo.png') no-repeat center center;
  125. margin: 0 auto;
  126. }
  127. #logo a {
  128. border: none;
  129. width: 100%;
  130. height: 197px;
  131. display: block;
  132. }
  133. #logo a:hover {
  134. border: none;
  135. }
  136. #menu {
  137. width: 100%;
  138. text-align: center;
  139. background-color: #081653;
  140. font-size: 10pt;
  141. }
  142. #menu > ul {
  143. display: flex;
  144. width: 80%;
  145. margin: 0 auto;
  146. }
  147. #menu > ul > li {
  148. position: relative;
  149. height: 32px;
  150. display: flex;
  151. margin: 0;
  152. flex: 1 1 auto;
  153. }
  154. #menu ul > li > a {
  155. padding: 0.6em 0;
  156. display: inline-block;
  157. width: 100%;
  158. color: #FFFFFF;
  159. transition: ease-in-out 0.1s;
  160. }
  161. #nav_links {
  162. max-width: 40px;
  163. }
  164. #menu ul li a.active {
  165. background-color: #565656;
  166. }
  167. #menu ul li a:hover {
  168. background-color: #0B2592;
  169. text-decoration: none;
  170. }
  171. #menu .nav_dropdown {
  172. background: #081653;
  173. margin-top: 0;
  174. }
  175. .nav_dropdown > div {
  176. position: absolute;
  177. background-color: #081653;
  178. width: 100%;
  179. z-index: 99999;
  180. margin-top: 32px;
  181. left: 0;
  182. }
  183. #nav_links > #links_menu {
  184. width: 120px;
  185. margin-left: -80px;
  186. }
  187. .nav_dropdown > div > a {
  188. display: none;
  189. color: #FFFFFF;
  190. height: 32px;
  191. line-height: 32px;
  192. }
  193. .nav_dropdown:hover > div > a {
  194. display: block;
  195. }
  196. #filter_menu {
  197. width: 100%;
  198. text-align: center;
  199. background-color: #081653;
  200. font-size: 10pt;
  201. }
  202. #filter_menu > ul {
  203. display: flex;
  204. width: 80%;
  205. margin: 0 auto;
  206. }
  207. #filter_menu > ul > li {
  208. position: relative;
  209. height: 26px;
  210. display: flex;
  211. margin: 0;
  212. flex: 1 1 auto;
  213. }
  214. #filter_menu ul > li > a {
  215. padding: 0.4em 0;
  216. display: inline-block;
  217. width: 100%;
  218. color: #FFFFFF;
  219. transition: ease-in-out 0.1s;
  220. }
  221. #filter_menu ul li a.active {
  222. background-color: #565656;
  223. }
  224. #filter_menu ul li a:hover {
  225. background-color: #0B2592;
  226. text-decoration: none;
  227. }
  228. #userinfo {
  229. /* position: absolute;
  230. top: 258px; */
  231. background: #122CB5;
  232. color: #e6e6e6;
  233. padding: 4px 0px;
  234. width: 100%;
  235. text-align: center;
  236. font-size: 8pt;
  237. /* border-bottom: 1px solid #999; */
  238. }
  239. #userinfo img {
  240. margin-top: -5px;
  241. }
  242. #userinfo ul {
  243. display: inline;
  244. margin: 0px 0.8%;
  245. }
  246. #userinfo ul li {
  247. display: inline;
  248. margin: 0 0.1em;
  249. line-height: 20px;
  250. vertical-align: middle;
  251. padding: 0px;
  252. }
  253. #userinfo a {
  254. color: #FFFFFF;
  255. }
  256. #userinfo a:hover {
  257. text-decoration: underline;
  258. }
  259. #userinfo b a {
  260. font-weight: normal;
  261. font-size: 0.9em;
  262. font-weight: bold;
  263. }
  264. #searchbars {
  265. text-align: center;
  266. background-color: #0B2592;
  267. box-sizing: content-box;
  268. padding: 4px 10%;
  269. border-bottom: 2px solid #122CB5;
  270. display: flex;
  271. }
  272. #searchbars > .search_form {
  273. flex: 1 1 auto;
  274. text-align: center;
  275. margin: 0 3px;
  276. }
  277. #searchbars input {
  278. position: relative;
  279. border: 1px solid transparent;
  280. box-sizing: border-box;
  281. padding: 2px 2px 2px 4px;
  282. font-size: 0.9em;
  283. background-color: #e0e0e0;
  284. width: 100%;
  285. color: #444;
  286. }
  287. #searchbars ul {
  288. margin: 0 auto;
  289. display: block;
  290. text-align: center;
  291. }
  292. #searchbars ul li {
  293. display: inline;
  294. margin: 0px 1px;
  295. list-style: none;
  296. position: relative;
  297. }
  298. #searchbars ul li ul {
  299. display: block;
  300. position: absolute;
  301. top: 1em;
  302. left: 0;
  303. z-index: 1000;
  304. background-color: #999;
  305. width: 12em;
  306. margin-top: 12px;
  307. }
  308. #searchbars ul li ul li {
  309. margin: 0 0 0 0;
  310. padding: 0;
  311. display: block;
  312. width: 100%;
  313. }
  314. #searchbars ul li ul li.highlight {
  315. background: #D7D7D7;
  316. }
  317. #searchbars ul li form {
  318. display: inline;
  319. }
  320. #alerts {
  321. /* margin-top: 85px;
  322. margin-bottom: -85px; */
  323. background: #004080;
  324. /* padding: 10px 0px; */
  325. margin: 10px 0px;
  326. }
  327. #cat-selector ul {
  328. width: 100%;
  329. }
  330. #cat-selector ul li {
  331. display: inline;
  332. width: 12em;
  333. height: 1em;
  334. float: left;
  335. }
  336. .alertbar {
  337. /* border: 1px solid #999; */
  338. background-color: #122CB5;
  339. text-align: center;
  340. color: #444;
  341. font-weight: bold;
  342. font-size: 0.95em;
  343. width: 350px;
  344. margin: 0 auto 0px auto;
  345. padding: 10px;
  346. }
  347. .alertbar a {
  348. color: #e6e6e6;
  349. text-decoration: underline;
  350. }
  351. .alertbar a:hover {
  352. color: #f2f2f2;
  353. text-decoration: none;
  354. }
  355. /* IE doesn't appear to like a simple display:none in our header. Random things start fucking up pretty badly. */
  356. .hidden {
  357. position: absolute;
  358. left: -10000px;
  359. }
  360. input.hidden {
  361. position: absolute;
  362. display: none;
  363. }
  364. /* Layout (Any page) */
  365. .thin {
  366. width: 850px;
  367. margin: 0px auto;
  368. }
  369. .widethin { /* overriding the thin class on torrents.php */
  370. width: 95% !important;
  371. margin: 0px auto;
  372. }
  373. #userinfo_major .brackets:before {
  374. font-weight: bold;
  375. }
  376. #userinfo_major .brackets:after {
  377. font-weight: bold;
  378. }
  379. #userinfo_minor {
  380. position: absolute;
  381. text-align: left;
  382. }
  383. #userinfo_minor > li > ul {
  384. display: none;
  385. position: absolute;
  386. padding: 5px;
  387. left: -5px;
  388. background-color: #122CB5;
  389. z-index: 100;
  390. }
  391. #userinfo #userinfo_minor li {
  392. display: block;
  393. }
  394. div.linkbox {
  395. text-align:center;
  396. padding: 5px;
  397. }
  398. .center {
  399. text-align: center;
  400. }
  401. .right {
  402. text-align: right;
  403. }
  404. .min_padding {
  405. padding: 0px;
  406. margin: 0px 0px;
  407. }
  408. p.min_padding {
  409. margin: 2px 0px;
  410. }
  411. .pad {
  412. padding: 1em;
  413. }
  414. .slight_margin {
  415. margin: 4px;
  416. }
  417. .vertical_space {
  418. margin-bottom: 10px;
  419. }
  420. .box {
  421. font-size: 8pt;
  422. background-color: #EEE;
  423. /* border: 1px solid #666666; */
  424. border: none;
  425. margin-bottom: 10px;
  426. }
  427. .torrents_nomatch {
  428. margin-top: 10px;
  429. }
  430. .box2 {
  431. margin-bottom: 10px;
  432. font-size: 8pt;
  433. background-color: #EAEAEA;
  434. /* border: 1px solid #666666; */
  435. border: none;
  436. }
  437. .pad h3, .pad h4, .padbox h3, .padbox h4 {
  438. margin-top: 0px;
  439. padding-top: 0px;
  440. }
  441. .sidebar {
  442. float: right;
  443. width: 245px;
  444. }
  445. .head {
  446. padding: 4px;
  447. /* border-bottom: 1px solid #666; */
  448. /* background: #E1E1E1; */
  449. background: #0B2593;
  450. color: #FFF;
  451. }
  452. .head a {
  453. text-decoration: none;
  454. border: none;
  455. color: #FFFFFF;
  456. }
  457. .head a:hover {
  458. text-decoration: underline;
  459. color: #FFFFFF;
  460. }
  461. .body {
  462. padding: 3px 10px 10px 10px;
  463. }
  464. .main_column {
  465. width: 592px;
  466. }
  467. .main_column table {
  468. margin-bottom: 10px;
  469. }
  470. .tags {
  471. padding: 0px 0px 0px 20px;
  472. font-style: italic;
  473. }
  474. .tags a {
  475. color: #222;
  476. }
  477. .tags a:hover {
  478. color: #444;
  479. text-decoration: underline;
  480. }
  481. .noborder {
  482. border: none;
  483. }
  484. ul.nobullet, ul.nobullet li {
  485. list-style-type: none;
  486. }
  487. table {
  488. width: 100%;
  489. border-collapse: collapse;
  490. /* border: 1px solid #666666; */
  491. }
  492. tr {
  493. background-color: #EEE;
  494. }
  495. td, th {
  496. /* border: 1px solid #666666; */
  497. padding: 5px;
  498. text-align: left;
  499. }
  500. .colhead {
  501. background: #081654;
  502. font-weight: bold;
  503. color: #ffffff;
  504. }
  505. td.colhead, .colhead td, .colhead th {
  506. padding-left: 10px;
  507. padding-right: 10px;
  508. }
  509. .colhead a {
  510. text-decoration: none;
  511. border: none;
  512. color: #FFFFFF;
  513. }
  514. .colhead a:hover {
  515. text-decoration: underline;
  516. color: #FFFFFF;
  517. }
  518. .colhead .sign, .colhead_dark .sign {
  519. padding: 0px 8px 0px 8px;
  520. vertical-align: middle;
  521. text-align: center;
  522. font-size: 12pt;
  523. font-weight: bold;
  524. }
  525. .colhead .sign {
  526. padding: 0px 8px 0px 8px;
  527. font-size: 12pt;
  528. font-weight: bold;
  529. }
  530. .colhead_dark {
  531. /* background: #E1E1E1; */
  532. background: #081654;
  533. color: #FFF;
  534. }
  535. .forum_post .colhead_dark {
  536. background: #4d73ff;
  537. }
  538. td.label {
  539. font-weight: bold;
  540. text-align: right;
  541. width: 180px;
  542. }
  543. table.slice {
  544. margin-top: -1px;
  545. }
  546. .error_message {
  547. border: 1px solid #666;
  548. padding: 3px 0px 3px 0px;
  549. background-color: #AF2525;
  550. text-align: center;
  551. color: white;
  552. font-weight: bold;
  553. }
  554. .save_message {
  555. border: 1px solid #666;
  556. padding: 3px 0px 3px 0px;
  557. background-color: #F4E649;
  558. text-align: center;
  559. color: #492802;
  560. font-weight: bold;
  561. }
  562. .elem_error {
  563. border: 3px solid #B00D0D;
  564. }
  565. .hidden {
  566. display: none;
  567. }
  568. ul.nobullet {
  569. display: inline-block;
  570. }
  571. /* Layout (home page) */
  572. ul.stats li {
  573. padding: 0px 0px 1px 0px;
  574. }
  575. ul.poll li {
  576. padding: 0px 0px 0px 10px;
  577. margin: 0px;
  578. clear: left;
  579. }
  580. ul.poll li.graph {
  581. margin-bottom: 3px;
  582. padding-left: 20px;
  583. }
  584. /* Layout (Torrents page) */
  585. .show_torrents {
  586. width: 21px;
  587. height: 28px;
  588. background: url('images/show2.png') no-repeat center center;
  589. }
  590. .hide_torrents {
  591. width: 21px;
  592. height: 28px;
  593. background: url('images/hide2.png') no-repeat center center;
  594. }
  595. .show_torrents_link {
  596. border: none;
  597. width: 28px;
  598. height: 28px;
  599. display: block;
  600. cursor: pointer;
  601. }
  602. .filter_torrents {
  603. width: 750px;
  604. margin: auto;
  605. background: #EEE;
  606. }
  607. .filter_torrents .submit {
  608. text-align: right;
  609. padding-top: 5px;
  610. }
  611. .filter_torrents .ft_cat_list {
  612. border-top: 1px solid #AAA;
  613. border-bottom: 1px solid #AAA;
  614. }
  615. #content form.search_form + .torrent_table {
  616. margin-top: 20px;
  617. }
  618. #content form.search_form .submit {
  619. text-align: center;
  620. }
  621. .cat_list tr td {
  622. border: none;
  623. }
  624. .torrent_table tr {
  625. /* vertical-align: top; */
  626. vertical-align: middle;
  627. }
  628. .torrent_table .number_column {
  629. text-align: center;
  630. }
  631. .torrent_table, .torrent_table td {
  632. border: none;
  633. }
  634. .torrent_table tr.torrent, .torrent_table tr.group {
  635. font-weight: bold;
  636. }
  637. .torrent_table tr.group {
  638. background-color: #cfcfcf;
  639. }
  640. .torrent_table tr.group_torrent {
  641. background-color: #fafafa;
  642. }
  643. .torrent_table tr.torrent {
  644. background-color: #ddd;
  645. }
  646. .torrent_table tr.group td.center:first-child {
  647. padding: 3px;
  648. width: 21px;
  649. }
  650. .torrent_table tr.torrent:nth-child(2n) {
  651. background-color: #6687ff;
  652. }
  653. .torrent_table tr.torrent:nth-child(2n-1) {
  654. background-color: #4d73ff;
  655. }
  656. /*
  657. It is not possible to .addClass() nth-child so a new style must be created with
  658. the same css attributes as the nth-child lines above.
  659. Also defining an extra style class with nth-child also does not work so an extra
  660. css block is needed for .rowlight and .rowdark*/
  661. .torrent_table tr.torrent.rowlight {
  662. background-color: #6687ff;
  663. }
  664. .torrent_table tr.torrent.rowdark {
  665. background-color: #4d73ff;
  666. }
  667. .torrent_table tr.group {
  668. background-color: #335fff;
  669. }
  670. .torrent_table div.tags {
  671. font-weight: normal;
  672. max-width: 500px;
  673. }
  674. .torrent_table tr .center, #collage_table td {
  675. vertical-align: middle;
  676. text-align: center;
  677. }
  678. .group_torrent span {
  679. float: right;
  680. }
  681. .torrent span {
  682. font-weight: normal;
  683. float: right;
  684. }
  685. .nobr {
  686. white-space: nowrap;
  687. }
  688. /* Layout (Forums) */
  689. .last_read {margin-left: 5px; fill: #A9A9A9;}
  690. .colhead_dark .last_read {fill: #DC86E0;}
  691. .unread_locked_sticky{background: url(images/locked_sticky_unread.png) no-repeat center center;}
  692. .read_locked_sticky{background: url(images/locked_sticky_read.png) no-repeat center center;}
  693. .read_sticky{background: url(images/sticky_read.png) no-repeat center center;}
  694. .unread_sticky{background: url(images/sticky_unread.png) no-repeat center center;}
  695. .unread_locked{background: url(images/locked_unread.png) no-repeat center center;}
  696. .read_locked{background: url(images/locked_read.png) no-repeat center center;}
  697. .unread{background: url(images/unread.png) no-repeat center center;}
  698. .read{background: url(images/read.png) no-repeat center center;}
  699. strong.quoteheader {color: #000;}
  700. tr.row:nth-of-type(odd) {
  701. background-color: #E2E2E2;
  702. }
  703. table.forum_post {
  704. margin: 10px 0px;
  705. }
  706. table.forum_post td {
  707. /* border: 1px solid #666; */
  708. border: none;
  709. }
  710. table.forum_unread {
  711. border: 2px solid #F0BBD6;
  712. }
  713. td.avatar {
  714. width: 150px;
  715. padding: 0px;
  716. }
  717. .box_description > div:not(.head) {
  718. max-height: 400px;
  719. overflow-y: scroll;
  720. }
  721. .box_description, table.forum_post td.body {
  722. word-break: break-word;
  723. word-wrap: break-word;
  724. display: inline-block;
  725. }
  726. .box_description {
  727. width: 100%;
  728. }
  729. .thin > table.forum_post td.body {
  730. width: 690px;
  731. }
  732. #torrent_comments table.forum_post td.body {
  733. width: 422px;
  734. }
  735. blockquote {
  736. margin: 10px;
  737. padding: 10px;
  738. /* border: 1px dashed #666; */
  739. border: 1px solid #BBB;
  740. }
  741. /* Layout (Inbox) */
  742. tr.unreadpm {
  743. background-color: #ECC;
  744. }
  745. /* Layout (Permission Page) */
  746. .permission_head {
  747. width: 400px;
  748. margin-left: auto;
  749. margin-right: auto;
  750. }
  751. .permissions {
  752. width: 930px;
  753. margin-left: auto;
  754. margin-right: auto;
  755. }
  756. .permission_container {
  757. float: left;
  758. width: 300px;
  759. padding: 5px;
  760. }
  761. .permission_container input {
  762. margin: 0px 3px 5px 0px;
  763. vertical-align: top;
  764. }
  765. .submit_container {
  766. clear: both;
  767. text-align: right;
  768. }
  769. /* Layout (Invite tree) */
  770. ul .invitetree {
  771. margin: 0px 0px 0px 25px;
  772. }
  773. .invitetree li {
  774. list-style: none;
  775. margin: 10px 2px;
  776. }
  777. /* Layout (User options) */
  778. .user_options .options_list li {
  779. margin: 0;
  780. }
  781. /* Layout (MISC) */
  782. .left_poll {
  783. display: none;
  784. width: 2px;
  785. height: 9px;
  786. float: left;
  787. margin: 0px;
  788. padding: 0px;
  789. }
  790. .center_poll {
  791. height: 9px;
  792. background: #C5D1FF;
  793. border-radius: 4px;
  794. float: left;
  795. margin: 0px;
  796. padding: 0px;
  797. }
  798. .right_poll {
  799. display: none;
  800. width: 2px;
  801. height: 9px;
  802. float: left;
  803. margin: 0px;
  804. padding: 0px;
  805. }
  806. .curtain {
  807. position: fixed;
  808. top: 0%;
  809. left: 0%;
  810. width: 100%;
  811. height: 100%;
  812. background-color: black;
  813. z-index: 1001;
  814. -moz-opacity: 0.8;
  815. opacity: .80;
  816. filter: alpha(opacity=80);
  817. }
  818. .lightbox {
  819. position: fixed;
  820. text-align: center;
  821. top: 5%;
  822. left: 5%;
  823. width: 90%;
  824. height: 90%;
  825. padding: 0px;
  826. z-index: 1002;
  827. overflow: auto;
  828. }
  829. .center {
  830. text-align: center;
  831. }
  832. .spellcheck {
  833. margin: 25px 0;
  834. font-size: 1.25em;
  835. font-weight: bold;
  836. }
  837. tr.torrent .bookmark > a:before {
  838. color: black;
  839. }
  840. tr.torrent .bookmark > a:after {
  841. color: black;
  842. }
  843. .field_div {
  844. margin-bottom: 10px;
  845. }
  846. .edit_changelog textarea {
  847. width: 600px;
  848. }
  849. .brackets {
  850. font-weight: normal;
  851. }
  852. div[class~=tooltipster-content] > a {
  853. color: #AAAAAA;
  854. }
  855. .post_id {
  856. font-weight: normal;
  857. }
  858. .vote_tag_up, .vote_artist_up, .vote_album_up, .small_upvote, .small_upvoted {
  859. color: green;
  860. }
  861. .vote_tag_down, .vote_artist_down, .vote_album_down, .small_downvote, .small_downvoted {
  862. color: red;
  863. }
  864. /* get rid of extraneous padding in the Top Contributors box */
  865. #request_top_contrib {
  866. border: none;
  867. }
  868. #request_top_contrib tr:first-child th {
  869. border-top: 0;
  870. }
  871. #request_top_contrib tr:last-child td {
  872. border-bottom: 0;
  873. }
  874. #request_top_contrib tr td:first-child,
  875. #request_top_contrib tr th:first-child,
  876. #request_top_contrib tr td:nth-child(2),
  877. #request_top_contrib tr th:nth-child(2) {
  878. border-left: 0;
  879. border-top: 0;
  880. }
  881. #request_top_contrib tr td:last-child,
  882. #request_top_contrib tr th:last-child {
  883. border-right: 0;
  884. }
  885. #requests table.layout.cat_list {
  886. border-bottom: 1px solid #AAA;
  887. border-top: 1px solid #AAA;
  888. }
  889. #requests tr#media_list {
  890. border-bottom: 1px solid #AAA;
  891. border-top: 1px solid #AAA;
  892. }
  893. #request_table {
  894. margin-bottom: 5px;
  895. }
  896. #request_table .request:nth-of-type(odd){
  897. background: #FAD1E3;
  898. }
  899. #request_table .request:nth-of-type(even){
  900. background: #EDC5F4;
  901. }
  902. /* workaround for calendar display issue */
  903. div.sidebar #event_div {
  904. margin-left: -232px;
  905. }
  906. ol {
  907. margin-left: 1em;
  908. }
  909. #forum_search_cat_list {
  910. border: none;
  911. }
  912. #coverCont {
  913. background-color: #FF5AA5;
  914. padding: 5px;
  915. box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
  916. }
  917. #coverCont img {
  918. background-color: #FFD2E6;
  919. }
  920. .torrent_info {
  921. font-size: 100%;
  922. font-weight: 100;
  923. }
  924. .group_info > a:last-of-type {
  925. text-decoration: underline;
  926. }
  927. .recent_snatches_images, .recent_uploads_images {
  928. position: relative;
  929. }
  930. .edit_tags_votes {
  931. padding-left: 5px;
  932. }
  933. .row_hl {
  934. background-color: #EED5F1;
  935. }
  936. input.inputtext {
  937. border: none;
  938. border-bottom: 1px solid #AAA;
  939. background-color: rgba(0, 0, 0, 0);
  940. font-size: 13px;
  941. outline: none;
  942. transition: ease-in-out 0.12s;
  943. }
  944. input.inputtext:focus {
  945. border-bottom: 1px solid #081654;
  946. }
  947. .collage_images .collage_image {
  948. margin: 1px;
  949. width: 121px;
  950. display: inline-block;
  951. }
  952. .box, .border, .alertbar, .artist_table, .request_table, .forum_index, #userinfo_minor > li > ul, .permissions table {
  953. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  954. }
  955. #userinfo {
  956. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 0px 5px 0 rgba(0, 0, 0, 0.12);
  957. }
  958. .last_edited {
  959. font-size: 10px;
  960. opacity: 0.7;
  961. }
  962. #comm_badge_tr .badge_icon, #user_badge_edit_tr .badge_icon {
  963. margin-right: 1em;
  964. margin-left: 2px;
  965. }
  966. .store_table .badge_icon {
  967. display: inline-block;
  968. width: 16px;
  969. }
  970. .store_table .badge_icon img {
  971. display: block;
  972. margin-left: auto;
  973. margin-right: auto;
  974. }
  975. .hnr-yes {
  976. color: red;
  977. }
  978. .hnr-no {
  979. color: green;
  980. }
  981. .webm {
  982. max-width: 100%;
  983. }
  984. .point_gift_box p {
  985. margin: 7px 2px 0px;
  986. }
  987. .point_gift_box input[type="text"], .point_gift_box textarea {
  988. width: 100%;
  989. box-sizing: border-box;
  990. }
  991. .dead {
  992. opacity: 0.6;
  993. }
  994. .search_warning {
  995. fill: #081654;
  996. }
  997. .tl_reported {
  998. color: red;
  999. }
  1000. .tl_snatched {
  1001. color: #C35C1C;
  1002. }
  1003. .tl_leeching {
  1004. color: #BD0D0D;
  1005. }
  1006. .tl_seeding {
  1007. color: #068206;
  1008. }
  1009. caption {
  1010. border-bottom: 1px solid #BBB;
  1011. font-weight: bold;
  1012. }
  1013. .forum_post .staff_post {
  1014. background: #4637cf;
  1015. }
  1016. .tag_parody {
  1017. color: #e08e00 !important;
  1018. }
  1019. .tag_character {
  1020. color: #099809 !important;
  1021. }
  1022. .tag_female {
  1023. color: #d51b8a !important;
  1024. }
  1025. .tag_male {
  1026. color: #0000ff !important;
  1027. }
  1028. .collage_image:hover {
  1029. box-shadow: 0px 0px 0px 3px #122CB5;
  1030. position: relative;
  1031. }