Frontend elements to SugoiMusic, including CSS and public/private headers.
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

style.css 20 KiB

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