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.
 
 
 

987 lines
25 KiB

  1. #logo a {
  2. background: url('data:image/png;base64,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') no-repeat center center;
  3. }
  4. /* We're going to opt for the category icon method for now, tags_* is also available */
  5. /* Torrent group details caticons */
  6. /* margin: 0 auto ensures the caticons are always centered so the layout looks more ordered */
  7. .cats_album { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/album.png') no-repeat center center/contain; }
  8. .cats_single { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/single.png') no-repeat center center/contain; }
  9. .cats_ep { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/ep.png') no-repeat center center/contain; }
  10. .cats_bluray { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/bluray.png') no-repeat center center/contain; }
  11. .cats_dvd { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/dvd.png') no-repeat center center/contain; }
  12. .cats_tvmusic { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/tvmusic.png') no-repeat center center/contain; }
  13. .cats_tvvariety { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/tvvariety.png') no-repeat center center/contain; }
  14. .cats_tvdrama { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/tvdrama.png') no-repeat center center/contain; }
  15. .cats_musicperformance { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/musicperformance.png') no-repeat center center/contain; }
  16. .cats_pv { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/pv.png') no-repeat center center/contain; }
  17. .cats_pictures { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/pictures.png') no-repeat center center/contain; }
  18. .cats_misc { margin: 0 auto; width: 48px; height: 48px; background: url('/static/common/caticons/misc.png') no-repeat center center/contain; }
  19. /* Reduced, normalised sizes for all torrent list views */
  20. .cats_col .cats_album { width: 42px; height: 42px; }
  21. .cats_col .cats_single { width: 42px; height: 42px; }
  22. .cats_col .cats_ep { width: 42px; height: 42px; }
  23. .cats_col .cats_bluray { width: 38px; height: 38px; }
  24. .cats_col .cats_dvd { width: 38px; height: 38px; }
  25. .cats_col .cats_tvmusic { width: 32px; height: 32px; }
  26. .cats_col .cats_tvvariety { width: 32px; height: 32px; }
  27. .cats_col .cats_tvdrama { width: 32px; height: 32px; }
  28. .cats_col .cats_musicperformance { width: 32px; height: 32px; }
  29. .cats_col .cats_pv { width: 32px; height: 32px; }
  30. .cats_col .cats_pictures { width: 32px; height: 32px; }
  31. .cats_col .cats_misc { width: 38px; height: 38px; }
  32. .cats_col {
  33. padding: 3px;
  34. width: 32px; /* Ensures that the column is always as tight as possible */
  35. }
  36. .box h3 {
  37. font-size: 140%;
  38. }
  39. .box h4 {
  40. font-size: 130%;
  41. }
  42. .box h5 {
  43. font-size: 120%;
  44. }
  45. .box h6 {
  46. font-size: 110%;
  47. }
  48. .thin {
  49. box-sizing: border-box;
  50. }
  51. .flex_input_container {
  52. display: flex;
  53. }
  54. .flex_input_container > input[type=text]{
  55. flex-grow: 1;
  56. box-sizing: border-box;
  57. width: 50%;
  58. }
  59. input, textarea {
  60. border: 1px solid #c7c7c7;
  61. background-color: white;
  62. padding: 10px 9px;
  63. color: black;
  64. outline: none;
  65. }
  66. select {
  67. padding: 5px 10px;
  68. background-color: white;
  69. border: 1px solid #c7c7c7;
  70. color: black;
  71. border-radius: 0px;
  72. outline: 0;
  73. -webkit-appearance: none;
  74. -moz-appearance: none;
  75. appearance: none;
  76. }
  77. h2 .group_cat {
  78. margin: 0 8px;
  79. }
  80. .group_displayname {
  81. width: auto;
  82. }
  83. code {
  84. white-space: pre;
  85. }
  86. pre > br, code > br {
  87. line-height: 0px;
  88. display: none;
  89. }
  90. .center {
  91. text-align: center;
  92. }
  93. .collage_images {
  94. padding: 0px;
  95. width: 100%;
  96. border-collapse: collapse;
  97. font-size: 0;
  98. }
  99. .collage_images {
  100. display: block;
  101. }
  102. ul.collage_images li {
  103. border: none;
  104. float: left;
  105. margin: 0;
  106. /* width: 118px;
  107. height: 118px;
  108. width: 146px; */
  109. width: 146px;
  110. list-style: none;
  111. list-style-type: none;
  112. }
  113. ul.collage_images li a {
  114. display: block;
  115. /* height: 118px; */
  116. width: 100%;
  117. overflow: hidden;
  118. }
  119. ul.collage_images img {
  120. /* height: 118px;
  121. width: 118px; */
  122. }
  123. div.collage_image {
  124. width: 20%;
  125. }
  126. [data-toggle-target], [data-quote-jump], .clickable {
  127. cursor: pointer;
  128. }
  129. button, input[type=button], input[type=submit] {
  130. cursor: pointer;
  131. background: #fff;
  132. font-size: 11px;
  133. padding: 10px 9px;
  134. border: none;
  135. color: #000;
  136. }
  137. .spoilerButton {
  138. cursor: pointer;
  139. overflow: hidden;
  140. text-overflow: ellipsis;
  141. }
  142. .selected a {
  143. font-weight: bold;
  144. text-decoration: underline;
  145. }
  146. .invisible {
  147. visibility: hidden;
  148. }
  149. .collage td {
  150. padding: 0px;
  151. border: none;
  152. }
  153. abbr[title] {
  154. text-decoration: none;
  155. }
  156. .line_new {
  157. color: green;
  158. }
  159. .line_deleted {
  160. color: red;
  161. }
  162. .line_moved {
  163. color: blue;
  164. }
  165. .line_unchanged {
  166. }
  167. .log1 {
  168. }
  169. .log2 {
  170. color: yellow;
  171. }
  172. .log3 {
  173. color: #0E88C6;
  174. }
  175. .log4 {
  176. font-weight: bold;
  177. }
  178. .log5 {
  179. text-decoration: underline;
  180. }
  181. .good {
  182. font-weight: bold;
  183. color: green;
  184. }
  185. .bad {
  186. font-weight: bold;
  187. color: red;
  188. }
  189. .goodish {
  190. font-weight: bold;
  191. color: #35BF00;
  192. }
  193. .badish {
  194. font-weight: bold;
  195. color: #E5B244;
  196. }
  197. pre {
  198. overflow: auto;
  199. }
  200. .disable_grouping {
  201. display: none;
  202. }
  203. form textarea, form input {
  204. max-width: 100%;
  205. box-sizing: border-box;
  206. }
  207. textarea {
  208. width: 100%;
  209. box-sizing: border-box;
  210. }
  211. a.beta {
  212. font-weight: bold;
  213. color: #ff0000;
  214. }
  215. strong.important_text {
  216. color: red;
  217. font-weight: bold;
  218. }
  219. strong.important_text_alt {
  220. color: green;
  221. font-weight: bold;
  222. }
  223. .invalid, .warning, .error, .new {
  224. color: #ff0000;
  225. }
  226. /* Make [+] on add multiple artists stay at the bottom (on torrent details page) */
  227. div#AddArtists {
  228. position: relative;
  229. display: inline-block;
  230. }
  231. div#AddArtists a {
  232. position: absolute;
  233. right: 0pt;
  234. bottom: 0pt;
  235. }
  236. .clear:after {
  237. content: ".";
  238. display: block;
  239. height: 0;
  240. clear: both;
  241. visibility: hidden;
  242. }
  243. .new-subscriptions {
  244. font-weight: bold;
  245. }
  246. #forums #quickpost {
  247. width: 95%;
  248. }
  249. .bbcode_bar {
  250. list-style: none;
  251. margin: 0px 0px -4px;
  252. box-sizing: border-box;
  253. text-align: center;
  254. display: inline-block;
  255. }
  256. .bbcode_bar > li {
  257. display: inline-block;
  258. margin: 0px;
  259. }
  260. .bbcode_bar > li > a {
  261. display: inline-block;
  262. height: 26px;
  263. line-height: 26px;
  264. cursor: pointer;
  265. min-width: 20px;
  266. margin: 0px 4px;
  267. }
  268. td.label, .valign_top {
  269. vertical-align: top;
  270. }
  271. span.rbt {
  272. display: block;
  273. padding: 8px 0 0;
  274. background: url('../rippy/rippy_top.gif') no-repeat top;
  275. }
  276. span.rbm {
  277. display: block;
  278. background: url('../rippy/rippy_middle.gif') repeat bottom;
  279. padding: 0 5px;
  280. }
  281. span.rbb {
  282. display: block;
  283. padding: 4px 0px 18px;
  284. margin-bottom: 5px;
  285. background: url('../rippy/rippy_bottom.gif') no-repeat bottom;
  286. }
  287. span.secondary_class {
  288. font-size: 85%;
  289. font-weight: bold;
  290. }
  291. .breadcrumbs {
  292. font-weight: bold;
  293. text-align: right;
  294. }
  295. .paranoia_override {
  296. font-style: italic;
  297. }
  298. #manage_collage_table.ui-sortable .drag {
  299. cursor: n-resize;
  300. }
  301. #manage_collage_table.ui-sortable .ui-sortable-helper.drag {
  302. cursor: grabbing;
  303. cursor: -moz-grabbing;
  304. cursor: -webkit-grabbing;
  305. }
  306. #manage_collage_table .ui-sortable-helper td, #manage_collage_table .ui-sortable-placeholder {
  307. border: 0;
  308. }
  309. .drag_drop_save {
  310. padding: 6px 0;
  311. overflow: hidden;
  312. }
  313. .headerSort {
  314. cursor: pointer;
  315. }
  316. .headerSort span {
  317. background: url("../common/table-order.png") no-repeat scroll right -38px transparent;
  318. padding: 0px 20px 0 0;
  319. }
  320. .headerSortDown span {
  321. background: url("../common/table-order.png") no-repeat scroll right 4px transparent;
  322. }
  323. .headerSortUp span {
  324. background: url("../common/table-order.png") no-repeat scroll right -79px transparent;
  325. }
  326. .headerSort.sorter-false,
  327. .headerSort.sorter-false span {
  328. background-image: none;
  329. cursor: default;
  330. }
  331. .album_votes {
  332. text-align: center;
  333. }
  334. .favoritecount {
  335. font-size: 150%;
  336. font-weight: bold;
  337. }
  338. .favoritecount_small {
  339. font-size: 110%;
  340. font-weight: bold;
  341. }
  342. ul.votedalbums li {
  343. list-style: none;
  344. list-style-type: none;
  345. margin: 0;
  346. }
  347. tr.torrent .bookmark>a:before {
  348. text-decoration: none;
  349. font-weight: normal;
  350. }
  351. tr.torrent .bookmark>a:after {
  352. text-decoration: none;
  353. font-weight: normal;
  354. }
  355. #sortable {
  356. list-style-type: none;
  357. margin: 0;
  358. padding: 0;
  359. width: 50%;
  360. }
  361. #sortable li {
  362. padding: 0px;
  363. font-size: 1.2em;
  364. height: 1.5em;
  365. }
  366. .ui-state-highlight {
  367. background: #007DC6 /*{bgColorHighlight}*/;
  368. opacity: 0.15;
  369. width: 50%;
  370. }
  371. .navigation_list, .navigation_list ol {
  372. list-style-position: inside;
  373. margin-top: 10px;
  374. margin-bottom: 20px;
  375. }
  376. .navigation_list > li {
  377. list-style-type: upper-roman !important;
  378. }
  379. .navigation_list li li {
  380. list-style-type: decimal;
  381. }
  382. .navigation_list li li li {
  383. list-style-type: lower-roman;
  384. }
  385. .navigation_list li li li li {
  386. list-style-type: lower-alpha;
  387. }
  388. .voted_type {
  389. font-weight: bold;
  390. }
  391. .torrent_table .group .votes_info_td strong {
  392. font-size: inherit;
  393. }
  394. .invite_table td {
  395. min-width: 55px;
  396. }
  397. .preview_wrap {
  398. text-align: left;
  399. }
  400. .text_preview {
  401. min-height: 100px
  402. }
  403. .brackets {
  404. text-indent: 0px;
  405. white-space: nowrap;
  406. cursor: pointer;
  407. }
  408. .votespan.brackets:before {
  409. content: "( ";
  410. }
  411. .votespan.brackets:after {
  412. content: " )";
  413. }
  414. .brackets:before {
  415. content: "[";
  416. }
  417. .brackets:after {
  418. content: "]";
  419. }
  420. #userinfo .brackets:before, #userinfo .brackets:after {
  421. content: "";
  422. }
  423. .group_image {
  424. overflow: hidden;
  425. padding-right: 1em;
  426. }
  427. .float_left {
  428. float: left;
  429. }
  430. .float_right {
  431. float: right;
  432. }
  433. .float_clear {
  434. clear: both;
  435. }
  436. .group_image + .group_info {
  437. margin-left: 100px;
  438. }
  439. .group_image img {
  440. cursor: pointer;
  441. }
  442. .user_title {
  443. font-weight: normal;
  444. }
  445. /*
  446. * Fix long filename tables overflowing (Chrome only).
  447. * Stop various release page containers from overflowing with long input.
  448. * !! Be sure to test all major browsers before changing this section. !!
  449. * Fix report information tables overflowing long reports (all browsers).
  450. * Fix long release descriptions overflowing containers (all browsers).
  451. * Fix flowing issues in the report resolving pages.
  452. */
  453. .wrap_overflow, .filelist_table td, .reportinfo_table, .torrentdetails blockquote, .body, .profileinfo {
  454. word-wrap: break-word;
  455. word-break: normal;
  456. word-break: break-word;
  457. hyphens: auto;
  458. }
  459. .filelist_table td:first-child {
  460. word-break: break-all;
  461. }
  462. /* Fix long overflow for Opera (doesn't support word-break). */
  463. .reportinfo_table {
  464. table-layout: fixed;
  465. }
  466. /* Wrap release info for consistent DOM and to limit table expansion. */
  467. .no_overflow {
  468. width: 100%;
  469. overflow: hidden;
  470. }
  471. /* Stylesheet gallery in user profile editing */
  472. #css_gallery {
  473. overflow: hidden;
  474. margin-top: 10px;
  475. }
  476. .preview_wrapper {
  477. position: relative;
  478. display: inline-block;
  479. width: 40%;
  480. margin: 0 10px;
  481. }
  482. .preview_image {
  483. display: block;
  484. cursor: pointer;
  485. overflow: hidden;
  486. }
  487. .preview_image img {
  488. width: 100%;
  489. }
  490. .preview_name {
  491. text-align: center;
  492. margin-top: 5px;
  493. }
  494. .option_group {
  495. margin-bottom: 10px;
  496. }
  497. .option_group:last-child {
  498. margin-bottom: 0px;
  499. }
  500. .autocomplete-suggestions {
  501. color: #000;
  502. margin-top: 5px;
  503. border: 1px solid #999;
  504. background: #FFF;
  505. overflow: auto;
  506. }
  507. .autocomplete-suggestion {
  508. padding: 2px 5px;
  509. white-space: nowrap;
  510. overflow: hidden;
  511. cursor: pointer;
  512. }
  513. .autocomplete-selected {
  514. background: #F0F0F0;
  515. }
  516. .autocomplete-suggestions strong {
  517. font-weight: normal;
  518. color: #3399FF;
  519. }
  520. .process_info {
  521. table-layout: fixed;
  522. width: 100%;
  523. }
  524. .process_info_pid {
  525. width: 70px;
  526. }
  527. .process_info_data {
  528. overflow: auto;
  529. }
  530. .setting_description > * {
  531. margin: 1em 0 0 0;
  532. }
  533. .settings_sidebar {
  534. min-height: 385px;
  535. }
  536. #settings_sections {
  537. position: absolute;
  538. }
  539. #settings_sections.fixed {
  540. position: fixed;
  541. top: 0px;
  542. }
  543. #settings_sections #submit, #settings_sections #settings_search {
  544. box-sizing: border-box;
  545. -moz-box-sizing: border-box;
  546. width: 100%;
  547. }
  548. #settings_sections h2 {
  549. text-align: left;
  550. }
  551. .forum_post .colhead_dark div {
  552. display: flex;
  553. }
  554. .forum_post .colhead_dark div > *{
  555. margin-left: 2px;
  556. margin-right: 2px;
  557. }
  558. .donor_icon {
  559. margin-left: 2px;
  560. margin-right: 2px;
  561. max-width: 16px;
  562. max-height: 16px;
  563. position: relative;
  564. }
  565. .badge_icon {
  566. margin: 0px 2px;
  567. position: relative;
  568. }
  569. .donation_info {
  570. padding: 10px 10px 10px 20px;
  571. margin-left: 10px;
  572. margin-right: 10px;
  573. margin-bottom: 20px;
  574. }
  575. .donation_info_title {
  576. display: block;
  577. font-size: 1.75em;
  578. -webkit-margin-before: 1em;
  579. -webkit-margin-after: 1em;
  580. -webkit-margin-start: 0px;
  581. -webkit-margin-end: 0px;
  582. font-weight: bold;
  583. margin: 10px 0;
  584. }
  585. .number_column {
  586. text-align: right;
  587. }
  588. .wide_input_text {
  589. width: 95%;
  590. }
  591. .top_artist_list li {
  592. margin-left: 25px;
  593. margin-bottom: 5px;
  594. list-style-type: decimal;
  595. font-size: 150%;
  596. }
  597. .permission_subcontainer {
  598. margin-bottom: 10px;
  599. }
  600. .vote_tag_up, .vote_artist_up, .vote_album_up {
  601. font-weight: bolder;
  602. }
  603. .vote_tag_down, .vote_artist_down, .vote_album_down {
  604. font-weight: bolder;
  605. }
  606. .noborder {
  607. border: none;
  608. }
  609. .two_columns {
  610. float: left;
  611. width: 50%;
  612. box-sizing: border-box;
  613. -moz-box-sizing: border-box;
  614. -webkit-box-sizing: border-box;
  615. }
  616. .field_div {
  617. margin-bottom: 10px;
  618. }
  619. .field_div:last-of-type {
  620. margin-bottom: 0;
  621. }
  622. .field_div .label,
  623. .submit_div .label {
  624. float: left;
  625. padding: 0 5px;
  626. text-align: right;
  627. width: 150px;
  628. }
  629. .field_div .input,
  630. .submit_div .input {
  631. padding: 0 5px;
  632. }
  633. .small_label {
  634. text-align: right;
  635. width: auto;
  636. }
  637. .scale_image {
  638. max-width: 500px;
  639. }
  640. .display_block {
  641. display: block;
  642. }
  643. .sidebar img {
  644. max-width: 100%;
  645. width: initial;
  646. }
  647. .forum_post td img {
  648. max-width: 100%;
  649. }
  650. .avatar > a > img {
  651. display: block;
  652. }
  653. #collage #reply_box img,
  654. #forums #reply_box img {
  655. max-width: 650px;
  656. }
  657. #artistcomments #reply_box img,
  658. #request_comments #reply_box img,
  659. #torrent_comments #reply_box img {
  660. max-width: 400px;
  661. }
  662. #artistcomments img,
  663. #request_comments img,
  664. #torrent_comments img {
  665. max-width: 417px;
  666. }
  667. .blog_post img {
  668. max-width: 825px;
  669. }
  670. .torrent_description blockquote img.scale_image {
  671. max-width: 100%;
  672. }
  673. #artist_information img,
  674. .box_request_desc img,
  675. .news_post img,
  676. .torrent_description img,
  677. .wiki_article img {
  678. max-width: 570px;
  679. }
  680. .torrentdetails img {
  681. max-width: 100%;
  682. }
  683. #inbox #preview img,
  684. #staffpm #reply_box img,
  685. #wiki .create_form img,
  686. #wiki .edit_form img {
  687. max-width: 805px;
  688. }
  689. #inbox .body img {
  690. max-width: 830px;
  691. }
  692. #inbox .search_form input[type="search"] {
  693. width: 100%;
  694. margin: 10px 0px 0px;
  695. }
  696. #inbox .manage_form input[type="submit"] {
  697. margin: 10px 7px 10px 0px;
  698. }
  699. #userform img {
  700. max-width: 490px;
  701. }
  702. video, .profileinfo img {
  703. max-width: 100%;
  704. }
  705. #reportsv2 .manage_form img {
  706. max-width: 616px;
  707. }
  708. .friends_table textarea {
  709. max-width: 540px;
  710. }
  711. div.torrent_artists {
  712. display: inline-block;
  713. }
  714. .torrent_screenshots > img {
  715. width: 50%;
  716. border: 1px solid transparent;
  717. box-sizing: border-box;
  718. vertical-align: top;
  719. }
  720. /* Ratio Colors */
  721. .r00 { color: #FF0000; }
  722. .r01,.r02 { color: #FF1300; }
  723. .r03 { color: #FF2600; }
  724. .r04 { color: #FF4C00; }
  725. .r05,.r06 { color: #FF5E00; }
  726. .r07 { color: #FF7100; }
  727. .r08 { color: #FF9700; }
  728. .r09 { color: #FFAA00; }
  729. .r10 { color: #74C42E; }
  730. .r20,.r50,.r99 { color: #418B00; }
  731. #coverCont.left {
  732. left: 20px;
  733. right: initial;
  734. }
  735. #coverCont {
  736. position: fixed;
  737. right: 20px;
  738. left: initial;
  739. top: 20px;
  740. max-width: 30%;
  741. background-size: contain;
  742. background-repeat: no-repeat;
  743. z-index: 9999;
  744. }
  745. #coverCont img {
  746. max-width: 100%;
  747. }
  748. #covers img {
  749. display: block;
  750. margin-left: auto;
  751. margin-right: auto;
  752. }
  753. .search_warning {
  754. position: absolute;
  755. }
  756. #admincommentlinks {
  757. max-height: 300px;
  758. overflow-y: scroll;
  759. }
  760. .poll_your_answer {
  761. font-weight: bold;
  762. }
  763. .net_box {
  764. display: inline-block;
  765. width: calc(20% - 4px);
  766. margin: 2px;
  767. vertical-align: top;
  768. font-size: 10pt;
  769. }
  770. .net_box > .box {
  771. min-height: 60px;
  772. display: flex;
  773. align-items: center;
  774. }
  775. .net_box > .box > span {
  776. width: 100%;
  777. }
  778. .mediainfo td {
  779. vertical-align: top;
  780. }
  781. .flex {
  782. display: flex;
  783. }
  784. .flex > .grow {
  785. flex-grow: 1
  786. }
  787. .flex > .shrink {
  788. flex-shrink: 1
  789. }
  790. input[type="search"] {
  791. -webkit-appearance: textfield;
  792. }
  793. #lightbox > img {
  794. max-width: 100%;
  795. }
  796. .filter_torrents #ft_basic > .clickable, .filter_torrents #ft_advanced > .clickable {
  797. font-weight: 100;
  798. }
  799. .sidebar .box_tags > ul.stats > li {
  800. display: flex;
  801. justify-content: space-between;
  802. }
  803. .sidebar .box_tags > ul.stats > li > a {
  804. word-break: break-all;
  805. }
  806. .edit_tags_votes {
  807. display: flex;
  808. }
  809. #publickey {
  810. width: initial;
  811. font-family: monospace;
  812. }
  813. .hidden {
  814. display: none;
  815. }
  816. form.edit_form[name=screenshots_form] input[type=text], form.edit_form[name=screenshots_form] img {
  817. width: 400px;
  818. }