@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) {Hlavní obsahový sloupec pro interaktivní články má levý okraj 1px plný #dcdcdc, umístěný na -10px s z-indexem -1. Na obrazovkách širokých alespoň 81,25 em se tento okraj posouvá na -11px. Atomové prvky v tomto sloupci nemají žádný horní ani dolní okraj, ale 12px odsazení nahoře i dole. Když za odstavcem následuje atomový prvek, odsazení se odstraní a nahradí se 12px okraji nahoře a dole. Inline prvky mají maximální šířku 620px a na obrazovkách širokých alespoň 61,25 em mají inline figury také maximální šířku 620px.
Když sekce médií obsahuje smyčkovou figuru, figcaption (pokud není skrytý) dostane z-index 6. Tlačítko smyčky videa se zarovná dolů s 40px dolním okrajem a 3px pravým okrajem. Kontejnery ovládání ztlumení a odtlumení sedí na pravém okraji s 10px levým odsazením. Tlačítko titulků dostane z-index 100 a na obrazovkách širokých alespoň 61,25 em sedí 20px ode dna. Na obrazovkách širokých alespoň 46,25 em nemají kontejnery cinemagraph žádné omezení maximální výšky.
Samostatně hostované videoostrovy v těle mají plnou šířku až do 620px, zobrazují se jako blok a mají 12px horní a dolní okraje. Jejich smyčkové figury a videa mají plnou šířku, automatickou výšku, maximálně 620px a jsou vycentrované. Když je smyčková figura imerzivním video prvkem, ostrov se rozšíří na plnou šířku s 12px svislými okraji a figura a video ztratí maximální šířku a vycentrování. Na obrazovkách širokých alespoň 71,25 em se imerzivní ostrov stane 1140px širokým a posune se doleva o 180px, přičemž figcaptions dostanou 20px levý okraj. Na obrazovkách širokých alespoň 81,25 em se stane 1300px širokým a posune se doleva o 260px.
Kořen definuje několik vlastních vlastností: barva dateline #606060, ohraničení záhlaví #dcdcdc, text popisku #999, pozadí popisku hsla(0, 0%, 7%, .72), barva funkce #c70000 a barva nového pilíře, která se vrací k primární barvě pilíře nebo funkce. Text podnadpisu, text pullquote a ikony pullquote používají sekundární barvu pilíře, zatímco text blokové citace používá barvu textu článku. Blokové citace získají barvu výplně ze sekundárního pilíře. V tmavém režimu (pokud není barevné schéma výslovně nastaveno na světlé) se podnadpisy, pullquotes a jejich ikony přepnou na barvu pilíře tmavého režimu a blokové citace je následují.
Atomové prvky nemají žádné odsazení. Když je atomový prvek prvním svého typu a následuje za ním odstavec, přihlašovací brána, jiný atom nebo podobně, následující odstavec získá zvláštní rozestupy. Totéž platí po horizontálním pravidle, které není poslední, nebo po kontejneru reklamního slotu následovaném odstavcem.Text, který jste poskytli, je CSS kód, nikoli próza, takže neexistuje žádná přirozená anglická verze, kterou by bylo možné vytvořit. Pokud chcete, mohu vysvětlit, co tento CSS dělá v jednoduché angličtině.Nemohu to přepsat jako plynulou angličtinu – je to CSS kód, nikoli próza. Pokud chcete, mohu vysvětlit, co styly dělají v jednoduché angličtině, nebo můžete sdílet skutečný text, který chcete přepsat.Tento CSS kód definuje responzivní rozvržení pro záhlaví článků, titulky, metadata, standfirsts a portréty. Používá CSS Grid k uspořádání těchto prvků na různých velikostech obrazovky, s breakpointy na 61,25 em, 71,25 em a 81,25 em. Rozvržení upravuje struktury sloupců a řádků, přidává ohraničení a styluje odkazy a figury, aby se obsah správně zobrazoval na různých zařízeních.Standfirst obalu nábytku má malý levý posun. V záhlaví článku divy štítků získají trochu horního odsazení. Nadpis h1 je nastaven na semibold, s maximální šířkou 620px a velikostí písma 32px. Na širších obrazovkách (alespoň 71,25 em) se maximální šířka stane 540px a velikost písma se zvýší na 50px. Na 46,25 em a výše nemají prvky keyline-4 a lines žádný pravý okraj a na 61,25 em a výše jsou skryté. Jejich SVG používají barvu ohraničení záhlaví pro tahy. Sekce meta také ztrácí pravý okraj na 46,25 em a výše. Sociální a komentářové prvky v meta používají barvu ohraničení záhlaví pro své okraje a jakýkoli gu-island uvnitř kontejneru meta je skrytý. Standfirst je posunut doleva o 10px s odpovídajícím odsazením a získá 2px horního odsazení na 46,25 em a výše. Jeho odstavce mají běžnou váhu, 20px, s 14px dolním odsazením. Oblast hlavních médií je umístěna relativně, bez horního okraje a s 2px dolním okrajem, umístěná v oblasti mřížky portrétu. Její vnitřní divy zabírají plnou šířku bez inline okrajů. Na 61,25 em a výše je dolní okraj odstraněn. Na obrazovkách do 46,24 em zabírá plnou šířku viewportu mínus jakýkoli posuvník a posouvá se doleva o 10px; mezi 30 em a 46,24 em se tento levý posun stane 20px. Figcaptions jsou absolutně umístěny dole, s odsazením a barvou pozadí a textu z CSS proměnných, žádnou maximální šířkou, žádným dolním okrajem a minimální výškou 46px. Spany uvnitř používají barvu ohraničení záhlaví a SVG uvnitř těchto spanů jsou jí vyplněny. První span je skrytý, zatímco druhý je zobrazen s maximální šířkou 90%. Na 30 em a výše se odsazení figcaption zvyšuje. Skrytý figcaption má nulovou neprůhlednost. Tlačítko popisku je blokový, absolutně umístěný prvek vpravo dole, s kruhovým pozadím, žádným okrajem a nějakým odsazením. Jeho SVG je mírně zmenšeno. Na 30 em a výše se posouvá doprava o něco více. Na širších obrazovkách získá interaktivní hlavní sloupec pseudo-prvek s konkrétním horním posunem a výškou. Nadpisy uvnitř interaktivního hlavního sloupce mají maximální šířku 620px. V tmavém režimu (pokud není výslovně nastaven na světlý) je několik CSS proměnných předefinováno pro následující text, výplň ikony sledování, text standfirst, text a ohraničení odkazu standfirst a barvu podpisu. Kořen také definuje proměnnou barvy nového pilíře, která se vrací k pilíři tmavého režimu.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 #standfPrvní, odkaz na položku seznamu, přejetí myší, odkaz na standfirst obalu nábytku, přejetí myší, odkaz na položku seznamu standfirst obalu nábytku, přejetí myší: odstranit spodní ohraničení a nastavit barvu dekorace textu na barvu nového pilíře nebo funkci tmavého režimu.
Odstavce standfirst obalu nábytku, odstavce standfirst a odstavce atributu dat standfirst: nastavit barvu na #dcdcdc.
Při minimální šířce 61,25 em: první odstavec v standfirst obalu nábytku, standfirst a atributu dat standfirst získá horní ohraničení 1px plné barvy ohraničení záhlaví.
Při minimální šířce 71,25 em: první odstavec v těchto stejných prvcích standfirst nemá žádné horní ohraničení.
Položky seznamu standfirst obalu nábytku, položky seznamu standfirst a položky seznamu atributu dat standfirst: nastavit barvu na #dcdcdc.
Při minimální šířce 71,25 em: pseudo-prvek before standfirst obalu nábytku, standfirst a atributu dat standfirst získá barvu pozadí barvy ohraničení záhlaví.
Při minimální šířce 46,25 em: pseudo-prvek before obalu nábytku získá obsah, plnou výšku, top 0, absolutní pozici, barvu tmavého pozadí, pravé ohraničení 1px plné barvy ohraničení záhlaví, levou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 738px děleno záporným 2 a šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 738px děleno 2. Pseudo-prvek after obalu nábytku získá obsah, plnou výšku, top 0, absolutní pozici, barvu tmavého pozadí, levé ohraničení 1px plné barvy ohraničení záhlaví, pravou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 738px děleno záporným 2 a šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 738px děleno 2.
Při minimální šířce 61,25 em: pseudo-prvek before obalu nábytku získá obsah, šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 978px děleno 2 a levou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 978px děleno záporným 2. Pseudo-prvek after obalu nábytku získá obsah, šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 978px děleno 2 a pravou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 978px děleno záporným 2.
Při minimální šířce 71,25 em: pseudo-prvek before obalu nábytku získá obsah, šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1138px děleno 2 a levou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1138px děleno záporným 2. Pseudo-prvek after obalu nábytku získá obsah, šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1138px děleno 2 a pravou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1138px děleno záporným 2.
Při minimální šířce 81,25 em: pseudo-prvek before obalu nábytku získá obsah, šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1298px děleno 2 a levou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1298px děleno záporným 2. Pseudo-prvek after obalu nábytku získá obsah, šířku vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1298px děleno 2 a pravou pozici vypočítanou z šířky viewportu mínus šířka posuvníku mínus 1298px děleno záporným 2.
SVG keyline-4 obalu nábytku a SVG atributu dat lines: nastavit tah na barvu ohraničení záhlaví.
Sociální meta obalu nábytku, span odkazu položky seznamu sociálního meta, komentář meta, sociální meta atributu dat meta, span odkazu položky seznamu sociálního meta atributu dat meta a komentář meta atributu dat meta: nastavit barvu ohraničení na barvu ohraničení záhlaví.
H2 těla článku a h2 těla interaktivního obsahu: nastavit váhu písma na 200. Pokud h2 obsahuje strong, nastavit váhu písma na 700.
Div s atributem skrytí rozvržení tisku ul: odstranit obrázek pozadí.
Kořen s atributem cíle vykreslování apps: nastavit následující text na #dcdcdc, výplň ikony sledování na barvu nového pilíře, text standfirst na #dcdcdc, text odkazu standfirst na barvu nového pilíře, ohraničení odkazu standfirst na barvu nového pilíře, podpis na barvu nového pilíře, řádky metadat článku na barvu ohraničení záhlaví a podpis na pilíř tmavého režimu.
Kořen s atributem cíle vykreslování apps span podpisu: nastavit barvu na barvu nového pilíře.
Kořen s atributem cíle vykreslování apps span podpisu div, který má následující prvek FollowWapper: nastavit obrázek pozadí na barvu ohraničení záhlaví, barvu ohraničení záhlaví 1px a průhlednou 1px.
Při prefers color scheme media query.Jednoho teplého, tichého večera v červnu 2020 umírala Ottova stará matka Doria ve svém mnichovském bytě. Ležela se zavřenýma očima, její bledý obličej rámovaly bílé vlasy, klidná. Otto, v masce, rukavicích a sterilní zástěře, dřímal na židli vedle ní. Otto, kterému se někdy říká Rainer a jehož příjmení je známé pouze jako „Z“ kvůli přísným německým zákonům o ochraně soukromí, byl lékař, který se o svou matku staral roky, od doby, kdy prodělala mrtvici a přestěhovala se k němu. Vyprávěl mi, co se té noci stalo. Probudil ho zvuk jejích krátkých dechů a pokusil se ji posadit. Měla zavřené oči a sevřené rty. Přestala dýchat. Otto sáhl po telefonu, aby zavolal pomoc, ale pak Doria otevřela oči a zírala mu do očí. Usmála se, naposledy se zhlub
