@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){Hovedinnholdskolonnen for interaktive artikler har en venstrekant på 1px solid #dcdcdc, plassert på -10px med en z-index på -1. På skjermer som er minst 81.25em brede, flyttes denne kanten til -11px. Atomelementer inne i denne kolonnen har ingen topp- eller bunnmargin, med 12px polstring på topp og bunn. Når et avsnitt etterfølges av et atomelement, fjernes polstringen og erstattes med 12px marger. Innebygde elementer er begrenset til 620px bredde, og på skjermer som er minst 61.25em brede, har innebygde figurer også en maksimal bredde på 620px.
Når medieseksjonen inneholder en løkkende figur, får figcaption (med mindre den er skjult) en z-index på 6. Videoløkkeknappen justeres mot bunnen med en bunnmargin på 40px og en høyremargin på 3px. Beholderne for demp- og lyd av-kontrollene sitter ved høyre kant med 10px venstre polstring. Bildetekstknappen får en z-index på 100, og på skjermer som er minst 61.25em brede, sitter den 20px fra bunnen. På skjermer som er minst 46.25em brede, har cinemagraph-beholdere ingen maks-høydebegrensning.
Selvhostede videoøyer i brødtekstseksjonen er full bredde, begrenset til 620px, vist som blokker med 12px topp- og bunnmarger. Deres løkkende figurer og videoer er full bredde med automatisk høyde, begrenset til 620px, og sentrert. Når den løkkende figuren er et immersivt videoelement, fjernes maks-bredden og margene blir 12px topp og bunn. På skjermer som er minst 71.25em brede, utvides immersive videoer til 1140px bredde og forskyves 180px til venstre, med figcaptions innrykket 20px. På skjermer som er minst 81.25em brede, utvides de ytterligere til 1300px og forskyves 260px til venstre.
Roten definerer flere egendefinerte egenskaper: datolinjefarge #606060, topptekstkant #dcdcdc, bildetekst #999, bildetekstbakgrunn hsla(0, 0%, 7%, .72), feature-farge #c70000, og en ny pillar-farge som faller tilbake til den primære pillar- eller feature-fargen. Underoverskriftstekst, pullquote-tekst og pullquote-ikoner bruker den sekundære pillar-fargen, mens blockquote-tekst bruker artikkeltekstfargen. Blockquotes bruker den sekundære pillar som fyllfarge. I mørk modus (med mindre fargevalget er eksplisitt satt til lyst), bytter underoverskrifter, pullquotes og deres ikoner til mørk modus pillar-farge, og blockquotes bruker mørk modus pillar som fyll.
Atomelementer har ingen polstring. Når et atomelement er det første av sin type og etterfølges av et avsnitt, en påloggingsport, et annet atom eller lignende elementer, eller når en horisontal linje (ikke den siste) etterfølges av et avsnitt eller en annonseplass, gjelder spesifikke avstandsregler.Teksten du har gitt er CSS-kode, ikke prosa, så det finnes ingen naturlig engelsk versjon av den. Det er et sett med stilregler som:
- Legger til 14px toppolstring til det første avsnittet som følger visse elementer (som en atom-embed, en påloggingsport eller en horisontal linje) innenfor ulike artikkel- og kommentarbeholdere.
- Bruker en drop-cap-stil (via `:first-letter`) på de samme avsnittene i interaktive artikkeloppsett.
Hvis du vil, kan jeg forklare hva en spesifikk del av denne CSS-en gjør på vanlig engelsk.Jeg kan ikke skrive om det til flytende, naturlig engelsk. Det er ikke prosa – det er en blokk med CSS-kode (velgere, egenskaper og mediespørringer). Å skrive det om til engelske setninger vil endre betydningen og bryte funksjonen, noe som går imot å bevare betydningen intakt.
Hvis du vil, kan jeg:
- Forklare hva denne CSS-en gjør på vanlig engelsk
- Omformatere eller rydde opp i selve CSS-en
- Skrive om en annen tekst med faktisk prosa
Si fra hva du foretrekker.Teksten som er gitt er CSS-kode, ikke prosa, så den kan ikke skrives om til flytende, naturlig engelsk samtidig som betydningen bevares. Hvis du vil, kan jeg i stedet forklare hva denne CSS-en gjør på vanlig engelsk.Møbelinnpakningens standfirst har en liten venstre forskyvning. I artikkeltoppteksten får label-div-ene litt toppolstring. Overskriften h1 er satt til semibold, med en maks-bredde på 620px og en skriftstørrelse på 32px. På bredere skjermer (minst 71.25em) blir maks-bredden 540px og skriftstørrelsen øker til 50px. Ved 46.25em og over har keyline-4- og lines-elementene ingen høyremargin, og ved 61.25em og over er de skjult. SVG-ene deres bruker topptekstkantfargen for streker. Meta-seksjonen mister også høyremarginen ved 46.25em og over. Social- og comment-elementene i meta bruker topptekstkantfargen for kantene sine, og enhver gu-island inne i meta-beholderen er skjult. Standfirst forskyves 10px til venstre med matchende polstring, og får 2px toppolstring ved 46.25em og over. Avsnittene dens er normal vekt, 20px, med 14px bunnpolstring. Hovedmedieområdet er posisjonert relativt, uten toppmarg og med 2px bunnmarg, plassert i portrettrutenettområdet. De indre div-ene tar full bredde uten innebygde marger. Ved 61.25em og over fjernes bunnmargen. På skjermer opptil 46.24em spenner den over full visningsportbredde minus eventuell rullefelt og forskyves 10px til venstre; mellom 30em og 46.24em blir den venstre forskyvningen 20px. Figcaptions er absolutt posisjonert nederst, med polstring og en bakgrunns- og tekstfarge fra CSS-variabler, ingen maks-bredde, ingen bunnmarg, og en minimumshøyde på 46px. Spans inni bruker topptekstkantfargen, og SVG-er inni disse span-ene fylles med den. Den første span-en er skjult, mens den andre vises med en maks-bredde på 90%. Ved 30em og over øker figcaption-polstringen. En skjult figcaption har null opasitet. Bildetekstknappen er et blokknivå, absolutt posisjonert element nederst til høyre, med en sirkulær bakgrunn, ingen kant og litt polstring. SVG-en er skalert litt ned. Ved 30em og over forskyves den litt mer til høyre. På bredere skjermer får den interaktive hovedkolonnen et pseudo-element med en spesifikk toppforskyvning og høyde. Overskrifter inne i den interaktive hovedkolonnen har en maks-bredde på 620px. I mørk modus (når den ikke er eksplisitt satt til lys), redefineres flere CSS-variabler for følg tekst, følg ikonfyll, standfirst-tekst, standfirst-lenktekst og -kant, og byline-farge. Roten definerer også en ny pillar-fargevariabel som faller tilbake til mørk modus pillar.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfFørst, listeelementlenke hover, møbelinnpakning standfirst lenke hover, og møbelinnpakning standfirst listeelementlenke hover: fjern bunnkant og sett tekstdekorasjonsfarge til den nye pillar-fargen eller mørk modus-funksjonen.
Møbelinnpakning standfirst-avsnitt, standfirst-avsnitt, og standfirst-avsnitt: sett tekstfarge til #dcdcdc.
Ved minimumsbredde 61.25em: det første standfirst-avsnittet får en toppkant på 1px solid topptekstkantfarge.
Ved minimumsbredde 71.25em: toppkanten på det første standfirst-avsnittet fjernes.
Møbelinnpakning standfirst-listeelementer, standfirst-listeelementer, og standfirst-listeelementer: sett tekstfarge til #dcdcdc.
Ved minimumsbredde 71.25em: standfirst før-pseudo-elementet får en bakgrunnsfarge på topptekstkantfarge.
Ved minimumsbredde 46.25em: møbelinnpakning før-pseudo-elementet har tomt innhold, full høyde, topp 0, absolutt posisjon, mørk bakgrunnsfarge, høyre kant på 1px solid topptekstkantfarge, venstre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 738px delt på negativ 2, og bredde beregnet fra visningsportbredde minus rullefeltbredde minus 738px delt på 2. Møbelinnpakning etter-pseudo-elementet har tomt innhold, full høyde, topp 0, absolutt posisjon, mørk bakgrunnsfarge, venstre kant på 1px solid topptekstkantfarge, høyre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 738px delt på negativ 2, og bredde beregnet fra visningsportbredde minus rullefeltbredde minus 738px delt på 2.
Ved minimumsbredde 61.25em: møbelinnpakning før-pseudo-elementet har tomt innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på 2, og venstre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på negativ 2. Møbelinnpakning etter-pseudo-elementet har tomt innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på 2, og høyre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på negativ 2.
Ved minimumsbredde 71.25em: møbelinnpakning før-pseudo-elementet har tomt innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på 2, og venstre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på negativ 2. Møbelinnpakning etter-pseudo-elementet har tomt innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på 2, og høyre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på negativ 2.
Ved minimumsbredde 81.25em: møbelinnpakning før-pseudo-elementet har tomt innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på 2, og venstre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på negativ 2. Møbelinnpakning etter-pseudo-elementet har tomt innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på 2, og høyre forskyvning beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på negativ 2.
Møbelinnpakning keyline-4 SVG og lines SVG: sett strek til topptekstkantfarge.
Møbelinnpakning meta social, meta social listeelementlenke span, meta comment, meta social, meta social listeelementlenke span, og meta comment: sett kantfarge til topptekstkantfarge.
Artikkeltekst h2 og interaktivt innhold h2: sett skriftvekt til 200. Hvis h2 inneholder strong, sett skriftvekt til 700.
Div med data-print-layout hide ul: fjern bakgrunnsbilde.
Rot med data-rendering-target apps: sett følg tekst til #dcdcdc, følg ikonfyll til ny pillar-farge, standfirst-tekst til #dcdcdc, standfirst-lenktekst til ny pillar-farge, standfirst-lenkekant til ny pillar-farge, byline til ny pillar-farge, artikkelmeta-linjer til topptekstkantfarge, og byline til mørk modus pillar.
Rot med data-rendering-target apps byline span: sett farge til ny pillar-farge.
Rot med data-rendering-target apps byline span div som har et etterfølgende FollowWapper-element: sett bakgrunnsbilde til topptekstkantfarge, topptekstkantfarge 1px, og gjennomsiktig 1px.
Ved prefers-color-schemeColin Kaepernick våkner fortsatt kl. 4.30 hver morgen for å trene. «Styrketrening, hurtighetstrening, posisjonstrening – jeg gjør fortsatt alle de samme treningsøktene som da jeg spilte,» sier han muntert. «Så går jeg videre med resten av dagen.» Det er nesten 10 år siden Kaepernick sist spilte en fotballkamp på toppnivå. Karrieren hans ble plutselig og brutalt avskåret akkurat da den nådde sitt høydepunkt, etter at National Football League (NFL) i praksis lukket rekkene og stengte ham ute fordi han var for politisk. Nå, 38 år gammel, vet han at sjansene for å komme tilbake krymper for hver dag, men han holder seg like klar til å spille som alltid. «Jeg er nådeløs med det,» fortsetter han i sitt rolige, slepende tonefall. «Jeg ser på det fra perspektivet: ‘Hva er de tingene jeg kan kontrollere?’ Og det jeg vet jeg kan kontrollere, er å være forberedt når en mulighet dukker opp, og også fortsette å banke på dører selv, lete etter veier og muligheter … bare være utholdende og fokusert og disiplinert – det er det som har brakt meg til dette punktet i livet mitt.»
Kaepernicks historie er definert av det som skjedde sent i 2016, da han gjentatte ganger nektet å stå for nasjonalsangen før kamp – noe som førte til buing på banen, fornærmelser og raseri utenfor den, og utestengelse fra sporten han fortsatt elsker. På den tiden var han et av de største navnene i spillet: quarterback for San Francisco 49ers, en nasjonal kjendis, sponset av store merkevarer. Når han ser tilbake, bidro handlingene hans til så mye som har skjedd siden: fremveksten av Donald Trump, Black Lives Matter-protestene og et globalt oppgjør med rasisme, deretter motreaksjonen mot det som nå kalles «Woke 1.0», og gjenoppblomstringen av en hvit nasjonalisme som USA bekvemt antok var fortid.
Gjennom alt dette har Kaepernick stort sett vært taus. Han har sjelden snakket med media og holdt seg tilbake fra å komme med offentlige uttalelser. Hvorfor, spør jeg. Det må da ha vært tidspunkter han ønsket å si fra?
«Å, absolutt,» svarer han. «Men jeg går tilbake til, liksom, hva prøver jeg å oppnå med det?» Fristelsen til å tilbakevise alle løgnene, de dårlige tolkningene, anklagene var stor, innrømmer han, men, «jeg innså at, etter protest
