2 lines
6.5 KiB
CSS
2 lines
6.5 KiB
CSS
|
@charset "UTF-8";:root{--primary-background: #eef;--header-background: #000;--header-color: #ccc;--primary-color: #000;--secondary-color: #333;--accent-color: #f80;--transition-time: .2s}@media (prefers-color-scheme: dark){:root{--primary-color: #ddd;--primary-background: #003;--primary-color: #fff;--secondary-color: #ccc}}@media screen and (orientation: portrait){.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}}body{background-color:var(--primary-background);font-size:1rem;font-family:Roboto,sans-serif;color:var(--primary-color);margin:0}header{background-color:var(--header-background);color:var(--header-color)}main{height:100%}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}thead tr{position:sticky;top:0}: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
|