mirror of
https://github.com/9001/copyparty.git
synced 2025-10-31 04:32:20 -06:00
4120 lines
75 KiB
CSS
4120 lines
75 KiB
CSS
:root {
|
||
color-scheme: dark;
|
||
|
||
--grid-sz: 10em;
|
||
--grid-ln: 3;
|
||
--nav-sz: 16em;
|
||
--sbw: 0.5em;
|
||
--sbh: 0.5em;
|
||
|
||
--fg: #ccc;
|
||
--fg-max: #fff;
|
||
--fg2-max: #fff;
|
||
--fg-weak: #bbb;
|
||
|
||
--bg-u6: #4c4c4c;
|
||
--bg-u5: #444;
|
||
--bg-u4: #383838;
|
||
--bg-u3: #333;
|
||
--bg-u2: #2b2b2b;
|
||
--bg-u1: #282828;
|
||
--bg: #222;
|
||
--bgg: var(--bg);
|
||
--bg-d1: #1c1c1c;
|
||
--bg-d2: #181818;
|
||
--bg-d3: #111;
|
||
--bg-max: #000;
|
||
|
||
--tab-alt: #f5a;
|
||
--row-alt: #282828;
|
||
|
||
--scroll: #eb0;
|
||
--sel-fg: var(--bg-d1);
|
||
--sel-bg: var(--fg);
|
||
|
||
--a: #fc5;
|
||
--a-b: #c90;
|
||
--a-hil: #fd9;
|
||
--a-dark: #e70;
|
||
--a-gray: #666;
|
||
|
||
--btn-fg: var(--a);
|
||
--btn-bg: rgba(128,128,128,0.15);
|
||
--btn-h-fg: var(--a-hil);
|
||
--btn-h-bg: #805;
|
||
--btn-1-fg: #400;
|
||
--btn-1-bg: var(--a);
|
||
--btn-h-bs: var(--btn-bs);
|
||
--btn-h-bb: var(--btn-bb);
|
||
--btn-1-bs: var(--btn-bs);
|
||
--btn-1-bb: var(--btn-bb);
|
||
--btn-1h-fg: var(--btn-1-fg);
|
||
--btn-1h-bg: #fe8;
|
||
--btn-1h-bs: var(--btn-1-bs);
|
||
--btn-1h-bb: var(--btn-1-bb);
|
||
--chk-fg: var(--tab-alt);
|
||
--txt-sh: var(--bg-d2);
|
||
--txt-bg: var(--btn-bg);
|
||
|
||
--op-aa-fg: var(--a);
|
||
--op-aa-bg: var(--bg-d2);
|
||
--op-a-sh: rgba(0,0,0,0.5);
|
||
|
||
--u2-btn-b1: #999;
|
||
--u2-sbtn-b1: #999;
|
||
--u2-txt-bg: var(--bg-u5);
|
||
--u2-tab-bg: linear-gradient(to bottom, var(--bg), var(--bg-u1));
|
||
--u2-tab-b1: rgba(128,128,128,0.8);
|
||
--u2-tab-1-fg: #fd7;
|
||
--u2-tab-1-bg: linear-gradient(to bottom, #353, var(--bg) 80%);
|
||
--u2-tab-1-b1: #7c5;
|
||
--u2-tab-1-b2: #583;
|
||
--u2-tab-1-sh: #280;
|
||
--u2-b-fg: #fff;
|
||
--u2-b1-bg: #c38;
|
||
--u2-b2-bg: #d80;
|
||
--u2-inf-bg: #07a;
|
||
--u2-inf-b1: #0be;
|
||
--u2-ok-bg: #380;
|
||
--u2-ok-b1: #8e4;
|
||
--u2-err-bg: #900;
|
||
--u2-err-b1: #d06;
|
||
--ud-b1: #888;
|
||
|
||
--sort-1: #fb0;
|
||
--sort-2: #d09;
|
||
|
||
--sz-b: #aaa;
|
||
--sz-k: #4ff;
|
||
--sz-m: var(--tab-alt);
|
||
--sz-g: var(--a);
|
||
--sz-t: var(--sz-g);
|
||
--sz-p: var(--sz-t);
|
||
|
||
--srv-1: #aaa;
|
||
--srv-2: #a73;
|
||
--srv-3: #f4c;
|
||
--srv-3b: rgba(255,68,204,0.6);
|
||
|
||
--tree-bg: #2b2b2b;
|
||
|
||
--g-play-bg: #750;
|
||
--g-play-b1: #c90;
|
||
--g-play-b2: #da4;
|
||
--g-play-sh: #b83;
|
||
|
||
--g-sel-fg: #fff;
|
||
--g-sel-bg: #925;
|
||
--g-sel-b1: #e39;
|
||
--g-sel-sh: #b36;
|
||
--g-fsel-bg: #d39;
|
||
--g-fsel-b1: #f4a;
|
||
--g-fsel-ts: #804;
|
||
--g-dfg: var(--srv-3);
|
||
--g-fg: var(--a-hil);
|
||
--g-bg: var(--bg-u2);
|
||
--g-b1: var(--bg-u4);
|
||
--g-b2: var(--bg-u5);
|
||
--g-g1: var(--bg-u2);
|
||
--g-g2: var(--bg-u5);
|
||
--g-f-bg: var(--bg-u4);
|
||
--g-f-b1: var(--bg-u5);
|
||
--g-f-fg: var(--a-hil);
|
||
--g-sh: rgba(0,0,0,0.3);
|
||
|
||
--f-sh1: 0.33;
|
||
--f-sh2: 0.02;
|
||
--f-sh3: 0.2;
|
||
--f-h-b1: rgba(128,128,128,0.7);
|
||
|
||
--f-play-bg: #fc5;
|
||
--f-play-fg: #000;
|
||
--f-sel-sh: #fc0;
|
||
--f-gray: #999;
|
||
|
||
--fm-off: #f6c;
|
||
--mp-sh: var(--bg-d3);
|
||
--mp-b-bg: rgba(0,0,0,0.2);
|
||
|
||
--err-fg: #fff;
|
||
--err-bg: #a20;
|
||
--err-b1: #f00;
|
||
--err-ts: #500;
|
||
}
|
||
html.y {
|
||
color-scheme: light;
|
||
|
||
--fg: #222;
|
||
--fg-max: #000;
|
||
--fg-weak: #555;
|
||
|
||
--bg-d3: #fff;
|
||
--bg-d2: #fff;
|
||
--bg-d1: #fff;
|
||
--bg: #eaeaea;
|
||
--bg-u1: #fff;
|
||
--bg-u2: #f7f7f7;
|
||
--bg-u3: #eaeaea;
|
||
--bg-u4: #fff;
|
||
--bg-u5: #ccc;
|
||
--bg-u6: #ddd;
|
||
--bg-max: #fff;
|
||
|
||
--tab-alt: #c07;
|
||
--row-alt: #f2f2f2;
|
||
|
||
--scroll: #490;
|
||
|
||
--a: #06a;
|
||
--a-b: #08b;
|
||
--a-hil: #058;
|
||
--a-gray: #bbb;
|
||
--a-dark: #c0f;
|
||
|
||
--btn-fg: #555;
|
||
--btn-h-fg: #222;
|
||
--btn-h-bg: #caf;
|
||
--btn-1-fg: #fff;
|
||
--btn-1-bg: #4a0;
|
||
--btn-1h-bg: #5c0;
|
||
--chk-fg: var(--fg);
|
||
--txt-sh: #aaa;
|
||
--txt-bg: rgba(255,255,255,0.6);
|
||
|
||
--op-a-sh: #fff;
|
||
|
||
--u2-txt-bg: var(--bg-max);
|
||
--u2-tab-1-sh: #0ad;
|
||
--u2-tab-1-b1: #09c;
|
||
--u2-tab-1-b2: #05a;
|
||
--u2-tab-1-fg: var(--fg-max);
|
||
--u2-tab-1-bg: inherit;
|
||
--ud-b1: #bbb;
|
||
|
||
--sort-1: #059;
|
||
--sort-2: #f5d;
|
||
|
||
--sz-b: #777;
|
||
--sz-k: #380;
|
||
|
||
--srv-1: #555;
|
||
--srv-2: #c83;
|
||
--srv-3: #c0a;
|
||
|
||
--tree-bg: #fff;
|
||
|
||
--g-fg: var(--a);
|
||
--g-bg: var(--bg-u2);
|
||
--g-b1: var(--bg-u6);
|
||
--g-b2: var(--bg-u6);
|
||
--g-g1: var(--bg-u2);
|
||
--g-g2: var(--bg-u5);
|
||
--g-f-bg: var(--bg-u4);
|
||
--g-f-b1: var(--bg-u5);
|
||
--g-sh: rgba(0,0,0,0.07);
|
||
|
||
--f-sh1: 0.3;
|
||
--f-sh2: 0.5;
|
||
--f-sh3: 0.02;
|
||
|
||
--f-sel-sh: #e80;
|
||
|
||
--fm-off: #c4a;
|
||
--mp-sh: #bbb;
|
||
--mp-b-bg: transparent;
|
||
|
||
text-shadow: none;
|
||
}
|
||
html.a {
|
||
--op-aa-sh: 0 0 .2em var(--bg-d3) inset;
|
||
|
||
--btn-bs: 0 0 .2em var(--bg-d3);
|
||
}
|
||
html.az {
|
||
--btn-1-bs: 0 0 .1em var(--fg) inset;
|
||
}
|
||
html.ay {
|
||
--op-aa-sh: 0 .1em .2em #ccc;
|
||
--op-aa-bg: var(--bg-max);
|
||
}
|
||
html.b {
|
||
--btn-bs: 0 .05em 0 var(--bg-d3) inset;
|
||
--btn-1-bs: 0 .05em 0 var(--btn-1h-bg) inset;
|
||
|
||
--tree-bg: var(--bg);
|
||
|
||
--g-bg: var(--bg);
|
||
--g-b1: var(--bg);
|
||
--g-b2: var(--bg);
|
||
--g-g1: var(--bg);
|
||
--g-sh: rgba(0,0,0,0);
|
||
|
||
--op-aa-bg: rgba(255,255,255,0.06);
|
||
|
||
--u2-sbtn-b1: #fc0;
|
||
--u2-txt-bg: transparent;
|
||
--u2-tab-1-sh: var(--bg);
|
||
--u2-b1-bg: rgba(128,128,128,0.15);
|
||
--u2-b2-bg: var(--u2-b1-bg);
|
||
|
||
--f-sh1: 0.1;
|
||
--mp-b-bg: transparent;
|
||
}
|
||
html.bz {
|
||
--fg: #cce;
|
||
--fg-weak: #bbd;
|
||
|
||
--bg-u5: #3b3f58;
|
||
--bg-u4: #1e2130;
|
||
--bg-u3: #1e2130;
|
||
--bg-u1: #1e2130;
|
||
--bg: #11121d;
|
||
--bg-d1: #232536;
|
||
--bg-d2: #34384e;
|
||
--bg-d3: #34384e;
|
||
|
||
--row-alt: #181a27;
|
||
|
||
--a-b: #fb4;
|
||
|
||
--btn-bg: #202231;
|
||
--btn-h-bg: #2d2f45;
|
||
--btn-1-bg: #eb6;
|
||
--btn-1-fg: #000;
|
||
--btn-1h-fg: #000;
|
||
--btn-1h-bg: #ff9;
|
||
--txt-sh: a;
|
||
|
||
--u2-tab-b1: var(--bg-u5);
|
||
--u2-tab-1-fg: var(--fg-max);
|
||
--u2-tab-1-bg: var(--bg);
|
||
|
||
--srv-1: #79b;
|
||
|
||
--g-sel-bg: #ba2959;
|
||
--g-fsel-bg: #e6336e;
|
||
|
||
--f-h-b1: #34384e;
|
||
--mp-sh: #11121d;
|
||
/*--mp-b-bg: #2c3044;*/
|
||
--f-play-bg: var(--btn-1-bg);
|
||
}
|
||
html.by {
|
||
--bg: #f2f2f2;
|
||
|
||
--row-alt: #f9f9f9;
|
||
|
||
--scroll: var(--a);
|
||
|
||
--btn-1-bg: #07a;
|
||
--btn-1h-bg: var(--a-hil);
|
||
|
||
--op-aa-bg: #fff;
|
||
|
||
--u2-sbtn-b1: #c70;
|
||
--u2-tab-1-b1: #999;
|
||
--u2-tab-1-b2: #aaa;
|
||
--u2-b-fg: #444;
|
||
}
|
||
html.c {
|
||
font-weight: bold;
|
||
|
||
--fg: #fff;
|
||
--fg-weak: #cef;
|
||
--bg-u5: #409;
|
||
--bg-u2: linear-gradient(-35deg, #fd7233, #cd27a0, #5d47a5 49.5%, #16e9fb 50%, #3b6cc8 50.4%, #0e51ac);
|
||
--bg: #37235d;
|
||
--bg-u3: #407;
|
||
|
||
--a: #f9dc22;
|
||
--a-gray: #0ae;
|
||
|
||
--tab-alt: #6ef;
|
||
--row-alt: #47237d;
|
||
--scroll: #ff0;
|
||
|
||
--btn-fg: #fff;
|
||
--btn-bg: #9019bf;
|
||
--btn-h-bg: #a039ff;
|
||
--chk-fg: #d90;
|
||
|
||
--op-aa-bg: #f9dd22;
|
||
|
||
--srv-1: #ea0;
|
||
--mp-b-bg: transparent;
|
||
}
|
||
html.cz {
|
||
--bgg: var(--bg-u2);
|
||
|
||
--sel-bg: var(--bg-u5);
|
||
--sel-fg: var(--fg);
|
||
|
||
--btn-bb: .2em solid #709;
|
||
--btn-bs: 0 .1em .6em rgba(255,0,185,0.5);
|
||
--btn-1-bb: .2em solid #e90;
|
||
--btn-1-bs: 0 .1em .8em rgba(255,205,0,0.9);
|
||
|
||
--sz-b: #ddd;
|
||
--sz-k: #c9f;
|
||
|
||
--srv-3: #fff;
|
||
|
||
--u2-tab-b1: var(--bg-d3);
|
||
--u2-tab-1-bg: a;
|
||
}
|
||
html.cy {
|
||
--fg: #fff;
|
||
--fg-weak: #fff;
|
||
--bg: #ff0;
|
||
--bg-u2: #f00;
|
||
--bg-u3: #f00;
|
||
--bg-u5: #999;
|
||
--bg-d3: #f77;
|
||
--bg-d2: #ff0;
|
||
|
||
--sel-bg: #f77;
|
||
|
||
--a: #fff;
|
||
--a-hil: #fff;
|
||
--a-h-bg: #000;
|
||
|
||
--tab-alt: #f00;
|
||
--row-alt: #fff;
|
||
--scroll: #fff;
|
||
|
||
--btn-bg: #000;
|
||
--btn-fg: #ff0;
|
||
--btn-h-fg: #fff;
|
||
--btn-1-bg: #ff0;
|
||
--btn-1-fg: #000;
|
||
--btn-bs: 0 .25em 0 #f00;
|
||
--chk-fg: #fd0;
|
||
|
||
--txt-bg: #000;
|
||
--srv-1: #f00;
|
||
--srv-3: #fff;
|
||
--op-aa-bg: #fff;
|
||
|
||
--u2-b1-bg: #f00;
|
||
--u2-b2-bg: #f00;
|
||
|
||
--g-sel-fg: #fff;
|
||
--g-sel-bg: #aaa;
|
||
--g-fsel-bg: #aaa;
|
||
}
|
||
html.dz {
|
||
--fg: #4d4;
|
||
--fg-weak: #2a2;
|
||
|
||
--bg-u6: #020;
|
||
--bg-u5: #050;
|
||
--bg-u4: #020;
|
||
--bg-u3: #020;
|
||
--bg-u2: #020;
|
||
--bg-u1: #020;
|
||
--bg: #010;
|
||
--bg-d1: #000;
|
||
--bg-d2: #020;
|
||
--bg-d3: #000;
|
||
|
||
--tab-alt: #6f6;
|
||
--row-alt: #030;
|
||
|
||
--scroll: #0f0;
|
||
|
||
--a: #9f9;
|
||
--a-b: #cfc;
|
||
--a-hil: #cfc;
|
||
--a-dark: #afa;
|
||
--a-gray: #2a2;
|
||
|
||
--btn-bg: rgba(64,128,64,0.15);
|
||
--btn-h-bg: #050;
|
||
--btn-1-fg: #000;
|
||
--btn-1-bg: #4f4;
|
||
--btn-1h-bg: #3f3;
|
||
--btn-bs: 0 0 0 .1em #080 inset;
|
||
--btn-1-bs: a;
|
||
|
||
--u2-btn-b1: var(--fg-weak);
|
||
--u2-sbtn-b1: var(--fg-weak);
|
||
--u2-tab-b1: var(--fg-weak);
|
||
--u2-tab-1-fg: #fff;
|
||
--u2-tab-1-bg: linear-gradient(to bottom, #151, var(--bg) 80%);
|
||
--u2-b1-bg: #3a3;
|
||
--u2-b2-bg: #3a3;
|
||
|
||
--sort-1: #fff;
|
||
--sort-2: #3f3;
|
||
|
||
--srv-1: #3e3;
|
||
--srv-2: #1a1;
|
||
--srv-3: #0f0;
|
||
--srv-3b: #070;
|
||
|
||
--tree-bg: #010;
|
||
|
||
--g-sel-b1: #c37;
|
||
--g-sel-sh: #b36;
|
||
--g-fsel-b1: #d48;
|
||
|
||
--f-h-b1: #3b3;
|
||
|
||
text-shadow: none;
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
html.dy {
|
||
--fg: #000;
|
||
--fg-max: #000;
|
||
--fg-weak: #000;
|
||
|
||
--bg-d3: #fff;
|
||
--bg-d2: #fff;
|
||
--bg-d1: #fff;
|
||
--bg: #fff;
|
||
--bg-u1: #fff;
|
||
--bg-u2: #fff;
|
||
--bg-u3: #fff;
|
||
--bg-u4: #fff;
|
||
--bg-u5: #fff;
|
||
--bg-u6: #fff;
|
||
--bg-max: #fff;
|
||
|
||
--tab-alt: #000;
|
||
--row-alt: #eee;
|
||
|
||
--scroll: #000;
|
||
|
||
--a: #000;
|
||
--a-b: #000;
|
||
--a-hil: #000;
|
||
--a-gray: #bbb;
|
||
--a-dark: #000;
|
||
|
||
--btn-fg: #000;
|
||
--btn-h-fg: #000;
|
||
--btn-h-bg: #fff;
|
||
--btn-1-fg: #fff;
|
||
--btn-1-bg: #000;
|
||
--btn-1h-bg: #555;
|
||
--chk-fg: a;
|
||
--txt-sh: a;
|
||
--txt-bg: a;
|
||
|
||
--op-a-sh: a;
|
||
|
||
--u2-txt-bg: a;
|
||
--u2-tab-1-sh: a;
|
||
--u2-tab-1-b1: a;
|
||
--u2-tab-1-b2: a;
|
||
--u2-tab-1-fg: a;
|
||
--u2-tab-1-bg: a;
|
||
--u2-b1-bg: #000;
|
||
--u2-b2-bg: #000;
|
||
|
||
--ud-b1: a;
|
||
|
||
--sort-1: a;
|
||
--sort-2: a;
|
||
|
||
--srv-1: a;
|
||
--srv-2: a;
|
||
--srv-3: a;
|
||
--srv-3b: a;
|
||
|
||
--tree-bg: #fff;
|
||
|
||
--g-sel-bg: #000;
|
||
--g-fsel-bg: #444;
|
||
--g-fsel-ts: #000;
|
||
--g-fg: a;
|
||
--g-bg: a;
|
||
--g-b1: a;
|
||
--g-b2: a;
|
||
--g-g1: a;
|
||
--g-g2: a;
|
||
--g-f-bg: a;
|
||
--g-f-b1: a;
|
||
--g-sh: a;
|
||
|
||
--f-sh1: a;
|
||
--f-sh2: a;
|
||
--f-sh3: a;
|
||
|
||
--f-sel-sh: #000;
|
||
|
||
--fm-off: a;
|
||
--mp-sh: a;
|
||
--mp-b-bg: #fff;
|
||
}
|
||
* {
|
||
line-height: 1.2em;
|
||
}
|
||
::selection {
|
||
color: var(--sel-fg);
|
||
background: var(--sel-bg);
|
||
text-shadow: none;
|
||
}
|
||
html,body,tr,th,td,#files,a,#blogout {
|
||
color: inherit;
|
||
background: none;
|
||
font-weight: inherit;
|
||
font-size: inherit;
|
||
padding: 0;
|
||
border: none;
|
||
}
|
||
html {
|
||
color: var(--fg);
|
||
background: var(--bgg);
|
||
font-family: sans-serif;
|
||
font-family: var(--font-main), sans-serif;
|
||
text-shadow: 1px 1px 0px var(--bg-max);
|
||
}
|
||
html, body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
pre, code, tt, #doc, #doc>code {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
.ayjump {
|
||
position: fixed;
|
||
overflow: hidden;
|
||
width: 0;
|
||
height: 0;
|
||
left: -10em;
|
||
color: var(--bg);
|
||
}
|
||
html .ayjump:focus {
|
||
z-index: 80386;
|
||
color: #fff;
|
||
color: var(--a-hil);
|
||
background: #069;
|
||
background: var(--bg-u2);
|
||
border: .2em solid var(--a);
|
||
box-shadow: none;
|
||
outline: none;
|
||
width: auto;
|
||
height: auto;
|
||
top: .5em;
|
||
left: .5em;
|
||
padding: .5em .7em;
|
||
}
|
||
#path,
|
||
#path * {
|
||
font-size: 1em;
|
||
}
|
||
#path {
|
||
color: var(--fg);
|
||
text-shadow: 1px 1px 0 var(--bg-max);
|
||
font-weight: normal;
|
||
display: inline-block;
|
||
padding: .35em .5em .2em .5em;
|
||
margin: 1.3em 0 -.2em 0;
|
||
font-size: 1.4em;
|
||
}
|
||
html.y #path {
|
||
text-shadow: none;
|
||
}
|
||
#path #entree {
|
||
margin-left: -.7em;
|
||
}
|
||
#files {
|
||
z-index: 1;
|
||
top: -.3em;
|
||
border-spacing: 0;
|
||
position: relative;
|
||
}
|
||
#files tbody a {
|
||
display: block;
|
||
padding: .5em 0;
|
||
margin: -.3em 0;
|
||
scroll-margin-top: 45vh;
|
||
}
|
||
#files tr {
|
||
scroll-margin-top: 25vh;
|
||
scroll-margin-bottom: 20vh;
|
||
}
|
||
#files tbody div a {
|
||
color: var(--tab-alt);
|
||
}
|
||
a, #blogout, #files tbody div a:last-child {
|
||
color: var(--a);
|
||
padding: .2em;
|
||
text-decoration: none;
|
||
}
|
||
#blogout {
|
||
margin: -.2em;
|
||
}
|
||
#blogout:hover,
|
||
a:hover {
|
||
color: var(--a-hil);
|
||
background: var(--a-h-bg);
|
||
}
|
||
#files a:hover {
|
||
color: var(--fg-max);
|
||
background: var(--bg-d3);
|
||
text-decoration: underline;
|
||
}
|
||
#files thead th {
|
||
position: sticky;
|
||
top: -1px;
|
||
}
|
||
#files thead a {
|
||
color: var(--f-gray);
|
||
font-weight: normal;
|
||
}
|
||
.s0:after,
|
||
.s1:after {
|
||
content: '⌄';
|
||
margin-left: -.15em;
|
||
}
|
||
.s0r:after,
|
||
.s1r:after {
|
||
content: '⌃';
|
||
margin-left: -.15em;
|
||
}
|
||
.s0:after,
|
||
.s0r:after {
|
||
color: var(--sort-1);
|
||
}
|
||
.s1:after,
|
||
.s1r:after {
|
||
color: var(--sort-2);
|
||
}
|
||
#files thead th:after {
|
||
margin-right: -.5em;
|
||
}
|
||
#files tbody tr:hover td,
|
||
#files tbody tr:hover td+td {
|
||
background: var(--bg-d1);
|
||
box-shadow: 0 1px 0 var(--bg-u5) inset, 0 -1px 0 var(--bg-u5) inset;
|
||
}
|
||
#files thead th {
|
||
padding: .3em;
|
||
background: var(--bg);
|
||
border-bottom: 1px solid var(--f-h-b1);
|
||
cursor: pointer;
|
||
}
|
||
html.y #files thead th {
|
||
box-shadow: 0 1px 0 rgba(0,0,0,0.12);
|
||
}
|
||
html #files.hhpick thead th {
|
||
color: #f7d;
|
||
background: #000;
|
||
box-shadow: .1em .2em 0 #f6c inset, -.1em -.1em 0 #f6c inset;
|
||
}
|
||
#files td {
|
||
margin: 0;
|
||
padding: .3em .5em;
|
||
background: var(--bg);
|
||
max-width: var(--file-td-w);
|
||
word-wrap: break-word;
|
||
overflow: hidden;
|
||
}
|
||
#files tr.fade a {
|
||
color: #999;
|
||
color: rgba(255, 255, 255, 0.4);
|
||
font-style: italic;
|
||
}
|
||
html.y #files tr.fade a {
|
||
color: #999;
|
||
color: rgba(0, 0, 0, 0.4);
|
||
}
|
||
#files tr:nth-child(2n) td {
|
||
background: var(--row-alt);
|
||
}
|
||
#files td+td {
|
||
box-shadow: 1px 0 0 0 rgba(128,128,128,var(--f-sh1)) inset, 0 1px 0 rgba(255,255,255,var(--f-sh2)) inset, 0 -1px 0 rgba(255,255,255,var(--f-sh2)) inset;
|
||
}
|
||
#files tr:nth-child(2n+1) td+td {
|
||
box-shadow: 1px 0 0 0 rgba(128,128,128,var(--f-sh1)) inset, 0 1px 0 rgba(0,0,0,var(--f-sh3)) inset, 0 -1px 0 rgba(0,0,0,var(--f-sh3)) inset;
|
||
}
|
||
#files td:first-child {
|
||
border-radius: .25em 0 0 .25em;
|
||
white-space: nowrap;
|
||
}
|
||
#files td:last-child {
|
||
border-radius: 0 .25em .25em 0;
|
||
}
|
||
#files tbody td:nth-child(3) {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
text-align: right;
|
||
padding-right: 1em;
|
||
white-space: nowrap;
|
||
}
|
||
#files tbody td:first-child {
|
||
color: var(--f-gray);
|
||
text-align: center;
|
||
}
|
||
#files tbody tr td:last-child {
|
||
white-space: nowrap;
|
||
}
|
||
#files span.fsz_B { color: var(--sz-b); }
|
||
#files span.fsz_K { color: var(--sz-k); }
|
||
#files span.fsz_M { color: var(--sz-m); }
|
||
#files span.fsz_G { color: var(--sz-g); }
|
||
#files span.fsz_T { color: var(--sz-t); }
|
||
#files span.fsz_P { color: var(--sz-p); }
|
||
html.y #files span.fsz_G,
|
||
html.y #files span.fsz_T,
|
||
html.y #files span.fsz_P { font-weight: bold }
|
||
#files thead th[style] {
|
||
width: auto !important;
|
||
}
|
||
#files .srch_hdr a {
|
||
display: inline;
|
||
}
|
||
#path a {
|
||
padding: 0 .35em;
|
||
position: relative;
|
||
z-index: 1;
|
||
/* ie: */
|
||
border-bottom: .1em solid #777\9;
|
||
margin-right: 1em\9;
|
||
}
|
||
#path a:first-child {
|
||
padding-left: .8em;
|
||
}
|
||
#path i {
|
||
width: 1.05em;
|
||
height: 1.05em;
|
||
margin: -.5em .15em -.15em -.7em;
|
||
display: inline-block;
|
||
border: 1px solid rgba(255,224,192,0.3);
|
||
border-width: .05em .05em 0 0;
|
||
transform: rotate(45deg);
|
||
background: linear-gradient(45deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.25) 75%, rgba(0,0,0,0.35));
|
||
}
|
||
html.y #path i {
|
||
background: none;
|
||
border-color: rgba(0,0,0,0.2);
|
||
border-width: .1em .1em 0 0;
|
||
}
|
||
#path a:hover {
|
||
color: var(--fg-max);
|
||
background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
|
||
}
|
||
html.y #path a:hover {
|
||
background: none;
|
||
}
|
||
.logue {
|
||
padding: .2em 0;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.logue.hidden,
|
||
.logue:empty {
|
||
display: none;
|
||
}
|
||
.logue.raw {
|
||
white-space: pre;
|
||
font-family: 'scp', 'consolas', monospace;
|
||
font-family: var(--font-mono), 'scp', 'consolas', monospace;
|
||
}
|
||
#doc>iframe,
|
||
.logue>iframe {
|
||
background: var(--bgg);
|
||
border: 1px solid var(--bgg);
|
||
border-width: 0 .3em 0 .3em;
|
||
border-radius: .5em;
|
||
visibility: hidden;
|
||
margin: 0 -.3em;
|
||
width: 100%;
|
||
height: 0;
|
||
}
|
||
#doc>iframe.focus,
|
||
.logue>iframe.focus {
|
||
box-shadow: 0 0 .1em .1em var(--a);
|
||
}
|
||
#pro.logue>iframe {
|
||
height: 100vh;
|
||
}
|
||
#pro.logue {
|
||
margin-bottom: .8em;
|
||
}
|
||
#epi.logue {
|
||
margin: .8em 0;
|
||
}
|
||
#epi.logue.mdo:before {
|
||
content: 'README.md';
|
||
text-align: center;
|
||
display: block;
|
||
margin-top: -1.5em;
|
||
}
|
||
#epi.logue.mdo {
|
||
border-top: 1px solid var(--bg-u5);
|
||
margin-top: 2.5em;
|
||
}
|
||
.mdo>h1:first-child,
|
||
.mdo>h2:first-child,
|
||
.mdo>h3:first-child {
|
||
margin-top: 1.5rem;
|
||
}
|
||
.mdo {
|
||
max-width: 52em;
|
||
}
|
||
.mdo.sb,
|
||
.logue.mdo>iframe {
|
||
max-width: 54em;
|
||
}
|
||
.mdo,
|
||
.mdo * {
|
||
line-height: 1.5em;
|
||
}
|
||
#srv_info,
|
||
#srv_info2,
|
||
#acc_info {
|
||
color: var(--srv-2);
|
||
background: var(--bg);
|
||
white-space: nowrap;
|
||
}
|
||
#srv_info,
|
||
#acc_info {
|
||
position: absolute;
|
||
font-size: .8em;
|
||
top: .5em;
|
||
}
|
||
#srv_info {
|
||
left: 2em;
|
||
padding-right: .5em;
|
||
}
|
||
#acc_info,
|
||
#srv_info span,
|
||
#srv_info2 span {
|
||
color: var(--srv-1);
|
||
}
|
||
#srv_info2 a {
|
||
padding: 0;
|
||
}
|
||
#srv_info2 {
|
||
display: none;
|
||
}
|
||
#acc_info {
|
||
right: 2em;
|
||
}
|
||
#acc_info > span:not([id]) {
|
||
color: var(--srv-1);
|
||
margin-right: .6em;
|
||
}
|
||
#acc_info span.warn {
|
||
color: var(--srv-3);
|
||
border-bottom: 1px solid var(--srv-3b);
|
||
}
|
||
#flogout {
|
||
display: inline;
|
||
}
|
||
html.dz #flogout {
|
||
margin-left: 1em;
|
||
}
|
||
#goh+span {
|
||
color: var(--bg-u5);
|
||
padding-left: .5em;
|
||
margin-left: .5em;
|
||
border-left: .2em solid var(--bg-u5);
|
||
}
|
||
#repl {
|
||
padding: .33em;
|
||
}
|
||
#files a.doc {
|
||
color: var(--a-gray);
|
||
}
|
||
#files a.doc.bri {
|
||
color: var(--tab-alt);
|
||
}
|
||
#files a.play {
|
||
color: var(--a-dark);
|
||
padding: .3em;
|
||
margin: -.3em;
|
||
}
|
||
#files tbody tr.play td,
|
||
#files tbody tr.play td+td,
|
||
#files tbody tr.play div a {
|
||
background: #fc0;
|
||
background: var(--f-play-bg);
|
||
color: var(--f-play-fg);
|
||
text-shadow: none;
|
||
}
|
||
#files tbody tr.play a {
|
||
color: inherit;
|
||
}
|
||
#files tbody tr.play a:hover {
|
||
color: var(--btn-1h-fg);
|
||
background: var(--btn-1h-bg);
|
||
box-shadow: var(--btn-1h-bs);
|
||
border-bottom: var(--btn-1h-bb);
|
||
}
|
||
#ggrid {
|
||
margin: -.2em -.5em;
|
||
}
|
||
#ggrid>a>span {
|
||
overflow: hidden;
|
||
display: block;
|
||
display: -webkit-box;
|
||
line-clamp: var(--grid-ln);
|
||
-webkit-line-clamp: var(--grid-ln);
|
||
-webkit-box-orient: vertical;
|
||
padding-top: .3em;
|
||
}
|
||
#ggrid>a {
|
||
display: inline-block;
|
||
width: 10em;
|
||
width: var(--grid-sz);
|
||
vertical-align: top;
|
||
overflow-wrap: break-word;
|
||
border-radius: .3em;
|
||
padding: .3em;
|
||
margin: .5em;
|
||
color: var(--g-fg);
|
||
background: var(--g-bg);
|
||
border: 1px solid var(--g-b1);
|
||
border-top: 1px solid var(--g-b2);
|
||
box-shadow: 0 .1em .3em var(--g-sh);
|
||
}
|
||
#ggrid>a:focus,
|
||
#ggrid>a:hover {
|
||
color: var(--g-f-fg);
|
||
background: var(--g-f-bg);
|
||
border-color: var(--g-f-b1);
|
||
box-shadow: 0 .1em .3em var(--g-sh);
|
||
}
|
||
#ggrid>a img {
|
||
border-radius: .2em;
|
||
max-width: 10em;
|
||
max-width: var(--grid-sz);
|
||
max-height: 8em;
|
||
max-height: calc(var(--grid-sz)/1.25);
|
||
margin: 0 auto;
|
||
display: block;
|
||
}
|
||
#ggrid.nocrop>a img {
|
||
max-height: 20em;
|
||
max-height: calc(var(--grid-sz)*2);
|
||
}
|
||
#ggrid>a.dir:before {
|
||
content: '📂';
|
||
}
|
||
#ggrid>a.dir>span {
|
||
color: var(--g-dfg);
|
||
}
|
||
#ggrid>a.au:before {
|
||
content: '▶';
|
||
}
|
||
#ggrid>a:before {
|
||
display: block;
|
||
position: absolute;
|
||
padding: .3em 0;
|
||
margin: -.4em;
|
||
text-shadow: 0 0 .1em var(--bg-max);
|
||
background: linear-gradient(135deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2));
|
||
border-radius: .3em;
|
||
font-size: 2em;
|
||
transition: font-size .15s, margin .15s;
|
||
}
|
||
#ggrid>a:focus:before,
|
||
#ggrid>a:hover:before {
|
||
font-size: 2.5em;
|
||
margin: -.2em;
|
||
}
|
||
#ggrid>a[tt] {
|
||
background: linear-gradient(135deg, var(--g-g1) 95%, var(--g-g2) 95%);
|
||
}
|
||
#ggrid>a[tt]:focus,
|
||
#ggrid>a[tt]:hover {
|
||
background: var(--g-f-bg);
|
||
}
|
||
#ggrid>a.play,
|
||
#ggrid>a[tt].play {
|
||
color: var(--g-sel-fg);
|
||
background: #fc0;
|
||
background: var(--g-play-bg);
|
||
border-color: var(--g-play-b1);
|
||
border-top: 1px solid var(--g-play-b2);
|
||
box-shadow: 0 .1em 1.2em var(--g-play-sh);
|
||
}
|
||
#files tbody tr.sel td,
|
||
#ggrid>a.sel,
|
||
#ggrid>a[tt].sel {
|
||
color: var(--g-sel-fg);
|
||
background: #f3c;
|
||
background: var(--g-sel-bg);
|
||
border-color: var(--g-sel-b1);
|
||
}
|
||
#ggrid>a.sel>span {
|
||
color: var(--g-sel-fg);
|
||
}
|
||
#ggrid>a.sel,
|
||
#ggrid>a[tt].sel {
|
||
border-top: 1px solid var(--g-fsel-b1);
|
||
box-shadow: 0 .1em 1.2em var(--g-sel-sh);
|
||
transition: all 0.2s cubic-bezier(.2, 2.2, .5, 1); /* https://cubic-bezier.com/#.4,2,.7,1 */
|
||
}
|
||
#files tbody tr.sel:hover td,
|
||
#files tbody tr.sel:focus td,
|
||
#ggrid>a.sel:hover,
|
||
#ggrid>a.sel:focus {
|
||
color: var(--g-sel-fg);
|
||
background: var(--g-fsel-bg);
|
||
border-color: var(--g-fsel-b1);
|
||
text-shadow: 1px 1px 0 var(--g-fsel-ts);
|
||
}
|
||
#ggrid>a.sel img,
|
||
#ggrid>a.play img {
|
||
opacity: .7;
|
||
filter: contrast(130%) brightness(107%);
|
||
}
|
||
#ggrid>a.sel img {
|
||
box-shadow: 0 0 1em var(--g-sel-sh);
|
||
}
|
||
#ggrid>a.play img {
|
||
box-shadow: 0 0 1em var(--g-play-sh);
|
||
}
|
||
#ggrid a {
|
||
scroll-margin-top: 25vh;
|
||
scroll-margin-bottom: 20vh;
|
||
}
|
||
#files tr.sel a,
|
||
#files tr.sel a.play {
|
||
color: var(--fg2-max);
|
||
}
|
||
#files tr.sel a:hover {
|
||
color: var(--fg-max);
|
||
text-shadow: none;
|
||
}
|
||
#files tr.sel a.play.act {
|
||
text-shadow: 0 0 1px var(--fg2-max);
|
||
}
|
||
#files tr:focus {
|
||
outline: none;
|
||
position: relative;
|
||
}
|
||
#files tr:focus td+td {
|
||
background: var(--bg-d3);
|
||
box-shadow: 0 .2em 0 var(--f-sel-sh), 0 -.2em 0 var(--f-sel-sh);
|
||
}
|
||
#files tr:focus:not(.play):not(.sel) td:first-child {
|
||
background: var(--bg-d3);
|
||
box-shadow: -.2em .2em 0 var(--f-sel-sh), -.2em -.2em 0 var(--f-sel-sh);
|
||
}
|
||
#player {
|
||
display: none;
|
||
}
|
||
#widget {
|
||
position: fixed;
|
||
font-size: 1.4em;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: -6em;
|
||
height: 6em;
|
||
width: 100%;
|
||
z-index: 3;
|
||
touch-action: none;
|
||
}
|
||
#widget.anim {
|
||
transition: bottom 0.15s;
|
||
}
|
||
#widget.open {
|
||
box-shadow: 0 0 1em rgba(0,48,64,0.2);
|
||
bottom: 0;
|
||
}
|
||
html.y #widget.open {
|
||
border-top: .2em solid var(--bg-u2);
|
||
}
|
||
#widgeti {
|
||
position: relative;
|
||
z-index: 10;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
#fshr,
|
||
#wtgrid,
|
||
#wtico {
|
||
position: relative;
|
||
font-size: .9em;
|
||
top: -.04em;
|
||
}
|
||
#wtgrid {
|
||
font-size: .75em;
|
||
padding: .1em;
|
||
top: -.12em;
|
||
}
|
||
#wtico {
|
||
cursor: pointer;
|
||
}
|
||
@keyframes spin {
|
||
100% {transform: rotate(360deg)}
|
||
}
|
||
@keyframes fadein {
|
||
0% {opacity: 0}
|
||
100% {opacity: 1}
|
||
}
|
||
#wtoggle {
|
||
position: absolute;
|
||
white-space: nowrap;
|
||
top: -1em;
|
||
right: 0;
|
||
height: 1em;
|
||
font-size: 2em;
|
||
line-height: 1em;
|
||
text-align: center;
|
||
text-shadow: none;
|
||
box-shadow: 0 0 .5em var(--mp-sh);
|
||
border-radius: .3em 0 0 0;
|
||
padding: 0 0 0 .1em;
|
||
color: var(--fg-max);
|
||
}
|
||
#wtoggle,
|
||
#widgeti {
|
||
background: #fff;
|
||
background: var(--bg-u3);
|
||
}
|
||
#wfs, #wfm, #wzip, #wnp, #wm3u {
|
||
display: none;
|
||
}
|
||
#wfs, #wzip, #wnp, #wm3u {
|
||
margin-right: .2em;
|
||
padding-right: .2em;
|
||
border: 1px solid var(--bg-u5);
|
||
border-width: 0 .1em 0 0;
|
||
}
|
||
#wzip1 {
|
||
margin-right: .2em;
|
||
}
|
||
#wfm.act+#wzip1+#wzip,
|
||
#wfm.act+#wzip1+#wzip+#wnp {
|
||
margin-left: .2em;
|
||
padding-left: .2em;
|
||
border-left-width: .1em;
|
||
}
|
||
#wfs.act,
|
||
#wfm.act {
|
||
display: inline-block;
|
||
}
|
||
#wtoggle,
|
||
#wtoggle * {
|
||
line-height: 1em;
|
||
}
|
||
#wtoggle.sel #wzip,
|
||
#wtoggle.m3u #wm3u,
|
||
#wtoggle.np #wnp {
|
||
display: inline-block;
|
||
}
|
||
#wtoggle.sel #wzip1,
|
||
#wtoggle.sel.np #wnp {
|
||
display: none;
|
||
}
|
||
#wfm a,
|
||
#wnp a,
|
||
#wm3u a,
|
||
#zip1,
|
||
#wzip a {
|
||
font-size: .5em;
|
||
padding: 0 .3em;
|
||
margin: -.3em .1em;
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
#zip1 {
|
||
font-size: .38em;
|
||
}
|
||
#wm3u a {
|
||
margin: -.2em .1em;
|
||
font-size: .45em;
|
||
}
|
||
#wfs {
|
||
font-size: .36em;
|
||
text-align: right;
|
||
line-height: 1.3em;
|
||
padding: 0 .3em 0 0;
|
||
border-width: 0 .25em 0 0;
|
||
}
|
||
#wfm span,
|
||
#wm3u span,
|
||
#zip1 span,
|
||
#wnp span {
|
||
font-size: .6em;
|
||
display: block;
|
||
}
|
||
#zip1 span {
|
||
font-size: .9em;
|
||
}
|
||
#wnp span {
|
||
font-size: .7em;
|
||
}
|
||
#wm3u span {
|
||
font-size: .77em;
|
||
padding-top: .2em;
|
||
}
|
||
#wfm a:not(.en) {
|
||
opacity: .3;
|
||
color: var(--fm-off);
|
||
}
|
||
#wfm a.hide {
|
||
display: none;
|
||
}
|
||
#files tbody tr.fcut td,
|
||
#ggrid>a.fcut {
|
||
animation: fcut .5s ease-out;
|
||
}
|
||
@keyframes fcut {
|
||
0% {opacity:0}
|
||
100% {opacity:1}
|
||
}
|
||
#ggrid>a.glow {
|
||
animation: gexit .6s ease-out;
|
||
}
|
||
@keyframes gexit {
|
||
0% {box-shadow: 0 0 0 2em var(--a)}
|
||
100% {box-shadow: 0 0 0em 0em var(--a)}
|
||
}
|
||
#wzip a {
|
||
font-size: .4em;
|
||
margin: -.3em .1em;
|
||
}
|
||
#wtoggle.sel .l1 {
|
||
top: -.6em;
|
||
padding: .4em .3em;
|
||
}
|
||
#barpos,
|
||
#barbuf {
|
||
position: absolute;
|
||
bottom: 1em;
|
||
left: 1em;
|
||
height: 2em;
|
||
border-radius: 9em;
|
||
width: calc(100% - 2em);
|
||
}
|
||
#barbuf {
|
||
background: var(--mp-b-bg);
|
||
z-index: 21;
|
||
}
|
||
#barpos {
|
||
box-shadow: -.03em -.03em .7em rgba(0,0,0,0.5) inset;
|
||
z-index: 22;
|
||
}
|
||
#pctl {
|
||
position: absolute;
|
||
top: .5em;
|
||
left: 1em;
|
||
}
|
||
#pctl a {
|
||
display: inline-block;
|
||
font-size: 1.25em;
|
||
width: 1.3em;
|
||
height: 1.2em;
|
||
text-align: center;
|
||
border-radius: .3em;
|
||
}
|
||
#pvol {
|
||
position: absolute;
|
||
top: .7em;
|
||
right: 1em;
|
||
height: 1.6em;
|
||
border-radius: 9em;
|
||
max-width: 12em;
|
||
width: calc(100% - 10.5em);
|
||
background: rgba(0,0,0,0.2);
|
||
}
|
||
#widget.cmp {
|
||
height: 1.6em;
|
||
bottom: -1.6em;
|
||
}
|
||
#widget.cmp.open {
|
||
bottom: 0;
|
||
}
|
||
#widget.cmp #wtoggle {
|
||
font-size: 1.2em;
|
||
}
|
||
#widget.cmp #fshr,
|
||
#widget.cmp #wtgrid {
|
||
display: none;
|
||
}
|
||
#widget.cmp #pctl {
|
||
top: 0;
|
||
left: 0;
|
||
font-size: .75em;
|
||
}
|
||
#widget.cmp #pctl a {
|
||
margin: 0;
|
||
}
|
||
#widget.cmp #barpos,
|
||
#widget.cmp #barbuf {
|
||
height: 1.6em;
|
||
width: calc(100% - 11em);
|
||
border-radius: 0;
|
||
left: 5em;
|
||
top: 0;
|
||
}
|
||
#widget.cmp #pvol {
|
||
top: 0;
|
||
right: 0;
|
||
max-width: 5.8em;
|
||
border-radius: 0;
|
||
}
|
||
.opview {
|
||
display: none;
|
||
}
|
||
.opview.act {
|
||
display: block;
|
||
}
|
||
#ops a {
|
||
color: var(--a);
|
||
text-shadow: 1px 1px 1px var(--op-a-sh);
|
||
font-size: 1.5em;
|
||
padding: .25em .4em;
|
||
margin: 0;
|
||
}
|
||
#ops a.act {
|
||
color: #fff;
|
||
color: var(--op-aa-fg);
|
||
background: #000;
|
||
background: var(--op-aa-bg);
|
||
border-radius: 0 0 .2em .2em;
|
||
border-bottom: .3em solid var(--a-b);
|
||
box-shadow: var(--op-aa-sh);
|
||
}
|
||
#ops a svg {
|
||
width: 1.75em;
|
||
height: 1.75em;
|
||
margin: -.5em -.3em;
|
||
}
|
||
html.y #ops svg circle {
|
||
stroke: black;
|
||
}
|
||
#ops {
|
||
padding: .3em .6em;
|
||
white-space: nowrap;
|
||
}
|
||
#noie {
|
||
color: #b60;
|
||
margin: 0 0 0 .5em;
|
||
}
|
||
.opbox {
|
||
padding: .5em;
|
||
border-radius: 0 .3em .3em 0;
|
||
border-width: 1px 1px 1px 0;
|
||
max-width: 41em;
|
||
max-width: min(41em, calc(100% - 2.6em));
|
||
}
|
||
.opbox input {
|
||
position: relative;
|
||
margin: .5em;
|
||
}
|
||
#op_cfg input[type=text] {
|
||
top: -.3em;
|
||
}
|
||
.opview select,
|
||
.opview input[type=text] {
|
||
color: var(--fg);
|
||
background: var(--txt-bg);
|
||
border: none;
|
||
box-shadow: 0 0 2px var(--txt-sh);
|
||
border-bottom: 1px solid #999;
|
||
border-color: var(--a);
|
||
border-radius: .2em;
|
||
padding: .2em .3em;
|
||
}
|
||
.opview select {
|
||
padding: .3em;
|
||
margin: .2em .4em;
|
||
background: var(--bg-u3);
|
||
}
|
||
.opview input.err {
|
||
color: var(--err-fg);
|
||
background: var(--err-bg);
|
||
border-color: var(--err-b1);
|
||
box-shadow: 0 0 .7em var(--err-b1);
|
||
text-shadow: 1px 1px 0 var(--err-ts);
|
||
outline: none;
|
||
}
|
||
input[type="checkbox"]+label {
|
||
color: var(--chk-fg);
|
||
}
|
||
input[type="radio"]:checked+label,
|
||
input[type="checkbox"]:checked+label {
|
||
color: #0e0;
|
||
color: var(--btn-1-bg);
|
||
}
|
||
input[type="checkbox"]:checked+label {
|
||
box-shadow: var(--btn-1-bs);
|
||
border-bottom: var(--btn-1-bb);
|
||
}
|
||
html.dz input {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
.opwide div>span>input+label {
|
||
padding: .3em 0 .3em .3em;
|
||
margin: 0 0 0 -.3em;
|
||
cursor: pointer;
|
||
}
|
||
.opview input.i {
|
||
width: calc(100% - 16.2em);
|
||
}
|
||
input.drc_v,
|
||
input.eq_gain {
|
||
width: 3em;
|
||
text-align: center;
|
||
margin: 0 .6em;
|
||
}
|
||
#audio_drc table,
|
||
#audio_eq table {
|
||
border-collapse: collapse;
|
||
}
|
||
#audio_drc td,
|
||
#audio_eq td {
|
||
text-align: center;
|
||
}
|
||
#audio_eq a.eq_step {
|
||
font-size: 1.5em;
|
||
display: block;
|
||
padding: 0;
|
||
}
|
||
#au_drc,
|
||
#au_eq {
|
||
display: block;
|
||
margin-top: .5em;
|
||
padding: 1.3em .3em;
|
||
}
|
||
#au_drc {
|
||
padding: .4em .3em;
|
||
}
|
||
#ico1 {
|
||
cursor: pointer;
|
||
}
|
||
|
||
|
||
|
||
#srch_form {
|
||
padding: 0 .5em .5em 0;
|
||
}
|
||
#srch_form table {
|
||
display: inline-block;
|
||
}
|
||
#srch_form td {
|
||
padding: .6em .6em;
|
||
}
|
||
#srch_form td:first-child {
|
||
width: 3em;
|
||
padding-right: .2em;
|
||
text-align: right;
|
||
}
|
||
#srch_form:not(.tags) #tsrch_tags,
|
||
#srch_form:not(.tags) #tsrch_adv {
|
||
display: none;
|
||
}
|
||
#op_search input {
|
||
margin: .1em 0 0 0;
|
||
}
|
||
#srch_q {
|
||
white-space: pre;
|
||
color: var(--a-b);
|
||
min-height: 1em;
|
||
margin: .2em 0 -1em 1.6em;
|
||
}
|
||
#srch_q.err {
|
||
color: var(--srv-3);
|
||
}
|
||
#tq_raw {
|
||
width: calc(100% - 2em);
|
||
margin: .3em 0 0 1.4em;
|
||
}
|
||
@media (max-width: 130em) { #srch_form.tags #tq_raw { width: calc(100% - 34em) } }
|
||
@media (max-width: 95em) { #srch_form.tags #tq_raw { width: calc(100% - 2em) } }
|
||
#tq_raw td+td {
|
||
width: 100%;
|
||
}
|
||
#op_search #q_raw {
|
||
width: 100%;
|
||
display: block;
|
||
}
|
||
#files td div span {
|
||
color: var(--fg-max);
|
||
padding: 0 .4em;
|
||
font-weight: bold;
|
||
font-style: italic;
|
||
}
|
||
#files td div a:hover {
|
||
background: var(--bg-u5);
|
||
color: var(--fg-max);
|
||
}
|
||
#files td div a {
|
||
display: inline-block;
|
||
white-space: nowrap;
|
||
}
|
||
#files td div a:last-child {
|
||
width: 100%;
|
||
}
|
||
#files td div {
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
}
|
||
#wrap {
|
||
margin: 1.8em 1.5em 0 1.5em;
|
||
min-height: 70vh;
|
||
padding-bottom: 7em;
|
||
}
|
||
#tree {
|
||
display: none;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
top: 7em;
|
||
overflow-x: hidden;
|
||
overflow-y: auto;
|
||
-ms-scroll-chaining: none;
|
||
overscroll-behavior-y: none;
|
||
box-shadow: 0 0 1em var(--bg-d2), 0 -1px 0 rgba(128,128,128,0.3);
|
||
}
|
||
#tree,
|
||
html {
|
||
scrollbar-color: var(--scroll) var(--bg-u3);
|
||
}
|
||
#treeh {
|
||
position: sticky;
|
||
z-index: 1;
|
||
top: 0;
|
||
height: 2.2em;
|
||
line-height: 2.2em;
|
||
background: var(--tree-bg);
|
||
border-bottom: 1px solid var(--bg-d3);
|
||
overflow: hidden;
|
||
}
|
||
#treepar {
|
||
z-index: 1;
|
||
position: fixed;
|
||
background: #fff;
|
||
background: var(--tree-bg);
|
||
left: -.96em;
|
||
width: calc(.3em + var(--nav-sz) - var(--sbw));
|
||
border-bottom: 1px solid var(--bg-u5);
|
||
overflow: hidden;
|
||
border-right: .5em solid #999\9;
|
||
}
|
||
#treepar.off {
|
||
display: none;
|
||
}
|
||
.np_open #thx_ff {
|
||
padding: 4.5em 0;
|
||
/* widget */
|
||
}
|
||
#tree::-webkit-scrollbar-track,
|
||
#tree::-webkit-scrollbar {
|
||
background: var(--bg-u3);
|
||
}
|
||
#tree::-webkit-scrollbar-thumb {
|
||
background: var(--scroll);
|
||
}
|
||
#tree:hover {
|
||
z-index: 2;
|
||
}
|
||
#treeul {
|
||
position: relative;
|
||
left: -2.2em;
|
||
width: calc(100% + 2em);
|
||
}
|
||
.btn {
|
||
color: var(--btn-fg);
|
||
background: #eee;
|
||
background: var(--btn-bg);
|
||
box-shadow: var(--btn-bs);
|
||
border-bottom: var(--btn-bb);
|
||
border-radius: .3em;
|
||
padding: .2em .4em;
|
||
font-size: 1.2em;
|
||
margin: .2em;
|
||
display: inline-block;
|
||
white-space: pre;
|
||
position: relative;
|
||
top: -.12em;
|
||
}
|
||
html.c .btn,
|
||
html.a .btn {
|
||
border-radius: .2em;
|
||
}
|
||
html.dz .btn {
|
||
font-size: 1em;
|
||
}
|
||
.btn:hover {
|
||
color: var(--btn-h-fg);
|
||
background: var(--btn-h-bg);
|
||
box-shadow: var(--btn-h-bs);
|
||
border-bottom: var(--btn-h-bb);
|
||
}
|
||
.tgl.btn.on {
|
||
background: #000;
|
||
background: var(--btn-1-bg);
|
||
color: #fff;
|
||
color: var(--btn-1-fg);
|
||
text-shadow: none;
|
||
box-shadow: var(--btn-1-bs);
|
||
border-bottom: var(--btn-1-bb);
|
||
}
|
||
.tgl.btn.on:hover {
|
||
color: var(--btn-1h-fg);
|
||
background: var(--btn-1h-bg);
|
||
box-shadow: var(--btn-1h-bs);
|
||
border-bottom: var(--btn-1h-bb);
|
||
}
|
||
#detree {
|
||
padding: .3em .5em;
|
||
font-size: 1.5em;
|
||
line-height: 1.5em;
|
||
}
|
||
#tree ul,
|
||
#tree li {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
#tree ul {
|
||
border-left: .2em solid var(--bg-u5);
|
||
margin-left: .44em;
|
||
}
|
||
#tree li {
|
||
margin-left: .6em;
|
||
list-style: none;
|
||
border-top: 1px solid var(--bg-u5);
|
||
}
|
||
#tree li.offline>a:first-child:before {
|
||
content: '❌';
|
||
position: absolute;
|
||
margin-left: -.25em;
|
||
z-index: 3;
|
||
}
|
||
#tree ul a.sel {
|
||
background: #000;
|
||
background: var(--bg-d3);
|
||
box-shadow: -.8em 0 0 var(--g-sel-b1) inset;
|
||
color: #fff;
|
||
color: var(--fg-max);
|
||
}
|
||
#tree ul a.hl {
|
||
color: #fff;
|
||
color: var(--btn-1-fg);
|
||
background: #000;
|
||
background: var(--btn-1-bg);
|
||
text-shadow: none;
|
||
}
|
||
#tree ul a.ld::before {
|
||
font-weight: bold;
|
||
font-family: sans-serif;
|
||
display: inline-block;
|
||
text-align: center;
|
||
width: 1em;
|
||
margin: 0 .3em 0 -1.3em;
|
||
color: var(--fg-max);
|
||
opacity: 0;
|
||
content: '◠';
|
||
animation: .5s linear infinite forwards spin, ease .25s 1 forwards fadein;
|
||
}
|
||
#tree ul a.par {
|
||
color: var(--fg-max);
|
||
}
|
||
#tree ul a {
|
||
border-radius: .3em;
|
||
display: inline-block;
|
||
}
|
||
.ntree a+a {
|
||
width: calc(100% - 2.2em);
|
||
line-height: 1em;
|
||
}
|
||
#tree.nowrap li {
|
||
min-height: 1.4em;
|
||
white-space: nowrap;
|
||
}
|
||
#tree.nowrap .ntree a+a:hover {
|
||
background: rgba(16, 16, 16, 0.67);
|
||
min-width: calc(var(--nav-sz) - 2em);
|
||
width: auto;
|
||
}
|
||
html.y #tree.nowrap .ntree a+a:hover {
|
||
background: rgba(255, 255, 255, 0.67);
|
||
color: var(--fg-max);
|
||
}
|
||
#docul a:hover,
|
||
#tree .ntree a+a:hover {
|
||
background: var(--bg-d2);
|
||
color: var(--fg-max);
|
||
}
|
||
.ntree a:first-child {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
font-size: 1.2em;
|
||
line-height: 0;
|
||
}
|
||
.dumb_loader_thing {
|
||
display: block;
|
||
margin: 1em .3em 1em 1em;
|
||
padding: 0 1.2em 0 0;
|
||
font-size: 4em;
|
||
min-width: 1em;
|
||
min-height: 1em;
|
||
opacity: 0;
|
||
animation: 1s linear .15s infinite forwards spin, .2s ease .15s 1 forwards fadein;
|
||
position: fixed;
|
||
top: .3em;
|
||
z-index: 9;
|
||
}
|
||
#dlt_t {
|
||
left: 0;
|
||
}
|
||
#dlt_f {
|
||
right: .5em;
|
||
}
|
||
#files .cfg {
|
||
display: none;
|
||
font-size: 2em;
|
||
white-space: nowrap;
|
||
}
|
||
#files th:hover .cfg {
|
||
display: block;
|
||
width: 1em;
|
||
border-radius: .2em;
|
||
margin: -1.2em auto 0 auto;
|
||
background: var(--bg-u5);
|
||
}
|
||
#files th span {
|
||
position: relative;
|
||
white-space: nowrap;
|
||
}
|
||
#files>thead>tr>th.min,
|
||
#files td.min {
|
||
display: none;
|
||
}
|
||
#files td:nth-child(2n) {
|
||
color: var(--tab-alt);
|
||
}
|
||
#plazy {
|
||
width: 1px;
|
||
height: 1px;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
}
|
||
#blazy {
|
||
text-align: center;
|
||
font-size: 1.2em;
|
||
margin: 1em 0;
|
||
}
|
||
#blazy code,
|
||
#blazy a {
|
||
font-size: 1.1em;
|
||
padding: 0 .2em;
|
||
}
|
||
.opwide,
|
||
#op_unpost,
|
||
#srch_form {
|
||
max-width: none;
|
||
margin-right: 1.5em;
|
||
}
|
||
.opwide>div {
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
border-left: .4em solid var(--bg-u5);
|
||
margin: .7em 0 .7em .5em;
|
||
padding-left: .5em;
|
||
}
|
||
.opwide>div>h3 {
|
||
color: var(--fg-weak);
|
||
margin: 0 .4em;
|
||
padding: 0;
|
||
}
|
||
#op_cfg>div>div>span {
|
||
display: inline-block;
|
||
padding: .2em .4em;
|
||
}
|
||
.opbox h3 {
|
||
margin: .8em 0 0 .6em;
|
||
padding: 0;
|
||
}
|
||
#thumbs,
|
||
#au_prescan,
|
||
#au_fullpre,
|
||
#au_os_seek,
|
||
#au_osd_cv,
|
||
#u2tdate {
|
||
opacity: .3;
|
||
}
|
||
#griden.on+#thumbs,
|
||
#au_preload.on+#au_prescan,
|
||
#au_preload.on+#au_prescan+#au_fullpre,
|
||
#au_os_ctl.on+#au_os_seek,
|
||
#au_os_ctl.on+#au_os_seek+#au_osd_cv,
|
||
#u2turbo.on+#u2tdate {
|
||
opacity: 1;
|
||
}
|
||
#wraptree.on+#hovertree {
|
||
display: none;
|
||
}
|
||
.ghead {
|
||
background: #fff;
|
||
background: var(--bg-u2);
|
||
border-radius: .3em;
|
||
padding: .2em .5em;
|
||
line-height: 2.3em;
|
||
margin-bottom: 1.5em;
|
||
}
|
||
#hdoc,
|
||
#ghead {
|
||
position: sticky;
|
||
top: -.3em;
|
||
z-index: 2;
|
||
}
|
||
.ghead .btn {
|
||
position: relative;
|
||
top: 0;
|
||
}
|
||
.ghead>span {
|
||
white-space: pre;
|
||
padding-left: .3em;
|
||
}
|
||
#tailbtns {
|
||
display: none;
|
||
}
|
||
#taildoc.on+#tailbtns {
|
||
display: inherit;
|
||
display: unset;
|
||
}
|
||
#op_unpost {
|
||
padding: 1em;
|
||
}
|
||
#op_unpost td {
|
||
padding: .2em .4em;
|
||
}
|
||
#op_unpost a {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
#unpost td:nth-child(3),
|
||
#unpost td:nth-child(4) {
|
||
text-align: right;
|
||
}
|
||
#shui,
|
||
#rui {
|
||
background: #fff;
|
||
background: var(--bg);
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: calc(100% - 2em);
|
||
height: auto;
|
||
overflow: auto;
|
||
max-height: calc(100% - 2em);
|
||
border-bottom: .5em solid var(--f-gray);
|
||
box-shadow: 0 0 5em rgba(0,0,0,0.8);
|
||
padding: 1em;
|
||
z-index: 765;
|
||
}
|
||
#shui div+div,
|
||
#rui div+div {
|
||
margin-top: 1em;
|
||
}
|
||
#shui table,
|
||
#rui table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
#shui button {
|
||
margin: 0 1em 0 0;
|
||
}
|
||
#shui .btn {
|
||
font-size: 1em;
|
||
}
|
||
#shui td {
|
||
padding: .8em 0;
|
||
}
|
||
#shui td+td,
|
||
#rui td+td {
|
||
padding: .2em 0 .2em .5em;
|
||
}
|
||
#rn_vadv input {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
#shui td+td,
|
||
#rui td+td,
|
||
#shui td input[type="text"],
|
||
#rui td input[type="text"] {
|
||
width: 100%;
|
||
}
|
||
#rui #rn_n_d,
|
||
#rui #rn_n_s,
|
||
#shui td.exs input[type="text"] {
|
||
width: 3em;
|
||
}
|
||
#rn_f.m td:first-child {
|
||
white-space: nowrap;
|
||
}
|
||
#rn_f.m td+td {
|
||
width: 50%;
|
||
}
|
||
#rn_f .err td,
|
||
#rn_f .err input[readonly],
|
||
#rui .ng input[readonly] {
|
||
color: var(--err-fg);
|
||
background: var(--err-bg);
|
||
}
|
||
#rui input[readonly] {
|
||
color: var(--fg-max);
|
||
background: var(--bg-u5);
|
||
border: 1px solid rgba(255,255,255,0.2);
|
||
padding: .2em .25em;
|
||
}
|
||
#rui h1 {
|
||
margin: 0 0 .3em 0;
|
||
padding: 0;
|
||
font-size: 1.5em;
|
||
}
|
||
#fs_abrt {
|
||
margin-top: 1em;
|
||
text-shadow: 0;
|
||
box-shadow: 1px 1px 0 var(--bg-d3);
|
||
}
|
||
#doc {
|
||
overflow: visible;
|
||
background: #fff;
|
||
background: var(--bg);
|
||
margin: -1em 0 .5em 0;
|
||
padding: 1em 0 1em 0;
|
||
border-radius: .3em;
|
||
}
|
||
#doc.wrap {
|
||
white-space: pre-wrap;
|
||
}
|
||
html.y #doc {
|
||
box-shadow: 0 0 .3em var(--bg-u5);
|
||
background: #f7f7f7;
|
||
}
|
||
#docul {
|
||
position: relative;
|
||
}
|
||
#docul li.bn {
|
||
text-align: center;
|
||
padding: .5em;
|
||
}
|
||
#docul li.bn span {
|
||
font-weight: bold;
|
||
color: var(--fg-max);
|
||
}
|
||
#doc.prism {
|
||
padding-left: 3em;
|
||
}
|
||
#doc>code {
|
||
background: none;
|
||
box-shadow: none;
|
||
z-index: 1;
|
||
}
|
||
#doc.mdo {
|
||
white-space: normal;
|
||
font-family: sans-serif;
|
||
font-family: var(--font-main), sans-serif;
|
||
}
|
||
#doc.prism * {
|
||
line-height: 1.5em;
|
||
}
|
||
#doc .line-highlight {
|
||
border-radius: .3em;
|
||
box-shadow: 0 0 .5em rgba(128,128,128,0.2);
|
||
background: linear-gradient(90deg, var(--bg-d3), var(--bg));
|
||
}
|
||
html.y #doc .line-highlight {
|
||
background: linear-gradient(90deg, var(--bg-max), var(--bg));
|
||
}
|
||
#docul li {
|
||
margin: 0;
|
||
}
|
||
#tree #docul li+li a {
|
||
display: block;
|
||
}
|
||
#seldoc.sel {
|
||
color: var(--fg2-max);
|
||
background: #f0f;
|
||
background: var(--g-sel-b1);
|
||
}
|
||
#pvol,
|
||
#barbuf,
|
||
#barpos,
|
||
a.btn,
|
||
#u2btn,
|
||
#u2conf label,
|
||
#rui label,
|
||
#modal-ok,
|
||
#modal-ng,
|
||
#ops,
|
||
#ico1 {
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
}
|
||
#hkhelp {
|
||
background: #fff;
|
||
background: var(--bg);
|
||
}
|
||
#hkhelp table {
|
||
margin: 2em 2em 0 2em;
|
||
float: left;
|
||
}
|
||
#hkhelp th {
|
||
border-bottom: 1px solid var(--bg-u5);
|
||
background: var(--bg-u1);
|
||
font-weight: bold;
|
||
text-align: right;
|
||
}
|
||
#hkhelp tr+tr th {
|
||
border-top: 1.5em solid var(--bg);
|
||
}
|
||
#hkhelp td {
|
||
padding: .2em .3em;
|
||
}
|
||
#hkhelp td:first-child {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
#hkhelp b {
|
||
text-shadow: 1px 0 0 var(--fg), -1px 0 0 var(--fg), 0 -1px 0 var(--fg);
|
||
}
|
||
html.noscroll,
|
||
html.noscroll .sbar {
|
||
scrollbar-width: none;
|
||
}
|
||
html.noscroll::-webkit-scrollbar,
|
||
html.noscroll .sbar::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* bbox */
|
||
|
||
#bbox-overlay {
|
||
display: none;
|
||
opacity: 0;
|
||
position: fixed;
|
||
overflow: hidden;
|
||
touch-action: pinch-zoom;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 10;
|
||
background: rgba(0, 0, 0, 0.8);
|
||
transition: opacity .3s ease;
|
||
}
|
||
#bbox-overlay.visible {
|
||
opacity: 1;
|
||
}
|
||
.full-image {
|
||
display: inline-block;
|
||
position: relative;
|
||
width: 100%;
|
||
height: 100%;
|
||
text-align: center;
|
||
flex: none;
|
||
}
|
||
.full-image figure {
|
||
display: inline;
|
||
margin: 0;
|
||
height: 100%;
|
||
}
|
||
.full-image img,
|
||
.full-image video {
|
||
display: inline-block;
|
||
outline: none;
|
||
width: auto;
|
||
height: auto;
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
max-height: calc(100% - 1.4em);
|
||
margin-bottom: 1.4em;
|
||
vertical-align: middle;
|
||
transition: transform .23s, left .23s, top .23s, width .23s, height .23s;
|
||
}
|
||
html.bb_fsc .full-image img,
|
||
html.bb_fsc .full-image video {
|
||
max-height: 100%;
|
||
}
|
||
html.bb_fsc figcaption {
|
||
display: none;
|
||
}
|
||
.full-image img.nt,
|
||
.full-image video.nt {
|
||
transition: none;
|
||
}
|
||
.full-image.vis img,
|
||
.full-image.vis video {
|
||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||
}
|
||
.full-image video {
|
||
background: #222;
|
||
}
|
||
.full-image figcaption {
|
||
display: block;
|
||
position: fixed;
|
||
bottom: .1em;
|
||
width: 100%;
|
||
text-align: center;
|
||
white-space: normal;
|
||
color: var(--fg);
|
||
z-index: 1;
|
||
}
|
||
#bbox-overlay figcaption a {
|
||
background: rgba(0, 0, 0, 0.6);
|
||
border-radius: .4em;
|
||
padding: .3em .6em;
|
||
}
|
||
html.y #bbox-overlay figcaption a {
|
||
color: #0bf;
|
||
}
|
||
.full-image:before {
|
||
content: "";
|
||
display: inline-block;
|
||
height: 50%;
|
||
width: 1px;
|
||
margin-right: -1px;
|
||
}
|
||
#bbox-slider {
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
white-space: nowrap;
|
||
transition: left .2s ease, transform .2s ease;
|
||
}
|
||
.bounce-from-right {
|
||
animation: bounceFromRight .3s ease-out;
|
||
}
|
||
.bounce-from-left {
|
||
animation: bounceFromLeft .3s ease-out;
|
||
}
|
||
.eog {
|
||
animation: eog .2s;
|
||
}
|
||
@keyframes bounceFromRight {
|
||
0% {margin-left: 0}
|
||
50% {margin-left: -30px}
|
||
100% {margin-left: 0}
|
||
}
|
||
@keyframes bounceFromLeft {
|
||
0% {margin-left: 0}
|
||
50% {margin-left: 30px}
|
||
100% {margin-left: 0}
|
||
}
|
||
@keyframes eog {
|
||
0% {filter: brightness(1.5)}
|
||
}
|
||
#bbox-next,
|
||
#bbox-prev {
|
||
top: 50%;
|
||
top: calc(50% - 30px);
|
||
width: 44px;
|
||
height: 60px;
|
||
transition: background-color .3s ease, color .3s ease, left .3s ease, right .3s ease;
|
||
}
|
||
#bbox-btns button {
|
||
transition: background-color .3s ease, color .3s ease;
|
||
}
|
||
#bbox-btns {
|
||
transition: top .3s ease;
|
||
}
|
||
.bbox-btn {
|
||
position: fixed;
|
||
}
|
||
#bbox-next.off {
|
||
right: -2.6em;
|
||
}
|
||
#bbox-prev.off {
|
||
left: -2.6em;
|
||
}
|
||
#bbox-btns.off {
|
||
top: -2.2em;
|
||
}
|
||
#bbox-overlay button {
|
||
cursor: pointer;
|
||
outline: none;
|
||
padding: 0 .3em;
|
||
margin: 0 .4em;
|
||
border: 0;
|
||
border-radius: 15%;
|
||
background: rgba(50, 50, 50, 0.5);
|
||
color: rgba(255,255,255,0.7);
|
||
font-size: 1.4em;
|
||
line-height: 1.4em;
|
||
vertical-align: top;
|
||
font-variant: small-caps;
|
||
}
|
||
#bbox-overlay button:focus,
|
||
#bbox-overlay button:hover {
|
||
color: rgba(255,255,255,0.9);
|
||
background: rgba(50, 50, 50, 0.9);
|
||
}
|
||
#bbox-next {
|
||
right: 1%;
|
||
}
|
||
#bbox-prev {
|
||
left: 1%;
|
||
}
|
||
#bbox-btns {
|
||
top: .5em;
|
||
right: 2%;
|
||
position: fixed;
|
||
}
|
||
#bbox-halp {
|
||
color: var(--fg-max);
|
||
background: #fff;
|
||
background: var(--bg);
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 20;
|
||
padding: .4em;
|
||
}
|
||
#bbox-halp td {
|
||
padding: .2em .5em;
|
||
}
|
||
#bbox-halp td:first-child:not([colspan]) {
|
||
text-align: right;
|
||
}
|
||
.bbox-spinner {
|
||
width: 40px;
|
||
height: 40px;
|
||
display: inline-block;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
margin-top: -20px;
|
||
margin-left: -20px;
|
||
}
|
||
.bbox-double-bounce1,
|
||
.bbox-double-bounce2 {
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 50%;
|
||
background-color: #fff;
|
||
opacity: .6;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
animation: bounce 2s infinite ease-in-out;
|
||
}
|
||
.bbox-double-bounce2 {
|
||
animation-delay: -1s;
|
||
}
|
||
@keyframes bounce {
|
||
0%, 100% {transform: scale(0)}
|
||
50% {transform: scale(1)}
|
||
}
|
||
.no-transition {
|
||
transition: none !important;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* upload.css */
|
||
|
||
#op_up2k {
|
||
padding: 0 1em 1em 1em;
|
||
}
|
||
#drops {
|
||
display: none;
|
||
z-index: 3;
|
||
background: rgba(48, 48, 48, 0.7);
|
||
}
|
||
#drops.vis,
|
||
.dropzone {
|
||
display: block;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
.dropdesc {
|
||
position: fixed;
|
||
display: table;
|
||
left: 10%;
|
||
width: 78%;
|
||
height: 26%;
|
||
margin: 0;
|
||
font-size: 3em;
|
||
font-weight: bold;
|
||
text-shadow: .05em .05em .1em #333;
|
||
background: rgba(224, 224, 224, 0.2);
|
||
box-shadow: 0 0 0 #999;
|
||
border: .5em solid var(--ud-b1);
|
||
border-radius: .5em;
|
||
border-width: 1vw;
|
||
color: #fff;
|
||
transition: all 0.12s;
|
||
}
|
||
.dropdesc.hl.ok {
|
||
border-color: #fff;
|
||
box-shadow: 0 0 1em .4em #cf5, 0 0 1em #000 inset;
|
||
background: rgba(24, 24, 24, 0.7);
|
||
left: 8%;
|
||
width: 82%;
|
||
height: 32%;
|
||
margin: -3vh 0;
|
||
}
|
||
.dropdesc.hl.err {
|
||
background: rgba(224, 32, 65, 0.2);
|
||
box-shadow: 0 0 1em .4em #f26;
|
||
border-color: #fab;
|
||
}
|
||
.dropdesc>div {
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
text-align: center;
|
||
}
|
||
.dropdesc>div>div {
|
||
position: absolute;
|
||
top: 40%;
|
||
top: calc(50% - .5em);
|
||
top: calc(50% - 1.2vw);
|
||
left: -.8em;
|
||
transition: top 0.12s;
|
||
}
|
||
.dropdesc>div>div+div {
|
||
left: auto;
|
||
right: -.8em;
|
||
}
|
||
.dropdesc b {
|
||
font-size: .5em;
|
||
font-size: 2vw;
|
||
margin: 0 .8em;
|
||
margin: 0 1.25vw;
|
||
transition: font-size 0.12s;
|
||
}
|
||
.dropdesc.hl.ok b {
|
||
border-bottom: .1em solid #fff;
|
||
font-size: .6em;
|
||
font-size: 2.5vw;
|
||
}
|
||
.dropdesc.hl.ok>div>div {
|
||
top: calc(50% - 1.7vw);
|
||
}
|
||
.dropzone {
|
||
z-index: 80386;
|
||
height: 50%;
|
||
}
|
||
#up_dz {
|
||
bottom: 50%;
|
||
}
|
||
#srch_dz {
|
||
top: 50%;
|
||
}
|
||
#up_zd {
|
||
top: 12%;
|
||
}
|
||
#srch_zd {
|
||
bottom: 12%;
|
||
}
|
||
.dropdesc span {
|
||
color: #fff;
|
||
background: #490;
|
||
border-bottom: .3em solid #6d2;
|
||
text-shadow: 1px 1px 1px #000;
|
||
border-radius: .3em;
|
||
padding: .4em .8em;
|
||
font-size: .4em;
|
||
}
|
||
.dropdesc.err span {
|
||
background: #904;
|
||
border-color: #d26;
|
||
}
|
||
#u2form {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 2px;
|
||
height: 2px;
|
||
overflow: hidden;
|
||
}
|
||
#u2form input {
|
||
background: var(--bg-u5);
|
||
border: 0px solid var(--bg-u5);
|
||
}
|
||
#u2err.err {
|
||
color: var(--a-dark);
|
||
padding: .5em;
|
||
}
|
||
#u2err.msg {
|
||
color: var(--fg-weak);
|
||
padding: .5em;
|
||
font-size: .9em;
|
||
}
|
||
#u2btn {
|
||
line-height: 1.3em;
|
||
border: .15em dashed var(--u2-btn-b1);
|
||
border-radius: .4em;
|
||
text-align: center;
|
||
font-size: 1.5em;
|
||
margin: .5em auto;
|
||
padding: .8em 0;
|
||
width: 16em;
|
||
cursor: pointer;
|
||
}
|
||
#op_up2k.srch #u2btn {
|
||
border-color: var(--u2-sbtn-b1);
|
||
}
|
||
#u2conf.ww #u2btn {
|
||
line-height: 1em;
|
||
padding: .5em 0;
|
||
margin: -2em 1em -3em 0;
|
||
}
|
||
#u2conf #u2btn {
|
||
padding: .4em 0;
|
||
margin: -2em 0;
|
||
font-size: 1.25em;
|
||
width: 100%;
|
||
max-width: 12em;
|
||
display: inline-block;
|
||
}
|
||
#u2conf #u2btn_cw {
|
||
text-align: right;
|
||
}
|
||
#u2bm {
|
||
display: block;
|
||
}
|
||
#u2bm sup {
|
||
font-weight: bold;
|
||
}
|
||
#u2notbtn {
|
||
display: none;
|
||
text-align: center;
|
||
background: var(--bg);
|
||
padding-top: 1em;
|
||
}
|
||
#u2notbtn * {
|
||
line-height: 1.3em;
|
||
}
|
||
#u2mu div {
|
||
height: 1.2em;
|
||
overflow: hidden;
|
||
}
|
||
#u2tabw {
|
||
min-height: 0;
|
||
transition: min-height .2s;
|
||
margin: 2em 0;
|
||
}
|
||
#u2tabw.na>table {
|
||
display: none;
|
||
}
|
||
#u2tab {
|
||
table-layout: fixed;
|
||
border-collapse: collapse;
|
||
width: calc(100% - 2em);
|
||
max-width: 100em;
|
||
margin: 0 auto;
|
||
}
|
||
#op_up2k.srch #u2tabf {
|
||
max-width: none;
|
||
}
|
||
#u2tab td {
|
||
word-wrap: break-word;
|
||
border: 1px solid rgba(128,128,128,0.8);
|
||
border-width: 0 0px 1px 0;
|
||
padding: .2em .3em;
|
||
}
|
||
#u2tab td:nth-child(2) {
|
||
width: 5em;
|
||
white-space: nowrap;
|
||
}
|
||
#u2tab td:nth-child(3) {
|
||
width: 40%;
|
||
}
|
||
#u2tab.up.ok td:nth-child(3),
|
||
#u2tab.up.bz td:nth-child(3),
|
||
#u2tab.up.q td:nth-child(3) {
|
||
width: 18em;
|
||
}
|
||
@media (max-width: 65em) {
|
||
#u2tab {
|
||
font-size: .9em;
|
||
}
|
||
}
|
||
@media (max-width: 50em) {
|
||
#u2tab.up.ok td:nth-child(3),
|
||
#u2tab.up.bz td:nth-child(3),
|
||
#u2tab.up.q td:nth-child(3) {
|
||
width: 16em;
|
||
}
|
||
}
|
||
#op_up2k.srch td.prog {
|
||
font-family: sans-serif;
|
||
font-family: var(--font-main), sans-serif;
|
||
font-size: 1em;
|
||
width: auto;
|
||
}
|
||
#u2tab tbody tr:hover td {
|
||
background: var(--bg-u2);
|
||
}
|
||
#u2etas {
|
||
padding: .2em .5em;
|
||
width: 17em;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
display: inline-block;
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
#u2etas.o {
|
||
width: 20em;
|
||
}
|
||
#u2etas .o {
|
||
display: none;
|
||
}
|
||
#u2etas.o .o {
|
||
display: inherit;
|
||
display: unset;
|
||
}
|
||
#u2etaw {
|
||
width: 18em;
|
||
font-size: .94em;
|
||
margin: 1.8em auto .5em auto;
|
||
}
|
||
#u2etas.o #u2etaw {
|
||
width: 21em;
|
||
}
|
||
#u2cards {
|
||
padding: 1em 1em .42em 1em;
|
||
margin: 0 auto;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
min-width: 24em;
|
||
}
|
||
#u2cards.w {
|
||
width: 48em;
|
||
text-align: left;
|
||
}
|
||
#u2cards.ww {
|
||
display: inline-block;
|
||
}
|
||
#u2etaw.w {
|
||
width: 55em;
|
||
text-align: right;
|
||
margin: 2em auto -2.7em auto;
|
||
}
|
||
#u2etaw.ww {
|
||
margin: -1em 2em 1em 1em;
|
||
}
|
||
#u2cards a {
|
||
padding: .2em 1em;
|
||
background: var(--u2-tab-bg);
|
||
border: 1px solid #999;
|
||
border-color: var(--u2-tab-b1);
|
||
border-width: 0 0 1px 0;
|
||
}
|
||
#u2cards a:first-child {
|
||
border-radius: .4em 0 0 0;
|
||
}
|
||
#u2cards a:last-child {
|
||
border-radius: 0 .4em 0 0;
|
||
}
|
||
#u2cards a.act {
|
||
padding-bottom: .5em;
|
||
border-width: 1px 1px .1em 1px;
|
||
border-radius: .3em .3em 0 0;
|
||
margin-left: -1px;
|
||
background: var(--u2-tab-1-bg);
|
||
box-shadow: 0 -.17em .67em var(--u2-tab-1-sh);
|
||
border-color: var(--u2-tab-1-b1) var(--u2-tab-1-b2) var(--bg) var(--u2-tab-1-b2);
|
||
color: var(--u2-tab-1-fg);
|
||
position: relative;
|
||
}
|
||
#u2cards span {
|
||
color: var(--fg-max);
|
||
font-family: 'scp', monospace;
|
||
font-family: var(--font-mono), 'scp', monospace;
|
||
}
|
||
#u2cards > a:nth-child(4) > span {
|
||
display: inline-block;
|
||
text-align: center;
|
||
min-width: 1.3em;
|
||
}
|
||
#u2conf {
|
||
margin: 1em auto;
|
||
width: 30em;
|
||
}
|
||
#u2conf.w {
|
||
width: 51em;
|
||
}
|
||
#u2conf.ww {
|
||
width: 82em;
|
||
}
|
||
#u2conf.ww #u2c3w {
|
||
width: 29em;
|
||
}
|
||
#u2conf.ww #u2c3w.s {
|
||
width: 39em;
|
||
}
|
||
#u2conf .c,
|
||
#u2conf .c * {
|
||
text-align: center;
|
||
line-height: 1em;
|
||
margin: 0;
|
||
padding: 0;
|
||
border: none;
|
||
}
|
||
#u2conf .txtbox {
|
||
width: 3em;
|
||
color: var(--fg-max);
|
||
background: var(--u2-txt-bg);
|
||
border: 1px solid #777;
|
||
font-size: 1.2em;
|
||
padding: .15em 0;
|
||
height: 1.05em;
|
||
}
|
||
#u2conf .txtbox.err {
|
||
color: var(--err-fg);
|
||
background: var(--err-bg);
|
||
}
|
||
#u2conf a.b {
|
||
color: var(--u2-b-fg);
|
||
background: var(--u2-b1-bg);
|
||
text-decoration: none;
|
||
border-radius: .1em;
|
||
font-size: 1.5em;
|
||
padding: .1em 0;
|
||
margin: 0 -1px;
|
||
width: 1.5em;
|
||
height: 1em;
|
||
display: inline-block;
|
||
position: relative;
|
||
bottom: -0.08em;
|
||
}
|
||
#u2conf input+a.b {
|
||
background: var(--u2-b2-bg);
|
||
}
|
||
html.b #u2conf a.b:hover {
|
||
background: var(--btn-h-bg);
|
||
}
|
||
#u2conf .c label {
|
||
font-size: 1.6em;
|
||
width: 2em;
|
||
height: 1em;
|
||
padding: .4em 0;
|
||
display: block;
|
||
border-radius: .25em;
|
||
}
|
||
#u2conf input[type="checkbox"] {
|
||
position: relative;
|
||
opacity: .02;
|
||
top: 2em;
|
||
}
|
||
#u2conf input[type="checkbox"]+label,
|
||
#u2conf input[type="checkbox"]:checked+label {
|
||
position: relative;
|
||
cursor: pointer;
|
||
background: var(--btn-bg);
|
||
box-shadow: var(--btn-bs);
|
||
border-bottom: var(--btn-bb);
|
||
text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000;
|
||
}
|
||
#u2conf input[type="checkbox"]:checked+label {
|
||
background: var(--btn-1-bg);
|
||
box-shadow: var(--btn-1-bs);
|
||
border-bottom: var(--btn-1-bb);
|
||
}
|
||
#u2conf input[type="checkbox"]+label:hover {
|
||
background: var(--btn-h-bg);
|
||
box-shadow: var(--btn-h-bs);
|
||
border-bottom: var(--btn-h-bb);
|
||
}
|
||
#u2conf input[type="checkbox"]:checked+label:hover {
|
||
background: var(--btn-1h-bg);
|
||
box-shadow: var(--btn-1h-bs);
|
||
border-bottom: var(--btn-1h-bb);
|
||
}
|
||
#op_up2k.srch #u2conf td:nth-child(2)>*,
|
||
#op_up2k.srch #u2conf td:nth-child(3)>* {
|
||
background: #777;
|
||
border-color: var(--fg);
|
||
box-shadow: none;
|
||
opacity: .2;
|
||
}
|
||
#u2flagblock {
|
||
display: none;
|
||
margin: 2em auto 4em auto;
|
||
padding: .5em;
|
||
max-width: 27em;
|
||
text-align: center;
|
||
border: .2em dashed rgba(128, 128, 128, 0.3);
|
||
}
|
||
#u2foot,
|
||
#u2life {
|
||
color: var(--fg-max);
|
||
text-align: center;
|
||
margin: .8em 0;
|
||
}
|
||
#u2life {
|
||
margin: 2.5em 0;
|
||
line-height: 1.5em;
|
||
}
|
||
#u2life div {
|
||
display: inline-block;
|
||
white-space: nowrap;
|
||
margin: 0 2em;
|
||
}
|
||
#u2life div:first-child {
|
||
margin-bottom: .2em;
|
||
}
|
||
#u2life small {
|
||
opacity: .6;
|
||
}
|
||
#lifew {
|
||
border-bottom: 1px dotted var(--fg-max);
|
||
}
|
||
#u2foot {
|
||
font-size: 1.2em;
|
||
font-style: italic;
|
||
}
|
||
#u2foot .warn {
|
||
font-size: 1.2em;
|
||
padding: .5em .8em;
|
||
margin: 1em -.6em;
|
||
border-width: .1em 0;
|
||
text-align: center;
|
||
}
|
||
#u2foot .warn span {
|
||
color: var(--srv-3);
|
||
}
|
||
#u2foot span {
|
||
color: #999;
|
||
font-size: .9em;
|
||
font-weight: normal;
|
||
}
|
||
#u2foot>*+* {
|
||
margin-top: 1.5em;
|
||
}
|
||
#u2life input {
|
||
width: 4em;
|
||
text-align: right;
|
||
}
|
||
.prog {
|
||
font-family: 'scp', monospace, monospace;
|
||
font-family: var(--font-mono), 'scp', monospace, monospace;
|
||
}
|
||
#u2tab span.inf,
|
||
#u2tab span.ok,
|
||
#u2tab span.err {
|
||
color: #fff;
|
||
padding: .22em;
|
||
border-radius: .2em;
|
||
border: 2px solid #f0f;
|
||
}
|
||
#u2tab span.inf {
|
||
background: var(--u2-inf-bg);
|
||
border-color: var(--u2-inf-b1);
|
||
}
|
||
#u2tab span.ok {
|
||
background: var(--u2-ok-bg);
|
||
border-color: var(--u2-ok-b1);
|
||
}
|
||
#u2tab span.err {
|
||
background: var(--u2-err-bg);
|
||
border-color: var(--u2-err-b1);
|
||
}
|
||
#u2tab a>span,
|
||
#docul .bn a>span,
|
||
#unpost a>span {
|
||
font-weight: bold;
|
||
font-style: italic;
|
||
color: var(--fg-max);
|
||
padding-left: .2em;
|
||
}
|
||
.fsearch_explain {
|
||
color: var(--a-dark);
|
||
padding-left: .7em;
|
||
font-size: 1.1em;
|
||
line-height: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
html.c #path,
|
||
html.a #path {
|
||
border-radius: 0 .3em .3em 0;
|
||
}
|
||
html.c #pctl a,
|
||
html.a #pctl a {
|
||
background: rgba(0,0,0,0.1);
|
||
margin-right: .5em;
|
||
box-shadow: -.02em -.02em .3em rgba(0,0,0,0.2) inset;
|
||
}
|
||
html.d #pctl,
|
||
html.b #pctl {
|
||
left: .5em;
|
||
}
|
||
html.d #ops,
|
||
html.c #ops,
|
||
html.a #ops {
|
||
margin: 1.7em 1.5em 0 1.5em;
|
||
border-radius: .3em;
|
||
border-width: 1px 0;
|
||
}
|
||
html.c .opbox,
|
||
html.a .opbox {
|
||
margin: 1.5em 0 0 0;
|
||
}
|
||
html.dz .opview input.i {
|
||
width: calc(100% - 18em);
|
||
}
|
||
html.c #tree,
|
||
html.c #treeh,
|
||
html.a #tree,
|
||
html.a #treeh {
|
||
border-radius: 0 .3em 0 0;
|
||
background: var(--bg-u2);
|
||
}
|
||
html.c #treepar,
|
||
html.a #treepar {
|
||
background: var(--bg-u2);
|
||
}
|
||
html.c #tree li,
|
||
html.a #tree li {
|
||
border-top: 1px solid var(--bg-u5);
|
||
border-bottom: 1px solid var(--bg-d3);
|
||
}
|
||
html.c #tree li:last-child,
|
||
html.a #tree li:last-child {
|
||
border-bottom: none;
|
||
}
|
||
html.c .opbox h3,
|
||
html.a .opbox h3 {
|
||
border-bottom: 1px solid var(--bg-u5);
|
||
}
|
||
html.c #ops,
|
||
html.c .opbox,
|
||
html.c #path,
|
||
html.c #srch_form,
|
||
html.c .ghead,
|
||
|
||
html.a #ops,
|
||
html.a .opbox,
|
||
html.a #path,
|
||
html.a #srch_form,
|
||
html.a .ghead {
|
||
background: var(--bg-u2);
|
||
border: 1px solid var(--bg-u3);
|
||
box-shadow: 0 0 .3em var(--bg-d3);
|
||
}
|
||
html.c #u2btn,
|
||
html.a #u2btn {
|
||
color: #eee;
|
||
background: var(--bg-u5);
|
||
background: -moz-linear-gradient(top, #367 0%, #489 50%, #38788a 51%, #367 100%);
|
||
background: -webkit-linear-gradient(top, #367 0%, #489 50%, #38788a 51%, #367 100%);
|
||
background: linear-gradient(to bottom, #367 0%, #489 50%, #38788a 51%, #367 100%);
|
||
box-shadow: .4em .4em 0 var(--bg-d3);
|
||
border: 1px solid #222;
|
||
}
|
||
html.ay #u2btn {
|
||
box-shadow: .4em .4em 0 #ccc;
|
||
}
|
||
html.dz #u2btn {
|
||
letter-spacing: -.033em;
|
||
}
|
||
html.c #u2conf.ww #u2btn,
|
||
html.a #u2conf.ww #u2btn {
|
||
margin: -2em .5em -3em 0;
|
||
padding: .9em 0;
|
||
}
|
||
html.c #op_up2k.srch #u2btn,
|
||
html.a #op_up2k.srch #u2btn {
|
||
background: linear-gradient(to bottom, #ca3 0%, #fd8 50%, #fc6 51%, #b92 100%);
|
||
text-shadow: 1px 1px 1px #fc6;
|
||
color: #333;
|
||
}
|
||
html.c #u2conf #u2btn,
|
||
html.a #u2conf #u2btn {
|
||
padding: .6em 0;
|
||
margin-top: -2.6em;
|
||
}
|
||
html.c #u2etas,
|
||
html.a #u2etas {
|
||
background: var(--bg-d1);
|
||
border: 1px solid var(--bg-u1);
|
||
border-width: .1em 0;
|
||
border-radius: .5em;
|
||
border-width: .25em 0;
|
||
}
|
||
html.c #u2cards,
|
||
html.a #u2cards {
|
||
margin: 0 auto -1em auto;
|
||
}
|
||
html.c #u2foot:empty,
|
||
html.a #u2foot:empty {
|
||
margin-bottom: -1em;
|
||
}
|
||
html.ay #ops,
|
||
html.ay .opbox,
|
||
html.ay #path,
|
||
html.ay #doc,
|
||
html.ay #srch_form,
|
||
html.ay .ghead,
|
||
html.ay #u2etas {
|
||
border-color: var(--bg-u2);
|
||
box-shadow: 0 0 .3em var(--bg-u5);
|
||
}
|
||
html.ay #tree li,
|
||
html.ay #treepar {
|
||
border-color: #f7f7f7 var(--bg-max) #ddd var(--bg-max);
|
||
}
|
||
html.ay #path {
|
||
background: #f7f7f7;
|
||
box-shadow: 0 0 .3em #bbb;
|
||
}
|
||
html.ay #treeh,
|
||
html.ay #treepar {
|
||
background: #f7f7f7;
|
||
border-color: #ddd;
|
||
}
|
||
html.ay #tree {
|
||
border-color: #ddd;
|
||
box-shadow: 0 0 1em #ddd;
|
||
background: #f7f7f7;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
html.b #path {
|
||
margin: .3em 0;
|
||
line-height: 1.7em;
|
||
}
|
||
html.b.op_open #path {
|
||
margin-top: .2em;
|
||
}
|
||
html.b #srv_info {
|
||
display: none;
|
||
}
|
||
html.b #srv_info2 {
|
||
display: inline-block;
|
||
}
|
||
html.b #srv_info2:after {
|
||
content: '//';
|
||
margin: 0 .4em;
|
||
}
|
||
html.b #acc_info {
|
||
right: .5em;
|
||
}
|
||
html.b #wtoggle {
|
||
border-radius: .1em 0 0 0;
|
||
}
|
||
html.d #barpos,
|
||
html.d #barbuf,
|
||
html.d #pvol,
|
||
html.b #barpos,
|
||
html.b #barbuf,
|
||
html.b #pvol {
|
||
border-radius: .2em;
|
||
}
|
||
html.b #barpos {
|
||
box-shadow: 0 0 0 1px rgba(0,0,0,0.4);
|
||
}
|
||
html.by #barpos {
|
||
box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
|
||
}
|
||
html.b #ops {
|
||
max-width: 1em;
|
||
margin-bottom: 1.7em;
|
||
position: relative;
|
||
z-index: 2;
|
||
}
|
||
html.b #ops a {
|
||
background: var(--bg);
|
||
}
|
||
html.b .opview {
|
||
margin: 1em 0;
|
||
}
|
||
html.b #srch_q {
|
||
margin: .2em 0 0 1.6em;
|
||
}
|
||
html.b #srch_q:empty {
|
||
margin-bottom: -1em;
|
||
}
|
||
html.b #op_up2k {
|
||
margin-top: 3em;
|
||
}
|
||
html.b #tree {
|
||
box-shadow: 0 -1px 0 rgba(128,128,128,0.4);
|
||
}
|
||
html.bz #tree {
|
||
box-shadow: 0 -1px 0 var(--bg-d3);
|
||
}
|
||
html.b #treeh,
|
||
html.b #tree li {
|
||
border: none;
|
||
}
|
||
html.b #tree li {
|
||
margin-left: .8em;
|
||
}
|
||
html.b #docul a,
|
||
html.b .ntree a {
|
||
padding: .6em .2em;
|
||
}
|
||
html.b #treepar {
|
||
margin-left: .63em;
|
||
width: calc(.1em + var(--nav-sz) - var(--sbw));
|
||
border-bottom: .2em solid var(--f-h-b1);
|
||
}
|
||
html.b #wrap {
|
||
margin-top: 2em;
|
||
}
|
||
html.by .ghead,
|
||
html.bz .ghead {
|
||
background: var(--bg);
|
||
padding: .2em 0;
|
||
}
|
||
html.b #files td {
|
||
padding: .5em .7em;
|
||
}
|
||
html.b #ggrid>a {
|
||
margin: .8em;
|
||
}
|
||
html.b .btn {
|
||
top: -.1em;
|
||
}
|
||
html.b #op_up2k.srch sup {
|
||
color: #fc0;
|
||
}
|
||
html.by #u2btn sup {
|
||
color: #06b;
|
||
}
|
||
html.by #op_up2k.srch sup {
|
||
color: #b70;
|
||
}
|
||
html.bz #u2cards a.act {
|
||
box-shadow: 0 -.1em .2em var(--bg-d2);
|
||
}
|
||
html.b #u2conf {
|
||
margin: 2em auto 0 auto;
|
||
}
|
||
html.b #u2conf .txtbox {
|
||
border: none;
|
||
}
|
||
html.b #u2conf a.b {
|
||
border-radius: .2em;
|
||
}
|
||
html.by #u2cards a.act {
|
||
border-width: 2px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
html.cy .mdo a {
|
||
background: #f00;
|
||
}
|
||
html.cy #wrap,
|
||
html.cy #acc_info a,
|
||
html.cy #op_up2k,
|
||
html.cy #files,
|
||
html.cy #files a,
|
||
html.cy #files tbody div a:last-child {
|
||
color: #000;
|
||
}
|
||
html.cy #u2tab a,
|
||
html.cy #u2cards a {
|
||
color: #f00;
|
||
}
|
||
html.cy #unpost a {
|
||
color: #ff0;
|
||
}
|
||
html.cy #barbuf {
|
||
filter: hue-rotate(267deg) brightness(0.8) contrast(4);
|
||
}
|
||
html.cy #pvol {
|
||
filter: hue-rotate(4deg) contrast(2.2);
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
html.dz * {
|
||
border-radius: 0 !important;
|
||
}
|
||
html.d #treepar {
|
||
border-bottom: .2em solid var(--f-h-b1);
|
||
}
|
||
|
||
|
||
|
||
|
||
@media (max-width: 32em) {
|
||
#u2conf {
|
||
font-size: .9em;
|
||
}
|
||
}
|
||
@media (max-width: 28em) {
|
||
#u2conf {
|
||
font-size: .8em;
|
||
}
|
||
}
|
||
@media (min-width: 70em) {
|
||
#barpos,
|
||
#barbuf {
|
||
width: calc(100% - 21em);
|
||
left: 9.8em;
|
||
top: .7em;
|
||
height: 1.6em;
|
||
bottom: auto;
|
||
}
|
||
html.d #barpos,
|
||
html.b #barpos,
|
||
html.d #barbuf,
|
||
html.b #barbuf {
|
||
width: calc(100% - 19em);
|
||
left: 8em;
|
||
}
|
||
#widget {
|
||
bottom: -3.2em;
|
||
height: 3.2em;
|
||
}
|
||
#pvol {
|
||
max-width: 9em;
|
||
}
|
||
html.d #ops,
|
||
html.b #ops {
|
||
padding-left: 1.7em;
|
||
}
|
||
html.d .opview,
|
||
html.b .opview {
|
||
margin: 1em;
|
||
}
|
||
html.d #path,
|
||
html.b #path {
|
||
padding-left: 1.3em;
|
||
}
|
||
}
|
||
@media (max-width: 35em) {
|
||
#ops>a[data-dest="new_md"],
|
||
#ops>a[data-dest="msg"] {
|
||
display: none;
|
||
}
|
||
#op_mkdir.act+div,
|
||
#op_mkdir.act+div+div {
|
||
display: block;
|
||
margin-top: 1em;
|
||
}
|
||
}
|
||
@media (max-width: 54em) {
|
||
html.b #ops {
|
||
margin-top: 1.7em;
|
||
}
|
||
}
|
||
@supports (display: grid) and (gap: 1em) {
|
||
#ggrid {
|
||
display: grid;
|
||
margin: 0em 0.25em;
|
||
padding: unset;
|
||
grid-template-columns: repeat(auto-fit,var(--grid-sz));
|
||
justify-content: center;
|
||
gap: 1em;
|
||
}
|
||
|
||
html.b #ggrid {
|
||
padding: 0 2em 2em 0;
|
||
gap: .5em 3em;
|
||
}
|
||
|
||
#ggrid > a {
|
||
margin: unset;
|
||
padding: unset;
|
||
}
|
||
|
||
#ggrid>a>span {
|
||
text-align: center;
|
||
padding: .2em .2em .15em .2em;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
@media (prefers-reduced-motion) {
|
||
@keyframes spin { }
|
||
@keyframes gexit { }
|
||
@keyframes bounce { }
|
||
@keyframes bounceFromLeft { }
|
||
@keyframes bounceFromRight { }
|
||
|
||
#ggrid>a:before,
|
||
#widget.anim,
|
||
#u2tabw,
|
||
.dropdesc,
|
||
.dropdesc b,
|
||
.dropdesc>div>div {
|
||
transition: none;
|
||
}
|
||
#bbox-next,
|
||
#bbox-prev,
|
||
#bbox-btns {
|
||
transition: background-color .3s ease, color .3s ease;
|
||
}
|
||
}
|
||
html.ey {
|
||
--negative-space: 0em; /* Use this to change the global spacing of the 95 theme */
|
||
--font-main: consolas;
|
||
--font-serif: consolas;
|
||
--font-mono: consolas;
|
||
--w: #fff;
|
||
--w2: #dfdfdf;
|
||
--w3: grey;
|
||
--fg: #000;
|
||
--fg-max: #0000ff;
|
||
--fg-weak: #0000ff;
|
||
--bg: #c6c3c6;
|
||
--bg-d3: #ff0;
|
||
--bg-d2: var(--w3);
|
||
--bg-d1: var(--bg);
|
||
--bg-u2: var(--bg);
|
||
--bg-u3: var(--bg);
|
||
--bg-u5: var(--shadow-color-2);
|
||
--tab-alt: #00f;
|
||
--g-fsel-bg: #00f;
|
||
--g-sel-bg: #00f;
|
||
--g-fsel-b1: #fff;
|
||
--row-alt: var(--w);
|
||
--scroll: var(--silver);
|
||
--f-sel-sh: transparent;
|
||
--a: #000;
|
||
--a-b: #fff;
|
||
--a-hil: #fff;
|
||
--a-h-bg: var(--bg);
|
||
--a-dark: var(--a);
|
||
--a-gray: var(--fg-weak);
|
||
--btn-fg: var(--fg);
|
||
--btn-bg: var(--bg);
|
||
--btn-h-fg: var(--fg);
|
||
--btn-h-bg: var(--bg);
|
||
--btn-1-fg: var(--fg);
|
||
--btn-1-bg: var(--bg);
|
||
--btn-1h-bg: var(--bg-d3);
|
||
--txt-sh: a;
|
||
--txt-bg: var(--white);
|
||
--u2-b1-bg: var(--w2);
|
||
--u2-b2-bg: var(--w2);
|
||
--u2-txt-bg: var(--w2);
|
||
--u2-tab-bg: a;
|
||
--u2-tab-1-bg: var(--w2);
|
||
--sort-1: var(--fg-weak);
|
||
--tree-bg: var(--w);
|
||
--g-b1: a;
|
||
--g-b2: a;
|
||
--g-f-bg: var(--w2);
|
||
--f-sh1: 0.1;
|
||
--f-sh2: 0.02;
|
||
--f-sh3: 0.1;
|
||
--f-h-b1: a;
|
||
--srv-1: var(--w);
|
||
--srv-3: var(--a);
|
||
--mp-sh: a;
|
||
--black: #000;
|
||
--white: #fff;
|
||
--grey: grey;
|
||
--silver: silver;
|
||
--transparent: transparent;
|
||
--shadow-color-1: #0a0a0a;
|
||
--shadow-color-2: #808080;
|
||
--border-dashed-black: 1px dashed var(--black);
|
||
--radius: 0;
|
||
--focus-outline: 1px dashed var(--black);
|
||
--hover-outline: 1px dotted var(--black);
|
||
--fm-off: var(--w3);
|
||
--ttlbar: linear-gradient(90deg, navy, #1084d0);
|
||
--inset-bg: var(--white);
|
||
--scroll-bkg: var(--white);
|
||
|
||
/*All sides*/
|
||
--shadow-outset: inset -1px -1px var(--shadow-color-1),
|
||
inset 1px 1px var(--white), inset -2px -2px var(--grey),
|
||
inset 2px 2px var(--w2);
|
||
|
||
--shadow-inset: inset -1px -1px var(--white),
|
||
inset 1px 1px var(--shadow-color-1), inset -2px -2px var(--w2),
|
||
inset 2px 2px var(--shadow-color-2);
|
||
|
||
--shadow-input: inset -1px -1px var(--white), inset 1px 1px var(--grey),
|
||
inset -2px -2px var(--w2), inset 2px 2px var(--shadow-color-1);
|
||
|
||
/*Indiv sides*/
|
||
--shadow-outset-bottom: inset 0 -1px var(--shadow-color-1),
|
||
inset 0 -2px var(--grey);
|
||
--shadow-outset-right: inset -1px 0 var(--shadow-color-1),
|
||
inset -2px 0 var(--grey);
|
||
--shadow-outset-left: inset 1px 0 var(--white), inset 2px 0 var(--w2);
|
||
--shadow-outset-top: inset 0 1px var(--white), inset 0 2px var(--w2);
|
||
|
||
--shadow-inset-bottom: inset 0 -1px var(--white), inset 0 -2px var(--w2);
|
||
--shadow-inset-right: inset -1px 0 var(--white), inset -2px 0 var(--w2);
|
||
--shadow-inset-left: inset 1px 0 var(--shadow-color-1),
|
||
inset 2px 0 var(--shadow-color-2);
|
||
--shadow-inset-top: inset 0 1px var(--shadow-color-1),
|
||
inset 0 2px var(--shadow-color-2);
|
||
}
|
||
html.ez {
|
||
--negative-space: 0em; /* Use this to change the global spacing of your theme :) */
|
||
--font-main: consolas;
|
||
--font-serif: consolas;
|
||
--font-mono: consolas;
|
||
--w: #fff;
|
||
--w2: var(--inset-bg);
|
||
--w3: grey;
|
||
--fg: #cfcfcf;
|
||
--fg-max: #47b8ff;
|
||
--fg-weak: #47b8ff;
|
||
--bg: #383838;
|
||
--bg-d3: #600000;
|
||
--bg-d2: var(--shadow-color-1);
|
||
--bg-d1: var(--bg);
|
||
--u2-tab-1-fg: #ff0;
|
||
--bg-u2: var(--bg);
|
||
--bg-u3: var(--bg);
|
||
--bg-u5: var(--shadow-color-2);
|
||
--tab-alt: #47b8ff;
|
||
--g-fsel-bg: #0000b7;
|
||
--g-sel-bg: #00f;
|
||
--g-fsel-b1: #fff;
|
||
--row-alt: #555555;
|
||
--scroll: #555555;
|
||
--f-sel-sh: transparent;
|
||
--a: var(--fg);
|
||
--a-b: var(--fg);
|
||
--a-hil: var(--fg);
|
||
--btn-1h-bg: var(--bg-d3);
|
||
--a-h-bg: var(--bg);
|
||
--a-dark: var(--a);
|
||
--a-gray: var(--fg-weak);
|
||
--btn-fg: var(--white);
|
||
--btn-bg: var(--bg);
|
||
--btn-h-fg: var(--white);
|
||
--btn-h-bg: var(--bg);
|
||
--btn-1-fg: var(--white);
|
||
--btn-1-bg: var(--bg);
|
||
--txt-sh: a;
|
||
--u2-b1-bg: var(--w2);
|
||
--u2-b2-bg: var(--w2);
|
||
--u2-txt-bg: var(--w2);
|
||
--u2-tab-bg: a;
|
||
--u2-tab-1-bg: var(--w2);
|
||
--sort-1: var(--fg-weak);
|
||
--g-b1: a;
|
||
--g-b2: a;
|
||
--g-f-bg: var(--w2);
|
||
--f-sh1: 0.1;
|
||
--f-sh2: 0.02;
|
||
--f-sh3: 0.1;
|
||
--f-h-b1: a;
|
||
--srv-1: var(--w);
|
||
--srv-3: var(--a);
|
||
--mp-sh: a;
|
||
--black: #000;
|
||
--white: #fff;
|
||
--grey: grey;
|
||
--silver: #858585;
|
||
--transparent: transparent;
|
||
--shadow-color-1: #101010;
|
||
--shadow-color-2: #1f1f1f;
|
||
--border-dashed-black: 1px dashed var(--shadow-color-1);
|
||
--radius: 0;
|
||
--focus-outline: 1px dashed var(--white);
|
||
--hover-outline: 1px dotted var(--white);
|
||
--fm-off: var(--w3);
|
||
--ttlbar: linear-gradient(90deg, var(--shadow-color-1) 20%, #888888);
|
||
--inset-bg: #3f3f3f;
|
||
--tree-bg: var(--inset-bg);
|
||
--txt-bg: var(--inset-bg);
|
||
--scroll-bkg: var(--black);
|
||
|
||
/*All sides*/
|
||
--shadow-outset: inset -1px -1px var(--shadow-color-1), inset 1px 1px #878787,
|
||
inset -2px -2px var(--shadow-color-2), inset 2px 2px #575757;
|
||
|
||
--shadow-inset: inset -1px -1px #878787, inset 1px 1px var(--shadow-color-1),
|
||
inset -2px -2px #575757, inset 2px 2px var(--shadow-color-2);
|
||
|
||
--shadow-input: inset -1px -1px var(--white),
|
||
inset 1px 1px var(--shadow-color-2), inset -2px -2px #575757,
|
||
inset 2px 2px var(--shadow-color-1);
|
||
|
||
--shadow-outset-bottom: inset 0 -1px var(--shadow-color-1),
|
||
inset 0 -2px var(--shadow-color-2);
|
||
--shadow-outset-right: inset -1px 0 var(--shadow-color-1),
|
||
inset -2px 0 var(--shadow-color-2);
|
||
--shadow-outset-left: inset 1px 0 #878787, inset 2px 0 #575757;
|
||
--shadow-outset-top: inset 0 1px #878787, inset 0 2px #575757;
|
||
|
||
--shadow-inset-bottom: inset 0 -1px #878787, inset 0 -2px #575757;
|
||
--shadow-inset-right: inset -1px 0 #878787, inset -2px 0 #575757;
|
||
--shadow-inset-left: inset 1px 0 var(--shadow-color-1),
|
||
inset 2px 0 var(--shadow-color-2);
|
||
--shadow-inset-top: inset 0 1px var(--shadow-color-1),
|
||
inset 0 2px var(--shadow-color-2);
|
||
}
|
||
|
||
html.e {
|
||
text-shadow: none;
|
||
}
|
||
html.e #files,
|
||
html.e #u2conf input[type="checkbox"]:hover + label,
|
||
html.e .tgl.btn.on:hover,
|
||
html.e body {
|
||
background: var(--bg);
|
||
}
|
||
html.e #pctl a,
|
||
html.e #repl,
|
||
html.e #u2conf a,
|
||
html.e #u2conf input[type="checkbox"] + label,
|
||
html.e #wfp a,
|
||
html.e .btn,
|
||
html.e .eq_step,
|
||
html.e input[type="submit"] {
|
||
box-shadow: var(--shadow-outset);
|
||
border-radius: var(--radius);
|
||
background: var(--bg);
|
||
border: 0;
|
||
}
|
||
a.s0r,
|
||
html.e #ghead a.s0,
|
||
html.e #u2conf input[type="checkbox"]:checked + label,
|
||
html.e .tgl.btn.on,
|
||
html.e input[type="submit"]:active {
|
||
box-shadow: var(--shadow-inset) !important;
|
||
}
|
||
html.e #ops a:hover,
|
||
html.e #pctl a:hover,
|
||
html.e #repl:hover,
|
||
html.e #u2conf a:hover,
|
||
html.e #u2conf input[type="checkbox"]:hover + label,
|
||
html.e #wfp a:hover,
|
||
html.e .btn:hover,
|
||
html.e .eq_step:hover,
|
||
html.e input[type="submit"]:hover {
|
||
outline: var(--hover-outline);
|
||
outline-offset: -4px;
|
||
}
|
||
html.e .ntree a:hover,
|
||
html.e :focus,
|
||
html.e :focus + label,
|
||
html.e a:active,
|
||
html.e tr:focus,
|
||
input[type="text"]:focus {
|
||
outline: var(--focus-outline) !important;
|
||
}
|
||
html.e tr:focus {
|
||
box-shadow: none;
|
||
}
|
||
html.e #pctl a:focus,
|
||
html.e #repl:hover,
|
||
html.e #u2conf input[type="checkbox"]:focus + label,
|
||
html.e #wfp a:focus,
|
||
html.e .btn:focus,
|
||
html.e .eq_step:focus {
|
||
border: 0 !important;
|
||
outline: var(--focus-outline) !important;
|
||
outline-offset: 2px;
|
||
box-shadow: var(--shadow-outset) !important;
|
||
}
|
||
html.e #files tbody,
|
||
html.e #u2cards a.act {
|
||
box-shadow: var(--shadow-inset);
|
||
}
|
||
html.e #files {
|
||
border: 2px groove var(--transparent);
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
padding: 0.3em;
|
||
top: 0;
|
||
border: 0;
|
||
}
|
||
html.e #files tbody tr td,
|
||
html.e #files thead th {
|
||
border-radius: var(--radius);
|
||
}
|
||
#files td {
|
||
background: var(--w2);
|
||
}
|
||
html.e #files tr {
|
||
background-color: var(--black);
|
||
}
|
||
html.e #srv_info span,
|
||
html.e label {
|
||
color: var(--btn-fg) !important;
|
||
}
|
||
html.e #acc_info {
|
||
background: var(--transparent);
|
||
color: var(--white);
|
||
height: 2em;
|
||
left: 1em;
|
||
width: fit-content;
|
||
}
|
||
html.e #acc_info,
|
||
html.e #ops,
|
||
html.e #srv_info {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
html.e #acc_info span.warn,
|
||
html.e #acc_info a {
|
||
color: var(--white);
|
||
}
|
||
html.e #flogout:before {
|
||
padding-left: 0.2em;
|
||
padding-right: 0.4em;
|
||
content: " | ";
|
||
}
|
||
html.e #blogout {
|
||
color: var(--w);
|
||
box-shadow: none;
|
||
background: transparent;
|
||
}
|
||
html.e .opwide > div {
|
||
border-left: 1px solid var(--fg);
|
||
}
|
||
html.e #srv_info {
|
||
background: var(--transparent);
|
||
color: var(--white);
|
||
height: fit-content;
|
||
top: 3.2em;
|
||
left: 1em;
|
||
gap: 0.2em;
|
||
}
|
||
html.e #u2cards a.act {
|
||
padding: 0.2em 1em;
|
||
}
|
||
html.e #u2btn {
|
||
border: var(--border-dashed-black);
|
||
border-radius: var(--border-radius);
|
||
transform: translateY(30%);
|
||
}
|
||
html.e #ops,
|
||
html.e #ops a {
|
||
border-radius: var(--radius);
|
||
}
|
||
@media only screen and (max-width: 600px) {
|
||
html.e #acc_info {
|
||
background: var(--transparent);
|
||
color: var(--white);
|
||
height: fit-content;
|
||
align-items: center;
|
||
top: 3.2em;
|
||
right: 1em;
|
||
left: auto;
|
||
display: flex;
|
||
gap: 0.2em;
|
||
}
|
||
html.e #u2btn {
|
||
transform: none;
|
||
}
|
||
}
|
||
html.e #ops {
|
||
background: var(--ttlbar);
|
||
/*HC*/
|
||
box-shadow: inset 0-1px grey, inset 0-2px var(--shadow-color-1);
|
||
height: 2em;
|
||
gap: 0.6em;
|
||
padding: 0.2em;
|
||
flex-direction: row-reverse;
|
||
margin-bottom: 1.2em;
|
||
}
|
||
html.e #srch_form,
|
||
html.e .opbox {
|
||
padding-bottom: 1em;
|
||
padding-top: 1em;
|
||
max-width: 100vw;
|
||
}
|
||
html.e #ghead,
|
||
html.e #ops a {
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
html.e #ops a {
|
||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
|
||
height: 1.4em;
|
||
padding: 0;
|
||
box-shadow: var(--shadow-outset);
|
||
background: var(--bg);
|
||
aspect-ratio: 1/1;
|
||
justify-content: center;
|
||
font-size: 1.25em;
|
||
z-index: 4;
|
||
}
|
||
html.e #blogout:focus,
|
||
html.e #ops a:focus {
|
||
outline: 1px dashed var(--w) !important;
|
||
}
|
||
|
||
html.e #blogout:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
html.e #ops > a:not(:first-child).act {
|
||
height: 1.4em;
|
||
width: 1.4em;
|
||
padding-bottom: 0.3em;
|
||
margin-top: 0.3em;
|
||
border-top-left-radius: 3px;
|
||
border-top-right-radius: 3px;
|
||
box-shadow: var(--shadow-inset-left), var(--shadow-inset-top),
|
||
var(--shadow-inset-right);
|
||
z-index: 6;
|
||
}
|
||
html.e #ops a.act {
|
||
box-shadow: var(--shadow-inset);
|
||
border-bottom: 0;
|
||
}
|
||
html.e a:active {
|
||
border: 0;
|
||
}
|
||
html.e :focus,
|
||
html.e :focus + label {
|
||
border: 0 !important;
|
||
outline-offset: 1px;
|
||
border-radius: var(--radius) !important;
|
||
box-shadow: inherit;
|
||
}
|
||
html.e #opa_x {
|
||
text-shadow: 0 0 0 var(--transparent) !important;
|
||
color: var(--bg) !important;
|
||
display: flex;
|
||
}
|
||
html.e #opa_x:before {
|
||
content: "⨯";
|
||
color: var(--fg) !important;
|
||
margin-top: -0.1em;
|
||
font-size: 1.75em;
|
||
position: absolute;
|
||
}
|
||
html.e .opbox {
|
||
margin: -1.2em 0 0;
|
||
box-shadow: var(--shadow-inset-bottom), var(--shadow-inset-left),
|
||
var(--shadow-inset-right);
|
||
border-radius: var(--radius);
|
||
z-index: 5;
|
||
background: var(--bg);
|
||
}
|
||
html.e #srch_form {
|
||
margin: 0;
|
||
border-radius: var(--radius);
|
||
}
|
||
html.e #op_unpost {
|
||
max-width: 100vw;
|
||
margin: 0;
|
||
}
|
||
html.e label:focus {
|
||
box-shadow: 0 0;
|
||
}
|
||
html.e #tree {
|
||
box-shadow: none;
|
||
padding-right: 5px;
|
||
}
|
||
html.e #tt {
|
||
background: var(--w2);
|
||
}
|
||
html.e .mdo a {
|
||
background: 0 0;
|
||
text-decoration: underline;
|
||
}
|
||
html.e .mdo code,
|
||
html.e .mdo pre {
|
||
color: var(--white);
|
||
background: var(--w2);
|
||
border: 0;
|
||
}
|
||
html.e .mdo h1,
|
||
html.e .mdo h2 {
|
||
background: 0 0;
|
||
border-color: var(--w2);
|
||
}
|
||
html.e #tt,
|
||
html.e .mdo ol ol,
|
||
html.e .mdo ol ul,
|
||
html.e .mdo ul ol,
|
||
html.e .mdo ul ul {
|
||
border-color: var(--w2);
|
||
}
|
||
html.e .mdo li > em,
|
||
html.e .mdo p > em,
|
||
html.e .mdo td > em {
|
||
color: #fd0;
|
||
}
|
||
html.e input.txtbox,
|
||
html.e input[type="text"],
|
||
html.e select {
|
||
background-color: var(--txt-bg);
|
||
box-shadow: var(--shadow-input) !important;
|
||
box-sizing: border-box;
|
||
padding: 3px 4px;
|
||
border-radius: var(--radius);
|
||
border: 0;
|
||
}
|
||
html.e #gfiles {
|
||
box-shadow: var(--shadow-outset);
|
||
background: var(--bg);
|
||
padding: 0.4em;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0.3em;
|
||
}
|
||
html.e #ggrid {
|
||
background-color: var(--inset-bg);
|
||
box-shadow: var(--shadow-input);
|
||
padding: 1.5em;
|
||
margin: 0;
|
||
overflow-x: scroll;
|
||
}
|
||
html.e #ghead {
|
||
margin: 0;
|
||
justify-content: flex-end;
|
||
gap: 0.4em;
|
||
padding: 0;
|
||
overflow: auto;
|
||
top: 0px;
|
||
border-radius: 0px;
|
||
}
|
||
html.e #ghead a {
|
||
margin: 0;
|
||
border-radius: var(--radius);
|
||
}
|
||
html.e ::-webkit-scrollbar,
|
||
html.e::-webkit-scrollbar {
|
||
width: 16px !important;
|
||
height: 16px !important;
|
||
background: var(--transparent) !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-button,
|
||
html.e ::-webkit-scrollbar-thumb,
|
||
html.e::-webkit-scrollbar-button,
|
||
html.e::-webkit-scrollbar-thumb {
|
||
width: 16px !important;
|
||
height: 16px !important;
|
||
background: var(--scroll) !important;
|
||
/*HC*/
|
||
box-shadow: var(--shadow-outset);
|
||
border: 1px solid !important;
|
||
border-color: var(--silver) var(--black) var(--black) var(--silver) !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-track,
|
||
html.e::-webkit-scrollbar-track {
|
||
image-rendering: optimize-contrast !important;
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+) !important;
|
||
background-position: 0 0 !important;
|
||
background-repeat: repeat !important;
|
||
background-size: 2px !important;
|
||
background: var(--scroll-bkg);
|
||
}
|
||
#tree::-webkit-scrollbar,
|
||
#tree::-webkit-scrollbar-track {
|
||
background: var(--scroll-bkg);
|
||
}
|
||
html.e ::-webkit-scrollbar-button,
|
||
html.e::-webkit-scrollbar-button {
|
||
background-repeat: no-repeat !important;
|
||
background-size: 16px !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-button:single-button:vertical:decrement,
|
||
html.e::-webkit-scrollbar-button:single-button:vertical:decrement {
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=) !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-button:single-button:vertical:increment,
|
||
html.e::-webkit-scrollbar-button:single-button:vertical:increment {
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=) !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-button:single-button:horizontal:decrement,
|
||
html.e::-webkit-scrollbar-button:single-button:horizontal:decrement {
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=) !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-button:single-button:horizontal:increment,
|
||
html.e::-webkit-scrollbar-button:single-button:horizontal:increment {
|
||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=) !important;
|
||
}
|
||
html.e ::-webkit-scrollbar-corner,
|
||
html.e::-webkit-scrollbar-corner {
|
||
background: var(--silver) !important;
|
||
}
|
||
html,
|
||
html.e #tree {
|
||
scrollbar-color: inherit !important;
|
||
}
|
||
html.e #tree {
|
||
background: var(--bg);
|
||
padding-left: 0.4em;
|
||
padding-top: 0;
|
||
margin-left: var(--negative-space);
|
||
}
|
||
html.e.noscroll #tree {
|
||
/*HC*/
|
||
box-shadow: 1px 1px var(--grey), 2px 2px var(--shadow-color-1),
|
||
var(--shadow-outset-bottom);
|
||
}
|
||
html.e #treeh {
|
||
background: var(--bg);
|
||
box-shadow: var(--shadow-outset-top), var(--shadow-outset-bottom);
|
||
width: calc(1.5em + var(--nav-sz) - var(--sbw));
|
||
height: 2.4em;
|
||
border: none;
|
||
top: -2px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 0.6em;
|
||
}
|
||
html.e #treeh .btn {
|
||
margin: 0px;
|
||
top: auto;
|
||
}
|
||
html.e #tree ul {
|
||
border-left: var(--border-dashed-black);
|
||
margin-left: 2.15em;
|
||
}
|
||
html.e .ntree a:first-child {
|
||
font-family: scp, monospace, monospace;
|
||
font-size: 1.2em;
|
||
line-height: 0;
|
||
background: var(--inset-bg);
|
||
aspect-ratio: 1/1;
|
||
text-align: center;
|
||
align-content: center;
|
||
border-radius: var(--radius) !important;
|
||
padding: 0.057em;
|
||
border: 1px solid var(--black);
|
||
}
|
||
html.e .ntree a:first-child:after {
|
||
content: ".";
|
||
position: absolute;
|
||
border-top: var(--border-dashed-black);
|
||
color: var(--transparent);
|
||
font-size: 0.9em;
|
||
margin-left: 0.13em;
|
||
}
|
||
html.e #treeul {
|
||
border: 0 !important;
|
||
position: static;
|
||
margin: 0 !important;
|
||
min-height: 100%;
|
||
height: max-content;
|
||
}
|
||
html.e .ntree a:last-of-type:before {
|
||
content: "📁";
|
||
margin-left: 0.3em;
|
||
}
|
||
html.e .ntree {
|
||
padding-left: 1em !important;
|
||
padding-top: 0.3em !important;
|
||
background: var(--inset-bg);
|
||
box-shadow: var(--shadow-inset-left), var(--shadow-inset-bottom);
|
||
}
|
||
html.e #tree li {
|
||
margin-left: -0.5em;
|
||
border-top: 0;
|
||
}
|
||
html.e .ntree a:hover {
|
||
outline-offset: -2px;
|
||
color: var(--fg);
|
||
border-radius: var(--radius) !important;
|
||
}
|
||
html.e #treepar {
|
||
width: calc(-1em + var(--nav-sz) - var(--sbw));
|
||
overflow: hidden;
|
||
left: -0.7em;
|
||
box-shadow: var(--shadow-inset-left), var(--shadow-inset-top);
|
||
border-left: 0 !important;
|
||
border-bottom: var(--border-dashed-black);
|
||
margin-left: calc(2.1em - (1em - var(--negative-space))) !important;
|
||
}
|
||
html.e #path,
|
||
html.e #widgeti,
|
||
html.e #wtoggle,
|
||
html.e #wtoggle a,
|
||
html.e #files,
|
||
html.e #files thead th,
|
||
html.e #ghead a,
|
||
html.e #tree {
|
||
box-shadow: var(--shadow-outset);
|
||
}
|
||
html.e.noscroll #treepar {
|
||
width: calc(var(--nav-sz) - 1em);
|
||
}
|
||
html.e #docul {
|
||
border-left: 0 !important;
|
||
margin-left: 0 !important;
|
||
}
|
||
html.e #wrap {
|
||
transform: translateX(calc((var(--negative-space) * 2) - 1.2em));
|
||
padding-right: var(--negative-space);
|
||
position: relative;
|
||
margin-right: calc((var(--negative-space) * 2) - 1.2em);
|
||
margin-top: var(--negative-space);
|
||
margin-left: 1.2em;
|
||
/*overflow-x: auto; fix for OOB table when screen space is limited (mobile), but removes sticky header*/
|
||
}
|
||
html.e input[type="radio"] {
|
||
accent-color: #232323;
|
||
}
|
||
html.e #path {
|
||
width: calc(100% - 0.4em);
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 0;
|
||
padding: 0.2em;
|
||
overflow-x: auto;
|
||
}
|
||
html.e #path i {
|
||
border: 1px solid var(--w);
|
||
border-color: var(--w);
|
||
margin: 0;
|
||
border-width: 0.1em 0.1em 0 0;
|
||
height: 0.5em;
|
||
width: 0.5em;
|
||
}/*
|
||
html.e #hovertree:after {
|
||
color: red;
|
||
content: "BUGGY";
|
||
html.ez #hovertree:after {
|
||
color: rgb(255 98 98);
|
||
content: "BUGGY";
|
||
}
|
||
}*/
|
||
html.e #widget {
|
||
box-shadow: 0 0;
|
||
border: 0 !important;
|
||
}
|
||
html.e #wtico,
|
||
html.e #zip1 {
|
||
box-shadow: 0 0 !important;
|
||
}
|
||
html.e #wtgrid {
|
||
top: -0.09em;
|
||
}
|
||
html.e #wfs,
|
||
html.e #wm3u,
|
||
html.e #wnp,
|
||
html.e #wzip {
|
||
border-width: 0 1px 0 0;
|
||
}
|
||
html.e #wfm.act + #wzip1 + #wzip,
|
||
html.e #wfm.act + #wzip1 + #wzip + #wnp {
|
||
border-left-width: 1px;
|
||
}
|
||
html.e #barpos {
|
||
/* border-radius: var(--radius); */
|
||
box-shadow: var(--shadow-inset);
|
||
}
|
||
html.e #goh + span {
|
||
border-left: 0.1em solid var(--bg-u5);
|
||
}
|
||
html.e #wfp {
|
||
margin: var(--negative-space);
|
||
font-size: 0;
|
||
display: inline-block;
|
||
}
|
||
html.e #wfp a {
|
||
font-size: large;
|
||
display: inline-block;
|
||
}
|
||
html.e #repl {
|
||
font-size: large;
|
||
padding: 0.33em;
|
||
right: calc(var(--negative-space) * 0.89);
|
||
position: absolute;
|
||
}
|
||
html.e #epi {
|
||
text-align: center;
|
||
text-wrap-mode: nowrap;
|
||
margin: 0px;
|
||
}
|
||
|
||
html.e #epi.logue:not(.mdo) {
|
||
padding: 0.8em;
|
||
box-shadow: var(--shadow-outset);
|
||
}
|
||
|
||
html.e #epi.logue.mdo {
|
||
padding-left: 3px;
|
||
}
|
||
|
||
html.e #doc {
|
||
box-shadow: var(--shadow-inset);
|
||
background: var(--inset-bg);
|
||
margin: 0.2em;
|
||
border-radius: var(--radius);
|
||
}
|
||
|
||
html.e #detree {
|
||
padding: 0px;
|
||
}
|