@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){.Az interaktĂv cikkek fĹ‘ tartalmi oszlopa 1px solid #dcdcdc bal szegĂ©lyt kap, -10px pozĂciĂłban, -1 z-indexszel. Legalább 81.25em szĂ©les kĂ©pernyĹ‘kön ez a szegĂ©ly -11px-re tolĂłdik. Az ebben az oszlopban lĂ©vĹ‘ atom elemeknek nincs felsĹ‘ vagy alsĂł margĂłjuk, felĂĽl Ă©s alul 12px paddinggal. Amikor egy bekezdĂ©st atom elem követ, a padding eltávolĂtásra kerĂĽl Ă©s 12px felsĹ‘ Ă©s alsĂł margĂłra cserĂ©lĹ‘dik. Az inline elemek maximum 620px szĂ©lesek, Ă©s legalább 61.25em szĂ©les kĂ©pernyĹ‘kön az inline ábrák is maximum 620px-esek.
A hurokfigurát tartalmazĂł mĂ©diaelemeknĂ©l a figcaption (kivĂ©ve ha rejtett) z-index 6-on van. A videĂł hurok gomb jobbra lentre igazodik 40px alsĂł margĂłval Ă©s 3px jobb margĂłval. A nĂ©mĂtás Ă©s nĂ©mĂtás feloldása vezĂ©rlĹ‘ kontĂ©nerek a jobb szĂ©len helyezkednek el 10px bal paddinggal. A felirat gomb z-index 100-on van, Ă©s legalább 61.25em szĂ©les kĂ©pernyĹ‘kön 20px-re mozdul el alulrĂłl. Legalább 46.25em szĂ©les kĂ©pernyĹ‘kön a cinemagraph kontĂ©nereknek nincs maximális magasságuk.
A törzsben lĂ©vĹ‘ saját ĂĽzemeltetĂ©sű videĂł szigetek teljes szĂ©lessĂ©gűek, maximum 620px-re korlátozottak, blokkkĂ©nt jelennek meg 12px felsĹ‘ Ă©s alsĂł margĂłval. A hurokfiguráik Ă©s videĂłik teljes szĂ©lessĂ©gűek, automatikus magasságĂşak, maximum 620px-re korlátozottak Ă©s központosĂtottak. Amikor a hurokfigura egy immerzĂv videĂł elem, a sziget teljes szĂ©lessĂ©gre tágul 12px fĂĽggĹ‘leges margĂłval, Ă©s a figura Ă©s videĂł elveszĂti maximális szĂ©lessĂ©gĂ©t Ă©s központosĂtását. Legalább 71.25em szĂ©les kĂ©pernyĹ‘kön az immerzĂv sziget 1140px szĂ©les lesz Ă©s 180px-re tolĂłdik balra, a figcaptionok 20px-re behĂşzĂłdnak. Legalább 81.25em szĂ©les kĂ©pernyĹ‘kön 1300px szĂ©les lesz Ă©s 260px-re tolĂłdik balra.
A gyökĂ©r több egyĂ©ni tulajdonságot definiál: dateline szĂn #606060, fejlĂ©c szegĂ©ly #dcdcdc, felirat szöveg #999, felirat háttĂ©r hsla(0, 0%, 7%, .72), feature szĂn #c70000, Ă©s egy Ăşj pillĂ©r szĂn, amely az elsĹ‘dleges pillĂ©r vagy feature szĂnre esik vissza. Az alcĂmek, pullquote-ok Ă©s pullquote ikonok a másodlagos pillĂ©r szĂnt használják, mĂg a blockquote-ok a cikk szöveg szĂnĂ©t. A blockquote-ok kitöltĂ©si szĂnt is kapnak a másodlagos pillĂ©rbĹ‘l. SötĂ©t mĂłdban (kivĂ©ve ha a szĂn sĂ©ma kifejezetten világosra van állĂtva), az alcĂmek, pullquote-ok Ă©s pullquote ikonok a sötĂ©t mĂłd pillĂ©r szĂnre váltanak, Ă©s a blockquote-ok ugyanezt használják a kitöltĂ©sĂĽkhöz.
Az atom elemeknek nincs paddingjuk. Amikor egy atom elem az elsĹ‘ a tĂpusábĂłl Ă©s egy bekezdĂ©s követi, bejelentkezĂ©si kapu, egy másik atom, vagy hasonlĂł, a következĹ‘ bekezdĂ©s speciális tĂ©rközt kap. Ugyanez vonatkozik a vĂzszintes vonalakra, amelyek nem az utolsĂłk, Ă©s a hirdetĂ©si helyeket követĹ‘ bekezdĂ©sekre. Ezek a szabályok a cikk törzs kontĂ©nerĂ©n belĂĽl is Ă©rvĂ©nyesek.Az általad megadott szöveg CSS kĂłd, nem prĂłza, Ăgy nincs termĂ©szetes angol, amit át lehetne Ărni. Ez szelektorok halmaza, amelyek 14px felsĹ‘ paddingot adnak az elsĹ‘ bekezdĂ©shez bizonyos elemek után (mint az elsĹ‘ atom elem, egy bejelentkezĂ©si kapu, vagy egy vĂzszintes vonal) több kontĂ©nerben, plusz egy szabály azoknak a bekezdĂ©seknek az elsĹ‘ betűjĂ©nek stĂlusozására.
Ha szeretnĂ©d, elmagyarázhatom, mit csinál ez a CSS egyszerű angol nyelven, vagy segĂthetek egyszerűsĂteni vagy refaktorálni.Nem tudom ezt folyĂ©kony angolkĂ©nt átĂrni—ez CSS kĂłd, nem prĂłza. Ha szeretnĂ©d, elmagyarázhatom, mit csinálnak a stĂlusok egyszerű angol nyelven, vagy megoszthatod a tĂ©nyleges szöveget, amit át akarsz Ărni.Ez a CSS kĂłd egy reszponzĂv elrendezĂ©st definiál cikk fejlĂ©cekhez, fĹ‘cĂmekhez, metaadatokhoz, standfirstekhez Ă©s portrĂ©khoz. CSS Grid-et használ ezeknek az elemeknek az elrendezĂ©sĂ©re kĂĽlönbözĹ‘ kĂ©pernyĹ‘mĂ©reteken, törĂ©spontokkal 61.25em, 71.25em Ă©s 81.25em-nĂ©l. Az elrendezĂ©s mĂłdosĂtja az oszlop Ă©s sor struktĂşrákat, szegĂ©lyeket ad hozzá, Ă©s stĂlusozza a linkeket Ă©s ábrákat, hogy a tartalom megfelelĹ‘en jelenjen meg kĂĽlönbözĹ‘ eszközökön..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 #standfElsĹ‘, listaelem link hover, furniture wrapper standfirst link hover, Ă©s furniture wrapper standfirst listaelem link hover: távolĂtsd el az alsĂł szegĂ©lyt Ă©s állĂtsd a szövegdekoráciĂł szĂnĂ©t az Ăşj pillĂ©r szĂnre vagy sötĂ©t mĂłd feature-re.
Furniture wrapper standfirst bekezdĂ©sek, standfirst bekezdĂ©sek, Ă©s standfirst data attribute bekezdĂ©sek: állĂtsd a szĂnt #dcdcdc-re.
Legalább 61.25em szélességnél: a furniture wrapper standfirst, standfirst, és standfirst data attribute első bekezdése 1px solid header border color felső szegélyt kap.
Legalább 71.25em szélességnél: azoknak a standfirst elemeknek az első bekezdésének nincs felső szegélye.
Furniture wrapper standfirst listaelemek, standfirst listaelemek, Ă©s standfirst data attribute listaelemek: állĂtsd a szĂnt #dcdcdc-re.
Legalább 71.25em szĂ©lessĂ©gnĂ©l: a furniture wrapper standfirst, standfirst, Ă©s standfirst data attribute before pszeudo-eleme header border color háttĂ©rszĂnt kap.
Legalább 46.25em szĂ©lessĂ©gnĂ©l: a furniture wrapper before pszeudo-elem content, teljes magasság, top 0, abszolĂşt pozĂciĂł, sötĂ©t háttĂ©rszĂn, 1px solid header border color jobb szegĂ©ly, bal pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 738px osztva negatĂv 2-vel számĂtva, Ă©s szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 738px osztva 2-vel számĂtva. A furniture wrapper after pszeudo-elem content, teljes magasság, top 0, abszolĂşt pozĂciĂł, sötĂ©t háttĂ©rszĂn, 1px solid header border color bal szegĂ©ly, jobb pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 738px osztva negatĂv 2-vel számĂtva, Ă©s szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 738px osztva 2-vel számĂtva.
Legalább 61.25em szĂ©lessĂ©gnĂ©l: a furniture wrapper before pszeudo-elem content, szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 978px osztva 2-vel számĂtva, Ă©s bal pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 978px osztva negatĂv 2-vel számĂtva. A furniture wrapper after pszeudo-elem content, szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 978px osztva 2-vel számĂtva, Ă©s jobb pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 978px osztva negatĂv 2-vel számĂtva.
Legalább 71.25em szĂ©lessĂ©gnĂ©l: a furniture wrapper before pszeudo-elem content, szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1138px osztva 2-vel számĂtva, Ă©s bal pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1138px osztva negatĂv 2-vel számĂtva. A furniture wrapper after pszeudo-elem content, szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1138px osztva 2-vel számĂtva, Ă©s jobb pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1138px osztva negatĂv 2-vel számĂtva.
Legalább 81.25em szĂ©lessĂ©gnĂ©l: a furniture wrapper before pszeudo-elem content, szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1298px osztva 2-vel számĂtva, Ă©s bal pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1298px osztva negatĂv 2-vel számĂtva. A furniture wrapper after pszeudo-elem content, szĂ©lessĂ©g a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1298px osztva 2-vel számĂtva, Ă©s jobb pozĂciĂł a viewport szĂ©lessĂ©g mĂnusz scrollbar szĂ©lessĂ©g mĂnusz 1298px osztva negatĂv 2-vel számĂtva.
Furniture wrapper keyline-4 svg Ă©s lines data attribute svg: állĂtsd a stroke-ot header border color-ra.
Furniture wrapper meta social, meta social listaelem link span, meta comment, meta data attribute meta social, meta data attribute meta social listaelem link span, Ă©s meta data attribute meta comment: állĂtsd a szegĂ©ly szĂnĂ©t header border color-ra.
Article body h2 Ă©s interactive content body h2: állĂtsd a font weight-et 200-ra. Ha a h2 strong-ot tartalmaz, állĂtsd a font weight-et 700-ra.
Div print layout hide attribute ul-lel: távolĂtsd el a háttĂ©rkĂ©pet.
Root rendering target apps attribute-tel: állĂtsd a follow text-et #dcdcdc-re, follow icon fill-t new pillar color-ra, standfirst text-et #dcdcdc-re, standfirst link text-et new pillar color-ra, standfirst link border-t new pillar color-ra, byline-t new pillar color-ra, article meta lines-t header border color-ra, Ă©s byline-t dark mode pillar-ra.
Root rendering target apps attribute byline span-nel: állĂtsd a szĂnt new pillar color-ra.
Root rendering target apps attribute byline