Frontend elements to SugoiMusic, including CSS and public/private headers.
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 

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