1 line
6.7 KiB
CSS
1 line
6.7 KiB
CSS
.navbar[data-v-32effb49]{background-color:var(--color-brand-primary);overflow:visible;min-height:31px;display:inline-flex;flex-direction:column;width:auto;margin:.1em var(--space-3) 9px var(--space-3);box-shadow:0 0 2px 5px var(--color-brand-primary)}.menu-toggle[data-v-32effb49]{background-color:var(--color-brand-primary);color:#fff;border:none;padding:14px 20px;text-align:center;text-decoration:none;display:none;font-weight:700}.navbar ul[data-v-32effb49]{list-style-type:none;margin:0;padding:0;display:flex}.navbar li[data-v-32effb49]{position:relative}.navbar a[data-v-32effb49],.navbar li>span[data-v-32effb49]{display:block;color:#fff;text-align:center;padding:6px 20px;text-decoration:none;font-weight:700}.navbar a[data-v-32effb49]:hover{background-color:var(--color-brand-primary-hover)}.menu-toggle[data-v-32effb49]:focus-visible,.navbar a[data-v-32effb49]:focus-visible{outline-color:#fff}.menu-icon[data-v-32effb49]{width:20px;height:20px;margin-right:5px}.dropdown-content[data-v-32effb49]{position:absolute;background-color:var(--color-brand-primary);min-width:200px;z-index:1;top:100%;left:0;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;box-shadow:var(--shadow-dropdown)}.dropdown-content a[data-v-32effb49]{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a[data-v-32effb49]:hover{background-color:var(--color-brand-primary-hover)}.navbar li:hover .dropdown-content[data-v-32effb49]{opacity:1;visibility:visible}.fade-enter-active[data-v-32effb49],.fade-leave-active[data-v-32effb49]{transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.fade-enter[data-v-32effb49],.fade-leave-to[data-v-32effb49]{opacity:0;visibility:hidden}@media (max-width:768px){.navbar ul[data-v-32effb49],.navbar[data-v-32effb49]{flex-direction:column}.navbar li[data-v-32effb49]{width:100%}.navbar a[data-v-32effb49],.navbar li>span[data-v-32effb49]{text-align:left;padding:14px 20px}.menu-toggle[data-v-32effb49]{display:block}.dropdown-content[data-v-32effb49]{position:static;box-shadow:none;opacity:1;visibility:visible;display:none;padding-left:1em}.navbar li:hover .dropdown-content[data-v-32effb49]{display:block}}.pointer[data-v-32effb49]{cursor:pointer}.facettenkreuz[data-v-32effb49]{max-width:30px;max-height:30px;position:fixed}.ekhnlogo[data-v-32effb49]{width:32px}header[data-v-725c6725]{display:flex;flex-direction:column;width:100%;background-color:var(--color-bg-page)}.header-title[data-v-725c6725]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.3em .5em}header h1[data-v-725c6725]{margin:0;flex:1;text-align:center;text-shadow:1px 1px 0 var(--color-brand-tint);padding-bottom:var(--space-1)}.reload-icon[data-v-725c6725]{font-size:1rem;cursor:pointer;margin-left:var(--space-3);background-color:var(--color-brand-tint);color:var(--color-bg-page);padding:var(--space-1) 6px;border-radius:50%;line-height:1}.reload-icon[data-v-725c6725]:focus-visible,.reload-icon[data-v-725c6725]:hover{color:var(--color-brand-primary-hover)}.footer[data-v-6e5801ae]{background-color:var(--color-footer-bg);bottom:0;left:0;width:100%;padding:var(--space-2) var(--space-3);justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.footer[data-v-6e5801ae],.left-links[data-v-6e5801ae],.right-links[data-v-6e5801ae]{display:flex;align-items:center}.right-links[data-v-6e5801ae]{flex-wrap:wrap}.footer a[data-v-6e5801ae]{color:var(--color-footer-link);padding-right:var(--space-5);text-decoration:none;text-underline-offset:2px}.footer a[data-v-6e5801ae]:focus-visible,.footer a[data-v-6e5801ae]:hover{color:var(--color-footer-link-hover);text-decoration:underline}.footer a.logout-link[data-v-6e5801ae]{cursor:pointer}.content-section{flex:1;min-height:0;display:flex;color:var(--color-text);overflow-y:hidden}.left-column{max-width:100%;margin:var(--space-2) 0 var(--space-2) var(--space-2);padding-right:var(--space-2);background-color:var(--color-bg-page)}.left-column,.right-column{flex:1;min-width:0;overflow-y:auto}.right-column{background-color:var(--color-bg-sidebar);margin:0 var(--space-2) var(--space-2) 0}.right-column h2{text-align:center;color:var(--color-text)}.right-column img{display:block;margin:0 auto;max-width:100%;height:auto}.right-column-overlay{max-height:150px;overflow-y:hidden;margin-top:var(--space-3);background-color:var(--color-bg-sidebar);display:flex;justify-content:center;align-items:center}.right-column-overlay img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:1200px){.content-section{flex-direction:column}.left-column{padding:var(--space-3);margin-left:0;margin-right:0}.right-column{display:none}.right-column-overlay{display:flex;max-height:150px;background-color:var(--color-bg-page)}.right-column-overlay img{max-height:150px;max-width:100%;-o-object-fit:contain;object-fit:contain}}@media (max-width:767px){.content-section{flex-direction:column}.left-column,.right-column{padding:var(--space-3)}.right-column{display:none}.right-column-overlay{display:flex}}:root{--color-brand-primary:#9400ff;--color-brand-primary-hover:#7a00d1;--color-brand-tint:#e0bfff;--color-bg-page:#fff;--color-bg-subtle:#f8f9fb;--color-bg-sidebar:#d9e2f3;--color-text:#1a1a1a;--color-text-muted:#4a4a4a;--color-footer-bg:#0b1735;--color-footer-link:#e8edf5;--color-footer-link-hover:#fff;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-family-base:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-body:1rem;--line-height-body:1.5;--font-size-h1:clamp(1.25rem,2.5vw,1.75rem);--font-size-h2:clamp(1.15rem,2vw,1.35rem);--font-size-h3:clamp(1.05rem,1.5vw,1.2rem);--shadow-dropdown:2px 2px 6px rgba(0,0,0,.22)}body,html{height:100%;margin:0;padding:0;width:100%;overflow-x:hidden}body{background-color:var(--color-bg-page);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body)}#app{display:flex;flex-direction:column;height:100%}:where(h1){font-size:var(--font-size-h1);font-weight:600;line-height:1.25}:where(h2){font-size:var(--font-size-h2);font-weight:600;line-height:1.3}:where(h3){font-size:var(--font-size-h3);font-weight:600;line-height:1.35}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.htmleditor{background-color:#fff;width:calc(100% - 26px);height:31em;border:1px solid #000;margin:7px;padding:5px;overflow:auto}.htmleditor table{border:1px solid #e0e0e0;border-collapse:collapse}.htmleditor td,.htmleditor th{border:1px solid #e0e0e0} |