Frontend elements to SugoiMusic, including CSS and public/private headers.
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

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