@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,25em se tento okraj posune na -11px.
V tomto sloupci nemají atomové prvky žádný horní ani dolní okraj, ale získávají 12px odsazení na obou stranách. Když atomový prvek následuje po odstavci, jeho odsazení se odstraní a místo toho získá 12px okraje. Inline prvky jsou omezeny na šířku 620px a na obrazovkách širokých alespoň 61,25em mají inline obrázky také maximálně 620px.
U mediálních sekcí obsahujících smyčkové obrázky je figcaption umístěn nad ostatními prvky s z-indexem 6. Tlačítko smyčky videa se zarovnává doprava dolů s 40px dolním okrajem a 3px pravým okrajem. Kontejnery pro ovládání ztlumení a odtlumení jsou zarovnány doprava s 10px levým odsazením. Tlačítko titulků má z-index 100 a na obrazovkách širokých alespoň 61,25em je umístěno 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 až do 620px, zobrazené jako bloky s 12px horním a dolním okrajem. Jejich smyčkové obrázky a videa jsou také plné šířky až do 620px, vycentrované. Když jsou tato videa imerzivní, limit šířky se odstraní a okraje se stanou 12px nahoře a dole. Na obrazovkách širokých alespoň 71,25em se imerzivní videa rozšíří na 1140px a posunou doleva o 180px, s figcaptions odsazenými o 20px. Na obrazovkách širokých alespoň 81,25em se rozšíří dále na 1300px a posunou doleva o 260px.
Kořen definuje několik barevných proměnných: dateline (#606060), okraj záhlaví (#dcdcdc), text titulků (#999), pozadí titulků (72% neprůhledná téměř černá), barva funkce (#c70000) a nová barva pilíře, která je standardně nastavena na primární barvu pilíře nebo 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í výslovně nastaven světlý režim) se podnadpisy, pullquotes a jejich ikony přepnou na barvu pilíře tmavého režimu a blockquotes používají stejnou barvu pro svou výplň.
Atomové prvky nemají žádné odsazení. Když je atomový prvek prvním svého typu a následuje po něm odstavec, přihlašovací brána, další atomový prvek nebo podobně, následující odstavec získá speciální rozestupy. Totéž platí po horizontálních pravidlech, která nejsou poslední, a v rámci divů 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 je první atomový prvek, přihlašovací brána nebo horizontální pravidlo, které není poslední) v různých kontejnerech, a také stylizuje první písmeno těchto odstavců.
Pokud jste chtěli vložit jiný text, klidně se o něj podělte a já jej přepíšu plynulou, přirozenou angličtinou.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 stylizuje 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 standfirst: nastavit barvu textu na #dcdcdc.
Při minimální šířce 61,25em: první odstavec standfirst získá horní okraj 1px plný barvy okraje záhlaví.
Při minimální šířce 71,25em: horní okraj prvního odstavce standfirst se odstraní.
Položky seznamu standfirst obalu nábytku, položky seznamu standfirst a položky seznamu standfirst: nastavit barvu textu na #dcdcdc.
Při minimální šířce 71,25em: pseudo-element before standfirst získá barvu pozadí barvy okraje záhlaví.
Při minimální šířce 46,25em: pseudo-element before obalu nábytku má prázdný obsah, plnou výšku, umístěný nahoře, absolutní pozicování, barvu pozadí tmavého pozadí, pravý okraj 1px plný barvy okraje záhlaví, levou pozici vypočítanou jako zápornou polovinu šířky viewportu mínus šířka posuvníku mínus 738px a šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 738px. Pseudo-element after obalu nábytku má prázdný obsah, plnou výšku, umístěný nahoře, absolutní pozicování, barvu pozadí tmavého pozadí, levý okraj 1px plný barvy okraje záhlaví, pravou pozici vypočítanou jako zápornou polovinu šířky viewportu mínus šířka posuvníku mínus 738px a šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 738px.
Při minimální šířce 61,25em: pseudo-element before obalu nábytku má prázdný obsah, šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 978px a levou pozici vypočítanou jako zápornou polovinu toho. Pseudo-element after obalu nábytku má prázdný obsah, šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 978px a pravou pozici vypočítanou jako zápornou polovinu toho.
Při minimální šířce 71,25em: pseudo-element before obalu nábytku má prázdný obsah, šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 1138px a levou pozici vypočítanou jako zápornou polovinu toho. Pseudo-element after obalu nábytku má prázdný obsah, šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 1138px a pravou pozici vypočítanou jako zápornou polovinu toho.
Při minimální šířce 81,25em: pseudo-element before obalu nábytku má prázdný obsah, šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 1298px a levou pozici vypočítanou jako zápornou polovinu toho. Pseudo-element after obalu nábytku má prázdný obsah, šířku vypočítanou jako polovinu šířky viewportu mínus šířka posuvníku mínus 1298px a pravou pozici vypočítanou jako zápornou polovinu toho.
SVG keyline-4 obalu nábytku a SVG lines: nastavit tah na barvu okraje záhlaví.
Meta social obalu nábytku, span odkazu na položku seznamu meta social, meta komentář, meta social, span odkazu na položku seznamu meta social a meta komentář: 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 data-print-layout hide ul: odstranit obrázek pozadí.
Kořen s data-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 barvu okraje záhlaví a byline na pilíř tmavého režimu.
Kořen s data-rendering-target apps byline span: nastavit barvu na novou barvu pilíře.
Kořen s data-rendering-target apps byline span div s adjacent FollowWrapper: nastavit obrázek pozadí na barvu okraje záhlaví, barvu okraje záhlaví 1px, průhlednou 1px.
Při prefers-color-schemeZnal jsem Mohameda Tahlila jako jemného piráta, který vedl tým strážců během prvních měsíců mého zajetí v roce 2012. Odjel jsem do Somálska reportovat o vzestupu moderního pirátství u jeho pobřeží. Desátý den, na prašné cestě poblíž Galkaya v centrálním Somálsku, mě unesli piráti. Následujících dva a půl roku jsem byl rukojmím.
Většinu času jsem trávil na tenké, potem nasákl
