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.
 
 
 

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