#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-column-gap:0px;grid-template-columns:100%;grid-template-areas:"media" "title" "headline" "standfirst" "lines" "meta" "body"}@media (min-width: 30em){#article-body>div .content--interactive-grid figure.element--immersive figcaption,.content--interactive>div .content--interactive-grid figure.element--immersive figcaption,#comment-body .content--interactive-grid figure.element--immersive figcaption,[data-gu-name=body] .content--interactive-grid figure.element--immersive figcaption,#feature-body .content--interactive-grid figure.element--immersive figcaption{padding:0 20px;max-width:620px}}@media (min-width: 46.25em){#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-template-columns:100%;grid-column-gap:10px;grid-template-areas:"title" "headline" "standfirst" "media" "lines" "meta" "body"}#article-body>div .content--interactive-grid #maincontent,.content--interactive>div .content--interactive-grid #maincontent,#comment-body .content--interactive-grid #maincontent,[data-gu-name=body] .content--interactive-grid #maincontent,#feature-body .content--interactive-grid #maincontent{padding-right:80px}}@media (min-width: 61.25em){#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-template-columns:620px 300px;grid-template-areas:"title right-column" "headline right-column" "standfirst right-column" "media right-column" "lines right-column" "meta right-column" "body right-column" ". right-column"}#article-body>div .content--interactive-grid #maincontent,.content--interactive>div .content--interactive-grid #maincontent,#comment-body .content--interactive-grid #maincontent,[data-gu-name=body] .content--interactive-grid #maincontent,#feature-body .content--interactive-grid #maincontent{padding-right:unset}}@media (min-width: 71.25em){#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-template-columns:140px 1px 620px 300px;grid-template-areas:"title border headline right-column" ". border standfirst right-column" ". border media right-column" ". border body right-column" ". border . right-column"}#article-body>div .content--interactive-grid .content__standfirst,.content--interactive>div .content--interactive-grid .content__standfirst,#comment-body .content--interactive-grid .content__standfirst,[data-gu-name=body] .content--interactive-grid .content__standfirst,#feature-body .content--interactive-grid .content__standfirst{padding-bottom:0}#article-body>div .content--interactive-grid figure.element--immersive figcaption,.content--interactive>div .content--interactive-grid figure.element--immersive figcaption,#comment-body .contFür interaktive Grid-Abbildungen mit immersiven Bildunterschriften oben 4px Innenabstand hinzufügen. Im Artikeltext, im interaktiven Abschnitt, im Kommentartext, im Text und im Feature-Text die Elemente „lines“ und „meta“ im Grid-Bereich 2/1/5/2 platzieren. Das Element „lines“ auf max-content-Höhe mit 5px oberem Abstand setzen und dem Element „meta“ einen oberen Abstand von 18px geben. Bei Viewport-Breiten von 81.25em und mehr Grid-Spalten von 219px, 1px, 620px, 80px und 300px verwenden. Auf iOS und Android die Schriftart des Standfirst-Absatzes auf Guardian Headline mit Gewicht 500 setzen, den Artikel-Kicker-Abschnitt als Block mit großgeschriebenem ersten Buchstaben anzeigen, dem keyline-4 oben 12px Innenabstand hinzufügen und die Schriftart des Byline-Autors auf Guardian Headline mit Gewicht 700 setzen, einschließlich Links. Ebenfalls auf iOS und Android die innere Höhe von Bild-Figuren auf auto setzen und den oberen Abstand von Absätzen nach Atom-Figuren entfernen. Die Guardian Headline Full Font-Faces für Light- und Light-Italic-Stile mit woff2-, woff- und ttf-Quellen definieren.Der von Ihnen bereitgestellte Text ist CSS-Code, der @font-face-Regeln für die Schriftfamilie Guardian Headline Full definiert, keine Prosa, die in fließendes Englisch umgeschrieben werden kann. Es ist ein technisches Stylesheet, daher gibt es keine natürlichsprachliche Bedeutung zu bewahren oder zu vereinfachen. Wenn Sie möchten, kann ich erklären, was der Code in einfachem Englisch tut, oder Sie können den eigentlichen Text teilen, den Sie umgeschrieben haben möchten. .content__main-column--interactive .element-atom:first-of-type + p:first-of-type:first-letter, .content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type:first-letter, .content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter, .content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter, .content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type:first-letter, .content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type:first-letter, .content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type:first-letter, .content__main-column--interactive hr:not(.last-horizontal-rule) + p:first-letter, .content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p:first-letter, #article-body > div .element-atom:first-of-type + p:first-of-type:first-letter, #article-body > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + 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 .element-atom:first-of-type + .element-atom + p:first-of-type:first-letter, #article-body > div .element-atom:first-of

Related Posts