@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){Główna kolumna treści dla artykułów interaktywnych ma lewą granicę 1px solid #dcdcdc, umieszczoną na -10px z indeksem z -1. Na ekranach o szerokości co najmniej 81.25em granica ta przesuwa się na -11px. Elementy atomowe wewnątrz tej kolumny nie mają górnego ani dolnego marginesu, z 12px wypełnienia na górze i na dole. Gdy akapit jest poprzedzony elementem atomowym, wypełnienie jest usuwane i zastępowane marginesami 12px. Elementy inline są ograniczone do 620px szerokości, a na ekranach o szerokości co najmniej 61.25em, figury inline również mają maksymalnie 620px.
Gdy sekcja mediów zawiera zapętlającą się figurę, figcaption (chyba że ukryty) otrzymuje indeks z 6. Przycisk zapętlenia wideo wyrównuje się do dołu z 40px dolnym marginesem i 3px prawym marginesem. Kontenery kontroli wyciszenia i odwyciszenia znajdują się na prawej krawędzi z 10px lewym wypełnieniem. Przycisk podpisu otrzymuje indeks z 100, a na ekranach o szerokości co najmniej 61.25em znajduje się 20px od dołu. Na ekranach o szerokości co najmniej 46.25em kontenery cinemagraph nie mają limitu maksymalnej wysokości.
Samodzielnie hostowane wyspy wideo w sekcji treści są pełnej szerokości, ograniczone do 620px, wyświetlane jako bloki z 12px górnym i dolnym marginesem. Ich zapętlające się figury i filmy są pełnej szerokości z automatyczną wysokością, ograniczone do 620px i wyśrodkowane. Gdy zapętlająca się figura jest elementem wideo immersyjnym, maksymalna szerokość jest usuwana, a marginesy stają się 12px górnym i dolnym. Na ekranach o szerokości co najmniej 71.25em immersyjne filmy rozszerzają się do 1140px szerokości i przesuwają się o 180px w lewo, z figcaptionami wciętymi o 20px. Na ekranach o szerokości co najmniej 81.25em rozszerzają się dalej do 1300px i przesuwają się o 260px w lewo.
Korzeń definiuje kilka niestandardowych właściwości: kolor dateline #606060, granica nagłówka #dcdcdc, tekst podpisu #999, tło podpisu hsla(0, 0%, 7%, .72), kolor funkcji #c70000 i nowy kolor filaru, który wraca do głównego filaru lub koloru funkcji. Tekst podnagłówka, tekst pullquote i ikony pullquote używają koloru drugorzędnego filaru, podczas gdy tekst cytatu blokowego używa koloru tekstu artykułu. Cytaty blokowe używają drugorzędnego filaru jako koloru wypełnienia. W trybie ciemnym (chyba że schemat kolorów jest wyraźnie ustawiony na jasny), podnagłówki, pullquote i ich ikony przełączają się na kolor filaru trybu ciemnego, a cytaty blokowe używają filaru trybu ciemnego jako wypełnienia.
Elementy atomowe nie mają wypełnienia. Gdy element atomowy jest pierwszym swojego typu i jest poprzedzony akapitem, bramką logowania, innym atomem lub podobnymi elementami, lub gdy linia pozioma (nie ostatnia) jest poprzedzona akapitem lub slotem reklamowym, stosowane są określone zasady odstępów.Tekst, który podałeś, to kod CSS, a nie proza, więc nie ma naturalnej angielskiej wersji. To zestaw reguł stylizacji, które:
- Dodają 14px górnego wypełnienia do pierwszego akapitu, który następuje po określonych elementach (jak osadzenie atomu, bramka logowania lub linia pozioma) w różnych kontenerach artykułów i komentarzy.
- Stosują styl inicjału (poprzez `:first-letter`) do tych samych akapitów w układach artykułów interaktywnych.
Jeśli chcesz, mogę wyjaśnić, co robi dowolna konkretna część tego CSS w prostym języku angielskim.Nie mogę przepisać tego jako płynny, naturalny angielski. To nie jest proza — to blok kodu CSS (selektory, właściwości i zapytania medialne). Przepisanie tego na zdania angielskie zmieniłoby jego znaczenie i zepsuło jego funkcję, co jest sprzeczne z zachowaniem znaczenia.
Jeśli chcesz, mogę:
- Wyjaśnić, co robi ten CSS w prostym języku angielskim
- Przeformatować lub oczyścić sam CSS
- Przepisać inny fragment rzeczywistej prozy
Daj mi znać, co wolisz.Podany tekst to kod CSS, a nie proza, więc nie można go przepisać na płynny, naturalny angielski, zachowując jego znaczenie. Jeśli chcesz, mogę zamiast tego wyjaśnić, co robi ten CSS w prostym języku angielskim.Otoczka mebli ma małe lewe przesunięcie w standfirst. W nagłówku artykułu divy etykiet otrzymują trochę górnego wypełnienia. Nagłówek h1 jest ustawiony na semibold, z maksymalną szerokością 620px i rozmiarem czcionki 32px. Na szerszych ekranach (co najmniej 71.25em) maksymalna szerokość staje się 540px, a rozmiar czcionki wzrasta do 50px. Przy 46.25em i powyżej elementy keyline-4 i lines nie mają prawego marginesu, a przy 61.25em i powyżej są ukryte. Ich SVG używają koloru granicy nagłówka do obrysów. Sekcja meta również traci prawy margines przy 46.25em i powyżej. Elementy społecznościowe i komentarzy w meta używają koloru granicy nagłówka do swoich granic, a każda gu-island wewnątrz kontenera meta jest ukryta. Standfirst jest przesunięty w lewo o 10px z pasującym wypełnieniem i otrzymuje 2px górnego wypełnienia przy 46.25em i powyżej. Jego akapity mają zwykłą wagę, 20px, z 14px dolnym wypełnieniem. Główny obszar mediów jest pozycjonowany relatywnie, bez górnego marginesu i z 2px dolnym marginesem, umieszczony w obszarze siatki portretowej. Jego wewnętrzne divy zajmują pełną szerokość bez marginesów inline. Przy 61.25em i powyżej dolny margines jest usuwany. Na ekranach do 46.24em rozciąga się na pełną szerokość viewportu minus pasek przewijania i przesuwa się w lewo o 10px; między 30em a 46.24em to przesunięcie w lewo staje się 20px. Figcaptions są pozycjonowane absolutnie na dole, z wypełnieniem i kolorem tła i tekstu ze zmiennych CSS, bez maksymalnej szerokości, bez dolnego marginesu i z minimalną wysokością 46px. Spany wewnątrz używają koloru granicy nagłówka, a SVG wewnątrz tych spanów są wypełnione nim. Pierwszy span jest ukryty, podczas gdy drugi jest pokazany z maksymalną szerokością 90%. Przy 30em i powyżej wypełnienie figcaption wzrasta. Ukryty figcaption ma zerową nieprzezroczystość. Przycisk podpisu jest elementem blokowym, pozycjonowanym absolutnie na dole po prawej, z okrągłym tłem, bez granicy i z pewnym wypełnieniem. Jego SVG jest lekko zmniejszony. Przy 30em i powyżej przesuwa się nieco bardziej w prawo. Na szerszych ekranach interaktywna główna kolumna otrzymuje pseudo-element z określonym górnym przesunięciem i wysokością. Nagłówki wewnątrz interaktywnej głównej kolumny mają maksymalną szerokość 620px. W trybie ciemnym (gdy nie jest wyraźnie ustawiony na jasny) kilka zmiennych CSS jest przedefiniowanych dla tekstu follow, wypełnienia ikony follow, tekstu standfirst, tekstu linku standfirst i granicy oraz koloru byline. Korzeń definiuje również nową zmienną koloru filaru, która wraca do filaru trybu ciemnego.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 #standfPierwszy, link elementu listy hover, link standfirst otoczki mebli hover i link elementu listy standfirst otoczki mebli hover: usuń dolną granicę i ustaw kolor dekoracji tekstu na nowy kolor filaru lub funkcję trybu ciemnego.
Akapit standfirst otoczki mebli, akapit standfirst i akapit standfirst: ustaw kolor tekstu na #dcdcdc.
Przy minimalnej szerokości 61.25em: pierwszy akapit standfirst otrzymuje górną granicę 1px solid kolor granicy nagłówka.
Przy minimalnej szerokości 71.25em: górna granica pierwszego akapitu standfirst jest usuwana.
Elementy listy standfirst otoczki mebli, elementy listy standfirst i elementy listy standfirst: ustaw kolor tekstu na #dcdcdc.
Przy minimalnej szerokości 71.25em: pseudo-element before standfirst otrzymuje kolor tła kolor granicy nagłówka.
Przy minimalnej szerokości 46.25em: pseudo-element before otoczki mebli ma pustą treść, pełną wysokość, górę 0, pozycję absolutną, ciemny kolor tła, prawą granicę 1px solid kolor granicy nagłówka, lewe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 738px podzielone przez ujemne 2, a szerokość obliczona z szerokości viewportu minus szerokość paska przewijania minus 738px podzielone przez 2. Pseudo-element after otoczki mebli ma pustą treść, pełną wysokość, górę 0, pozycję absolutną, ciemny kolor tła, lewą granicę 1px solid kolor granicy nagłówka, prawe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 738px podzielone przez ujemne 2, a szerokość obliczona z szerokości viewportu minus szerokość paska przewijania minus 738px podzielone przez 2.
Przy minimalnej szerokości 61.25em: pseudo-element before otoczki mebli ma pustą treść, szerokość obliczoną z szerokości viewportu minus szerokość paska przewijania minus 978px podzielone przez 2, a lewe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 978px podzielone przez ujemne 2. Pseudo-element after otoczki mebli ma pustą treść, szerokość obliczoną z szerokości viewportu minus szerokość paska przewijania minus 978px podzielone przez 2, a prawe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 978px podzielone przez ujemne 2.
Przy minimalnej szerokości 71.25em: pseudo-element before otoczki mebli ma pustą treść, szerokość obliczoną z szerokości viewportu minus szerokość paska przewijania minus 1138px podzielone przez 2, a lewe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 1138px podzielone przez ujemne 2. Pseudo-element after otoczki mebli ma pustą treść, szerokość obliczoną z szerokości viewportu minus szerokość paska przewijania minus 1138px podzielone przez 2, a prawe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 1138px podzielone przez ujemne 2.
Przy minimalnej szerokości 81.25em: pseudo-element before otoczki mebli ma pustą treść, szerokość obliczoną z szerokości viewportu minus szerokość paska przewijania minus 1298px podzielone przez 2, a lewe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 1298px podzielone przez ujemne 2. Pseudo-element after otoczki mebli ma pustą treść, szerokość obliczoną z szerokości viewportu minus szerokość paska przewijania minus 1298px podzielone przez 2, a prawe przesunięcie obliczone z szerokości viewportu minus szerokość paska przewijania minus 1298px podzielone przez ujemne 2.
SVG keyline-4 otoczki mebli i SVG lines: ustaw obrys na kolor granicy nagłówka.
Meta social otoczki mebli, span linku elementu listy meta social, komentarz meta, meta social, span linku elementu listy meta social i komentarz meta: ustaw kolor granicy na kolor granicy nagłówka.
H2 treści artykułu i h2 treści interaktywnej: ustaw wagę czcionki na 200. Jeśli h2 zawiera strong, ustaw wagę czcionki na 700.
Div z data-print-layout hide ul: usuń obraz tła.
Korzeń z data-rendering-target apps: ustaw tekst follow na #dcdcdc, wypełnienie ikony follow na nowy kolor filaru, tekst standfirst na #dcdcdc, tekst linku standfirst na nowy kolor filaru, granicę linku standfirst na nowy kolor filaru, byline na nowy kolor filaru, linie meta artykułu na kolor granicy nagłówka i byline na filar trybu ciemnego.
Korzeń z data-rendering-target apps span byline: ustaw kolor na nowy kolor filaru.
Korzeń z data-rendering-target apps span byline div, który ma następujący element FollowWapper: ustaw obraz tła na kolor granicy nagłówka, kolor granicy nagłówka 1px i przezroczysty 1px.
Przy prefers-color-schemeColin Kaepernick wciąż budzi się o 4:30 każdego ranka, aby trenować. "Trening siłowy, trening szybkości, trening pozycji — wciąż wykonuję te same ćwiczenia, które robiłem, gdy grałem" — mówi wesoło. "Potem zajmuję się resztą dnia." Minęło prawie 10 lat, odkąd Kaepernick ostatni raz zagrał w meczu piłkarskim na najwyższym poziomie. Jego kariera została nagle i okrutnie przerwana, gdy osiągała szczyt, po tym jak National Football League (NFL) zasadniczo zamknęła szeregi i odcięła go za bycie zbyt politycznym. Teraz, w wieku 38 lat, wie, że jego szanse na powrót maleją z dnia na dzień, ale pozostaje tak gotowy do gry jak zawsze. "Pozostaję w tym nieustępliwy" — kontynuuje swoim swobodnym przeciągłym tonem. "Patrzę na to z perspektywy: 'Jakie są rzeczy, które mogę kontrolować?' I wiem, że mogę kontrolować bycie przygotowanym na moment, gdy pojawi się okazja, a także dalsze pukanie do drzwi samemu, szukanie sposobów i okazji… po prostu pozostając odpornym, skupionym i zdyscyplinowanym — to doprowadziło mnie do tego punktu w życiu."
Historia Kaepernicka jest zdefiniowana przez to, co wydarzyło się pod koniec 2016 roku, kiedy wielokrotnie odmawiał stania na przedmeczowym hymnie narodowym — co doprowadziło do buczenia na boisku, obelg i oburzenia poza nim oraz wykluczenia ze sportu, który wciąż kocha. W tamtym czasie był jednym z największych nazwisk w grze: rozgrywającym San Francisco 49ers, narodową celebrytą, sponsorowanym przez główne marki.
