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.
 
 
 

950 lines
22 KiB

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