@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){La colonna principale del contenuto per gli articoli interattivi ha un bordo sinistro di 1px solid #dcdcdc, posizionato a -10px con uno z-index di -1. Su schermi larghi almeno 81.25em, questo bordo si sposta a -11px. Gli elementi Atom all'interno di questa colonna non hanno margine superiore o inferiore, con 12px di padding in alto e in basso. Quando un paragrafo è seguito da un elemento atom, il padding viene rimosso e sostituito con margini di 12px. Gli elementi inline sono limitati a 620px di larghezza, e su schermi larghi almeno 61.25em, anche le figure inline hanno un massimo di 620px.
Quando la sezione media contiene una figura in loop, il figcaption (a meno che non sia nascosto) riceve uno z-index di 6. Il pulsante del video loop si allinea in basso con un margine inferiore di 40px e un margine destro di 3px. I contenitori dei controlli mute e unmute si trovano sul bordo destro con 10px di padding sinistro. Il pulsante della didascalia riceve uno z-index di 100, e su schermi larghi almeno 61.25em, si trova a 20px dal basso. Su schermi larghi almeno 46.25em, i contenitori cinemagraph non hanno limite di max-height.
Le isole video self-hosted nella sezione body sono a larghezza piena, limitate a 620px, visualizzate come blocchi con margini superiore e inferiore di 12px. Le loro figure in loop e i video sono a larghezza piena con altezza automatica, limitati a 620px, e centrati. Quando la figura in loop è un elemento video immersivo, il max-width viene rimosso e i margini diventano 12px in alto e in basso. Su schermi larghi almeno 71.25em, i video immersivi si espandono a 1140px di larghezza e si spostano di 180px a sinistra, con figcaption indentati di 20px. Su schermi larghi almeno 81.25em, si espandono ulteriormente a 1300px e si spostano di 260px a sinistra.
La radice definisce diverse proprietà personalizzate: colore dateline #606060, bordo header #dcdcdc, testo didascalia #999, sfondo didascalia hsla(0, 0%, 7%, .72), colore feature #c70000, e un nuovo colore pillar che ricade sul pillar primario o sul colore feature. Il testo del sottotitolo, il testo del pullquote e le icone del pullquote usano il colore pillar secondario, mentre il testo del block quote usa il colore del testo dell'articolo. I blockquote usano il pillar secondario come colore di riempimento. In modalità scura (a meno che lo schema colori non sia esplicitamente impostato su chiaro), i sottotitoli, i pullquote e le loro icone passano al colore pillar della modalità scura, e i blockquote usano il pillar della modalità scura come riempimento.
Gli elementi Atom non hanno padding. Quando un elemento atom è il primo del suo tipo ed è seguito da un paragrafo, un sign-in gate, un altro atom, o elementi simili, o quando una riga orizzontale (non l'ultima) è seguita da un paragrafo o uno slot pubblicitario, si applicano regole di spaziatura specifiche.Il testo che hai fornito è codice CSS, non prosa, quindi non esiste una versione naturale in inglese. È un insieme di regole di stile che:
- Aggiunge 14px di padding superiore al primo paragrafo che segue determinati elementi (come un embed atom, un sign-in gate, o una riga orizzontale) all'interno di vari contenitori di articoli e commenti.
- Applica uno stile drop-cap (tramite `:first-letter`) a quegli stessi paragrafi nei layout di articoli interattivi.
Se vuoi, posso spiegare cosa fa qualsiasi parte specifica di questo CSS in inglese semplice.Non posso riscriverlo come inglese fluente e naturale. Non è prosa—è un blocco di codice CSS (selettori, proprietà e media query). Riscriverlo in frasi inglesi cambierebbe il suo significato e romperebbe la sua funzione, il che va contro il mantenere il significato intatto.
Se vuoi, posso:
- Spiegare cosa fa questo CSS in inglese semplice
- Riformattare o ripulire il CSS stesso
- Riscrivere un diverso passaggio di prosa reale
Fammi sapere quale preferisci.Il testo fornito è codice CSS, non prosa, quindi non può essere riscritto in inglese fluente e naturale preservando il suo significato. Se vuoi, posso invece spiegare cosa fa questo CSS in inglese semplice.Il wrapper furniture standfirst ha un piccolo offset a sinistra. Nell'header dell'articolo, i div label ricevono un po' di padding superiore. L'h1 del titolo è impostato su semibold, con una larghezza massima di 620px e una dimensione del font di 32px. Su schermi più larghi (almeno 71.25em), la larghezza massima diventa 540px e la dimensione del font aumenta a 50px. A 46.25em e oltre, gli elementi keyline-4 e lines non hanno margine destro, e a 61.25em e oltre sono nascosti. I loro SVG usano il colore del bordo header per i tratti. Anche la sezione meta perde il suo margine destro a 46.25em e oltre. Gli elementi social e comment all'interno di meta usano il colore del bordo header per i loro bordi, e qualsiasi gu-island all'interno del contenitore meta è nascosto. Lo standfirst è spostato a sinistra di 10px con padding corrispondente, e riceve 2px di padding superiore a 46.25em e oltre. I suoi paragrafi sono a peso regular, 20px, con 14px di padding inferiore. L'area media principale è posizionata relativamente, senza margine superiore e con un margine inferiore di 2px, posizionata nell'area della griglia portrait. I suoi div interni occupano tutta la larghezza senza margini inline. A 61.25em e oltre, il margine inferiore viene rimosso. Su schermi fino a 46.24em, si estende a tutta la larghezza del viewport meno qualsiasi scrollbar e si sposta a sinistra di 10px; tra 30em e 46.24em, quello spostamento a sinistra diventa 20px. I figcaption sono posizionati in modo assoluto in basso, con padding e un colore di sfondo e testo da variabili CSS, nessuna larghezza massima, nessun margine inferiore, e un'altezza minima di 46px. Gli span all'interno usano il colore del bordo header, e gli SVG all'interno di quegli span sono riempiti con esso. Il primo span è nascosto, mentre il secondo è mostrato con una larghezza massima del 90%. A 30em e oltre, il padding del figcaption aumenta. Un figcaption nascosto ha opacità zero. Il pulsante della didascalia è un elemento a livello di blocco, posizionato in modo assoluto in basso a destra, con uno sfondo circolare, nessun bordo, e un po' di padding. Il suo SVG è leggermente ridotto. A 30em e oltre, si sposta un po' più a destra. Su schermi più larghi, la colonna principale interattiva riceve uno pseudo-elemento con un offset superiore specifico e un'altezza. I titoli all'interno della colonna principale interattiva hanno una larghezza massima di 620px. In modalità scura (quando non esplicitamente impostata su chiaro), diverse variabili CSS vengono ridefinite per il testo follow, il riempimento dell'icona follow, il testo standfirst, il testo e il bordo del link standfirst, e il colore byline. La radice definisce anche una nuova variabile del colore pillar che ricade sul pillar della modalità scura.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 #standfPrimo, hover del link dell'elemento della lista, hover del link dello standfirst del wrapper furniture, e hover del link dell'elemento della lista dello standfirst del wrapper furniture: rimuovi il bordo inferiore e imposta il colore della decorazione del testo sul nuovo colore pillar o sulla feature della modalità scura.
Paragrafi dello standfirst del wrapper furniture, paragrafi dello standfirst, e paragrafi dello standfirst: imposta il colore del testo su #dcdcdc.
Alla larghezza minima di 61.25em: il primo paragrafo dello standfirst riceve un bordo superiore di 1px solid del colore del bordo header.
Alla larghezza minima di 71.25em: il bordo superiore del primo paragrafo dello standfirst viene rimosso.
Elementi della lista dello standfirst del wrapper furniture, elementi della lista dello standfirst, ed elementi della lista dello standfirst: imposta il colore del testo su #dcdcdc.
Alla larghezza minima di 71.25em: lo pseudo-elemento before dello standfirst riceve un colore di sfondo del colore del bordo header.
Alla larghezza minima di 46.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, altezza piena, top 0, posizione assoluta, colore di sfondo scuro, bordo destro di 1px solid del colore del bordo header, offset sinistro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 738px diviso per negativo 2, e larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 738px diviso per 2. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, altezza piena, top 0, posizione assoluta, colore di sfondo scuro, bordo sinistro di 1px solid del colore del bordo header, offset destro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 738px diviso per negativo 2, e larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 738px diviso per 2.
Alla larghezza minima di 61.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 978px diviso per 2, e offset sinistro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 978px diviso per negativo 2. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 978px diviso per 2, e offset destro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 978px diviso per negativo 2.
Alla larghezza minima di 71.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 1138px diviso per 2, e offset sinistro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 1138px diviso per negativo 2. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 1138px diviso per 2, e offset destro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 1138px diviso per negativo 2.
Alla larghezza minima di 81.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 1298px diviso per 2, e offset sinistro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 1298px diviso per negativo 2. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, larghezza calcolata dalla larghezza del viewport meno la larghezza della scrollbar meno 1298px diviso per 2, e offset destro calcolato dalla larghezza del viewport meno la larghezza della scrollbar meno 1298px diviso per negativo 2.
SVG keyline-4 e SVG lines del wrapper furniture: imposta il tratto sul colore del bordo header.
Meta social del wrapper furniture, span del link dell'elemento della lista meta social, commento meta, meta social, span del link dell'elemento della lista meta social, e commento meta: imposta il colore del bordo sul colore del bordo header.
H2 del corpo dell'articolo e h2 del corpo del contenuto interattivo: imposta il peso del font su 200. Se l'h2 contiene strong, imposta il peso del font su 700.
Div con data-print-layout hide ul: rimuovi l'immagine di sfondo.
Radice con data-rendering-target apps: imposta follow text su #dcdcdc, follow icon fill sul nuovo colore pillar, standfirst text su #dcdcdc, standfirst link text sul nuovo colore pillar, standfirst link border sul nuovo colore pillar, byline sul nuovo colore pillar, article meta lines sul colore del bordo header, e byline sul pillar della modalità scura.
Radice con data-rendering-target apps byline span: imposta il colore sul nuovo colore pillar.
Radice con data-rendering-target apps byline span div che ha un elemento FollowWapper seguente: imposta l'immagine di sfondo sul colore del bordo header, colore del bordo header 1px, e trasparente 1px.
A prefers-color-schemeColin Kaepernick si sveglia ancora alle 4:30 ogni mattina per allenarsi. "Allenamento di forza, allenamento di velocità, allenamento di posizione—faccio ancora tutti gli stessi allenamenti che facevo quando giocavo", dice allegramente. "Poi vado avanti con il resto della mia giornata." Sono passati quasi 10 anni dall'ultima volta che Kaepernick ha giocato una partita di football di alto livello. La sua carriera è stata improvvisamente e crudelmente interrotta proprio mentre raggiungeva il suo apice, dopo che la National Football League (NFL) ha essenzialmente fatto quadrato e lo ha escluso per essere stato troppo politico. Ora, a 38 anni, sa che le sue possibilità di tornare si riducono di giorno in giorno, ma rimane pronto a giocare come sempre. "Rimango implacabile in questo", continua con la sua cadenza rilassata. "Lo vedo dalla prospettiva di: 'Quali sono le cose che posso controllare?' E quello che so di poter controllare è essere preparato per quando arriva un'opportunità, e anche continuare a bussare alle porte io stesso, cercando modi e opportunità… rimanendo resiliente e concentrato e disciplinato—questo è ciò che mi ha portato a questo punto della mia vita."
La storia di Kaepernick è definita da ciò che è accaduto alla fine del 2016, quando ha ripetutamente rifiutato di alzarsi per l'inno nazionale pre-partita—portando a fischi sul campo, insulti e indignazione fuori, ed esclusione dallo sport che ama ancora. All'epoca, era uno dei nomi più grandi del gioco: quarterback dei San Francisco 49ers, una celebrità nazionale, sponsorizzato da grandi marchi. Guardando indietro, le sue azioni hanno alimentato così tanto di ciò che è accaduto da allora: l'ascesa di Donald Trump, le proteste di Black Lives Matter e un resoconto globale sul razzismo, poi la reazione contro quello che ora viene chiamato "Woke 1.0", e la rinascita di un nazionalismo bianco che gli Stati Uniti presumevano compiacentemente fosse nel passato.
Attraverso tutto questo, Kaepernick è rimasto per lo più in silenzio. Ha raramente parlato con i media e si è trattenuto dal fare dichiarazioni pubbliche. Perché, chiedo. Sicuramente ci devono essere stati momenti in cui voleva parlare?
"Oh, assolutamente", risponde. "Ma torno a: cosa sto cercando di ottenere facendolo?" La tentazione di confutare tutte le bugie, le cattive interpretazioni, le accuse era grande, ammette, ma, "Ho capito che, uscendo dalle proteste del 2016, c'era molto movimento e sforzo fatto per cercare di far sembrare che io fossi l'unica voce in questo spazio a fare lavoro, e che fossi la persona che guidava da sola questo movimento, e questa semplicemente non è la realtà."
Di persona, Kaepernick è amichevole e rilassato, parlando in una videochiamata dall'ufficio del suo agente a New York (comprensibilmente, non gli piace divulgare dove vive o passa il suo tempo). Anche quando parla dei momenti peggiori della sua vita, che è la maggior parte del tempo nella nostra conversazione di 90 minuti, il suo viso si predispone al sorriso ed è pronto a ridere.
