@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){Coloana principală de conținut pentru articolele interactive are o bordură stângă de 1px solid #dcdcdc, poziționată la -10px cu un z-index de -1. Pe ecranele de cel puțin 81.25em lățime, această bordură se deplasează la -11px. Elementele Atom din interiorul acestei coloane nu au margini sus sau jos, cu padding de 12px sus și jos. Când un paragraf este urmat de un element atom, padding-ul este eliminat și înlocuit cu margini de 12px. Elementele inline sunt limitate la 620px lățime, iar pe ecranele de cel puțin 61.25em lățime, figurile inline au de asemenea maximum 620px.
Când secțiunea media conține o figură în buclă, figcaption-ul (dacă nu este ascuns) primește un z-index de 6. Butonul de buclă video se aliniază la partea de jos cu o margine inferioară de 40px și o margine dreaptă de 3px. Containerele de control mute și unmute stau la marginea dreaptă cu padding stâng de 10px. Butonul de subtitrare primește un z-index de 100, iar pe ecranele de cel puțin 61.25em lățime, se află la 20px de partea de jos. Pe ecranele de cel puțin 46.25em lățime, containerele cinemagraph nu au limită de înălțime maximă.
Insulele video auto-găzduite din secțiunea body sunt pe toată lățimea, limitate la 620px, afișate ca blocuri cu margini de 12px sus și jos. Figurile lor în buclă și videoclipurile sunt pe toată lățimea cu înălțime automată, limitate la 620px, și centrate. Când figura în buclă este un element video imersiv, lățimea maximă este eliminată și marginile devin 12px sus și jos. Pe ecranele de cel puțin 71.25em lățime, videoclipurile imersive se extind la 1140px lățime și se deplasează cu 180px la stânga, cu figcaption-urile indentate cu 20px. Pe ecranele de cel puțin 81.25em lățime, se extind și mai mult la 1300px și se deplasează cu 260px la stânga.
Root-ul definește mai multe proprietăți personalizate: culoarea dateline #606060, bordura header-ului #dcdcdc, textul caption-ului #999, fundalul caption-ului hsla(0, 0%, 7%, .72), culoarea feature #c70000, și o culoare nouă de pilon care revine la pilonul primar sau culoarea feature. Textul subtitlurilor, textul pullquote și iconițele pullquote folosesc culoarea pilonului secundar, în timp ce textul block quote folosește culoarea textului articolului. Blockquote-urile folosesc pilonul secundar ca culoare de umplere. În modul întunecat (dacă schema de culori nu este setată explicit la luminos), subtitlurile, pullquote-urile și iconițele lor trec la culoarea pilonului din modul întunecat, iar blockquote-urile folosesc pilonul din modul întunecat ca umplere.
Elementele Atom nu au padding. Când un element atom este primul de tipul său și este urmat de un paragraf, sign-in gate, alt atom sau elemente similare, sau când o linie orizontală (nu ultima) este urmată de un paragraf sau ad slot, se aplică reguli specifice de spațiere.Textul pe care l-ai furnizat este cod CSS, nu proză, deci nu există o versiune naturală în engleză a acestuia. Este un set de reguli de stil care:
- Adaugă 14px de padding superior primului paragraf care urmează anumitor elemente (cum ar fi un atom embed, un sign-in gate sau o linie orizontală) în diverse containere de articole și comentarii.
- Aplică un stil drop-cap (prin `:first-letter`) acelor same paragrafe în layout-urile de articole interactive.
Dacă dorești, îți pot explica ce face orice parte specifică a acestui CSS în engleză simplă.Nu pot rescrie asta ca engleză fluentă și naturală. Nu este proză—este un bloc de cod CSS (selectori, proprietăți și media queries). Rescrierea lui în propoziții în engleză i-ar schimba sensul și i-ar strica funcția, ceea ce contravine păstrării sensului intact.
Dacă dorești, pot:
- Explica ce face acest CSS în engleză simplă
- Reformata sau curăța CSS-ul în sine
- Rescrie un alt pasaj de proză reală
Spune-mi ce ai prefera.Textul furnizat este cod CSS, nu proză, deci nu poate fi rescris în engleză fluentă și naturală păstrându-i sensul. Dacă dorești, pot explica ce face acest CSS în engleză simplă în schimb.Standfirst-ul wrapper-ului de mobilă are un mic offset stâng. În header-ul articolului, div-urile label primesc puțin padding superior. Titlul h1 este setat la semibold, cu o lățime maximă de 620px și o dimensiune a fontului de 32px. Pe ecrane mai late (cel puțin 71.25em), lățimea maximă devine 540px și dimensiunea fontului crește la 50px. La 46.25em și peste, elementele keyline-4 și lines nu au margine dreaptă, iar la 61.25em și peste sunt ascunse. SVG-urile lor folosesc culoarea bordurii header-ului pentru contururi. Secțiunea meta de asemenea pierde marginea dreaptă la 46.25em și peste. Elementele social și comment din meta folosesc culoarea bordurii header-ului pentru bordurile lor, iar orice gu-island din containerul meta este ascuns. Standfirst-ul este deplasat la stânga cu 10px cu padding corespunzător, și primește 2px de padding superior la 46.25em și peste. Paragrafele sale au greutate regular, 20px, cu 14px padding inferior. Zona media principală este poziționată relativ, fără margine superioară și cu o margine inferioară de 2px, plasată în zona grid portrait. Div-urile sale interioare ocupă toată lățimea fără margini inline. La 61.25em și peste, marginea inferioară este eliminată. Pe ecranele până la 46.24em, se întinde pe toată lățimea viewport-ului minus orice scrollbar și se deplasează la stânga cu 10px; între 30em și 46.24em, acea deplasare la stânga devine 20px. Figcaption-urile sunt poziționate absolut la partea de jos, cu padding și o culoare de fundal și text din variabilele CSS, fără lățime maximă, fără margine inferioară, și o înălțime minimă de 46px. Span-urile din interior folosesc culoarea bordurii header-ului, iar SVG-urile din acele span-uri sunt umplute cu ea. Primul span este ascuns, în timp ce al doilea este afișat cu o lățime maximă de 90%. La 30em și peste, padding-ul figcaption-ului crește. Un figcaption ascuns are opacitate zero. Butonul de subtitrare este un element la nivel de bloc, poziționat absolut în partea dreaptă jos, cu un fundal circular, fără bordură, și puțin padding. SVG-ul său este scalat puțin în jos. La 30em și peste, se deplasează puțin mai mult la dreapta. Pe ecrane mai late, coloana principală interactivă primește un pseudo-element cu un offset superior specific și înălțime. Titlurile din coloana principală interactivă au o lățime maximă de 620px. În modul întunecat (când nu este setat explicit la luminos), mai multe variabile CSS sunt redefinite pentru textul follow, umplerea iconiței follow, textul standfirst, textul link-ului standfirst și bordura, și culoarea byline. Root-ul definește de asemenea o variabilă nouă de culoare pilon care revine la pilonul din modul întunecat.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 #standfPrimul, hover pe link-ul elementului de listă, hover pe link-ul standfirst al wrapper-ului de mobilă, și hover pe link-ul elementului de listă standfirst al wrapper-ului de mobilă: elimină bordura inferioară și setează culoarea decorațiunii textului la noua culoare pilon sau feature din modul întunecat.
Paragrafele standfirst ale wrapper-ului de mobilă, paragrafele standfirst, și paragrafele standfirst: setează culoarea textului la #dcdcdc.
La lățime minimă 61.25em: primul paragraf standfirst primește o bordură superioară de 1px solid culoarea bordurii header-ului.
La lățime minimă 71.25em: bordura superioară a primului paragraf standfirst este eliminată.
Elementele de listă standfirst ale wrapper-ului de mobilă, elementele de listă standfirst, și elementele de listă standfirst: setează culoarea textului la #dcdcdc.
La lățime minimă 71.25em: pseudo-elementul before al standfirst-ului primește o culoare de fundal a bordurii header-ului.
La lățime minimă 46.25em: pseudo-elementul before al wrapper-ului de mobilă are conținut gol, înălțime completă, top 0, poziție absolută, culoare de fundal întunecată, bordură dreaptă de 1px solid culoarea bordurii header-ului, offset stâng calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la negativ 2, și lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la 2. Pseudo-elementul after al wrapper-ului de mobilă are conținut gol, înălțime completă, top 0, poziție absolută, culoare de fundal întunecată, bordură stângă de 1px solid culoarea bordurii header-ului, offset drept calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la negativ 2, și lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la 2.
La lățime minimă 61.25em: pseudo-elementul before al wrapper-ului de mobilă are conținut gol, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la 2, și offset stâng calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la negativ 2. Pseudo-elementul after al wrapper-ului de mobilă are conținut gol, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la 2, și offset drept calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la negativ 2.
La lățime minimă 71.25em: pseudo-elementul before al wrapper-ului de mobilă are conținut gol, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la 2, și offset stâng calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la negativ 2. Pseudo-elementul after al wrapper-ului de mobilă are conținut gol, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la 2, și offset drept calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la negativ 2.
La lățime minimă 81.25em: pseudo-elementul before al wrapper-ului de mobilă are conținut gol, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la 2, și offset stâng calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la negativ 2. Pseudo-elementul after al wrapper-ului de mobilă are conținut gol, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la 2, și offset drept calculat din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la negativ 2.
SVG-ul keyline-4 al wrapper-ului de mobilă și SVG-ul lines: setează stroke la culoarea bordurii header-ului.
Meta social al wrapper-ului de mobilă, span-ul link-ului elementului de listă meta social, meta comment, meta social, span-ul link-ului elementului de listă meta social, și meta comment: setează culoarea bordurii la culoarea bordurii header-ului.
H2-ul corpului articolului și h2-ul corpului conținutului interactiv: setează greutatea fontului la 200. Dacă h2-ul conține strong, setează greutatea fontului la 700.
Div cu data-print-layout hide ul: elimină imaginea de fundal.
Root cu data-rendering-target apps: setează follow text la #dcdcdc, follow icon fill la noua culoare pilon, standfirst text la #dcdcdc, standfirst link text la noua culoare pilon, standfirst link border la noua culoare pilon, byline la noua culoare pilon, article meta lines la culoarea bordurii header-ului, și byline la pilonul din modul întunecat.
Root cu data-rendering-target apps byline span: setează culoarea la noua culoare pilon.
Root cu data-rendering-target apps byline span div care are un element următor FollowWapper: setează imaginea de fundal la culoarea bordurii header-ului, culoarea bordurii header-ului 1px, și transparent 1px.
La prefers-color-schemeColin Kaepernick încă se trezește la 4:30 în fiecare dimineață pentru a se antrena. "Antrenament de forță, antrenament de viteză, antrenament de poziție—încă fac toate aceleași antrenamente pe care le făceam când jucam," spune el vesel. "Apoi îmi văd de restul zilei." Au trecut aproape 10 ani de când Kaepernick a jucat ultima dată un meci de fotbal de nivel înalt. Cariera sa a fost brusc și crud întreruptă exact când atingea apogeul, după ce National Football League (NFL) practic și-a strâns rândurile și l-a exclus pentru că era prea politic. Acum, la 38 de ani, știe că șansele sale de a reveni se micșorează pe zi ce trece, dar rămâne la fel de pregătit să joace ca întotdeauna. "Rămân neobosit la asta," continuă el cu vocea sa tărăgănată. "Pr
