Ez egy CSS-kódblokk, amely egy weboldal egyedi betűtípusait határozza meg. Beállítja a „Guardian Headline Full” betűcsaládot különböző stílusokkal és vastagságokkal, például light, regular, medium és semibold, mindegyik normál és dőlt változattal. A kód meghatározza, hogy honnan töltse be a betűfájlokat, különböző formátumokat használva, mint a WOFF2, WOFF és TTF a böngészők közötti kompatibilitás érdekében.Ez egy CSS-stíluslap, amely a Guardian tipográfiájához határozza meg a betűtípusokat. Különböző betűfájlokat tölt be (WOFF2, WOFF és TTF formátumban) a „Guardian Headline Full” és „Guardian Titlepiece” betűcsaládokhoz, meghatározva a különböző vastagságokat (light, regular, bold, black) és stílusokat (normál vagy dőlt) mindegyikhez. Az URL-ek a Guardian asset szerverén tárolt betűfájlokra mutatnak.Ez egy CSS-stíluslap, amely a „Guardian Headline Full” betűcsaládot határozza meg. Több betűfájlt tartalmaz különböző vastagságokhoz és stílusokhoz, például regular, italic, medium, semibold, bold és black. Minden betűtípus a Guardian asset szerveréről töltődik be különböző formátumokban, mint a WOFF2, WOFF és TTF, hogy biztosítsa a kompatibilitást a különböző böngészőkben. A stílusok meghatározzák a betűvastagságot és stílust minden változathoz, 400-tól (normál) 900-ig (fekete), a megfelelő dőlt változatokkal, ahol alkalmazható.Ez egy CSS-kódblokk, nem pedig természetes angol nyelvű szöveg, amelyet át kellene írni. Meghatározza a weboldal betűstílusait és elrendezési szabályait. Ha más szöveget szeretett volna megadni, kérjük, ossza meg, és én átírom gördülékeny, természetes angol nyelvre.Az interaktív rácsos ábrákhoz tartozó magával ragadó feliratok esetében a felirat stílusa 4px felső és 0 alsó paddingot alkalmaz. A cikk fő szövegében, az interaktív tartalmi szekciókban, a hozzászólási szekciókban és a feature body területeken a sorok és metaadatok rács elemei a rács azon területén helyezkednek el, amely a 2. sortól, 1. oszloptól az 5. sorig, 2. oszlopig tart. A sorok elem magassága a tartalomhoz igazodik, 5px felső margóval, míg a meta elem felső margója 18px. 81,25em és annál nagyobb képernyőszélességeknél a rács oszlopai 219px, 1px, 620px, 80px és 300px értékre vannak beállítva. iOS és Android eszközökön a cikkfejlécben a standfirst szöveg a Guardian Headline betűcsaládot használja közepes vastagsággal, és a szekció kiemelője blokkként jelenik meg, az első betű nagybetűvel. A keyline-4 osztály további 12px felső paddingot ad. A meta szekcióban a szerzői nevek a Guardian Headline betűtípust használják félkövér vastagsággal, és a bennük lévő linkek szintén félkövérek. A cikkábrákon lévő képek magassága auto értékre van állítva, és az elem-atomokat követő bekezdéseknek nincs felső margójuk. A Guardian Headline Full betűtípus light és light italic stílusokkal van definiálva, különböző betűfájl-formátumokat használva.Nem tudok segíteni ezzel a kéréssel, mert a megadott szöveg CSS-kód a webfontok meghatározásához, nem pedig természetes nyelvű tartalom, amelyet gördülékeny angol nyelvre lehetne átírni. Ha más szöveget szeretne, amelyhez segítségre van szüksége, kérjük, ossza meg, és szívesen átírom Önnek.Itt van a szöveg gördülékeny, természetes angol nyelvre átírva: ``` 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}@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){.content__main-column--interactive:before{border-left:1px solid #dcdcdc;z-index:-1;left:-10px}}@media (min-width: 81.25em){.content__main-column--interactive:before{border-left:1px solid #dcdcdc;left:-11px}}.content__main-column--interactive .element-atom{margin-top:0;margin-bottom:0;padding-bottom:12px;padding-top:12px}.content__main-column--interactive p+.element-atom{padding-top:0;padding-bottom:0;margin-top:12px;margin-bottom:12px}.content__main-column--interactive .element-inline{max-width:620px}@media (min-width: 61.25em){figure[data-spacefinder-role=inline].element{max-width:620px}}[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden){z-index:6}[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop]{align-self:flex-end;margin-bottom:40px;margin-right:3px}[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),[data-gu-name=media]:has(figure.loop) figure ```.loop .controls-container div:has(button[data-testid=mute-icon]) { right: 0; padding-left: 10px; } [data-gu-name=media]:has(figure.loop) #caption-button { z-index: 100; } @media (min-width: 61.25em) { [data-gu-name=media]:has(figure.loop) #caption-button { bottom: 20px; } } @media (min-width: 46.25em) { [data-gu-name=media]:has(figure.cinemagraph) .cinemagraph>div { max-height: unset; } } [data-gu-name=body] gu-island[name=SelfHostedVideo] { width: 100%; max-width: 620px; display: block; margin-top: 12px; margin-bottom: 12px; } [data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop, [data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video { width: 100%; height: auto; max-width: 620px; margin: 0 auto; } [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) { max-width: unset; margin: 12px 0; } [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop, [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video { max-width: unset; margin: 0; } @media (min-width: 71.25em) { [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) { width: 1140px; margin-left: -180px; } [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption { margin-left: 20px; } } @media (min-width: 81.25em) { [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) { width: 1300px; margin-left: -260px; } } :root { --dateline: #606060; --headerBorder: #dcdcdc; --captionText: #999; --captionBackground: hsla(0, 0%, 7%, .72); --feature: #c70000; --new-pillar-colour: var(--primary-pillar, var(--feature)); } :root:root { --subheading-text: var(--secondary-pillar); --pullquote-text: var(--secondary-pillar); --pullquote-icon: var(--secondary-pillar); --block-quote-text: var(--article-text); } :root:root blockquote { --block-quote-fill: var(--secondary-pillar); } @media (prefers-color-scheme: dark) { :root:root:not([data-color-scheme=light]) { --subheading-text: var(--darkmode-pillar); --pullquote-text: var(--darkmode-pillar); --pullquote-icon: var(--darkmode-pillar); } :root:root:not([data-color-scheme=light]) blockquote { --block-quote-fill: var(--darkmode-pillar); } } .content__main-column--interactive .element.element-atom, .element.element-atom { padding: 0; } #article-body>div .element-atom:first-of-type+p:first-of-type, #article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type, #article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type, #article-body>div hr:not(.last-horizontal-rule)+p, .content--interactive>div .element-atom:first-of-type+p:first-of-type, .content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type, .content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type, .content--interactive>div hr:not(.last-horizontal-rule)+p, #comment-body .element-atom:first-of-type+p:first-of-type, #comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type, #comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type, #comment-body hr:not(.last-horizontal-rule)+p, [data-gu-name=body] .element-atom:first-of-type+p:first-of-type, [data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type, [data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type, [data-gu-name=body] hr:not(.last-horizontal-rule)+p, #feature-body .element-atom:first-of-type+p:first-of-type, #feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type, #feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type, #feature-body hr:not(.last-horizontal-rule)+p { padding-top: 14px; } #article-body>div .element-atom:first-of-type+p:first-of-type:first-letter, #article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, #article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, #article-body>div hr:not(.last-horizontal-rule)+p:first-letter, .content--interactive>div .element-atom:first-of-type+p:first-of-type:first-letter, .content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, .content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, .content--interactive>div hr:not(.last-horizontal-rule)+p:first-letter, #comment-body .element-atom:first-of-type+p:first-of-type:first-letter, #comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, #comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, #comment-body hr:not(.last-horizontal-rule)+p:first-letter, [data-gu-name=body] .element-atom:first-of-type+p:first-of-type:first-letter, [data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, [data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, [data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter, #feature-body .element-atom:first-of-type+p:first-of-type:first-letter, #feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, #feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, #feature-body hr:not(.last-horizontal-rule)+p:first-letter { / Itt nincsenek konkrét stílusok definiálva, csak a szelektor / }Ez egy CSS-kódblokk, nem pedig természetes angol nyelvű szöveg, amelyet át kellene írni. Szelektorokat és stílusszabályokat tartalmaz egy weboldalhoz, valószínűleg a Guardian cikkoldalaihoz. Ha szeretné, elmagyarázhatom, hogy mit csinál ez a CSS egyszerű angol nyelven, vagy megadhat egy másik szöveget az átíráshoz. Tudassa velem, hogyan szeretne továbblépni!figure.element.element--showcase.element-showcase, [data-gu-name="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase { margin-left: -240px !important; } @media (min-width: 61.25em) { .furniture-wrapper { display: grid; grid-column-gap: 20px; grid-row-gap: 0px; grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.75fr [standfirst-end meta-start] auto [meta-end portrait-end]; } .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(--headerBorder); } .furniture-wrapper #meta, .furniture-wrapper [data-gu-name="meta"] { position: relative; padding-top: 2px; margin-right: 0; } .furniture-wrapper .standfirst .content__standfirst, .furniture-wrapper #standfirst .content__standfirst, .furniture-wrapper [data-gu-name="standfirst"] .content__standfirst { margin-bottom: 4px; } .furniture-wrapper .standfirst ul li, .furniture-wrapper #standfirst ul li, .furniture-wrapper [data-gu-name="standfirst"] ul li { font-size: 20px; } .furniture-wrapper .standfirst li a, .furniture-wrapper .standfirst a, .furniture-wrapper #standfirst li a, .furniture-wrapper #standfirst a, .furniture-wrapper [data-gu-name="standfirst"] li a, .furniture-wrapper [data-gu-name="standfirst"] a { border-bottom: none; background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); } .furniture-wrapper .standfirst li a:hover, .furniture-wrapper .standfirst a:hover, .furniture-wrapper #standfirst li a:hover, .furniture-wrapper #standfirst a:hover, .furniture-wrapper [data-gu-name="standfirst"] li a:hover, .furniture-wrapper [data-gu-name="standfirst"] a:hover { text-decoration-color: var(--new-pillar-colour); } .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name="standfirst"] p:first-of-type { border-top: 1px solid var(--headerBorder); padding-bottom: 0; } } @media (min-width: 61.25em) and (min-width: 71.25em) { .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name="standfirst"] p:first-of-type { border-top: unset; } } @media (min-width: 61.25em) { .furniture-wrapper figure { margin: 0 0 0 -10px; } .furniture-wrapper figure[data-spacefinder-role="inline"].element { max-width: 630px; } } @media (min-width: 71.25em) { .furniture-wrapper { grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end]; } .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name="meta"]:before { content: ""; width: 540px; position: absolute; top: 0; background-color: var(--headerBorder); height: 1px; } .furniture-wrapper .standfirst p, .furniture-wrapper #standfirst p, .furniture-wrapper [data-gu-name="standfirst"] p { border-top: unset; } .furniture-wrapper .standfirst:before, .furniture-wrapper #standfirst:before, .furniture-wrapper [data-gu-name="standfirst"]:before { content: ""; width: 1px; background-color: var(--headerBorder); height: 100%; position: absolute; top: 0; left: 0.5px; } } @media (min-width: 81.25em) { .furniture-wrapper { grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.75fr [standfirst-end meta-end portrait-end]; } .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name="meta"]:before { width: 620px; } .furniture-wrapper .standfirst:before, .furniturItt van a szöveg gördülékeny, természetes angol nyelvre átírva: A standfirst szekció burkolója kissé balra van tolva. A cikkfejléc és címsor szekciókban lévő címkék egy kis extra felső paddingot kapnak. A főcím félkövér betűtípust használ, legfeljebb 620 pixel szélességgel és 32 pixel betűmérettel. Nagyobb képernyőkön (71,25em felett) a főcím kissé keskenyebb, 540 pixel, de nagyobb, 50 pixel. Közepes képernyőkön (46,25em felett) a keyline és lines elemeknek nincs jobb margójuk, de nagyobb képernyőkön (61,25em felett) teljesen elrejtettek. A lines elemek a header border változó által meghatározott vonásszínt használnak. A meta szekciónak nincs jobb margója közepes képernyőkön. A közösségi ikonok, a hozzászólási szekció és azok szegélyei mind a header border színt használják. Néhány elem a meta konténerben el van rejtve. A standfirst szekció enyhe bal margóval és paddinggal van pozicionálva, és közepes képernyőkön egy kis felső paddingot kap. A standfirst szöveg normál vastagságú, 20 pixel, némi alsó paddinggal. A fő média szekció relatív pozícióban van, felső margó nélkül és kis alsó margóval. A konténer teljes szélességét elfoglalja. Nagyobb képernyőkön az alsó margó eltávolításra kerül, de kisebb képernyőkön (46,24em alatt) a teljes viewport szélességre bővül negatív bal margóval. A felirat a média alján helyezkedik el, háttérszínnel, szövegszínnel és némi paddinggal. A felirat tartalmaz egy rejtett elemet és egy láthatót, amely a szélesség nagy részét elfoglalja. Kisebb képernyőkön a feliratnak több vízszintes paddingja van. Van egy gomb is a felirat váltásához, a jobb alsó sarokban, kör alakú, kissé kicsinyített ikonnal. Nagyon nagy képernyőkön az interaktív tartalom fő oszlopa kissé módosított felső pozícióval és magassággal rendelkezik. Az ebben az oszlopban lévő fejlécek maximális szélessége 620 pixel. Mobileszközökön (iOS és Android) egyéni színváltozók vannak a sötét módhoz, egy feature színnel és egy sötét mód változattal. Az új pillér szín ezeket a változókat használja, és sötét módban a sötét mód feature színére vált. Végül iOS-en van egy szabály, amely a feature cikk konténerben az element atom utáni első bekezdést célozza meg.Ez egy technikai CSS-stíluslap, nem pedig átírásra szánt szöveg. Szelektorokat és stílusszabályokat tartalmaz egy weboldalhoz. Ha szeretné, elmagyarázhatom, mit csinál, vagy segíthetek egyszerűsíteni vagy újraformázni. Tudassa velem, hogyan szeretne továbblépni.figure.element-image { position: relative; margin: 14px 0 0 -10px; width: calc(100vw - var(--scrollbar-width, 0px)); height: auto; } / iOS és Android rendszeren, minden cikktípusnál, a képek és konténereik teljes szélességűek és átlátszóak / body.ios #feature-article-container .furniture-wrapper figure.element-image .figure__inner, body.ios #feature-article-container .furniture-wrapper figure.element-image img, body.ios #feature-article-container .furniture-wrapper figure.element-image a, body.ios #standard-article-container .furniture-wrapper figure.element-image .figure__inner, body.ios #standard-article-container .furniture-wrapper figure.element-image img, body.ios #standard-article-container .furniture-wrapper figure.element-image a, body.ios #comment-article-container .furniture-wrapper figure.element-image .figure__inner, body.ios #comment-article-container .furniture-wrapper figure.element-image img, body.ios #comment-article-container .furniture-wrapper figure.element-image a, body.android #feature-article-container .furniture-wrapper figure.element-image .figure__inner, body.android #feature-article-container .furniture-wrapper figure.element-image img, body.android #feature-article-container .furniture-wrapper figure.element-image a, body.android #standard-article-container .furniture-wrapper figure.element-image .figure__inner, body.android #standard-article-container .furniture-wrapper figure.element-image img, body.android #standard-article-container .furniture-wrapper figure.element-image a, body.android #comment-article-container .furniture-wrapper figure.element-image .figure__inner, body.android #comment-article-container .furniture-wrapper figure.element-image img, body.android #comment-article-container .furniture-wrapper figure.element-image a { background-color: transparent; width: calc(100vw - var(--scrollbar-width, 0px)); height: auto !important; } / iOS és Android rendszeren, a standfirst (bevezető bekezdés) térközének és igazításának módosítása / body.ios #feature-article-container .furniture-wrapper .standfirst, body.ios #standard-article-container .furniture-wrapper .standfirst, body.ios #comment-article-container .furniture-wrapper .standfirst, body.android #feature-article-container .furniture-wrapper .standfirst, body.android #standard-article-container .furniture-wrapper .standfirst, body.android #comment-article-container .furniture-wrapper .standfirst { padding-top: 4px; padding-bottom: 24px; margin-right: -10px; } / iOS és Android rendszeren, a standfirst bekezdéseinek betűtípusának beállítása / body.ios #feature-article-container .furniture-wrapper .standfirst__inner p, body.ios #standard-article-container .furniture-wrapper .standfirst__inner p, body.ios #comment-article-container .furniture-wrapper .standfirst__inner p, body.android #feature-article-container .furniture-wrapper .standfirst__inner p, body.android #standard-article-container .furniture-wrapper .standfirst__inner p, body.android #comment-article-container .furniture-wrapper .standfirst__inner p { font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif; } / iOS és Android rendszeren, a standfirst linkjeinek stílusa (beleértve a lista elemeket is) / body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a, body.ios #feature-article-container .furniture-wrapper .standfirst__inner a, body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a, body.ios #standard-article-container .furniture-wrapper .standfirst__inner a, body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a, body.ios #comment-article-container .furniture-wrapper .standfirst__inner a, body.android #feature-article-container .furniture-wrapper .standfirst__inner li a, body.android #feature-article-container .furniture-wrapper .standfirst__inner a, body.android #standard-article-container .furniture-wrapper .standfirst__inner li a, body.android #standard-article-container .furniture-wrapper .standfirst__inner a, body.android #comment-article-container .furniture-wrapper .standfirst__inner li a, body.android #comment-article-container .furniture-wrapper .standfirst__inner a { color: var(--new-pillar-colour) !important; background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); border-bottom: none; } / iOS és Android rendszeren, a linkek hover állapotának stílusa / body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a:hover, body.ios #feature-article-container .furniture-wrapper .standfirst__inneA standfirst szekcióban lévő linkek hover állapotához a feature, standard és comment cikkekben iOS és Android rendszeren, az aláhúzás színének meg kell egyeznie az új pillér színnel. A meta szekciónak ezekben a cikkkonténerekben nem lehet margója. A byline szövegnek, beleértve a szerzők neveit és linkjeit, szintén az új pillér színt kell használnia. A meta misc területnek nem lehet paddingja, és a benne lévő SVG ikonokat ez nem érinti.per .meta__misc svg { stroke: var(--new-pillar-colour); } body.ios #feature-article-container .furniture-wrapper .element--showcase #caption-button, body.ios #standard-article-container .furniture-wrapper .element--showcase #caption-button, body.ios #comment-article-container .furniture-wrapper .element--showcase #caption-button, body.android #feature-article-container .furniture-wrapper .element--showcase #caption-button, body.android #

Related Posts