/* ========================================================================== VISNINGSVALG - elbildata.no To uavhengige valg, lagret i localStorage og satt som klasser paa : .lys - lyst tema: hvit bakgrunn, hoy kontrast (ellers nordlys/moerkt) .lettlest - stor tekst og ingen animasjoner (for svaksynte / eldre) Valglinjen (.visning-bar) vises oeverst paa alle sider. ========================================================================== */ /* ---------- valglinjen (begge temaer) ---------- */ .visning-bar{display:flex;justify-content:center;align-items:center;gap:10px; flex-wrap:wrap;padding:12px 14px 2px;position:relative;z-index:5} .v-gruppe{display:inline-flex;border:1px solid var(--linje);border-radius:999px; overflow:hidden;background:rgba(13,21,38,.6)} .v-gruppe button{font:600 12.5px 'Schibsted Grotesk',system-ui,sans-serif;color:var(--dis); background:none;border:none;padding:8px 15px;cursor:pointer} .v-gruppe button.aktiv{background:rgba(140,190,255,.16);color:var(--is)} html.lys .v-gruppe{background:#f4f6f8;border-color:#b9c0c9} html.lys .v-gruppe button{color:#28527a} html.lys .v-gruppe button.aktiv{background:#dbeafe;color:#0b3b66;font-weight:700} /* ---------- LETTLEST: stor tekst, ingen bevegelse ---------- */ html.lettlest body{zoom:1.18;line-height:1.6} html.lettlest *,html.lettlest *::before,html.lettlest *::after{ animation:none!important;transition:none!important} html.lettlest #lykt{display:none!important} /* ---------- LYST TEMA ---------- */ html.lys{ --natt:#ffffff; --is:#191c21; --dis:#4c545e; --aurora1:#0a7a4b; --aurora2:#0b6aa8; --aurora3:#5b4a9e; --tesla:#b3271e; --linje:#d4d8de; --glass:#f4f6f8; --gull:#7a5a10; --aks:#0b6aa8; } html.lys body{background:#fff;color:var(--is)} /* skjul moerk pynt og glOed */ html.lys .sky,html.lys .aurora,html.lys .stars,html.lys #lykt{display:none!important} html.lys *,html.lys *::before,html.lys *::after{ box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important} /* header og footer */ html.lys header{background:#fff;border-bottom:2px solid var(--linje)} html.lys footer{background:#f4f6f8;color:var(--dis)} html.lys .logo-plate{border:1px solid #b9c0c9} html.lys nav.menu a{color:#28527a;background:#f4f6f8;border-color:#b9c0c9} html.lys nav.menu a.aktiv{color:#0b3b66;background:#e3edf7;border-color:#9dbbd8} html.lys .tilbake{background:#f4f6f8;color:#28527a} /* hero, tall-kort og plater */ html.lys .mega{border:2px solid #b9c0c9} html.lys .eyebrow,html.lys .samles-pill,html.lys .notis, html.lys .info-banner,html.lys .ticker{background:#f4f6f8;border-color:var(--linje);color:var(--dis)} html.lys .kpi,html.lys .ukpi,html.lys .h-kort,html.lys .om-stat, html.lys .rekord,html.lys .tesla-detalj,html.lys .tm-kort, html.lys .farge-kort,html.lys .ny-kort,html.lys .ny-tom, html.lys .tcard,html.lys .hm-card,html.lys .hgraf-card, html.lys .samles,html.lys .merknad,html.lys .smule, html.lys #tipp .tipp-kort{background:#fff;border:1px solid var(--linje)} html.lys .ukort{background:#fff;border:1px solid var(--linje)} /* tabeller og kort-lister */ html.lys .tbl-card,html.lys .rt-wrap,html.lys .rv-kort, html.lys .vd-rad,html.lys .faq-p,html.lys .graf-oppsum, html.lys .hgraf-oppsum{background:#fff;border-color:var(--linje)} html.lys .tbl-card thead th,html.lys .rtabell th{background:#f4f6f8;color:#33404d} html.lys #modelltbl tbody tr:nth-child(even), html.lys .rtabell tbody tr:nth-child(even), html.lys .s20-grid tbody tr:nth-child(even){background:#f7f9fb} html.lys tbody tr:hover{background:#eef6ff} html.lys #modelltbl tfoot td{background:#e3edf7;color:#0b3b66;border-top:2px solid #9dbbd8} html.lys #serietbl tr.aktiv-serie td{background:#e7f5ec;color:#0a5c39} html.lys .serie-status.aktiv{color:#0a7a4b} html.lys .rv-kort .rk-stat{background:#f4f6f8} html.lys .plate-mini{border:1px solid #6b7683;color:#191c21;background:#fff} /* knapper og valg */ html.lys .rader-velg button,html.lys .paginering button, html.lys .vis-alle,html.lys .rv-sortrad button, html.lys .tm-knapp,html.lys .toggle,html.lys .sok-felt, html.lys .tm-verktoy input[type=date],html.lys .tipp-knapp{ background:#f4f6f8;color:#28527a;border-color:#b9c0c9} html.lys .rader-velg button.aktiv,html.lys .paginering button.aktiv, html.lys .rv-sortrad button.aktiv,html.lys .smule.aktiv{ background:#dbeafe;color:#0b3b66;border-color:#2563eb;font-weight:700} html.lys .toggle button.aktiv{background:#0b6aa8;color:#fff} html.lys input,html.lys .sok input{background:#fff;color:var(--is);border-color:#b9c0c9} html.lys .sok-felt{background:#fff} /* grafer og barer: behold farge, men paa lys bunn */ html.lys .andel-celle .track,html.lys .race-row .track, html.lys .farge-rad .track,html.lys .td-rad .track, html.lys .topp-rad .track,html.lys .uf-track,html.lys .vd-track, html.lys .tipp-rad .spor,html.lys .ukpi-skjelett,html.lys .sk-navn{ background:#e6e9ee} html.lys .hm-cell.n1{background:#dbeafe} html.lys .hm-cell.n2{background:#93c5fd} html.lys .hm-cell.n3{background:#3b82f6} html.lys .hm-cell.n4{background:#1d4ed8} /* samtykkeboks */ html.lys #samtykke{background:#fff;border:2px solid var(--linje)} html.lys #samtykke .ja{background:#0b6aa8;color:#fff} html.lys #samtykke .nei{color:#28527a} /* lenker i tekst */ html.lys a{color:#0b5394}