@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https:@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Guardian Titlepiece'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@media (min-width: 71.25em) { .content__main-column--interactive { margin-left: 160px; } }
@media (min-width: 81.25em) { .content__main-column--interactive { margin-left: 240px; } }
.content__main-column--interactive .element-atom { max-width: 620px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-atom { max-width: 100%; } }
.content__main-column--interactive .element-showcase { margin-left: 0; }
@media (min-width: 46.25em) { .content__main-column--interactive .element-showcase { max-width: 620px; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-showcase { max-width: 860px; } }
.content__main-column--interactive .element-immersive { max-width: 1100px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-immersive { width: calc(100vw - var(--scrollbar-width, 0px)); position: relative; left: 50%; right: 50%; margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; } }
@media (min-width: 46.25em) { .content__main-column--interactive .element-immersive { transform: translate(-20px); width: calc(100% + 60px); } }
@media (max-width: 71.24em) { .content__main-column--interactive .element-immersive { margin-left: 0; margin-right: 0; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-immersive { transform: translate(0); width: auto; } }
@media (min-width: 81.25em) { .content__main-column--interactive .element-immersive { max-width: 1260px; } }
.content__main-column--interactive p, .content__main-column--interactive ul { max-width: 620px; }
.content__main-column--interactive:before { position: absolute; top: 0; height: calc(100% + 15px); min-height: 100px; content: ""; }
@media (min-width: 71.25em) {Główna kolumna treści dla artykułów interaktywnych ma lewą granicę 1px solid #dcdcdc, umieszczoną na -10px z indeksem z -1. Na ekranach o szerokości co najmniej 81.25em granica ta przesuwa się na -11px. Elementy atomowe w tej kolumnie nie mają górnego ani dolnego marginesu, ale 12px wypełnienia zarówno u góry, jak i u dołu. Gdy po akapicie następuje element atomowy, wypełnienie jest usuwane i zastępowane marginesami 12px u góry i u dołu. Elementy inline mają maksymalną szerokość 620px, a na ekranach o szerokości co najmniej 61.25em figury inline również mają maksymalnie 620px.
Gdy sekcja multimedialna zawiera zapętlającą się figurę, figcaption (chyba że jest ukryty) otrzymuje indeks z 6. Przycisk zapętlenia wideo wyrównuje się do dołu z 40px marginesu dolnego i 3px marginesu prawego. Kontenery kontroli wyciszenia i włączenia dźwięku znajdują się przy prawej krawędzi z 10px lewego wypełnienia. Przycisk podpisu otrzymuje indeks z 100, a na ekranach o szerokości co najmniej 61.25em znajduje się 20px od dołu. Na ekranach o szerokości co najmniej 46.25em kontenery cinemagraph nie mają ograniczenia maksymalnej wysokości.
Samodzielnie hostowane wyspy wideo w treści mają pełną szerokość do 620px, wyświetlają się jako blok i mają 12px górnego i dolnego marginesu. Ich zapętlające się figury i filmy mają pełną szerokość, automatyczną wysokość, maksymalnie 620px i są wyśrodkowane. Gdy zapętlająca się figura jest elementem wideo immersyjnym, wyspa rozszerza się do pełnej szerokości z 12px pionowymi marginesami, a figura i wideo tracą maksymalną szerokość i wyśrodkowanie. Na ekranach o szerokości co najmniej 71.25em wyspa immersyjna staje się szeroka na 1140px i przesuwa się w lewo o 180px, a figcaptiony otrzymują 20px lewego marginesu. Na ekranach o szerokości co najmniej 81.25em staje się szeroka na 1300px i przesuwa się w lewo o 260px.
Korzeń definiuje kilka właściwości niestandardowych: kolor dateline #606060, granica nagłówka #dcdcdc, tekst podpisu #999, tło podpisu hsla(0, 0%, 7%, .72), kolor funkcji #c70000 i nowy kolor filaru, który domyślnie przyjmuje podstawowy kolor filaru lub kolor funkcji. Tekst podnagłówka, tekst pullquote i ikony pullquote używają drugorzędnego koloru filaru, podczas gdy tekst cytatu blokowego używa koloru tekstu artykułu. Cytaty blokowe otrzymują kolor wypełnienia z drugorzędnego filaru. W trybie ciemnym (chyba że schemat kolorów jest wyraźnie ustawiony na jasny), podnagłówki, pullquote i ich ikony przełączają się na kolor filaru trybu ciemnego, a cytaty blokowe robią to samo.
Elementy atomowe nie mają wypełnienia. Gdy element atomowy jest pierwszym swojego typu i następuje po nim akapit, brama logowania, inny atom lub podobny, następny akapit otrzymuje specjalne odstępy. To samo dotyczy poziomej linii, która nie jest ostatnia, lub po kontenerze miejsca reklamowego, po którym następuje akapit.Tekst, który podałeś, to kod CSS, a nie proza, więc nie ma naturalnej wersji angielskiej do wygenerowania. Jeśli chcesz, mogę wyjaśnić, co robi ten CSS, prostym językiem.Nie mogę przepisać tego jako płynny angielski — to kod CSS, a nie proza. Jeśli chcesz, mogę wyjaśnić, co robią te style prostym językiem, albo możesz udostępnić rzeczywisty tekst, który chcesz przepisać.Ten kod CSS definiuje responsywny układ nagłówków artykułów, nagłówków, metadanych, standfirstów i portretów. Używa CSS Grid do rozmieszczenia tych elementów na różnych rozmiarach ekranu, z punktami przerwania przy 61.25em, 71.25em i 81.25em. Układ dostosowuje struktury kolumn i wierszy, dodaje granice i stylizuje linki oraz figury, aby zapewnić prawidłowe wyświetlanie treści na różnych urządzeniach.Otoczka furniture wrapper ma niewielkie lewe przesunięcie. W nagłówku artykułu divy etykiet otrzymują trochę górnego wypełnienia. Nagłówek h1 jest ustawiony na semibold, z maksymalną szerokością 620px i rozmiarem czcionki 32px. Na szerszych ekranach (co najmniej 71.25em) maksymalna szerokość staje się 540px, a rozmiar czcionki wzrasta do 50px. Przy 46.25em i powyżej elementy keyline-4 i lines nie mają prawego marginesu, a przy 61.25em i powyżej są ukryte. Ich SVG używają koloru granicy nagłówka do obrysów. Sekcja meta również traci prawy margines przy 46.25em i powyżej. Elementy społecznościowe i komentarzy w meta używają koloru granicy nagłówka dla swoich granic, a każda gu-island wewnątrz kontenera meta jest ukryta. Standfirst jest przesunięty w lewo o 10px z pasującym wypełnieniem i otrzymuje 2px górnego wypełnienia przy 46.25em i powyżej. Jego akapity mają zwykłą grubość, 20px, z 14px dolnego wypełnienia. Główny obszar multimediów jest pozycjonowany relatywnie, bez górnego marginesu i z 2px dolnym marginesem, umieszczony w obszarze siatki portretu. Jego wewnętrzne divy zajmują pełną szerokość bez marginesów inline. Przy 61.25em i powyżej dolny margines jest usuwany. Na ekranach do 46.24em rozciąga się na pełną szerokość viewportu minus pasek przewijania i przesuwa się w lewo o 10px; między 30em a 46.24em to lewe przesunięcie staje się 20px. Figcaptiony są pozycjonowane absolutnie na dole, z wypełnieniem i tłem oraz kolorem tekstu ze zmiennych CSS, bez maksymalnej szerokości, bez dolnego marginesu i z minimalną wysokością 46px. Spany wewnątrz używają koloru granicy nagłówka, a SVG wewnątrz tych spanów są nim wypełnione. Pierwszy span jest ukryty, podczas gdy drugi jest pokazany z maksymalną szerokością 90%. Przy 30em i powyżej wypełnienie figcaption wzrasta. Ukryty figcaption ma zerową przezroczystość. Przycisk podpisu jest elementem blokowym, pozycjonowanym absolutnie na dole po prawej, z okrągłym tłem, bez granicy i z pewnym wypełnieniem. Jego SVG jest nieco przeskalowany w dół. Przy 30em i powyżej przesuwa się nieco bardziej w prawo. Na szerszych ekranach interaktywna główna kolumna otrzymuje pseudo-element z określonym górnym przesunięciem i wysokością. Nagłówki wewnątrz interaktywnej głównej kolumny mają maksymalną szerokość 620px. W trybie ciemnym (gdy nie jest wyraźnie ustawiony na jasny), kilka zmiennych CSS jest przedefiniowanych dla tekstu follow, wypełnienia ikony follow, tekstu standfirst, tekstu i granicy linku standfirst oraz koloru byline. Korzeń definiuje również nową zmienną koloru filaru, która domyślnie przyjmuje ciemny filar trybu ciemnego.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfFirst, link elementu listy hover, otoczka furniture link standfirst hover i otoczka furniture element listy standfirst link hover: usuń dolną granicę i ustaw kolor dekoracji tekstu na nowy kolor filaru lub funkcję trybu ciemnego.
Akapit standfirst otoczki furniture, akapit standfirst i akapit atrybutu danych standfirst: ustaw kolor na #dcdcdc.
Przy minimalnej szerokości 61.25em: pierwszy akapit w standfirst otoczki furniture, standfirst i atrybut danych standfirst otrzymuje górną granicę 1px solid kolor granicy nagłówka.
Przy minimalnej szerokości 71.25em: pierwszy akapit w tych samych elementach standfirst nie ma górnej granicy.
Elementy listy standfirst otoczki furniture, elementy listy standfirst i elementy listy atrybutu danych standfirst: ustaw kolor na #dcdcdc.
Przy minimalnej szerokości 71.25em: pseudo-element before standfirst otoczki furniture, standfirst i atrybut danych standfirst otrzymuje kolor tła koloru granicy nagłówka.
Przy minimalnej szerokości 46.25em: pseudo-element before otoczki furniture otrzymuje treść, pełną wysokość, górę 0, pozycję absolutną, ciemny kolor tła, prawą granicę 1px solid kolor granicy nagłówka, lewą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 738px podzielone przez minus 2, oraz szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 738px podzielone przez 2. Pseudo-element after otoczki furniture otrzymuje treść, pełną wysokość, górę 0, pozycję absolutną, ciemny kolor tła, lewą granicę 1px solid kolor granicy nagłówka, prawą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 738px podzielone przez minus 2, oraz szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 738px podzielone przez 2.
Przy minimalnej szerokości 61.25em: pseudo-element before otoczki furniture otrzymuje treść, szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 978px podzielone przez 2, oraz lewą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 978px podzielone przez minus 2. Pseudo-element after otoczki furniture otrzymuje treść, szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 978px podzielone przez 2, oraz prawą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 978px podzielone przez minus 2.
Przy minimalnej szerokości 71.25em: pseudo-element before otoczki furniture otrzymuje treść, szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1138px podzielone przez 2, oraz lewą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1138px podzielone przez minus 2. Pseudo-element after otoczki furniture otrzymuje treść, szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1138px podzielone przez 2, oraz prawą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1138px podzielone przez minus 2.
Przy minimalnej szerokości 81.25em: pseudo-element before otoczki furniture otrzymuje treść, szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1298px podzielone przez 2, oraz lewą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1298px podzielone przez minus 2. Pseudo-element after otoczki furniture otrzymuje treść, szerokość obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1298px podzielone przez 2, oraz prawą pozycję obliczoną jako szerokość viewportu minus szerokość paska przewijania minus 1298px podzielone przez minus 2.
Otoczka furniture keyline-4 svg i atrybut danych lines svg: ustaw obrys na kolor granicy nagłówka.
Otoczka furniture meta social, meta social element listy link span, meta comment, meta atrybut danych meta social, meta atrybut danych meta social element listy link span i meta atrybut danych meta comment: ustaw kolor granicy na kolor granicy nagłówka.
Treść artykułu h2 i treść interaktywnej zawartości h2: ustaw grubość czcionki na 200. Jeśli h2 zawiera strong, ustaw grubość czcionki na 700.
Div z atrybutem ukrycia układu wydruku ul: usuń obraz tła.
Korzeń z atrybutem aplikacji celu renderowania: ustaw tekst follow na #dcdcdc, wypełnienie ikony follow na nowy kolor filaru, tekst standfirst na #dcdcdc, tekst linku standfirst na nowy kolor filaru, granicę linku standfirst na nowy kolor filaru, byline na nowy kolor filaru, linie meta artykułu na kolor granicy nagłówka i byline na ciemny filar trybu ciemnego.
Korzeń z atrybutem aplikacji celu renderowania byline span: ustaw kolor na nowy kolor filaru.
Korzeń z atrybutem aplikacji celu renderowania byline span div, który ma następujący element FollowWapper: ustaw obraz tła na kolor granicy nagłówka, kolor granicy nagłówka 1px i przezroczysty 1px.
Przy zapytaniu medialnym preferencji schematu kolorów.W ciepły, cichy wieczór w czerwcu 2020 roku starsza matka Otto, Doria, umierała w swoim monachijskim mieszkaniu. Leżała z zamkniętymi oczami, jej blada twarz otoczona białymi włosami, spokojna. Otto, w masce, rękawiczkach i sterylnym fartuchu, drzemał na krześle obok niej. Otto, który czasami używa imienia Rainer i którego nazwisko jest znane tylko jako „Z” z powodu surowych niemieckich przepisów o ochronie prywatności, był lekarzem, który opiekował się matką od lat, odkąd przeszła udar i wprowadziła się do niego. Opowiedział mi, co wydarzyło się tej nocy. Obudził się na dźwięk jej krótkich oddechów i próbował posadzić ją prosto. Jej oczy były zamknięte, a usta zaciśnięte. Przestała oddychać. Otto sięgnął po telefon, aby wezwać pomoc, ale wtedy Doria otworzyła oczy i spojrzała mu w oczy. Uśmiechnęła się, wzięła ostatni głęboki oddech, ponownie zamknęła oczy i leżała nieruchomo. Otto osunął się na krzesło. Jako lekarz widział śmierć wiele razy, ale odejście własnej matki wprawiło go w szok. Czuł się zamrożony, patrząc, jak okna lśnią w gasnącym świetle. Miał 66 lat, a jego brat i ojciec zmarli lata wcześniej. Nie miał przyjaciół. Poświęcił cały swój czas, energię i uwagę opiece nad matką, a teraz, gdy jego zadanie nagle się skończyło, nie miał do kogo się zwrócić. Opłakiwał ją samotnie, w improwizowanym rytuale. Zapalił świece i umieścił metalowe talerze w czterech rogach jej łóżka. Siedział obok niej i myślał o jej duszy. Gdy rytuał się zakończył, Otto pod
