@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) {Основната колона със съдържание за интерактивни статии има лява граница от 1px плътна #dcdcdc, позиционирана на -10px с z-index -1. На екрани с ширина поне 81.25em тази граница се измества на -11px. Atom елементите вътре в тази колона нямат горен или долен марж, но имат 12px подпълване отгоре и отдолу. Когато параграф е последван от atom елемент, подпълването се премахва и се заменя с 12px маржове вместо това. Вградените елементи са ограничени до 620px ширина, а на екрани с ширина поне 61.25em вградените фигури също се ограничават до 620px.
За медийни елементи, съдържащи фигура с цикъл, figcaption се намира над другото съдържание с z-index 6. Бутонът за видео цикъл се подравнява към долния десен ъгъл с 40px долен марж и 3px десен марж. Контейнерите за управление на заглушаване и включване на звук са позиционирани в десния ръб с 10px ляво подпълване. Бутонът за надписи има z-index 100, а на екрани с ширина поне 61.25em той се намира на 20px от дъното. На екрани с ширина поне 46.25em контейнерите за cinemagraph нямат максимална височина.
Самостоятелно хостваните видео острови в тялото са с пълна ширина до 620px, показвани като блокове с 12px горен и долен марж. Техните фигури с цикъл и видеа също са с пълна ширина до 620px, центрирани без марж. Когато видеото е потапящо, островът се разширява до пълна ширина с 12px вертикални маржове, а фигурата и видеото губят своите ограничения за ширина. На екрани с ширина поне 71.25em потапящият остров става 1140px широк и се измества на 180px наляво, с figcaptions с отстъп от 20px. На екрани с ширина поне 81.25em той става 1300px широк и се измества на 260px наляво.
Коренът дефинира няколко цветови променливи: dateline (#606060), граница на хедъра (#dcdcdc), текст на надпис (#999), фон на надпис (72% непрозрачен почти черен), цвят на функция (#c70000) и нов цвят на стълб, който по подразбиране е основният цвят на стълба или функцията. Подзаглавията, pullquotes и иконите на pullquote използват вторичния цвят на стълба, докато blockquotes използват цвета на текста на статията с вторично запълване на стълба. В тъмен режим (освен ако потребителят не е избрал изрично светъл режим), подзаглавията, pullquotes и техните икони се превключват към цвета на стълба за тъмен режим, а blockquotes използват същия този цвят за своето запълване.
Atom елементите нямат подпълване. Когато atom елемент е първият от своя тип и е последван от параграф, порта за влизане, друг atom или подобно, следващият параграф получава специално разстояние. Същото се отнася след хоризонтална линия, която не е последната, или след контейнер за рекламен слот, последван от параграф.Текстът, който сте предоставили, е CSS код, а не проза, така че няма естествена английска версия на него. Това е набор от стилови правила, които:
- Добавят 14px горно подпълване към първия параграф, който следва определени елементи (като първия atom елемент, порта за влизане или хоризонтална линия, която не е последната) в различни контейнери като тялото на статията, тялото на коментара, тялото на функцията и интерактивните области на съдържанието.
- Прилагат стил за първа буква към същите тези параграфи.
Ако желаете, мога да обясня какво правят конкретни части от селектора, или да ви помогна да пренапишете или опростите самия CSS.Не мога да пренапиша този текст като свободен английски. Това не е проза—това е блок от CSS код (селектори, свойства и медийни заявки). Пренаписването му като естествен английски или би счупило кода, или би го превърнало в описание, а не в пренаписване.
Ако желаете, мога да:
- Обясня какво прави този CSS на прост английски
- Почистя или преформатирам самия CSS
- Пренапиша прозаичен пасаж, който споделите
Кажете ми кое предпочитате.Този CSS код дефинира адаптивно оформление за заглавия на статии, заглавия, метаданни, standfirsts и портрети. Той използва CSS Grid, за да подреди тези елементи на различни размери на екрана, с точки на прекъсване при 61.25em, 71.25em и 81.25em. Оформлението регулира структурите на колони и редове, добавя граници и стилизира връзки и фигури съответно..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)}}.article .article__body h2,article.content--interactiМайка ми е в найлонов плик в скута ми, притисната между наполовина изяден пакет смес от ядки и сушени плодове и портмонето ми. Стомахът ми се обръща от криволичещите пътища към Йосемити, където съм дошла да разпръсна праха ѝ, и имам екзистенциална криза. Бях си представяла този ден като красиво сбогуване, което щеше да се усеща дълбоко смислено. Вместо това всичко беше импровизирано: найлонов плик, избор в последния момент и джинджифилови бонбони, за да не получа морска болест. Мислех, че двадесетте ми години ще бъдат за целувки с грешните хора в барове в Лос Анджелис, а не за четене на книги с меки корици на болнично легло, докато майка ми претърпяваше петата си мозъчна операция. Приятелите ми бяха в колеж, обсъждаха сестринства и семестри в чужбина; аз усвоявах съвсем различен набор от умения. На 21 години разбрах, че майка ми има глиобластом, смъртоносен рак на мозъка. Скоро бях в правната библиотека в Бейкърсфийлд, търсейки в Google как да стана законен настойник на 16-годишния си брат, и откривайки, че същият чар, който използвах, за да си осигуря маса в Nobu, можеше също да осигури на майка ми по-добра стая в болницата Cedars-Sinai. Тя се озова в стаята, където Елизабет Тейлър беше починала няколко месеца по-рано, подробност, която тя обичаше да разказва на приятелите си.
Когато не можеш да си позволиш да платиш, в крайна сметка скърбиш незаконно. Не помня много от онзи последен месец от живота ѝ. Помня главно само мръсотията, която избърсвах от очите ѝ, докато тя се унасяше в последния си сън. Медицинската сестра от домашния хоспис каза на брат ми и на мен да дадем на майка ни „разрешение“ да си отиде. Нейното крехко тяло все още се бореше и сестрата вярваше, че тя се държи заради нас. Така че през сополите и сълзите си ѝ казахме да си отиде. Но тайно, при всяко спряло дишане, се надявах да не го направи. Тя почина в рамките на осем месеца от първоначалната диагноза. Беше на 44 години. Когато парамедиците пристигнаха, аз излязох от стаята. Белият чаршаф върху тялото ѝ щеше да го направи окончателно по начин, за който още не бях готова. В крайна сметка, насред всичко останало, трябваше да реша какво да правя с тялото ѝ. После имаше и цена. Типично погребение с поклонение и погребване в САЩ струва 8300 долара. Дори кремацията сега струва повече от 2200 долара – немислима сума за мен по онова време. Бях старши въздушен редник във военновъздушните сили на САЩ, получавах около 2200 долара на месец. Когато не можеш да си позволиш да платиш, в крайна сметка скърбиш незаконно – както направих аз.
Майка ми беше помолила да бъде кремирана. Тъй като семейството ми и аз „споделяхме“ останките ѝ, ни трябваше начин да я разделим между няколко души: мен, брат ми и леля ми. Най-евтиният вариант, който погребалната агенция предлагаше, беше кестенява пластмасова кутия. Купих една, донесох я вкъщи и я разделихме в найлонови пликове. По-късно леля ми ме заведе в бутик и ми помогна да избера малки дървени кутии за всеки от нас. Малки резбовани дървени неща, по-красиви от това, което погребалната агенция предлагаше – и по-евтини. Усещаше се като поправка. Също така не проработи съвсем. Кутията имаше шевове и майка ми продължаваше да се изплъзва през пукнатините, тънък слой от нея се появяваше по рафтове и скринове и вътре в чекмеджета. Когато дойде време да шофирам до Йосемити, я сложих обратно в найлонов плик. Едно нещо, което не знаех, беше, че разпръскването на човешки останки в национален парк изисква специално разрешително. Това сега изглежда очевидно, но когато скърбиш, четенето на дребния шрифт е голямо начинание.
Индустрията на умирането не винаги е била толкова обременяваща. Преди Гражданската война повечето американци са умирали у дома и са били подготвяни за погребение от собствените си семейства. Балсамирането стана широко разпространено едва след войната, когато смъртните случаи на бойното поле създадоха масов пазар за запазване на телата достатъчно дълго, за да бъдат изпратени на север. Това, което последва, беше традиция, която отстъпи място на бизнес модел: погребалната агенция, професионалният балсаматор, лицензираният директор, запечатаният ковчег, поддържаното мораво гробище. Един фактор, тласкащ индустрията към по-високи цени, е консолидацията. През последните две десетилетия големи конгломерати за смъртни грижи поеха контрола върху независими погребални агенции, придобивайки достатъчна ценова власт на някои пазари, за да предизвикат федерални антитръстови действия. Това, което някога е било семеен бизнес, все повече се превръща в дъщерно дружество.
Нищо от това не се е случило случайно и то не е – както индустрията понякога твърди – отговор на това, което семействата искат. Джъстин Кроу, основател на Parting Stone, компания в Санта Фе, която превръща кремираните останки в твърди камъни, ми каза, че преминаването от погребение към кремация е преминало от 5% през 1970 г. до над 63% днес.
„Когато клиентът каза, всъщност искаме кремация“, каза той, „мисля, че индустрията допусна грешка в онзи момент. Тя наистина не подхрани тази промяна. Не предостави стойност на преживяването на кремацията, както беше направила за преживяването на погребението.“
Това, което семействата искаха, с други думи, беше по-евтина, по-малко институционална смърт – такава, при която тялото не изчезва в погребална агенция и не се връща като фактура. Но това, което получиха, беше същият процес, с надценка, само че този път с кремирани останки.
И все повече семейства, изправени пред версия на достойнството, която не можеха да си позволят, започнаха да импровизират.
Приятелката ми Даниел Директо-Местън, колега журналист в Лос Анджелис, израсна в семейство, в което смъртта не се случва зад кулисите.
„Филипинците, моето семейство по-специално, ходим на гробището, за да се мотаем“, каза ми тя. „Просто се мотаем там през по-голямата част от сутринта и следобеда. И после отиваме да обядваме заедно.“
Те ходят да седят с починали роднини, да почистват гробовете, да ги украсяват с цветя и да прекарват време като семейство; това е навик с корени в Undas, филипинската традиция да се прекарват Денят на вси светии и Денят на всички души на семейния парцел.
„Живеем в общества, фобични към скръбта“: експерти за това как да се чувстваме по-комфортно със смъртта
Прочетете още
За разлика от много американци, Даниел беше възпитана да се чувства комфортно около м
