@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){HuvudinnehÄllskolumnen för interaktiva artiklar har en vÀnsterkant pÄ 1px solid #dcdcdc, placerad vid -10px med ett z-index pÄ -1. PÄ skÀrmar som Àr minst 81,25em breda flyttas denna kant till -11px. Atomelement inuti denna kolumn har ingen övre eller nedre marginal, med 12px padding upptill och nedtill. NÀr ett stycke följs av ett atomelement tas paddingen bort och ersÀtts med 12px marginaler. Inline-element Àr begrÀnsade till 620px bredd, och pÄ skÀrmar som Àr minst 61,25em breda har inline-figurer ocksÄ en maxbredd pÄ 620px.
NÀr mediasektionen innehÄller en loopande figur fÄr figcaption (om den inte Àr dold) ett z-index pÄ 6. Videoloop-knappen justeras till botten med 40px nedre marginal och 3px höger marginal. BehÄllarna för mute- och unmute-kontrollerna sitter vid högerkanten med 10px vÀnster padding. Caption-knappen fÄr ett z-index pÄ 100, och pÄ skÀrmar som Àr minst 61,25em breda sitter den 20px frÄn botten. PÄ skÀrmar som Àr minst 46,25em breda har cinemagraph-behÄllare ingen maxhöjdsbegrÀnsning.
SjÀlvhostade videoöar i body-sektionen Àr full bredd, begrÀnsade till 620px, visade som block med 12px övre och nedre marginaler. Deras loopande figurer och videor Àr full bredd med automatisk höjd, begrÀnsade till 620px, och centrerade. NÀr den loopande figuren Àr ett immersivt videoelement tas maxbredden bort och marginalerna blir 12px upptill och nedtill. PÄ skÀrmar som Àr minst 71,25em breda expanderar immersiva videor till 1140px bredd och förskjuts 180px till vÀnster, med figcaptions indragna 20px. PÄ skÀrmar som Àr minst 81,25em breda expanderar de ytterligare till 1300px och förskjuts 260px till vÀnster.
Roten definierar flera anpassade egenskaper: dateline-fÀrg #606060, header-kant #dcdcdc, caption-text #999, caption-bakgrund hsla(0, 0%, 7%, .72), feature-fÀrg #c70000, och en ny pillar-fÀrg som faller tillbaka till den primÀra pillar- eller feature-fÀrgen. Underrubriktext, pullquote-text och pullquote-ikoner anvÀnder den sekundÀra pillar-fÀrgen, medan blockquote-text anvÀnder artikeltextfÀrgen. Blockquotes anvÀnder den sekundÀra pillaren som sin fyllnadsfÀrg. I mörkt lÀge (om inte fÀrgschemat Àr explicit satt till ljust) vÀxlar underrubriker, pullquotes och deras ikoner till pillar-fÀrgen för mörkt lÀge, och blockquotes anvÀnder pillaren för mörkt lÀge som sin fyllnad.
Atomelement har ingen padding. NÀr ett atomelement Àr det första av sitt slag och följs av ett stycke, en inloggningsgrind, en annan atom eller liknande element, eller nÀr en horisontell linje (inte den sista) följs av ett stycke eller en annonsplats, gÀller specifika avstÄndsregler.Texten du har angett Àr CSS-kod, inte prosa, sÄ det finns ingen naturlig engelsk version av den. Det Àr en uppsÀttning stilregler som:
- LÀgger till 14px övre padding till det första stycket som följer vissa element (som en atom-inbÀddning, en inloggningsgrind eller en horisontell linje) inom olika artikel- och kommentarsbehÄllare.
- TillÀmpar en drop-cap-stil (via `:first-letter`) pÄ samma stycken i interaktiva artikellayouter.
Om du vill kan jag förklara vad en specifik del av denna CSS gör pĂ„ enkel engelska.Jag kan inte skriva om det som flytande, naturlig engelska. Det Ă€r inte prosa â det Ă€r ett block av CSS-kod (selektorer, egenskaper och media queries). Att skriva om det till engelska meningar skulle Ă€ndra dess betydelse och bryta dess funktion, vilket gĂ„r emot att behĂ„lla betydelsen intakt.
Om du vill kan jag:
- Förklara vad denna CSS gör pÄ enkel engelska
- Formatera om eller stÀda upp sjÀlva CSS:en
- Skriva om en annan passage av faktisk prosa
LÄt mig veta vilket du föredrar.Den angivna texten Àr CSS-kod, inte prosa, sÄ den kan inte skrivas om till flytande, naturlig engelska samtidigt som betydelsen bevaras. Om du vill kan jag istÀllet förklara vad denna CSS gör pÄ enkel engelska.Möbelomslagets standfirst har en liten vÀnsterförskjutning. I artikelhuvudet fÄr label-divarna lite övre padding. Rubriken h1 Àr satt till semibold, med en maxbredd pÄ 620px och en teckenstorlek pÄ 32px. PÄ bredare skÀrmar (minst 71,25em) blir maxbredden 540px och teckenstorleken ökar till 50px. Vid 46,25em och över har keyline-4- och lines-elementen ingen högermarginal, och vid 61,25em och över Àr de dolda. Deras SVG:er anvÀnder header-kantfÀrgen för strokes. Meta-sektionen förlorar ocksÄ sin högermarginal vid 46,25em och över. Social- och kommentarselementen inom meta anvÀnder header-kantfÀrgen för sina kanter, och alla gu-island inuti meta-behÄllaren Àr dolda. Standfirst förskjuts 10px till vÀnster med matchande padding, och fÄr 2px övre padding vid 46,25em och över. Dess stycken har regular vikt, 20px, med 14px nedre padding. HuvudmediaomrÄdet Àr relativt positionerat, utan övre marginal och med 2px nedre marginal, placerat i portrÀttrutnÀtsomrÄdet. Dess inre divar tar full bredd utan inline-marginaler. Vid 61,25em och över tas den nedre marginalen bort. PÄ skÀrmar upp till 46,24em spÀnner det över hela viewport-bredden minus eventuell scrollbar och förskjuts 10px till vÀnster; mellan 30em och 46,24em blir den vÀnsterförskjutningen 20px. Figcaptions Àr absolut positionerade vid botten, med padding och en bakgrunds- och textfÀrg frÄn CSS-variabler, ingen maxbredd, ingen nedre marginal, och en minsta höjd pÄ 46px. Spans inuti anvÀnder header-kantfÀrgen, och SVG:er inuti dessa spans fylls med den. Den första spanen Àr dold, medan den andra visas med en maxbredd pÄ 90%. Vid 30em och över ökar figcaption-paddingen. En dold figcaption har noll opacitet. Caption-knappen Àr ett blocknivÄelement, absolut positionerat lÀngst ner till höger, med en cirkulÀr bakgrund, ingen kant och viss padding. Dess SVG skalas ner nÄgot. Vid 30em och över förskjuts den lite mer till höger. PÄ bredare skÀrmar fÄr den interaktiva huvudkolumnen ett pseudo-element med en specifik toppförskjutning och höjd. Rubriker inuti den interaktiva huvudkolumnen har en maxbredd pÄ 620px. I mörkt lÀge (nÀr det inte Àr explicit satt till ljust) omdefinieras flera CSS-variabler för följtext, följikonfyllnad, standfirst-text, standfirst-lÀnktext och -kant, samt byline-fÀrg. Roten definierar ocksÄ en ny pillar-fÀrgvariabel som faller tillbaka till dark mode-pillaren.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, listobjektlÀnkhover, möbelomslag standfirst-lÀnkhover, och möbelomslag standfirst-listobjektlÀnkhover: ta bort nedre kant och sÀtt textdekorationsfÀrg till den nya pillar-fÀrgen eller dark mode-feature.
Möbelomslag standfirst-stycken, standfirst-stycken, och standfirst-stycken: sÀtt textfÀrg till #dcdcdc.
Vid minsta bredd 61,25em: det första standfirst-stycket fÄr en övre kant pÄ 1px solid header-kantfÀrg.
Vid minsta bredd 71,25em: det första standfirst-styckets övre kant tas bort.
Möbelomslag standfirst-listobjekt, standfirst-listobjekt, och standfirst-listobjekt: sÀtt textfÀrg till #dcdcdc.
Vid minsta bredd 71,25em: standfirst före-pseudo-elementet fÄr en bakgrundsfÀrg av header-kantfÀrg.
Vid minsta bredd 46,25em: möbelomslagets före-pseudo-element har tomt innehÄll, full höjd, top 0, absolut position, mörk bakgrundsfÀrg, högerkant pÄ 1px solid header-kantfÀrg, vÀnsterförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med negativ 2, och bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med 2. Möbelomslagets efter-pseudo-element har tomt innehÄll, full höjd, top 0, absolut position, mörk bakgrundsfÀrg, vÀnsterkant pÄ 1px solid header-kantfÀrg, högerförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med negativ 2, och bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med 2.
Vid minsta bredd 61,25em: möbelomslagets före-pseudo-element har tomt innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med 2, och vÀnsterförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med negativ 2. Möbelomslagets efter-pseudo-element har tomt innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med 2, och högerförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med negativ 2.
Vid minsta bredd 71,25em: möbelomslagets före-pseudo-element har tomt innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med 2, och vÀnsterförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med negativ 2. Möbelomslagets efter-pseudo-element har tomt innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med 2, och högerförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med negativ 2.
Vid minsta bredd 81,25em: möbelomslagets före-pseudo-element har tomt innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med 2, och vÀnsterförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med negativ 2. Möbelomslagets efter-pseudo-element har tomt innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med 2, och högerförskjutning berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med negativ 2.
Möbelomslag keyline-4 SVG och lines SVG: sÀtt stroke till header-kantfÀrg.
Möbelomslag meta social, meta social-listobjektlÀnkspan, meta comment, meta social, meta social-listobjektlÀnkspan, och meta comment: sÀtt kantfÀrg till header-kantfÀrg.
Artikelbody h2 och interaktivt innehÄll body h2: sÀtt teckenvikt till 200. Om h2 innehÄller strong, sÀtt teckenvikt till 700.
Div med data-print-layout hide ul: ta bort bakgrundsbild.
Rot med data-rendering-target apps: sÀtt follow text till #dcdcdc, follow icon fill till ny pillar-fÀrg, standfirst text till #dcdcdc, standfirst link text till ny pillar-fÀrg, standfirst link border till ny pillar-fÀrg, byline till ny pillar-fÀrg, article meta lines till header-kantfÀrg, och byline till dark mode-pillar.
Rot med data-rendering-target apps byline span: sÀtt fÀrg till ny pillar-fÀrg.
Rot med data-rendering-target apps byline span div som har ett efterföljande FollowWapper-element: sÀtt bakgrundsbild till header-kantfÀrg, header-kantfÀrg 1px, och transparent 1px.
Vid prefers-color-schemeColin Kaepernick vaknar fortfarande klockan 4:30 varje morgon för att trĂ€na. "StyrketrĂ€ning, snabbhetstrĂ€ning, positionstrĂ€ning â jag gör fortfarande alla samma trĂ€ningspass som jag gjorde nĂ€r jag spelade", sĂ€ger han glatt. "Sedan fortsĂ€tter jag med resten av min dag." Det har gĂ„tt nĂ€stan 10 Ă„r sedan Kaepernick senast spelade en fotbollsmatch pĂ„ toppnivĂ„. Hans karriĂ€r avbröts plötsligt och grymt precis nĂ€r den nĂ„dde sin topp, efter att National Football League (NFL) i praktiken slöt leden och stĂ€ngde ute honom för att han var för politisk. Nu, vid 38, vet han att hans chanser att Ă„tervĂ€nda krymper för varje dag, men han hĂ„ller sig lika redo att spela som alltid. "Jag Ă€r obeveklig med det", fortsĂ€tter han med sin lugna drawl. "Jag ser det frĂ„n perspektivet: 'Vilka Ă€r de saker jag kan kontrollera?' Och vad jag vet att jag kan kontrollera Ă€r att vara förberedd för nĂ€r en möjlighet kommer, och ocksĂ„ att fortsĂ€tta knacka pĂ„ dörrar sjĂ€lv, leta efter vĂ€gar och möjligheter... att bara förbli motstĂ„ndskraftig och fokuserad och disciplinerad â det Ă€r vad som har fört mig till denna punkt i mitt liv."
Kaepernicks berĂ€ttelse definieras av vad som hĂ€nde i slutet av 2016, nĂ€r han upprepade gĂ„nger vĂ€grade stĂ„ upp för nationalsĂ„ngen före match â vilket ledde till burop pĂ„ planen, förolĂ€mpningar och ilska utanför den, och uteslutning frĂ„n sporten han fortfarande Ă€lskar. Vid den tiden var han ett av de största namnen i spelet: quarterback för San Francisco 49ers, en nationell kĂ€ndis, sponsrad av stora varumĂ€rken. I efterhand matade hans handlingar in i sĂ„ mycket som har hĂ€nt sedan dess: Donald Trumps uppgĂ„ng, Black Lives Matter-protesterna och en global uppgörelse med rasism, sedan motreaktionen mot det som nu kallas "Woke 1.0", och Ă„terkomsten av en vit nationalism som USA sjĂ€lvbelĂ„tet antog var i det förflutna.
Genom allt detta har Kaepernick mestadels varit tyst. Han har sÀllan talat med media och hÄllit tillbaka frÄn att göra offentliga uttalanden. Varför, frÄgar jag. Det mÄste ha funnits stunder dÄ han ville tala ut?
"Ă
h, absolut", svarar han. "Men jag gÄr tillbaka till, liksom, vad försöker jag Ästadkomma med det?" Frestelsen att motbevisa alla lögner, alla dÄliga takes, alla anklagelser var stor, medger han, men, "jag insÄg att, efter protesterna 2016, gjordes mycket rörelse och anstrÀngning för att försöka fÄ det att verka som om jag var den enda rösten i detta utrymme som gjorde arbete, och jag var personen som ensam ledde denna rörelse, och det Àr bara inte verkligheten."
Personligen Àr Kaepernick vÀnlig och avslappnad, och talar i ett videosamtal frÄn sin agents kontor i New York (förstÄeligt nog og