@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-index -1. Na obrazovkách širokých alespoň 81,25em se tento okraj posouvá na -11px. Atomové prvky uvnitř tohoto sloupce nemají žádný horní ani dolní okraj, s 12px odsazením nahoře a dole. Když za odstavcem následuje atomový prvek, odsazení se odstraní a nahradí se 12px horním a dolním okrajem. Inline prvky mají maximální šířku 620px a na obrazovkách širokých alespoň 61,25em mají inline obrázky také maximální šířku 620px.
U mediálních prvků obsahujících smyčkovaný obrázek je figcaption (pokud není skrytý) na z-index 6. Tlačítko smyčky videa se zarovnává doprava dolů s 40px dolním okrajem a 3px pravým okrajem. Kontejnery ovládání ztlumení a odtlumení jsou umístěny na pravém okraji s 10px levým odsazením. Tlačítko titulků je na z-index 100 a na obrazovkách širokých alespoň 61,25em se posouvá 20px ode dna. Na obrazovkách širokých alespoň 46,25em nemají kontejnery cinemagraph žádnou maximální výšku.
Samostatně hostované video ostrovy v těle jsou plné šířky, s maximem 620px, zobrazené jako bloky s 12px horním a dolním okrajem. Jejich smyčkované obrázky a videa jsou plné šířky, automatické výšky, s maximem 620px a vycentrované. Když je smyčkovaný obrázek pohlcujícím video prvkem, ostrov se rozšíří na plnou šířku s 12px svislými okraji a obrázek a video ztratí svou maximální šířku a vycentrování. Na obrazovkách širokých alespoň 71,25em se pohlcující ostrov stane 1140px širokým a posune se o 180px doleva, s figcaptions odsazenými o 20px. Na obrazovkách širokých alespoň 81,25em se stane 1300px širokým a posune se o 260px doleva.
Kořen definuje několik vlastních vlastností: barva dateline #606060, okraj záhlaví #dcdcdc, text titulků #999, pozadí titulků hsla(0, 0%, 7%, .72), barva funkce #c70000 a barva nového pilíře, která se vrací k primární barvě pilíře nebo barvě funkce. Podnadpisy, pullquotes a ikony pullquote používají sekundární barvu pilíře, zatímco blockquotes používají barvu textu článku. Blockquotes také získávají 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 ikony pullquote přepnou na barvu pilíře tmavého režimu a blockquotes používají stejnou pro svou výplň.
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, další atom nebo podobně, následující odstavec získá speciální rozestupy. Totéž platí pro horizontální čáry, které nejsou poslední, a pro odstavce následující po reklamních slotech. Tato pravidla platí také v kontejneru těla článku.Text, který jste poskytli, je CSS kód, nikoli próza, takže neexistuje žádná přirozená angličtina k přepsání. Je to sada selektorů, které přidávají 14px horního odsazení k prvnímu odstavci po určitých prvcích (jako první atomový prvek, přihlašovací brána nebo horizontální čára) napříč několika kontejnery, plus pravidlo pro stylování prvního písmene těchto odstavců.
Pokud chcete, mohu vysvětlit, co tento CSS dělá v jednoduché angličtině, nebo vám pomoci jej zjednodušit nebo refaktorovat.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ů napříč různými velikostmi obrazovky, s breakpointy na 61,25em, 71,25em a 81,25em. Rozvržení upravuje struktury sloupců a řádků, přidává okraje a styluje odkazy a obrázky, aby se obsah správně zobrazoval na různých zařízeních..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--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ři najetí, odkaz na standfirst obalu nábytku při najetí a odkaz na položku seznamu standfirst obalu nábytku při najetí: odstranit spodní okraj a nastavit barvu dekorace textu na novou barvu pilíře nebo funkci tmavého režimu.
Odstavce standfirst obalu nábytku, odstavce standfirst a odstavce datového atributu standfirst: nastavit barvu na #dcdcdc.
Při minimální šířce 61,25em: první odstavec v standfirst obalu nábytku, standfirst a datovém atributu standfirst získá horní okraj 1px plný barvy okraje záhlaví.
Při minimální šířce 71,25em: první odstavec v těchto stejných prvcích standfirst nemá žádný horní okraj.
Položky seznamu standfirst obalu nábytku, položky seznamu standfirst a položky seznamu datového atributu standfirst: nastavit barvu na #dcdcdc.
Při minimální šířce 71,25em: pseudo-element before standfirst obalu nábytku, standfirst a datového atributu standfirst získá barvu pozadí barvy okraje záhlaví.
Při minimální šířce 46,25em: pseudo-element before obalu nábytku získá obsah, plnou výšku, top 0, absolutní pozici, barvu tmavého pozadí, pravý okraj 1px plný barvy okraje 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-element after obalu nábytku získá obsah, plnou výšku, top 0, absolutní pozici, barvu tmavého pozadí, levý okraj 1px plný barvy okraje 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,25em: pseudo-element 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-element 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,25em: pseudo-element 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-element 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,25em: pseudo-element 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-element 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 datového atributu lines: nastavit tah na barvu okraje záhlaví.
Meta social obalu nábytku, span odkazu položky seznamu meta social, meta komentář, meta social datového atributu meta, span odkazu položky seznamu meta social datového atributu meta a meta komentář datového atributu meta: nastavit barvu okraje na barvu okraje záhlaví.
H2 těla článku a h2 těla interaktivního obsahu: nastavit tloušťku písma na 200. Pokud h2 obsahuje strong, nastavit tloušťku písma na 700.
Div s atributem print layout hide ul: odstranit obrázek pozadí.
Kořen s atributem rendering target apps: nastavit follow text na #dcdcdc, follow icon fill na novou barvu pilíře, standfirst text na #dcdcdc, standfirst link text na novou barvu pilíře, standfirst link border na novou barvu pilíře, byline na novou barvu pilíře, article meta lines na
