@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){.Hovedinnholdskolonnen for interaktive artikler har en venstrekant på 1px solid #dcdcdc, plassert på -10px med en z-index på -1. På skjermer som er minst 81.25em brede, flyttes denne kanten til -11px.
Innenfor denne kolonnen har atomelementer ingen topp- eller bunnmargin, men får 12px polstring på begge sider. Når et atomelement følger en avsnitt, fjernes polstringen og det får 12px marger i stedet. Innebygde elementer er begrenset til 620px bredde, og på skjermer som er minst 61.25em brede, har innebygde figurer også maksimal bredde på 620px.
For medieseksjoner som inneholder løkkefigurer, sitter figcaption over andre elementer med en z-index på 6. Video loop-knappen justeres til nederst til høyre med 40px bunnmargin og 3px høyremargin. Mute- og unmute-kontrollbeholdere sitter helt til høyre med 10px venstrepolstring. Caption-knappen har en z-index på 100, og på skjermer som er minst 61.25em brede, sitter den 20px fra bunnen. På skjermer som er minst 46.25em brede, har cinemagraph-beholdere ingen maksimal høyde.
Selvhostede videoøyer i brødteksten er full bredde opp til 620px, vist som blokker med 12px topp- og bunnmarger. Deres løkkefigurer og videoer er også full bredde opp til 620px, sentrert. Når disse videoene er immersive, fjernes breddebegrensningen og margene blir 12px topp og bunn. På skjermer som er minst 71.25em brede, utvides immersive videoer til 1140px og forskyves til venstre med 180px, med figcaptions innrykket 20px. På skjermer som er minst 81.25em brede, utvides de ytterligere til 1300px og forskyves til venstre med 260px.
Roten definerer flere fargevariabler: dateline (#606060), header border (#dcdcdc), caption text (#999), caption background (72% ugjennomsiktig nesten-svart), feature color (#c70000), og en ny pillar-farge som standard er den primære pillar- eller feature-fargen. Underoverskrifter, pullquotes og pullquote-ikoner bruker den sekundære pillar-fargen, mens blockquotes bruker artikkeltekstfargen. Blockquotes får også en fyllfarge fra den sekundære pillaren. I mørk modus (med mindre lys modus er eksplisitt satt), bytter underoverskrifter, pullquotes og deres ikoner til mørk modus pillar-fargen, og blockquotes bruker den samme fargen for sin fyll.
Atomelementer har ingen polstring. Når et atomelement er det første av sin type og følges av et avsnitt, en innloggingsport, et annet atomelement eller lignende, får det følgende avsnittet spesiell avstand. Det samme gjelder etter horisontale linjer som ikke er den siste, og innenfor artikkeltekst-div-er.Teksten du har gitt er CSS-kode, ikke prosa, så det er ingen naturlig engelsk å skrive om. Det er et sett med selektorer som legger til 14px toppolstring til det første avsnittet etter visse elementer (som det første atomelementet, en innloggingsport, eller en horisontal linje som ikke er den siste) innenfor ulike beholdere, og det styler også den første bokstaven i disse avsnittene.
Hvis du mente å lime inn et annet tekststykke, del det gjerne og jeg vil skrive det om i flytende, naturlig engelsk.Jeg kan ikke skrive det om som flytende engelsk – det er CSS-kode, ikke prosa. Hvis du vil, kan jeg forklare hva stilene gjør på vanlig engelsk, eller du kan dele den faktiske teksten du vil ha omskrevet.Denne CSS-koden definerer et responsivt oppsett for artikkeloverskrifter, overskrifter, metadata, standfirsts og portretter. Den bruker CSS Grid til å arrangere disse elementene på tvers av ulike skjermstørrelser, med brytepunkter på 61.25em, 71.25em og 81.25em. Oppsettet justerer kolonne- og radstrukturer, legger til kanter og styler lenker og figurer for å sikre at innholdet vises riktig på ulike enheter..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 #standfFørste, listeelement lenke hover, møbelinnpakning standfirst lenke hover, og møbelinnpakning standfirst listeelement lenke hover: fjern bunnkant og sett tekstdekorasjonsfarge til den nye pillar-fargen eller mørk modus-funksjonen.
Møbelinnpakning standfirst avsnitt, standfirst avsnitt, og standfirst avsnitt: sett tekstfarge til #dcdcdc.
Ved minimumsbredde 61.25em: det første standfirst-avsnittet får en toppkant på 1px solid header border-farge.
Ved minimumsbredde 71.25em: det første standfirst-avsnittets toppkant fjernes.
Møbelinnpakning standfirst listeelementer, standfirst listeelementer, og standfirst listeelementer: sett tekstfarge til #dcdcdc.
Ved minimumsbredde 71.25em: standfirst før-pseudoelementet får en bakgrunnsfarge på header border-farge.
Ved minimumsbredde 46.25em: møbelinnpakning før-pseudoelementet har tomt innhold, full høyde, posisjonert øverst, absolutt posisjonering, bakgrunnsfarge på mørk bakgrunn, høyre kant på 1px solid header border-farge, venstre posisjon beregnet som negativ halvdel av visningsportbredde minus rullefeltbredde minus 738px, og bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 738px. Møbelinnpakning etter-pseudoelementet har tomt innhold, full høyde, posisjonert øverst, absolutt posisjonering, bakgrunnsfarge på mørk bakgrunn, venstre kant på 1px solid header border-farge, høyre posisjon beregnet som negativ halvdel av visningsportbredde minus rullefeltbredde minus 738px, og bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 738px.
Ved minimumsbredde 61.25em: møbelinnpakning før-pseudoelementet har tomt innhold, bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 978px, og venstre posisjon beregnet som negativ halvdel av det. Møbelinnpakning etter-pseudoelementet har tomt innhold, bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 978px, og høyre posisjon beregnet som negativ halvdel av det.
Ved minimumsbredde 71.25em: møbelinnpakning før-pseudoelementet har tomt innhold, bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 1138px, og venstre posisjon beregnet som negativ halvdel av det. Møbelinnpakning etter-pseudoelementet har tomt innhold, bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 1138px, og høyre posisjon beregnet som negativ halvdel av det.
Ved minimumsbredde 81.25em: møbelinnpakning før-pseudoelementet har tomt innhold, bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 1298px, og venstre posisjon beregnet som negativ halvdel av det. Møbelinnpakning etter-pseudoelementet har tomt innhold, bredde beregnet som halvdel av visningsportbredde minus rullefeltbredde minus 1298px, og høyre posisjon beregnet som negativ halvdel av det.
Møbelinnpakning keyline-4 SVG og lines SVG: sett strek til header border-farge.
Møbelinnpakning meta social, meta social listeelement lenke span, meta kommentar, meta social, meta social listeelement lenke span, og meta kommentar: sett kantfarge til header border-farge.
Artikkeltekst h2 og interaktivt innhold h2: sett skriftvekt til 200. Hvis h2 inneholder strong, sett skriftvekt til 700.
Div med data-print-layout hide ul: fjern bakgrunnsbilde.
Rot med data-rendering-target apps: sett følg tekst til #dcdcdc, følg ikonfyll til ny pillar-farge, standfirst tekst til #dcdcdc, standfirst lenke tekst til ny pillar-farge, standfirst lenke kant til ny pillar-farge, byline til ny pillar-farge, artikkel meta linjer til header border-farge, og byline til mørk modus pillar.
Rot med data-rendering-target apps byline span: sett farge til ny pillar-farge.
Rot med data-rendering-target apps byline span div med tilstøtende FollowWrapper: sett bakgrunnsbilde til header border-farge, header border-farge 1px, gjennomsiktig 1px.
Ved prefers-color-schemeJeg kjente Mohamed Tahlil som en vennlig pirat som ledet et team med vakter i de første månedene av mitt fangenskap i 2012. Jeg hadde reist til Somalia for å rapportere om fremveksten av moderne piratvirksomhet utenfor kysten. På den tiende dagen, langs en støvete vei nær Galkayo i det sentrale Somalia, ble jeg kidnappet av pirater. De neste to og et halvt årene var jeg et gissel.
Jeg tilbrakte mesteparten av tiden på en tynn, svettegjennomtrukket skumgummimadrass på gulvet i et støvete rom. De dunkle betongfengslene skiftet, men skitten og forholdene forandret seg aldri. Noen ganger flyttet kidnapperne meg ut i den somaliske savannen, hvor vi slo leir i det fri og sov på bakken. I seks måneder ble jeg holdt på et kapret tunfiskfartøy, sammen med 28 fiskere fra Øst-Asia som var blitt fanget omtrent tre uker før jeg ble brakt om bord. (De hadde fanget meg på land, men de var en piratgjeng organisert for å kapre skip til sjøs.) På hvert sted satt piratvakter rundt med AK-47-er, lyttet til radio eller tygget khat, en narkotisk plante.
Tahlil var en tynn, nesten munter mann som snakket lite engelsk og feide den skrotfylte gårdsplassen til sitt uferdige fengselshus med en bestemors ro. Når han kom inn på rommet mitt, ga han meg sitt skjeve smil og lærte meg noen somaliske ord (for "sol", "sky" og så videre). Han bar rifler, men truet aldri med å skyte meg. Tahlil virket ikke spesielt tøff – han lagde mat og vasket opp sammen
