2 lines
7.7 KiB
CSS
2 lines
7.7 KiB
CSS
@charset "UTF-8";:root{--primary-background: #ddd;--header-background: #246;--header-color: #ccc;--primary-color: #000;--accent-color: #f80;--transition-time: .2s}@media (prefers-color-scheme: dark){:root{--primary-color: #ddd;--primary-background: #003;--header-background: #000;--header-color: #ccc}}@media screen and (orientation: portrait) and (max-width: 600px){.size,.modified{display:none}}@media screen and (min-width: 800px) and (--webkit-min-device-pixel-ratio: 2){html{font-size:1.5rem}header .buttons:has(input[type=search])>div{display:none}header .buttons>div:has(input[type=search]){display:inherit}}@media screen and (min-width: 1400px) and (--webkit-min-device-pixel-ratio: 3){html{font-size:2rem}}@media print{:root{--primary-color: black;--primary-background: none;--header-background: none;--header-color: black}nav,.menu,.rename-button{display:none}.breadcrumb>a{color:#000!important;background:none!important;padding:0!important;margin:0!important;clip-path:none!important;max-width:none!important}.breadcrumb>a:after{content:"/"}.breadcrumb svg{fill:#000!important}main{height:auto!important;padding-bottom:0!important}thead tr{position:static!important;background:none!important;border-bottom:1pt solid black!important}.selection{min-width:0!important;padding:0!important}.selection input{display:none}.selection input:checked{display:inherit}tbody .selection input:checked{opacity:1!important;transform:scale(.5);top:.1rem!important;left:-.3rem!important}}main::-webkit-scrollbar{display:none}main{-ms-overflow-style:none;scrollbar-width:none}body{background-color:var(--primary-background);font-size:1rem;font-family:Roboto,sans-serif;color:var(--primary-color);margin:0}tbody .size,tbody .modified{font-family:Roboto Mono}header{background-color:var(--header-background);color:var(--header-color)}main{height:100%}::selection{color:#000;background:yellow!important}button{font:inherit;color:inherit;margin:0;border:0;padding:0;background:none;cursor:pointer;min-width:1rem;min-height:1rem}:focus{outline:none}a:link,a:visited,a:active,a:hover{color:var(--primary-color);text-decoration:none}table{border-collapse:collapse;border:0;gap:0}#app{height:100%;display:flex;flex-direction:column}main{height:calc(100svh - 9rem);padding-bottom:3rem;overflow-y:scroll}:root{--breadcrumb-background-odd: #2d2d2d;--breadcrumb-background-even: #404040;--breadcrumb-color: #ddd;--breadcrumb-hover-color: #fff;--breadcrumb-hover-background-odd: #25a;--breadcrumb-hover-background-even: #812;--breadcrumb-transtime: .3s}.breadcrumb{display:flex;list-style:none;margin:0;padding:0 1em 0 0}.breadcrumb>a{margin:0 -.7rem;max-width:8em;font-size:1.3em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:1em;color:var(--breadcrumb-color);padding:.3em 1.5em;clip-path:polygon(0 0,1em 50%,0 100%,100% 100%,100% 0,0 0);transition:all var(--breadcrumb-transtime)}.breadcrumb a:first-child{margin-left:0;padding-left:0;clip-path:none}.breadcrumb a:last-child{max-width:none;clip-path:polygon(0 0,calc(100% - 1em) 0,100% 50%,calc(100% - 1em) 100%,0 100%,1em 50%,0 0)}.breadcrumb a:only-child{clip-path:polygon(0 0,calc(100% - 1em) 0,100% 50%,calc(100% - 1em) 100%,0 100%,0 0)}.breadcrumb svg{padding-left:.6rem;width:1.3rem;height:1.3rem;fill:var(--breadcrumb-color);transition:fill var(--breadcrumb-transtime)}.breadcrumb a:nth-child(odd){background:var(--breadcrumb-background-odd)}.breadcrumb a:nth-child(2n){background:var(--breadcrumb-background-even)}.breadcrumb a:nth-child(odd):hover,.breadcrumb a:focus:nth-child(odd){background:var(--breadcrumb-hover-background-odd)}.breadcrumb a:nth-child(2n):hover,.breadcrumb a:focus:nth-child(2n){background:var(--breadcrumb-hover-background-even)}.breadcrumb a:hover{color:var(--breadcrumb-hover-color)}.breadcrumb a:hover svg{fill:var(--breadcrumb-hover-color)}button[data-v-4f4f7fe2]{background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s ease;padding:.2rem;width:3rem;height:3rem}button[data-v-4f4f7fe2]:hover,button[data-v-4f4f7fe2]:focus{color:#fff;transform:scale(1.1)}svg[data-v-4f4f7fe2]{fill:#ccc;transform:fill .2s ease}button:hover svg[data-v-4f4f7fe2],button:focus svg[data-v-4f4f7fe2]{fill:#fff}.buttons[data-v-5fac5f71]{padding:0 .5em;display:flex;align-items:center;height:3.5rem}.buttons>*[data-v-5fac5f71]{flex-shrink:1}.spacer[data-v-5fac5f71]{flex-grow:1}input[type=search][data-v-5fac5f71]{background:var(--primary-background);color:var(--primary-color);border:0;border-radius:.1rem;padding:.5rem;outline:none;font-size:1.5rem;max-width:30vw}.smallgap[data-v-54db91c1]{margin-left:2em}.select-text[data-v-54db91c1]{color:var(--accent-color);text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}body:has(dialog[open]):before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0008;-webkit-backdrop-filter:blur(.2em);backdrop-filter:blur(.2em);z-index:1000}dialog[open]{display:block;border:none;border-radius:.5rem;box-shadow:.2rem .2rem 1rem #000;padding:1rem;position:fixed;top:0;left:0;z-index:1001}dialog[open]>h1{background:#00f;color:#fff;font-size:1rem;margin:-1rem -1rem 0;padding:.5rem 1rem}dialog[open]>div{padding:1em 0}.login-container[data-v-0167bcf4]{display:grid;gap:1rem;grid-template-columns:1fr 2fr;justify-content:center;align-items:center;margin:1rem 0}.button-login[data-v-0167bcf4]{margin-left:auto;background-color:var(--secondary-color);color:var(--secondary-background)}.ant-btn-primary[data-v-0167bcf4]:not(:disabled):hover{background-color:var(--blue-color)}.error-text[data-v-0167bcf4]{color:var(--red-color)}input#FileRenameInput{color:var(--primary-color);background:var(--primary-background);border:0;border-radius:.3rem;padding:.4rem;margin:-.4rem;width:100%;outline:none;font:inherit}table[data-v-0ca7b6c6]{width:100%;table-layout:fixed}thead tr[data-v-0ca7b6c6]{position:sticky;top:0;z-index:2}tbody tr[data-v-0ca7b6c6]{position:relative}table thead input[type=checkbox][data-v-0ca7b6c6]{position:inherit;width:1rem;height:1rem;margin:.5rem}table tbody input[type=checkbox][data-v-0ca7b6c6]{width:2rem;height:2rem}table .selection[data-v-0ca7b6c6]{width:2rem}table .modified[data-v-0ca7b6c6]{width:10rem}table .size[data-v-0ca7b6c6]{width:4rem}table .menu[data-v-0ca7b6c6]{width:1rem}tbody td[data-v-0ca7b6c6]{font-size:1.2rem}table th[data-v-0ca7b6c6],table td[data-v-0ca7b6c6]{padding:0 .5rem;font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name[data-v-0ca7b6c6]{white-space:nowrap;position:relative}.name .rename-button[data-v-0ca7b6c6]{padding-left:1rem;position:absolute;right:0;animation:appear-0ca7b6c6 calc(5 * var(--transition-time)) linear}@keyframes appear-0ca7b6c6{0%{opacity:0}80%{opacity:0}to{opacity:1}}thead tr[data-v-0ca7b6c6]{background:linear-gradient(to bottom,#eee,#fff 30%,#ddd);color:#000}tbody tr.cursor[data-v-0ca7b6c6]{background:var(--accent-color)}.right[data-v-0ca7b6c6]{text-align:right}.selection[data-v-0ca7b6c6]{width:2em}.sortcolumn[data-v-0ca7b6c6]:hover{cursor:pointer}.sortcolumn[data-v-0ca7b6c6]:hover:after{color:var(--accent-color)}.sortcolumn[data-v-0ca7b6c6]{padding-right:1.7em}.sortcolumn[data-v-0ca7b6c6]:after{content:"▸";color:#888;margin:0 1em 0 .5em;position:absolute;transition:all var(--transition-time) linear}.sortactive[data-v-0ca7b6c6]:after{transform:rotate(90deg);color:#000}.name a[data-v-0ca7b6c6]{text-decoration:none}tr[data-v-0ca7b6c6]{height:2.5rem}tbody .selection input[data-v-0ca7b6c6]{z-index:1;position:absolute;opacity:0;left:0;top:0}.selection input[data-v-0ca7b6c6]:checked{opacity:.7}.file .selection[data-v-0ca7b6c6]:before{content:"📄 ";font-size:1.5em}.folder .selection[data-v-0ca7b6c6]:before{content:"📁 ";font-size:1.5em}.empty-container[data-v-0ca7b6c6]{padding-top:3rem;text-align:center;font-size:3rem;color:var(--accent-color)}
|