1 line
8.0 KiB
CSS
1 line
8.0 KiB
CSS
.navbar[data-v-7dbee205]{background-color:var(--color-brand-primary);overflow:visible;min-height:31px;display:inline-flex;flex-direction:column;width:calc(100% - var(--space-3)*2);margin:var(--space-1) var(--space-3) var(--space-3) var(--space-3);border-radius:4px;box-shadow:0 0 0 2px var(--color-brand-primary)}.menu-toggle[data-v-7dbee205]{background-color:var(--color-brand-primary);color:#fff;border:none;padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;display:none;font-weight:700;align-items:center;gap:var(--space-2);border-radius:4px}.menu-toggle__icon[data-v-7dbee205]{font-size:1.25rem;line-height:1}.navbar ul[data-v-7dbee205]{list-style-type:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}.navbar li[data-v-7dbee205]{position:relative}.nav-link[data-v-7dbee205],.navbar a[data-v-7dbee205],.navbar li>span[data-v-7dbee205]{display:block;color:#fff;text-align:center;padding:10px 14px;text-decoration:none;font-weight:700;border-radius:3px;line-height:1.2}.nav-link[data-v-7dbee205]:hover,.navbar a[data-v-7dbee205]:hover{background-color:var(--color-brand-primary-hover)}.menu-toggle[data-v-7dbee205]:focus-visible,.navbar a[data-v-7dbee205]:focus-visible{outline-color:#fff}.navbar[data-v-7dbee205] .router-link-exact-active{background-color:hsla(0,0%,100%,.18)}.menu-icon[data-v-7dbee205]{width:20px;height:20px;margin-right:5px}.dropdown-content[data-v-7dbee205]{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);border-radius:4px;padding:var(--space-1)}.dropdown-content a[data-v-7dbee205]{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a[data-v-7dbee205]:hover{background-color:var(--color-brand-primary-hover)}.navbar li:hover .dropdown-content[data-v-7dbee205]{opacity:1;visibility:visible}.fade-enter-active[data-v-7dbee205],.fade-leave-active[data-v-7dbee205]{transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.fade-enter[data-v-7dbee205],.fade-leave-to[data-v-7dbee205]{opacity:0;visibility:hidden}@media (max-width:768px){.navbar[data-v-7dbee205]{flex-direction:column}.navbar ul[data-v-7dbee205]{flex-direction:column;align-items:stretch;gap:0}.navbar li[data-v-7dbee205]{width:100%}.navbar a[data-v-7dbee205],.navbar li>span[data-v-7dbee205]{text-align:left;padding:14px 16px;border-radius:0}.menu-toggle[data-v-7dbee205]{display:inline-flex}.dropdown-content[data-v-7dbee205]{position:static;box-shadow:none;opacity:1;visibility:visible;padding-left:var(--space-4);padding-bottom:var(--space-2)}.navbar[data-v-7dbee205] .router-link-exact-active{background-color:hsla(0,0%,100%,.14)}}.pointer[data-v-7dbee205]{cursor:pointer}.facettenkreuz[data-v-7dbee205]{width:28px;height:28px;display:block;margin:0 var(--space-2)}.ekhnlogo[data-v-7dbee205]{width:auto;display:flex;align-items:center;padding:0}.breadcrumbs[data-v-5964d1f0]{margin:0 var(--space-3) var(--space-2) var(--space-3);font-size:.875rem;color:var(--color-text-muted)}.breadcrumbs ol[data-v-5964d1f0]{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0}.breadcrumbs li[data-v-5964d1f0]{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumbs li[data-v-5964d1f0]:not(:last-child):after{content:"›";color:var(--color-text-muted)}.breadcrumbs a[data-v-5964d1f0]{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a[data-v-5964d1f0]:focus-visible,.breadcrumbs a[data-v-5964d1f0]:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}header[data-v-8b11a9b0]{display:flex;flex-direction:column;width:100%;background-color:var(--color-bg-page)}.header-title[data-v-8b11a9b0]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3)}header h1[data-v-8b11a9b0]{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-8b11a9b0]{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-8b11a9b0]:focus-visible,.reload-icon[data-v-8b11a9b0]: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} |