-
-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathhelper.min.css
More file actions
1 lines (1 loc) · 7.63 KB
/
helper.min.css
File metadata and controls
1 lines (1 loc) · 7.63 KB
1
:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--font-color-1: #000;--font-color-2: #333;--font-color-3: #555;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5);--breakpoint-xs: 320px;--breakpoint-sm: 420px;--breakpoint-md: 576px;--breakpoint-lg: 1000px;--breakpoint-xl: 1200px}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base)}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]),body .altbar summary:not([disabled]),body .altbar a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input),body .altbar summary:not([disabled]):hover:not(input),body .altbar summary:not([disabled]):focus-visible:not(input),body .altbar a:not([disabled]):hover:not(input),body .altbar a:not([disabled]):focus-visible:not(input){cursor:pointer}body button:not([disabled]):not([multiple]),body input[type=checkbox]:not([disabled]):not([multiple]),body input[type=radio]:not([disabled]):not([multiple]){cursor:pointer}body button:not([disabled]),body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}*{color:var(--font-color-1);font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}[icon]{position:relative}[icon]::before{content:"";display:inline-block;background-color:currentColor;width:1em;height:1em;vertical-align:center;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;background-image:var(--icon);background-size:contain;background-position:center;background-repeat:no-repeat}[icon].icon\:mono::before{background-image:none}[icon]:not(:empty)::before{padding-right:1.25ch}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}hr{border:0 solid rgba(0,0,0,0);border-bottom:2px solid var(--font-color-2)}hr.faint{opacity:.45}.loading,.loading *{-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;touch-action:none;pointer-events:none}.loading *{opacity:0;background-image:none !important}.loading{background-image:linear-gradient(90deg, var(--bg-2) 0, var(--bg-2) 35%, var(--bg-4) 35%) !important;animation:loading 3s ease infinite;background-size:200%;background-position:0 0;forced-color-adjust:none;background-repeat:no-repeat}.loading::after{content:"Loading...";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:inline-block;font-size:2em}@keyframes loading{from{background-position:200% 0}to{background-position:-200% 0}}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px;z-index:100;overflow:visible}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.altbar ul{padding:0;margin:0;display:flex;flex-direction:row;background:inherit}.altbar ul,.altbar ul li{list-style:none}.altbar ul li{padding:0;margin-right:1px}.altbar ul li details{padding:0;margin:0}.altbar ul li details,.altbar ul li details summary{list-style:none}.altbar ul li details::-webkit-details-marker,.altbar ul li details summary::-webkit-details-marker{display:none}.altbar ul li details::before,.altbar ul li details summary::before{display:none}.altbar ul li details summary,.altbar ul li details>div{padding:0 4px}.altbar ul li details>div{background:var(--glassyElementBackground);backdrop-filter:blur(var(--glassyElementBlur));position:absolute;padding:0;margin:0;z-index:100;margin-left:5px;border-radius:var(--border-radius);overflow:hidden;max-height:70vh;overflow:auto}.altbar ul li details>div ul{margin:0;border-radius:var(--border-radius);flex-direction:column;padding:4px}.altbar ul li details>div ul li{width:-moz-max-content;width:max-content;max-width:80vw}.altbar ul li details>div ul li a{height:var(--altbarheight);text-decoration:none}.altbar ul li details>div ul li details summary::after{content:"▸"}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.statusbar{border-top:1px solid #555;background:var(--bg-3);width:100%;padding:1px;z-index:100;box-sizing:border-box}.statusbar-buttonized{display:flex;flex-direction:row;gap:4px;padding:3px 4px 4px 4px;justify-content:flex-end}.statusbar-buttonized button{padding:4px 1.5ch}.contextMenu{width:auto;background:hsla(0,0%,100%,.4666666667);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){:root{--font-color-1: #fff;--font-color-2: #ccc;--font-color-3: #aaa}body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:var(--font-color-1)}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4);--altbarcolor: var(--beige)}}/*# sourceMappingURL=helper.min.css.map */