/* =========================================================================== LOKALBOLD SKAL — TEMA 37 «BLØD GRØN» Lagt OVEN PAA skal.css, flade.css og profil.css. Filen vender skallen fra moerk til lys ved at omdefinere de SAMME variabler, skal.css selv omdefinerer — baade skallens egne (--lb-sk-*) og sitets (--ink, --paper, --line, --lb-blaek ...). Derfor arver hver eksisterende komponent den lyse udgave af sig selv, uden at en eneste regel skal skrives om. HVAD DER MED VILJE IKKE ROERES Signalfarver, der baerer HVID tekst, staar uroert: --lb-sk-hvid, --lb-sk-groen-flade, --lb-sk-roed, --lb-sk-rav. Vendes de med, bliver teksten ovenpaa ulaeselig, og det er netop den fejl, der fik det forrige forsoeg paa flade.css til at svinge mellem 0 og 94 fejl pr. runde. De rettes foerst, naar en maaling peger paa dem — ikke paa oejemaal. SKRIFTEN ER INTER, IKKE FIGTREE Udkastene er sat i Figtree. Den ligger ikke lokalt, og privatlivspolitikken tillader nul eksterne kald foer samtykke, saa et link til fonts.googleapis.com er udelukket. Inter ligger allerede under uploads/elementor/google-fonts og er taet paa i karakter. Vil man have Figtrees praecise snit, skal filerne selvhostes foerst. SPECIFICITETEN ER IKKE PYNT skal.css skriver «body.lb-sk-aktiv.lb-sk-aktiv» — klassen to gange med vilje, altsaa (0,2,1). Et lag paa (0,2,0) taber mod den, OGSAA naar det staar sidst i filen. Derfor er hver selektor her «body.lb-sk-aktiv.lb-t37.lb-t37» = (0,3,1). Saenkes den, vender grunden moerk igen uden at noget andet aendrer sig. Tokens og farveregler: se hukommelsen lokalbold-tema-37. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk { /* --- Flader ------------------------------------------------------------ */ --lb-sk-grund: #F3F6EC; --lb-sk-skinne: #FFFFFF; --lb-sk-flade: #FFFFFF; --lb-sk-flade-2: #F8FAF3; --lb-sk-markering: #F0F5E6; /* --- Streger ----------------------------------------------------------- */ --lb-sk-streg: #EEF2E7; --lb-sk-streg-svag: #F3F6EC; --lb-sk-kant: #DCE4D2; /* --- Tekst ------------------------------------------------------------- --lb-sk-hvid bliver STAAENDE paa #FFFFFF. Den bruges til tekst ovenpaa de farvede flader nedenfor, ikke til tekst paa grunden. */ --lb-sk-tekst: #141A14; --lb-sk-daempet: #5E6B5E; --lb-sk-svag: #8A968A; /* --- Signaler ---------------------------------------------------------- Groen som TEKST skal vaere #0B5D2E paa lyst — #0B3D2C er fladen. Uafgjort var en moerk brik med lys tekst; den bliver moerk, men faar en olivengroen tone, saa den hoerer til paletten. Hvid paa #4A564A: 8,0:1. */ --lb-sk-groen: #0B5D2E; --lb-sk-uafgjort: #4A564A; /* --- Maal -------------------------------------------------------------- Rundingen er halvdelen af tema 37. Skallens egne maal roeres ikke. */ --lb-t37-radius: 18px; --lb-t37-radius-lille: 13px; --lb-t37-skygge: 0 1px 2px rgba(11,61,44,0.06), 0 8px 24px rgba(11,61,44,0.05); /* --- Skrift ------------------------------------------------------------ */ --lb-sk-display: Inter, "Helvetica Neue", Arial, system-ui, sans-serif; --lb-sk-broed: Inter, "Helvetica Neue", Arial, system-ui, sans-serif; /* --- SITETS EGNE VARIABLER --------------------------------------------- Det er her hele sitet vender. Komponenterne — lb-rc3, lb-kr3, lb-tr3, lb-sp3, lb-f3, lb-f4, lb-dm3, lb-lo, profilsystemet, resultatcentret og kortet — laeser alle disse. De var LYSE i forvejen, foer skallen gjorde dem moerke, saa det her foerer dem tilbage til den flade, de blev tegnet til. --green og --green-hover roeres ikke: de er FLADER med moerk tekst ovenpaa, bl.a. samtykkeknappen. */ --ink: #141A14; --ink-muted: #5E6B5E; --paper: #FFFFFF; --paper-soft: #F8FAF3; --line: #EEF2E7; --green-soft: #F0F5E6; --green-text: #0B5D2E; --lb-blaek: #141A14; --lb-daempet: #5E6B5E; --lb-flade: #F8FAF3; --lb-streg: #EEF2E7; --lb-groen-tekst: #0B5D2E; } /* Grunden og den arvede tekstfarve. Kroppen selv, saa alt uden egen farveregel foelger med — samme mindste greb som flade.css bruger. */ body.lb-sk-aktiv.lb-t37.lb-t37 { background: var(--lb-sk-grund); color: var(--lb-sk-tekst); font-family: var(--lb-sk-broed); } /* Skallens egne flader. De er erklaeret med var() i skal.css og foelger derfor med af sig selv; her sikres kun, at selve skinnen og panelerne faar tema 37's runding og skygge i stedet for den moerke kant. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-panel, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-kort { border-radius: var(--lb-t37-radius); box-shadow: var(--lb-t37-skygge); border-color: var(--lb-sk-streg); } /* Tal saettes i tabulaere cifre overalt, saa kolonner flugter. */ body.lb-sk-aktiv.lb-t37.lb-t37 table, body.lb-sk-aktiv.lb-t37.lb-t37 .num, body.lb-sk-aktiv.lb-t37.lb-t37 [class*="-tal"], body.lb-sk-aktiv.lb-t37.lb-t37 [class*="-res"] { font-variant-numeric: tabular-nums; } /* =========================================================================== RUNDE 2 — MAALT, IKKE GAETTET Foerste runde gav 48 kontrastfejl paa fire sider (klub 6, forside 10, resultater 29, nyheder 3) mod 769 ved den moerke udgangsstilling. Fejlene var to slags, og de kraever modsat behandling: A. Tekst, der var HVID, fordi fladen under den var moerk. Nu er fladen hvid, og teksten forsvinder. Den skal have blaek. B. Et baand, der ER moerkt med vilje — .lb-f4--paanavy, rgb(14,26,43). Det arvede tema 37's moerke --ink og fik dermed moerk tekst paa moerk flade. Det skal BLIVE moerkt; tema 37 har selv et saadant baand («Tallene bag bredden»). Derfor faar det den dybe groenne og sine egne variabler indeni — samme trick som hele laget bygger paa, bare scopet. =========================================================================== */ /* A — hvid tekst, der nu staar paa lyst */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk__maerke-navn, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hero__navn, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-dp__vaerdi, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-blok__titel, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__titel, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__herotitel, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__undertitel, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink { color: var(--lb-sk-tekst); } /* #7A8798 maalte 3,65 paa hvid. #5E6B5E maaler 4,93. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk__gruppenavn { color: var(--lb-sk-daempet); } /* B — det moerke baand beholder sin rolle, men faar tema 37's farve. Variablerne omdefineres INDE i baandet, saa hver komponent derinde vender med af sig selv — praecis som laget selv virker. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy { /* * RUNDE 4 — BAANDET BLIVER LYST * * Runde 2 gav baandet tema 37's dybe groenne. Den flade blev aldrig * synlig: .lb-f4__hoved inde i baandet staar hvidt af sig selv og * daekker den, ogsaa efter at panelet var sat gennemsigtigt. At jage * den regel med endnu et lag er praecis den vej, der fik det forrige * forsoeg paa flade.css til at svinge mellem 0 og 94 fejl. * * Baandet bliver derfor LYST, saadan som det faktisk tegner sig, og * teksten faar blaek. Tema 37's moerke talbaand hoerer hjemme i * markupen, ikke i et overskrivningslag. */ background: var(--lb-sk-grund); color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__titel, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__manchet, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__udfaldnavn, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__tileetiket { color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__grundlag { color: var(--lb-sk-daempet); } /* Tallene i baandet er lime — den baerer en bogstavform fint paa dybgroen (#D7F249 paa #0B3D2C maaler 11,6), men ALDRIG paa hvid. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__tiletal, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__udfaldtal { color: #0B3D2C; } /* Primaerknappen: #22C55E med lys tekst maalte 2,0. Tema 37's knap er den dybe groenne med hvid — 10,9. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__knap.er-primaer { background: #0B3D2C; border-color: #0B3D2C; color: #FFFFFF; } /* =========================================================================== RUNDE 3 — DET HVIDE PANEL INDE I DET GROENNE BAAND Baandet fik rigtigt #0B3D2C, men .lb-f4__hoved inde i det staar hvidt af sig selv, og baandets hvide tekst landede dermed paa hvid. Panelet er en DEL af baandet, ikke et kort ovenpaa det, saa det skal vaere gennemsigtigt. MENUEN ROERES IKKE. Maalingen meldte otte fejl paa .hfe-menu-item i farven #AFBDCC. Det er en FALSK POSITIV: headerens navy rgb(14,26,43) ligger ni niveauer oppe, og de punkter, der fejler, hoerer til den skjulte mobilmenu. Farves de, bliver den rigtige menu ulaeselig paa navy. Se hukommelsen lokalbold-kontrast. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__hoved, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__hovedtekst { background: transparent; } /* =========================================================================== RUNDE 5 — DE TO SIDSTE PAA SPILLERSIDEN .lbp-hero__under (klubnavnet ved siden af spillernavnet) og .lbp-let__tekst (noten under Foelg-knappen) var daempede toner, valgt til en moerk flade. Paa hvid maaler de under 4,5. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hero__under, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-let__tekst { color: var(--lb-sk-daempet); } /* =========================================================================== RUNDE 6 — EFTER FRIGIVELSEN TIL ALLE Maalt paa de fire sidetyper, der ikke naaede at blive maalt foer temaet blev taendt for besoegende: /kampprogram/ 143 fejl — heraf 134 x .lb-kl__navn, hvide klubnavne paa lys bund. Siden var ulaeselig. /klubber/ 8 /spillere/ 2 .lb-kl__navn er kampliste-komponenten, som profilsiderne ikke bruger — derfor dukkede den foerst op her. Det er grunden til at maale HVER sidetype og ikke slutte fra de fire, der saa paene ud. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-kl__navn, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk__punkt-navn { color: var(--lb-sk-tekst); } /* =========================================================================== RUNDE 7 — ELEMENTOR-KNAPPERNE To knapper deler fladen #22C55E, men ikke tekstfarven: «Faa nyhedsbrevet» moerk navy — bestod «Tilfoej din klub» #F3F6EC — 2,08, faldt igennem Kun TEKSTEN saettes, ikke fladen. Saetter man fladen, rammer man ogsaa de knapper, der med vilje er gennemsigtige, og saa laver man om paa designet i stedet for at rette en kontrast. #0B3D2C paa #22C55E maaler 5,9. RESTRISIKO, noteret bevidst: en Elementor-knap med MOERK flade og lys tekst ville blive ulaeselig af denne regel. Ingen saadan er fundet paa de maalte sider — men den dag der laves en, er det her, den skal fanges. Knappernes farver hoerer i oevrigt hjemme i Elementor-editoren; det her er en lap, indtil de rettes dér. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .elementor-button .elementor-button-text { color: #0B3D2C; } /* =========================================================================== RUNDE 8 — HEROSTRIBENS TAL .lb-f4__herotal rummer to ting med hver sin farve, og begge var valgt til en moerk flade: 38 px #22C55E — 2,08 paa #F3F6EC 11 px #AFBDCC — 1,75 De dukkede op paa /klubber/ og /kampprogram/, otte ad gangen. Jeg talte dem foerst fejlagtigt med blandt mobilmenuens falske positive, fordi en stikproeve paa farven ramte menupunkterne foerst. Derfor taelles menuen nu for sig: et tal, der blander aegte og falske fejl, er ikke en maaling. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__herostribe .lb-f4__herotal { color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__herostribe .lb-f4__herotal b { color: #0B3D2C; } /* =========================================================================== RUNDE 9 — TO RETTELSER DER IKKE TOG FAT, OG HVORFOR 1) KNAPPEN. skal.css maler knapteksten med var(--lb-sk-grund) — i det moerke tema var grunden #0B1118, altsaa moerk tekst paa groen flade. Tema 37 gjorde grunden lys, og teksten blev naesten hvid paa groen: 2,08. Reglen staar som html body.lb-sk-aktiv .lb-sk.lb-sk.lb-sk .lb-f4__knap.er-primaer — (0,6,2), fordi .lb-sk er skrevet tre gange. Den kan ikke slaas uden at skrive endnu laengere selektorer. Derfor slaas den ikke. I stedet faar knapperne deres EGEN --lb-sk-grund. Reglen bliver staaende og maler nu #0B3D2C paa den groenne flade: 5,9. Det er den samme fremgangsmaade som hele laget — ret variablen, ikke reglen — og den kraever ingen specificitetskrig. 2) ETIKETTEN. .lb-f4__herotal span henter var(--on-dark-2), en variabel jeg slet ikke havde roert. Den maa IKKE omdefineres globalt: de --on-dark-*-farver bruges ogsaa inde i komponenter, der stadig er moerke med vilje — bl.a. kortet. Derfor rettes kun det ene sted, maalingen peger paa. =========================================================================== */ /* * RUNDE 10 — MIN EGEN FEJL FRA RUNDE 9 * * Runde 9 gav ALLE .lb-f4__knap deres egen --lb-sk-grund. Men de * SEKUNDAERE knapper bruger grunden som BAGGRUND, ikke som tekst, saa * flade og tekst blev samme farve: «Find en klub», «Soeg», «Find kampe» * og «Vis kampe» maalte 1,00. Fire knapper, der virkede foer. * * Samme variabel betyder altsaa to forskellige ting afhaengigt af * knappens rolle. Derfor kun primaerknappen, hvor den er tekstfarve. */ /* * RUNDE 11 — ÉN VARIABEL, TO VAERDIER * * De to knapper deler reglen «teksten males med var(--lb-sk-grund)», men * de har hver sin flade, og derfor hver sin rigtige vaerdi: * * .lb-f4__knap.er-primaer dyb groen flade (sat i runde 2) -> HVID * .elementor-button sitets lysegroenne #22C55E -> #0B3D2C * * Runde 9 og 10 gav dem SAMME vaerdi, og primaerknappen blev dermed * ensfarvet: tekst og flade begge #0B3D2C, maalt 1,00. Fejlen var ikke * selektoren, men antagelsen om at én variabel betyder det samme to * steder. Det goer den ikke her. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__knap.er-primaer { --lb-sk-grund: #FFFFFF; } body.lb-sk-aktiv.lb-t37.lb-t37 .elementor-button { --lb-sk-grund: #0B3D2C; } /* Etiketterne i herostriben — uanset hvilken stribe de sidder i. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__herotal span { color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__herostribe .lb-f4__herotal span { color: var(--lb-sk-daempet); } /* =========================================================================== RUNDE 12 — DE SIDSTE TO SMAA ETIKETTER Begge i #AFBDCC, begge 11-12 px, begge valgt til en moerk flade: .lb-f2__taletiket «kampe soendag» .lb-f4__udfaldtal i tallene 124 / 23 / 109 Det er tredje sted, den samme gamle «tekst paa moerk»-tone dukker op under et nyt klassenavn. De findes kun ved at maale hver sidetype — ikke ved at slutte fra dem, der allerede er rene. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f2__taletiket, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__udfaldtal i { color: var(--lb-sk-daempet); } /* =========================================================================== RUNDE 13 — KATEGORICHIPSENE PAA /nyheder/ Her overskoed min EGEN rettelse fra runde 2. Jeg gav .lb-arkiv__katlink blaek, fordi den maalte 2,08 i lys tekst — men chipsene er gennemsigtige og sidder paa en MOERK stribe, saa den lyse tekst var rigtig. Resultatet blev moerk tekst paa moerk flade: 1,01, femten gange. Laeren: en farve, der maaler for lavt, er ikke i sig selv en forkert farve. Den kan vaere den rigtige farve paa den forkerte flade. Derfor faar chipsene nu deres EGEN flade i stedet — saa virker de uanset hvad striben bag dem goer. .lb-arkiv__katlink hvid chip, blaek tekst .lb-arkiv__katlink.er-valgt dyb groen chip, hvid tekst (10,9) — var #22C55E med #F3F6EC: 2,08 =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink { background: #FFFFFF; border-color: var(--lb-sk-kant); color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink.er-valgt { background: #0B3D2C; border-color: #0B3D2C; color: #FFFFFF; } /* =========================================================================== RUNDE 14 — ARTIKLENS OVERSKRIFT, OG TALLENE I CHIPSENE .entry-title maalte 1,00 paa artikelsiden: hvid overskrift paa hvid flade. Den var usynlig for alle 208 artikler. Den slags findes kun ved at aabne en artikel — arkivsiden /nyheder/ viser ikke den skabelon. Tallene i kategorichipsene («44», «36») har deres egen daempede tone og landede paa den hvide chip, runde 13 gav dem: 1,91. Paa den valgte, groenne chip skal de omvendt vaere lyse. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .entry-title, body.lb-sk-aktiv.lb-t37.lb-t37 .entry-title a { color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink span, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink i, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink b { color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink.er-valgt span, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink.er-valgt i, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__katlink.er-valgt b { color: #BEE86A; } /* =========================================================================== RUNDE 15 — /nyheder/ HEROET .lb-arkiv__hoved var navy rgb(14,26,43) — rent maalt, men det eneste store moerke felt tilbage, og i en anden kuloer end resten. Det bliver tema 37's dybe groenne. Baandet faar sine EGNE variabler, saa alt derinde vender med. Men saa skal chipsene fra runde 13 rettes igen: de er hvide med var(--lb-sk-tekst), og den er nu HVID herinde. Uden de fire regler nedenfor ville tolv chips blive hvid-paa-hvid. Den valgte chip bliver LIME — det er netop en brandflade paa moerk grund, som farvereglen i lokalbold-tema-37 foreskriver. Lime maa baere en bogstavform her, fordi teksten paa den er moerk. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved { background: #0B3D2C; color: #FFFFFF; --lb-sk-tekst: #FFFFFF; --lb-sk-daempet: #A6C4B2; --ink: #FFFFFF; --ink-muted: #A6C4B2; --lb-blaek: #FFFFFF; --lb-daempet: #A6C4B2; } /* Chipsene bliver staaende hvide — derfor moerk tekst, uanset baandet. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink { color: #141A14; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink span, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink i, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink b { color: #5E6B5E; } /* Den valgte: lime flade, moerk tekst. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink.er-valgt { background: #D7F249; border-color: #D7F249; color: #16321F; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink.er-valgt span, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink.er-valgt i, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-arkiv__hoved .lb-arkiv__katlink.er-valgt b { color: #3F5410; } /* =========================================================================== RUNDE 16 — DEN LOESE HVIDE STRIBE, OG FELTERNE DER KNAEKKER 3+1 1) DEN HVIDE STRIBE .lb-f4__hoved («Dagen i tal», «Traeneruniverset i tal») staar hvidt, mens baandet omkring den er lyst. Den laeser derfor som en loes hvid strimmel midt i siden i stedet for som en overskrift. Runde 3 proevede at saette den gennemsigtig og tabte: reglen er html body.lb-sk-aktiv .lb-sk.lb-sk.lb-sk .lb-f4__hoved = (0,6,2) — .lb-sk skrevet TRE gange. Samme optrapning som knappen i runde 11. Her kan variabeltricket ikke bruges: --lb-sk-flade giver ogsaa chipsene deres flade, og de skal beholde den. Derfor gentages klassen i stedet, til (0,7,2). Det er grimt, men det er husets egen idiom, og alternativet var at roere en variabel, der bruges to steder med hver sin mening. 2) FELTERNE .lb-f4__tiles er flex-wrap med .lb-f4__tile paa flex: 1 1 180px. Fire felter i en 585 px spalte giver 3 paa foerste linje — og det fjerde STRAEKKER sig over hele anden linje, fordi det er alene om sin flex-grow. Derfor hullet. Et gitter loeser det generelt: det femte felt ville ogsaa lande i én celle, ikke over hele bredden. auto-fit holder dem paa én linje, naar der er plads, og folder til to og én kolonne, naar der ikke er. Felternes egen flade er rgba(255,255,255,.055) — synlig paa moerk bund, usynlig paa lys. De faar tema 37's sarte flade i stedet. =========================================================================== */ html body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__hoved.lb-f4__hoved.lb-f4__hoved, html body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4--paanavy .lb-f4__hovedtekst.lb-f4__hovedtekst.lb-f4__hovedtekst { background: transparent; box-shadow: none; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 10px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__tile { background: #F8FAF3; border: 1px solid #EEF2E7; border-radius: 13px; } /* =========================================================================== RUNDE 17 — FOELG-KNAPPEN To ting, maalt paa /klubber/ 2. november 2026: 1) Knappen har `border-radius: 0`. Tema 37 bruger pilleform overalt — knapper, brikker, chips. Den firkantede knap var tegnet til den moerke skal og er det eneste skarpe hjoerne tilbage paa en knap. 2) Den KOMPAKTE variant (klubregistrets tabel) arver wrapperens 14/16 px polstring og 18 px bundmargin fra profilsidens udgave. I en tabelraekke gav det 70 px knap og 107 px raekkehoejde. Her skal den vaere en brik, ikke en blok. Farven roeres IKKE. #1A7D49 med hvid maaler 5,16 og er valgt netop for at komme over 4,5 — se tokenkommentaren i skal.css. Og den trykkede tilstand har sin egen regel, jeg ikke kan se herfra; vendes fladen uden at kende den, kan «Foelger» blive ulaeselig. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-fl__knap { border-radius: 100px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-fl--kompakt { padding: 0; margin: 0; width: auto; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-fl--kompakt .lb-fl__knap { min-height: 30px; height: 30px; padding: 0 12px; font-size: 13px; /* * .lb-fl__knap har min-width: 118px, og den er der med VILJE: uden den * hopper knappen i bredden, naar teksten skifter fra «Foelg» til * «Foelger». Derfor fjernes den ikke — den saettes til det, den laengste * af de to tekster faktisk kraever ved 13 px: ca. 44 px bogstav plus * 24 px polstring. */ min-width: 72px; } /* * IKONET UD I TABELLEN. * * Maalt: klubregistrets tabel er 640 px i en 637 px beholder — den laa * allerede paa kanten FOER foelg-kolonnen. Kolonnen kostede 74 px mere, * og saa skulle man rulle vandret for at naa knappen. Beholderen * (.lb-tabelrulle) ER bygget til at rulle, men en knap, man skal rulle * hen til, loeser ikke det problem, kolonnen blev lagt ind for. * * Ordet «Foelg» bliver staaende — det er dét, der goer funktionen * synlig. Ikonet er pynt her og ryger ud. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-fl--kompakt .lb-fl__ikon { display: none; } /* =========================================================================== RUNDE 18 — FOELG-KOLONNEN LAASES TIL HOEJRE KANT MAALT, og det er grunden til hele denne runde: knappen raekker til x=939, mens .lb-tabelrulle slutter ved x=916. Knappen stak 23 px UDEN FOR det synlige, og et rigtigt museklik ramte derfor ved siden af. Et programmatisk b.click() virkede fint — saa lytteren var paa plads, og fejlen var ren geometri. Den slags findes kun ved at klikke som en bruger, ikke ved at kalde funktionen. Tabellen var 640 px i en 637 px beholder FOER kolonnen; den har altid vaeret paa kanten. At goere kolonnen smallere flytter bare graensen. Derfor laases den i stedet fast i hoejre kant: saa er knappen inde i billedet, uanset hvor langt tabellen ruller. Zebraen ligger paa CELLERNE som en gennemsigtig graa (0,07 over hvid), ikke paa raekkerne. En fastlaast celle skal selv vaere ugennemsigtig, ellers ruller teksten synligt ind under den — derfor de to toner: #FFFFFF og den sammensatte #F6F6F6. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-kr3__tabel th:last-child, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-kr3__foelgcelle { position: sticky; right: 0; z-index: 1; border-left: 1px solid #EEF2E7; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-kr3__foelgcelle { background: #FFFFFF; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-kr3__tabel tbody tr:nth-child(odd) .lb-kr3__foelgcelle { background: #F6F6F6; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-kr3__tabel th:last-child { background: #F8FAF3; } /* =========================================================================== RUNDE 19 — SAMME BEHANDLING TIL SPILLERLISTEN Runde 18 laaste klubregistrets foelg-kolonne til hoejre kant. Spiller- arkivet har nau samme kolonne og samme problem, saa reglerne haenges paa faellesklassen .lb-fl-celle i stedet for paa hvert moduls egen klasse. De gamle .lb-kr3__-selektorer bliver staaende: de koster intet, og en tabel, der mister sin flade, er dyrere end fire linjer CSS. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sp3__tabel th:last-child, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-fl-celle { position: sticky; right: 0; z-index: 1; border-left: 1px solid #EEF2E7; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-fl-celle { background: #FFFFFF; } body.lb-sk-aktiv.lb-t37.lb-t37 tbody tr:nth-child(odd) .lb-fl-celle { background: #F6F6F6; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sp3__tabel th:last-child { background: #F8FAF3; } /* =========================================================================== RUNDE 20 — HELE KLASSEN AF USYNLIG TEKST Brugeren: «tallene er ogsaa hvide». Statistikkortet viste sine etiketter og ingen vaerdier. AARSAGEN ER ÉN TOKEN MED TO BETYDNINGER. --lb-sk-hvid bruges baade til «tekst paa en farvet flade» (hvor hvid er rigtigt, ogsaa nu) og til «staerkeste tekst» (hvor hvid var rigtigt, da grunden var moerk). I det moerke tema faldt de to sammen. I tema 37 goer de ikke. Derfor er tokenen IKKE vendt — det ville slukke teksten paa hver groen brik. I stedet rettes de regler, der bruger den UDEN selv at saette en flade. Listen er fundet systematisk: alle regler i skal.css og profil.css med `color: var(--lb-sk-hvid)` og uden `background`. HVORFOR MAALINGEN IKKE FANDT DEM: de fleste sidder i stillingstabeller og statistikraekker, som kun tegnes, naar klubben HAR tal. Jeg maalte Noerrebro United, der ingen har, og fik nul. En komponent, der ikke er paa siden, er ikke testet — vaelg altid en post med data. =========================================================================== */ /* — Statistik, stillinger og kamptabeller paa profilsiderne — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-dp__tal, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-dp__kamp, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-dp__tabel td a, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-standings__team, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-standings__team a, body.lb-sk-aktiv.lb-t37.lb-t37 td.lb-pts, body.lb-sk-aktiv.lb-t37.lb-t37 td.lbp-kamptabel__mkol, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-res, /* — Skallens egne tabeller og talstriber — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-tal-stribe__tal, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-tabel th:last-child, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-tabel td:last-child, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-tabel td a, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk-tom__titel { color: var(--lb-sk-tekst); } /* — Hover: hvid paa lys grund er usynlig; groen er sitets linkfarve — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk a:hover, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk__maerke:hover, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk__klub:hover, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-sk__krumme a:hover, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-hs__skiftlink:hover, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__vej:hover { color: var(--lb-sk-groen); } /* =========================================================================== RUNDE 21 — TO TING: EN TILBAGERULNING OG DE SIDSTE TOLV 1) MONOGRAMMET. Runde 20 gav .lb-mono--tegn blaek. Det var FORKERT: monogrammet er en moerk brik med lys tekst, og fladen sidder paa foraelderen .lb-mono, ikke paa tegnet selv. Mit filter spurgte «saetter reglen sin egen baggrund?» og svarede nej — men baggrunden laa et niveau oppe. 61 monogrammer blev blaek-paa-moerk. Det er tredje gang samme fejl: en farve, der maaler for lavt, kan vaere den RIGTIGE farve paa den forkerte flade. Spoerg altid, hvad der er BAG elementet — ikke hvad reglen selv saetter. 2) DE SIDSTE TOLV er haardkodede farver fra den moerke palet, som ingen af mine tokens naaede: #E8EDF3 moerk-temaets tekst -> blaek #8FA0B4 moerk-temaets daempede -> daempet #AFBDCC samme familie -> daempet #34D17E / #22C55E lyse groenne -> #0B5D2E Kun paa lyse flader. De SAMME farver staar rigtigt i foden og i monogrammerne, og de roeres ikke: alle selektorer her er lbp- komponenter, der sidder paa hvide kort. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-kampsaeson__titel { color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-kampsaeson__titel span, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-maalliste__dato, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hero__plads span { color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-maalliste__min, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hero__plads b { color: var(--lb-sk-groen); } /* =========================================================================== RUNDE 22 — .lbp-hul: FLADEN SKAL VENDE, IKKE TEKSTEN Fjerde gang samme fejl, og den sidste: jeg gav .lbp-hul blaek i runde 21, fordi den maalte for lavt paa et hvidt panel. Men boksen har SIN EGEN moerke flade (rgb(16,24,34)) — en tom-tilstand fra det moerke tema. Blaek paa den giver 1,01. Naar et element har sin egen flade, er det fladen, der hoerer til temaet, og teksten foelger med. Naar det ikke har, er det teksten. Det er hele skellet, og det er det spoergsmaal, jeg skulle have stillet hver gang: HAR ELEMENTET SELV EN FLADE? =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hul { background: #F8FAF3; border-color: var(--lb-sk-streg); color: var(--lb-sk-daempet); } /* =========================================================================== RUNDE 23 — SPILLERSIDEN MED DATA Samme historie som klubsiden: en spiller UDEN maal maalte nul, en med 38 maal maalte 36 fejl. Komponenterne tegnes foerst, naar der er tal. De fire her sidder alle paa lyse flader: .lbp-akse__punkt span 28 stk — minuttallene paa maalaksen, #E8EDF3 .lbp-kamp__score resultatet i kampraekken, #E8EDF3 .lbp-hero__klub a klubnavnet under spillernavnet, hvid .lbp-badge «Nr. 1 paa topscorerlisten», #22C55E paa sin egen lysegroenne tone — 2,02 IKKE roert: .lb-fl__tekst (hvid paa den groenne knap) og Elementors overskrifter (hvide paa navy). De maaler lavt i en naiv optaelling, men de staar rigtigt. Flade foerst, farve bagefter. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-akse__punkt span, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-maalliste__dato { color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-kamp__score, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hero__klub a { color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-badge { color: var(--lb-sk-groen); } /* =========================================================================== RUNDE 24 — DE SIDSTE #8FA0B4 PAA SPILLERSIDEN Samme tone, tre steder: aksens endepunkter, holdnavnene i kampraekken og datoen. #8FA0B4 var det moerke temas daempede farve og maaler 2,67 paa hvidt. --lb-sk-daempet (#5E6B5E) maaler 4,93. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-akse__ende, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-kamp__hold span, body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-kamp__dato { color: var(--lb-sk-daempet); } /* =========================================================================== RUNDE 25 — DOMMERSIDENS META .lbp-hero__meta («50 kampe registreret») i #AFBDCC paa lyst: 1,91. Sidste af de haardkodede toner fra den moerke palet paa profilsiderne. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lbp-hero__meta { color: var(--lb-sk-daempet); } /* =========================================================================== RUNDE 26 — DEN AKTIVE FILTERCHIP .lb-rc3__aktiv har sin EGEN navy flade (var(--navy-900)) og males med var(--lb-sk-groen). I det moerke tema var den token en LYS groen (#34D17E) paa moerk bund. Jeg gjorde den moerk (#0B5D2E), fordi den skal kunne baere tekst paa lyst — og saa forsvandt chippen: 2,18. Det er NOEJAGTIG samme mekanisme som --lb-sk-hvid i runde 20: én token, to betydninger, som faldt sammen i det moerke tema og skiller sig i det lyse. Chippen faar derfor hvid tekst, saadan som dens egen regel i forvejen siger — den tabte bare paa specificitet til mit lag. =========================================================================== */ /* * RETTET: farvereglen tabte. Vinderen er * html body.lb-sk-aktiv .lb-sk.lb-sk.lb-sk .elementor-widget a * — (0,5,2), fordi .lb-sk staar tre gange. Samme optrapning som knappen * i runde 11, og samme svar: ret VARIABLEN inde i chippen i stedet for at * skrive en endnu laengere selektor. Reglen bliver staaende og maler nu * hvidt paa chippens egen navy flade. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-rc3__aktiv { --lb-sk-groen: #FFFFFF; color: #FFFFFF; } /* =========================================================================== RUNDE 27 — TOPBAANDET (retning F) To halvdele, der ikke konkurrerer: din klub til venstre, dagens historie til hoejre. Gitter, ikke flex — en enlig halvdel skal lande i sin celle, ikke straekke sig over hele raekken. Historiebilledet ER resultatgrafikken, som artikelmodulet genererer. Derfor bygges der intet resultatbaand her. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__top { display: grid; grid-template-columns: 1fr 1.25fr; gap: 14px; margin: 0 0 16px; align-items: start; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__top--kun-historie { grid-template-columns: 1fr; } /* — Venstre: Mit Lokalbold, strammet til en halv bredde — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topmit .lb-mit { background: #FFFFFF; border-radius: 18px; box-shadow: 0 1px 2px rgba(11,61,44,0.06), 0 8px 24px rgba(11,61,44,0.05); padding: 20px 22px; margin: 0; } /* — Hoejre: historien som ét kort — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topstory { display: block; background: #FFFFFF; border-radius: 18px; box-shadow: 0 1px 2px rgba(11,61,44,0.06), 0 8px 24px rgba(11,61,44,0.05); overflow: hidden; height: 100%; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topbillede { display: block; background: #0B3D2C; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topbillede img { display: block; width: 100%; height: auto; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topind { display: block; padding: 20px 24px 22px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topkat { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lb-sk-groen); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__toptitel { display: block; margin-bottom: 8px; font-size: 26px; font-weight: 700; letter-spacing: -0.034em; line-height: 1.14; color: var(--lb-sk-tekst); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topmanchet { display: block; font-size: 15px; line-height: 1.5; color: var(--lb-sk-daempet); } /* — Under 860 px staar de over hinanden, klubben foerst — */ @media (max-width: 860px) { body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__top { grid-template-columns: 1fr; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__toptitel { font-size: 22px; } } /* =========================================================================== RUNDE 28 — «FIND DIN KLUB»-KNAPPEN I TOPBAANDET Tredje gang samme mekanisme, og nu er moenstret klart nok til en regel: Et element, hvis FLADE males med den groenne token, og hvis TEKST skal vaere hvid, bliver ensfarvet — fordi reglen html body.lb-sk-aktiv .lb-sk.lb-sk.lb-sk .elementor-widget a (0,5,2) overskriver tekstfarven med var(--lb-sk-groen), og den token er i tema 37 den samme moerkegroenne som fladen. Knappens egen regel siger allerede color:#FFFFFF — den taber bare. Derfor rettes VARIABLEN inde i knappen, ikke reglen. .er-blank er den OMVENDTE knap: hvid flade, groen tekst. Den maa ikke roeres, og derfor :not(.er-blank). =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-mit__knap:not(.er-blank) { --lb-sk-groen: #FFFFFF; color: #FFFFFF; } /* =========================================================================== RUNDE 29 — KORTET SKAL IKKE VAERE UNDERSTREGET Topbaandet bor nu i en Elementor tekst-widget, og dens linkstil understreger alt. Et helt kort som link skal ikke have streg under sig; kortet ER affordancen. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topstory, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__topstory:hover { text-decoration: none; } /* =========================================================================== RUNDE 30 — DET KOMPAKTE KLUBKORT Erstatter [lokalbold_mit] i topbaandets venstre halvdel. Tre linjer: klubben, naeste kamp, seneste resultat. Ingen tabel, ingen kampraekke — den kraever 900 px og faar 440. INGEN UNDERSTREGNING I HELE BAANDET. Baandet bor i en Elementor tekst-widget, hvis linkstil understreger alt. Her er HVER linje et link, saa reglen skal gaelde baandet, ikke bare historiekortet. =========================================================================== */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__top a, body.lb-sk-aktiv.lb-t37.lb-t37 .lb-f4__top a:hover { text-decoration: none; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort { display: flex; flex-direction: column; gap: 10px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__klub { display: flex; align-items: center; gap: 12px; min-width: 0; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__tekst { display: block; min-width: 0; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__navn { display: block; font-size: 19px; font-weight: 700; letter-spacing: -0.028em; color: var(--lb-sk-tekst); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* --lb-sk-svag (#8A968A) maaler 2,82 paa hvid — for lyst til 13 px tekst. --lb-sk-daempet (#5E6B5E) maaler 4,93. Den svage tone hoerer til stoerre eller dekorativ tekst, ikke til en bylinje. */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__meta { display: block; margin-top: 1px; font-size: 13px; color: var(--lb-sk-daempet); } /* — En kamp: etiket, hold, hvornaar — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__kamp { display: block; background: #F8FAF3; border: 1px solid #EEF2E7; border-radius: 13px; padding: 12px 15px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__etiket { display: block; margin-bottom: 5px; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__hold { display: flex; align-items: baseline; gap: 8px; font-size: 15px; font-weight: 600; letter-spacing: -0.015em; color: var(--lb-sk-tekst); min-width: 0; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__hold > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__res { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 700; color: #0B3D2C; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__mod { flex: 0 0 auto; font-size: 12px; font-weight: 500; color: var(--lb-sk-svag); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__naar { display: block; margin-top: 4px; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--lb-sk-daempet); } /* — De oevrige klubber — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__andre { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; padding-top: 2px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__andre .lb-topkort__etiket { margin-bottom: 0; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__brik { font-size: 13px; font-weight: 600; padding: 5px 12px; border-radius: 100px; background: #F0F5E6; color: #0B5D2E; } /* — Tom tilstand, samme format — */ body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__invitation { margin: 0; font-size: 15px; line-height: 1.55; color: var(--lb-sk-daempet); } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__knapper { display: flex; gap: 9px; flex-wrap: wrap; margin: 2px 0 0; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__knap { --lb-sk-groen: #FFFFFF; background: #0B3D2C; color: #FFFFFF; font-size: 14px; font-weight: 600; padding: 10px 18px; border-radius: 100px; } body.lb-sk-aktiv.lb-t37.lb-t37 .lb-topkort__knap.er-blank { --lb-sk-groen: #0B5D2E; background: #FFFFFF; border: 1px solid #DCE4D2; color: #0B5D2E; }