Something went wrong. Try again.
moderation music collection code, output, history etc.
Something went wrong. Try again.
moderation moderation.css
3.8 kB · 55 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
body { margin: 10px; padding: 0; background-color: #f5f5f5; font-size: 14px; font-family: "Berkeley Mono", "JetBrains Mono Light", Inconsolata, monospace; }
a { color: #483d8b; background-color: #f5f5f5; text-decoration: none; } caption { display: none; } .title { color: inherit; float: left; padding: 0; } .total { color: #ececec; position: absolute; left: 1445px; top: 290px; transform: rotate(90deg); font-size: 600px; letter-spacing: -30px; z-index: -1; } .visualise { position: fixed; left: 1890px; top: 12px; font-weight: bold; margin: 0; padding: 0; }
.a { width: 420px; } .t { width: 620px; } .y { width: 60px; } .l { width: 420px; } .s { width: 230px; } .m { background-color: #f5f5f5; width: 90px; } .m a { margin-right: 4px; } .m p { display: inline; } td.a { color: #191970; background-color: #ffffff; } td.t { color: #006400; background-color: #ffffff; } td.y { color: #b22222; background-color: #ffffff; }
table { border-spacing: 0; border-left: 1px solid #696969; border-bottom: 1px solid #696969; }
thead { position: sticky; top: 10px; } th { text-align: left; color: #ffffff; margin: 0; padding: 2px 0 2px 2px; background-color: #191970; border-top: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; height: 16px; }
tbody tr { content-visibility: auto; contain-intrinsic-size: 0 22px; } td { border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; padding: 2px 0 2px 2px; vertical-align: top; background-color: #ffffff; height: 18px; } td span { cursor: default; color: white; float: right; padding: 0 2px 0 2px; margin-right: 1px; } td span[title~=Double] { background-color: red; } td span[title~=Multimedia] { background-color: green; } td span[title~=Box] { background-color: blue; } td span[title~=Limited] { background-color: orange; } td span[title~=Split] { background-color: gray; } td span[title~=Reissue] { background-color: purple; } td span[title~=Electronic] { background-color: #00008B; } td span[title~=DRM], td span[title~=Copy] { background-color: black; } td span[title~=Soundtrack] { background-color: #808080; } td span[title~=Paypal] { background-color: #808080; } td span[title~=Lossless] { background-color: orange; } td span[title~=label] { background-color: deeppink; }
td[class~=w] { background-color: #6495ED; } td[class~=w] a { display: block; color: white; background-color: transparent; } td[class~=w]:hover { background-color: red; } td[class~=w] a:hover { color: white; background-color: transparent; }
.dt-search { position: fixed; top: 12px; left: 1930px; }
label { color: transparent; } input { height: 20px; width: 200px; border-top: 0; border-left: 0; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-size: 15px; font-family: "Berkeley Mono", "JetBrains Mono Light", Inconsolata, monospace; }
.scroller { position: fixed; left: 10px; top: 0; height: 10px; width: 100%; background-color: #f5f5f5; } .dt-ordering-asc { text-align: left; background-color: #8dbdd8; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4' fill='none'><polygon fill='white' points='11 0 14.5 4 7.5 4'/></svg>"); background-repeat: no-repeat; background-position: center right; cursor: pointer; } .dt-ordering-desc { text-align: left; background-color: #8dbdd8; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4' fill='none'><polygon fill='white' points='7.5 0 14.5 0 11 4'/></svg>"); background-repeat: no-repeat; background-position: center right; cursor: pointer; }