Frontend elements to SugoiMusic, including CSS and public/private headers.
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 

1245 řádky
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. .label_annotate {
  544. font-weight: normal;
  545. text-align: right;
  546. margin: 0px;
  547. }
  548. table.slice {
  549. margin-top: -1px;
  550. }
  551. .error_message {
  552. border: 1px solid #666;
  553. padding: 3px 0px 3px 0px;
  554. background-color: #AF2525;
  555. text-align: center;
  556. color: white;
  557. font-weight: bold;
  558. }
  559. .save_message {
  560. border: 1px solid #666;
  561. padding: 3px 0px 3px 0px;
  562. background-color: #F4E649;
  563. text-align: center;
  564. color: #492802;
  565. font-weight: bold;
  566. }
  567. .elem_error {
  568. border: 3px solid #B00D0D;
  569. }
  570. .hidden {
  571. display: none;
  572. }
  573. ul.nobullet {
  574. display: inline-block;
  575. }
  576. /* Layout (home page) */
  577. ul.stats li {
  578. padding: 0px 0px 1px 0px;
  579. }
  580. ul.poll li {
  581. padding: 0px 0px 0px 10px;
  582. margin: 0px;
  583. clear: left;
  584. }
  585. ul.poll li.graph {
  586. margin-bottom: 3px;
  587. padding-left: 20px;
  588. }
  589. /* Layout (Torrents page) */
  590. .show_torrents {
  591. width: 21px;
  592. height: 28px;
  593. background: url('images/show2.png') no-repeat center center;
  594. }
  595. .hide_torrents {
  596. width: 21px;
  597. height: 28px;
  598. background: url('images/hide2.png') no-repeat center center;
  599. }
  600. .show_torrents_link {
  601. border: none;
  602. width: 28px;
  603. height: 28px;
  604. display: block;
  605. cursor: pointer;
  606. }
  607. .filter_torrents {
  608. width: 750px;
  609. margin: auto;
  610. background: #EEE;
  611. }
  612. .filter_torrents .submit {
  613. text-align: right;
  614. padding-top: 5px;
  615. }
  616. .filter_torrents .ft_cat_list {
  617. border-top: 1px solid #AAA;
  618. border-bottom: 1px solid #AAA;
  619. }
  620. #content form.search_form + .torrent_table {
  621. margin-top: 20px;
  622. }
  623. #content form.search_form .submit {
  624. text-align: center;
  625. }
  626. .cat_list tr td {
  627. border: none;
  628. }
  629. .torrent_table tr {
  630. /* vertical-align: top; */
  631. vertical-align: middle;
  632. }
  633. .torrent_table .number_column {
  634. text-align: center;
  635. }
  636. .torrent_table, .torrent_table td {
  637. border: none;
  638. }
  639. .torrent_table tr.torrent, .torrent_table tr.group {
  640. font-weight: bold;
  641. }
  642. .torrent_table tr.group {
  643. background-color: #cfcfcf;
  644. }
  645. .torrent_table tr.group_torrent {
  646. background-color: #fafafa;
  647. }
  648. .torrent_table tr.torrent {
  649. background-color: #ddd;
  650. }
  651. .torrent_table tr.group td.center:first-child {
  652. padding: 3px;
  653. width: 21px;
  654. }
  655. .torrent_table tr.torrent:nth-child(2n) {
  656. background-color: #6687ff;
  657. }
  658. .torrent_table tr.torrent:nth-child(2n-1) {
  659. background-color: #4d73ff;
  660. }
  661. /*
  662. It is not possible to .addClass() nth-child so a new style must be created with
  663. the same css attributes as the nth-child lines above.
  664. Also defining an extra style class with nth-child also does not work so an extra
  665. css block is needed for .rowlight and .rowdark*/
  666. .torrent_table tr.torrent.rowlight {
  667. background-color: #6687ff;
  668. }
  669. .torrent_table tr.torrent.rowdark {
  670. background-color: #4d73ff;
  671. }
  672. .torrent_table tr.group {
  673. background-color: #335fff;
  674. }
  675. .torrent_table div.tags {
  676. font-weight: normal;
  677. max-width: 500px;
  678. }
  679. .torrent_table tr .center, #collage_table td {
  680. vertical-align: middle;
  681. text-align: center;
  682. }
  683. .group_torrent span {
  684. float: right;
  685. }
  686. .torrent span {
  687. font-weight: normal;
  688. float: right;
  689. }
  690. .nobr {
  691. white-space: nowrap;
  692. }
  693. /* Layout (Forums) */
  694. .last_read {margin-left: 5px; fill: #A9A9A9;}
  695. .colhead_dark .last_read {fill: #DC86E0;}
  696. .unread_locked_sticky{background: url(images/locked_sticky_unread.png) no-repeat center center;}
  697. .read_locked_sticky{background: url(images/locked_sticky_read.png) no-repeat center center;}
  698. .read_sticky{background: url(images/sticky_read.png) no-repeat center center;}
  699. .unread_sticky{background: url(images/sticky_unread.png) no-repeat center center;}
  700. .unread_locked{background: url(images/locked_unread.png) no-repeat center center;}
  701. .read_locked{background: url(images/locked_read.png) no-repeat center center;}
  702. .unread{background: url(images/unread.png) no-repeat center center;}
  703. .read{background: url(images/read.png) no-repeat center center;}
  704. strong.quoteheader {color: #000;}
  705. tr.row:nth-of-type(odd) {
  706. background-color: #E2E2E2;
  707. }
  708. table.forum_post {
  709. margin: 10px 0px;
  710. }
  711. table.forum_post td {
  712. /* border: 1px solid #666; */
  713. border: none;
  714. }
  715. table.forum_unread {
  716. border: 2px solid #F0BBD6;
  717. }
  718. td.avatar {
  719. width: 150px;
  720. padding: 0px;
  721. }
  722. .box_description > div:not(.head) {
  723. max-height: 400px;
  724. overflow-y: scroll;
  725. }
  726. .box_description, table.forum_post td.body {
  727. word-break: break-word;
  728. word-wrap: break-word;
  729. display: inline-block;
  730. }
  731. .box_description {
  732. width: 100%;
  733. }
  734. .thin > table.forum_post td.body {
  735. width: 690px;
  736. }
  737. #torrent_comments table.forum_post td.body {
  738. width: 422px;
  739. }
  740. blockquote {
  741. margin: 10px;
  742. padding: 10px;
  743. /* border: 1px dashed #666; */
  744. border: 1px solid #BBB;
  745. }
  746. /* Layout (Inbox) */
  747. tr.unreadpm {
  748. background-color: #ECC;
  749. }
  750. /* Layout (Permission Page) */
  751. .permission_head {
  752. width: 400px;
  753. margin-left: auto;
  754. margin-right: auto;
  755. }
  756. .permissions {
  757. width: 930px;
  758. margin-left: auto;
  759. margin-right: auto;
  760. }
  761. .permission_container {
  762. float: left;
  763. width: 300px;
  764. padding: 5px;
  765. }
  766. .permission_container input {
  767. margin: 0px 3px 5px 0px;
  768. vertical-align: top;
  769. }
  770. .submit_container {
  771. clear: both;
  772. text-align: right;
  773. }
  774. /* Layout (Invite tree) */
  775. ul .invitetree {
  776. margin: 0px 0px 0px 25px;
  777. }
  778. .invitetree li {
  779. list-style: none;
  780. margin: 10px 2px;
  781. }
  782. /* Layout (User options) */
  783. .user_options .options_list li {
  784. margin: 0;
  785. }
  786. /* Layout (MISC) */
  787. .left_poll {
  788. display: none;
  789. width: 2px;
  790. height: 9px;
  791. float: left;
  792. margin: 0px;
  793. padding: 0px;
  794. }
  795. .center_poll {
  796. height: 9px;
  797. background: #C5D1FF;
  798. border-radius: 4px;
  799. float: left;
  800. margin: 0px;
  801. padding: 0px;
  802. }
  803. .right_poll {
  804. display: none;
  805. width: 2px;
  806. height: 9px;
  807. float: left;
  808. margin: 0px;
  809. padding: 0px;
  810. }
  811. .curtain {
  812. position: fixed;
  813. top: 0%;
  814. left: 0%;
  815. width: 100%;
  816. height: 100%;
  817. background-color: black;
  818. z-index: 1001;
  819. -moz-opacity: 0.8;
  820. opacity: .80;
  821. filter: alpha(opacity=80);
  822. }
  823. .lightbox {
  824. position: fixed;
  825. text-align: center;
  826. top: 5%;
  827. left: 5%;
  828. width: 90%;
  829. height: 90%;
  830. padding: 0px;
  831. z-index: 1002;
  832. overflow: auto;
  833. }
  834. .center {
  835. text-align: center;
  836. }
  837. .spellcheck {
  838. margin: 25px 0;
  839. font-size: 1.25em;
  840. font-weight: bold;
  841. }
  842. tr.torrent .bookmark > a:before {
  843. color: black;
  844. }
  845. tr.torrent .bookmark > a:after {
  846. color: black;
  847. }
  848. .field_div {
  849. margin-bottom: 10px;
  850. }
  851. .edit_changelog textarea {
  852. width: 600px;
  853. }
  854. .brackets {
  855. font-weight: normal;
  856. }
  857. div[class~=tooltipster-content] > a {
  858. color: #AAAAAA;
  859. }
  860. .post_id {
  861. font-weight: normal;
  862. }
  863. .vote_tag_up, .vote_artist_up, .vote_album_up, .small_upvote, .small_upvoted {
  864. color: green;
  865. }
  866. .vote_tag_down, .vote_artist_down, .vote_album_down, .small_downvote, .small_downvoted {
  867. color: red;
  868. }
  869. /* get rid of extraneous padding in the Top Contributors box */
  870. #request_top_contrib {
  871. border: none;
  872. }
  873. #request_top_contrib tr:first-child th {
  874. border-top: 0;
  875. }
  876. #request_top_contrib tr:last-child td {
  877. border-bottom: 0;
  878. }
  879. #request_top_contrib tr td:first-child,
  880. #request_top_contrib tr th:first-child,
  881. #request_top_contrib tr td:nth-child(2),
  882. #request_top_contrib tr th:nth-child(2) {
  883. border-left: 0;
  884. border-top: 0;
  885. }
  886. #request_top_contrib tr td:last-child,
  887. #request_top_contrib tr th:last-child {
  888. border-right: 0;
  889. }
  890. #requests table.layout.cat_list {
  891. border-bottom: 1px solid #AAA;
  892. border-top: 1px solid #AAA;
  893. }
  894. #requests tr#media_list {
  895. border-bottom: 1px solid #AAA;
  896. border-top: 1px solid #AAA;
  897. }
  898. #request_table {
  899. margin-bottom: 5px;
  900. }
  901. #request_table .request:nth-of-type(odd){
  902. background: #FAD1E3;
  903. }
  904. #request_table .request:nth-of-type(even){
  905. background: #EDC5F4;
  906. }
  907. /* workaround for calendar display issue */
  908. div.sidebar #event_div {
  909. margin-left: -232px;
  910. }
  911. ol {
  912. margin-left: 1em;
  913. }
  914. #forum_search_cat_list {
  915. border: none;
  916. }
  917. #coverCont {
  918. background-color: #FF5AA5;
  919. padding: 5px;
  920. 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);
  921. }
  922. #coverCont img {
  923. background-color: #FFD2E6;
  924. }
  925. .torrent_info {
  926. font-size: 100%;
  927. font-weight: 100;
  928. }
  929. .group_info > a:last-of-type {
  930. text-decoration: underline;
  931. }
  932. .recent_snatches_images, .recent_uploads_images {
  933. position: relative;
  934. }
  935. .edit_tags_votes {
  936. padding-left: 5px;
  937. }
  938. .row_hl {
  939. background-color: #EED5F1;
  940. }
  941. input.inputtext {
  942. border: none;
  943. border-bottom: 1px solid #AAA;
  944. background-color: rgba(0, 0, 0, 0);
  945. font-size: 13px;
  946. outline: none;
  947. transition: ease-in-out 0.12s;
  948. }
  949. input.inputtext:focus {
  950. border-bottom: 1px solid #081654;
  951. }
  952. .collage_images .collage_image {
  953. margin: 1px;
  954. width: 121px;
  955. display: inline-block;
  956. }
  957. .box, .border, .alertbar, .artist_table, .request_table, .forum_index, #userinfo_minor > li > ul, .permissions table {
  958. 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);
  959. }
  960. #userinfo {
  961. 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);
  962. }
  963. .last_edited {
  964. font-size: 10px;
  965. opacity: 0.7;
  966. }
  967. #comm_badge_tr .badge_icon, #user_badge_edit_tr .badge_icon {
  968. margin-right: 1em;
  969. margin-left: 2px;
  970. }
  971. .store_table .badge_icon {
  972. display: inline-block;
  973. width: 16px;
  974. }
  975. .store_table .badge_icon img {
  976. display: block;
  977. margin-left: auto;
  978. margin-right: auto;
  979. }
  980. .hnr-yes {
  981. color: red;
  982. }
  983. .hnr-no {
  984. color: green;
  985. }
  986. .webm {
  987. max-width: 100%;
  988. }
  989. .point_gift_box p {
  990. margin: 7px 2px 0px;
  991. }
  992. .point_gift_box input[type="text"], .point_gift_box textarea {
  993. width: 100%;
  994. box-sizing: border-box;
  995. }
  996. .dead {
  997. opacity: 0.6;
  998. }
  999. .search_warning {
  1000. fill: #081654;
  1001. }
  1002. .tl_reported {
  1003. color: red;
  1004. }
  1005. .tl_snatched {
  1006. color: #C35C1C;
  1007. }
  1008. .tl_leeching {
  1009. color: #BD0D0D;
  1010. }
  1011. .tl_seeding {
  1012. color: #068206;
  1013. }
  1014. caption {
  1015. border-bottom: 1px solid #BBB;
  1016. font-weight: bold;
  1017. }
  1018. .forum_post .staff_post {
  1019. background: #4637cf;
  1020. }
  1021. .tag_parody {
  1022. color: #e08e00 !important;
  1023. }
  1024. .tag_character {
  1025. color: #099809 !important;
  1026. }
  1027. .tag_female {
  1028. color: #d51b8a !important;
  1029. }
  1030. .tag_male {
  1031. color: #0000ff !important;
  1032. }
  1033. .collage_image:hover {
  1034. box-shadow: 0px 0px 0px 3px #122CB5;
  1035. position: relative;
  1036. }