Frontend elements to SugoiMusic, including CSS and public/private headers.
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

global.css 12 KiB

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