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.

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