```css
@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;
}Itt az átírt változat folyékony, természetes magyar nyelven:
```css
@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) {
/ További stílusok ide kerülhetnek /
}
```Itt az átírt szöveg folyékony, természetes magyar nyelven:
A fő interaktív oszlop bal oldali szegélye 1 pixel széles és világosszürke. Nagyobb képernyőkön (81,25em és felette) ez a szegély kissé balra tolódik. Az oszlopon belüli elemek, mint például az atomok, nem rendelkeznek felső vagy alsó margóval, de tartalmaznak kitöltést. Ha egy bekezdést atom követ, a kitöltés eltűnik, és helyette 12 pixeles margó jelenik meg mindkét oldalon. A soron belüli elemek maximális szélessége 620 pixelre korlátozódik.
Azoknál a médiaszakaszoknál, amelyek ismétlődő ábrákat tartalmaznak, a felirat a többi tartalom felett helyezkedik el. Az ismétlés gomb 32 pixel széles, a jobb alsó sarokba igazítva, kis jobb margóval. A felirat gomb szintén magas egymásra épülési sorrendet kap. Közepes képernyőkön (46,25em és felette) a cinemagraph ábrák túlléphetnek a szokásos magassági korlátaikon.
A törzsszakaszban a saját tárhelyű videók blokkelemként jelennek meg, legfeljebb 620 pixel szélességben, 12 pixeles margóval felül és alul. Amikor ezek a videók ismétlődnek, mind az ábra, mind a videó kitölti a teljes szélességet, automatikus magassággal és középre igazítással. Ha a videó immerszív (teljes szélességű), akkor margók nélkül nyúlik át a teljes tárolón. Nagyobb képernyőkön (71,25em és felette) az immerszív videók 1140 pixel szélesre tágulnak és balra tolódnak. Még nagyobb képernyőkön (81,25em és felette) 1300 pixel szélesre nőnek és tovább tolódnak balra.
A dizájn több színváltozót használ: a dateline sötétszürke, a fejléc szegélyei világosszürkék, a felirat szövege középszürke, a felirat hátterei pedig majdnem feketék némi átlátszósággal. A kiemelési szín mélyvörös. Az alcímek, kiemelt idézetek és blokk idézetek mind a másodlagos pillér színt használják. Sötét módban ezek egy sötét módú pillér színre váltanak.
Az interaktív elemek, mint az atomok, nem rendelkeznek kitöltéssel. A cikk törzsében, ha egy atom vagy vízszintes vonal közvetlenül egy bekezdés előtt jelenik meg, a bekezdés az adott szakasz első bekezdéseként kezelendő. Ez az oldal különböző részeire vonatkozik, beleértve a hozzászólás törzsét és a kiemelt cikk törzsét.Itt az átírt szöveg folyékony, természetes magyar nyelven:
Az első bekezdés egy elem atom, bejelentkezési kapu vagy vízszintes vonal után (kivéve az utolsót) 14 pixeles felső kitöltést kap. A bekezdés első betűje nagy, félkövér, nagybetűs kezdőbetűként van formázva a Guardian Headline betűtípus család használatával. 111 pixel magas, 92 pixeles sormagassággal, balra lebeg, 8 pixeles jobb margóval rendelkezik, és a kezdőbetű színt használja (vagy a pillér színt tartalékként).
A vízszintes vonal után közvetlenül következő bekezdések nem rendelkeznek felső kitöltéssel. A kiemelt idézetek maximális szélessége 620 pixel.
A kirakat elemeknél a felirat statikusan van elhelyezve, és kitölti a teljes szélességet, legfeljebb 620 pixelig. A 71,25 em-nél szélesebb képernyőkön a felirat abszolút elhelyezésűvé válik, maximum 140 pixel szélességgel. A 81,25 em-nél szélesebb képernyőkön a maximális szélesség 220 pixelre nő.
Az immerszív elemek a teljes nézetablak szélességet foglalják el, mínusz a görgetősáv szélessége. A 71,24 em-nél keskenyebb képernyőkön 978 pixel szélességre vannak korlátozva. Felirataik 10 pixel vízszintes kitöltéssel rendelkeznek kis képernyőkön, és 20 pixel kitöltéssel a 30 em és 71,24 em közötti képernyőkön.Itt az átírt változat folyékony, természetes magyar nyelven:
Az immerszív elem maximális szélessége 738 pixel. Kisebb képernyőkön (46,24 em alatt) az immerszív elem 10 pixellel balra tolódik, jobb margó nélkül. A 30 em és 46,24 em közötti képernyőkön 20 pixellel tolódik balra, és a felirat mindkét oldalon 20 pixel kitöltést kap.
Nagyobb képernyőkön (71,25 em és felette) a kirakat képek a fő tartalomterületen 160 pixellel balra mozdulnak. Még nagyobb képernyőkön (81,25 em és felette) 240 pixellel tolódnak balra.
A bútor burkolat relatívan van elhelyezve. A 61,25 em és annál szélesebb képernyőkön rács lesz, 20 pixeles réssel az oszlopok között és rés nélkül a sorok között. A rács két fő részből áll: a bal oldal (cím, főcím, meta, bevezető) 5 oszlopot foglal el, a jobb oldal (portré) pedig további 5 oszlopot. A sorok úgy vannak elrendezve, hogy a cím és a portré együtt kezdődik, majd a főcím, aztán a bevezető, és végül a meta.
Ebben az elrendezésben a főcím szakasz első gyermeke felső szegélyt kap. A meta szakasz rendelkezik némi felső kitöltéssel és nincs jobb margója. A bevezető szöveg kis alsó margóval rendelkezik, és listaelemei 20 pixel méretűek. A bevezetőben lévő linkek 6 pixeles eltolással vannak aláhúzva, világosszürke színt használva. Ha föléjük viszik az egeret, az aláhúzás színe a pillér színre változik. A bevezető első bekezdése felső szegéllyel rendelkezik, és nincs alsó kitöltése.
A 71,25 em és annál szélesebb képernyőkön a bevezető első bekezdése elveszíti a felső szegélyét. A bútor burkolatban lévő ábra elemeknek nincs margójuk a bal oldalon, és a soron belüli ábrák maximális szélessége 630 pixel.
71,25 em és felette a rács megváltozik: a bal oldal (cím, főcím, meta) 2 oszlopot foglal el, a bevezető 5 oszlopot, a portré pedig 7 oszlopot. A sorok úgy vannak elrendezve, hogy a cím és a portré 80 pixelnél kezdődik, majd a főcím, aztán a bevezető és a meta együtt. A meta szakasz egy 540 pixel széles felső szegélyvonalat kap. A bevezető bekezdéseinek nincs felső szegélye, és magának a bevezető szakasznak sincs felső szegélye.A `e=standfirst]:before` szabály egy 1 pixel széles függőleges vonalat ad hozzá a fejléc szegély színével. A bal felső sarokban van elhelyezve, 100%-os magassággal.
A 81,25 em-nél szélesebb képernyőkön a `.furniture-wrapper` 16 oszlopos és három soros rács elrendezést használ. A `#meta` és `[data-gu-name=meta]` elemek `:before` pszeudo-eleme 620 pixel széles. A `.standfirst`, `#standfirst` és `[data-gu-name=standfirst]` elemek `:before` pszeudo-eleme kissé balra van tolva.
A cikk fejlécében a `.content__labels > div` címkék az `.article-header`, `[data-gu-name=title]` és hasonlók esetében 2 pixel kitöltéssel rendelkeznek a tetején.
A `#headline h1`, `[data-gu-name=headline] h1` és `.headline h1` esetében a betűvastagság 600, a maximális szélesség 620 pixel, a betűméret pedig 32 pixel. A 71,25 em-nél szélesebb képernyőkön a maximális szélesség 540 pixelre, a betűméret pedig 50 pixelre nő.
A 46,25 em-nél szélesebb képernyőkön a `.keyline-4` és `[data-gu-name=lines]` nem rendelkezik jobb margóval. A 61,25 em-nél szélesebb képernyőkön el vannak rejtve. SVG elemeik a fejléc szegély színét használják a vonalakhoz.
A `#meta` és `[data-gu-name=meta]` esetében a jobb margó eltávolításra kerül a 46,25 em-nél szélesebb képernyőkön. A közösségi és hozzászólás szakaszok ezeken az elemeken belül a fejléc szegély színét használják a szegélyeikhez.
A `#meta` és `[data-gu-name=meta]` belsejében a `.content__meta-container_dcr > div` elemein belüli `gu-island` elemek el vannak rejtve.
A `.standfirst`, `#standfirst` és `[data-gu-name=standfirst]` elemek bal margója -10 pixel, bal kitöltése 10 pixel, és relatívan vannak elhelyezve. A 46,25 em-nél szélesebb képernyőkön 2 pixel felső kitöltést kapnak. A bennük lévő bekezdések betűvastagsága 400, betűmérete 20 pixel, és 14 pixel alsó kitöltéssel rendelkeznek.
A `#main-media` és `[data-gu-name=media]` relatívan vannak elhelyezve, nincs felső margójuk, 2 pixel alsó margójuk van, és a portré rács területén helyezkednek el. Belső `div div` elemeik teljes szélességűek, soron belüli margó nélkül. A 61,25 em-nél szélesebb képernyőkön az alsó margó eltávolításra kerül. A 46,24 em-nél keskenyebb képernyőkön a teljes nézetablak szélességet foglalják el (mínusz görgetősáv), és bal margójuk -10 pixel. Ha a képernyő 30 em és 46,24 em között van, a bal margó -20 pixel lesz.
A `figcaption` az alján van elhelyezve, 4 pixel felső kitöltéssel, 10 pixel bal és jobb kitöltéssel, és 12 pixel alsó kitöltéssel. A felirat háttér- és szövegszíneit használja, nincs maximális szélessége, teljes szélességű, nincs alsó margója, és minimális magassága 46 pixel. A benne lévő `span` a fejléc szegély színét használja a szöveghez és az SVG kitöltésekhez. Az első `span` el van rejtve, míg a második megjelenik, maximum 90%-os szélességgel. A 30 em-nél szélesebb képernyőkön a bal és jobb kitöltés 20 pixelre nő. Amikor a `hidden` osztály alkalmazásra kerül, a felirat láthatatlanná válik.
A `#caption-button` blokkként jelenik meg, a jobb alsó sarokban van elhelyezve (10 pixelre alulról, 8 pixelre jobbról), 30-as z-indexszel. A felirat háttérszínét használja, nincs szegélye, és teljesen lekerekített.Itt az átírt szöveg folyékony, természetes magyar nyelven:
A kitöltés 6 pixel a tetején és alján, valamint 5 pixel a bal és jobb oldalon. A bútor burkolatban a felirat gomb SVG-je az eredeti méret 85%-ára van méretezve. A 30 em-nél szélesebb képernyőkön a felirat gomb 10 pixelre van a jobb széltől. A 71,25 em-nél szélesebb képernyőkön a fő interaktív oszlop felső margója -12 pixelre van állítva, és magassága 24 pixelrel nő. A fő interaktív oszlop h2 címsorainak maximális szélessége 620 pixel.
Az iOS vagy Android rendszert futtató eszközökön a következő színváltozók vannak meghatározva: a sötét háttér #1a1a1a, a kiemelési szín #c70000, a sötét módú kiemelési szín #ff5943, és az új pillér szín alapértelmezés szerint az elsődleges pillér vagy a kiemelési szín. Sötét módban ezeken az eszközökön az új pillér szín a sötét módú pillérre vagy a sötét módú kiemelési színre vált.
Az iOS és Android eszközökön a kiemelt, szabványos és hozzászólás cikk tárolókban az első elem atom utáni első bekezdés első betűje a másodlagos pillér változóval van színezve, amely alapértelmezés szerint fekete. Szintén ezeken az eszközökön a kiemelt, szabványos és hozzászólás tárolókban a cikk fejléc magassága 0. A bútor burkolat ezekben a tárolókban 4 pixel kitöltéssel rendelkezik a tetején és alján, valamint 10 pixel kitöltéssel a bal és jobb oldalon, alsó kitöltés nélkül. A bútor burkolaton belüli tartalom címkék félkövér betűvastagságot, a Guardian Headline betűtípus családot, az új pillér színt használják, és nagybetűsek. A bútor burkolaton belüli főcím h1 szintén ennek megfelelően van formázva.Itt az átírt CSS folyékony, természetes magyar nyelven:
A bútor burkolaton belüli főcímhez Android eszközökön állítsa a betűméretet 32 pixelre, tegye félkövérré, adjon hozzá 12 pixel alsó kitöltést, és használjon sötét színt (#121212).
Mind iOS-en, mind Androidon, amikor egy kép jelenik meg a bútor burkolaton belül, helyezze el relatívan. Adjon hozzá 14 pixel margót a tetején és semmit a bal oldalon. Állítsa a szélességét a teljes nézetablak szélességre, figyelembe véve az esetleges görgetősávot, és hagyja, hogy a magasság automatikusan igazodjon.
Maga a kép, valamint a belső tárolója és a benne lévő linkek esetében távolítsa el a háttérszínt. A szélesség terjedjen ki a teljes nézetablak szélességre (mínusz a görgetősáv), a magasság pedig maradjon automatikus.
A bevezető szakaszhoz mind iOS-en, mind Androidon adjon hozzá 4 pixel kitöltést a tetején és 24 pixelt az alján. Ezenkívül adjon hozzá egy negatív jobb margót 10 pixel értékben.
A bevezetőn belül formázza a bekezdés szövegét a következő betűtípus család használatával: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full vagy Georgia (ebben a sorrendben).
A bevezetőben lévő linkekre, beleértve a listaelemeken belülieket is, ugyanazt a formázást alkalmazza.Itt az átírt változat folyékony, természetes magyar nyelven:
Android eszközökön a kiemelt, szabványos és hozzászólás cikkek bevezető szakaszában lévő linkek a pillér színt használják, nincs háttérképük, 6 pixeles eltolással vannak aláhúzva, és világosszürke aláhúzás színt használnak alsó szegély helyett.
Mind iOS-en, mind Androidon, amikor az egérrel föléjük viszik ugyanazokat a linkeket, az aláhúzás színe a pillér színre változik.
Mindkét platformon a meta szakasznak ezekben a cikk tárolókban nincs margója.
Szintén mindkét platformon a szerzői sor szövege, a szerzők nevei, a szerző linkek és a szerzői sor span elemei a meta szakaszban mind a pillér színt használják.iOS és Android esetében a `.meta__misc` szakaszon belül a `.furniture-wrapper`-ben a cikk tárolókban (kiemelt, szabványos és hozzászólás) nincs kitöltés.
Mind iOS-en, mind Androidon a `.meta__misc` szakaszban lévő SVG ikonok a `--new-pillar-colour` által meghatározott vonalszínt használnak.
A `.element--showcase`-ben lévő felirat gombhoz ezekben a cikk tárolókban mind iOS-en, mind Androidon flex tárolóként jelenik meg 5 pixel kitöltéssel, középre igazított tartalommal, 28 pixel szélességgel és magassággal, 14 pixelre a jobb széltől.
A cikk törzse (`.article__body`) a kiemelt, szabványos és hozzászólás tárolókban mind iOS-en, mind Androidon 12 pixel kitöltéssel rendelkezik a bal és jobb oldalon.
A cikk törzsében lévő képeknél, amelyek nem bélyegképek vagy immerszívek (`.element-image:not(.element--thumbnail):not(.element--immersive)`), nincs margójuk, és szélességük a teljes nézetablak szélesség mínusz 24 pixel és a görgetősáv szélessége. Magasságuk automatikus. Ezeknek a képeknek a feliratai nem rendelkeznek kitöltéssel.
Az immerszív képeknél (`.element-image.element-immersive`) a cikk törzsében mind iOS-en, mind Androidon a szélesség a teljes nézetablak szélesség mínusz a görgetősáv szélessége.
A `.quoted` osztályú blokk idézetekhez a próza szakaszon belül a cikk törzsében iOS-en...Itt az átírt változat folyékony, természetes magyar nyelven:
Az idézett szöveghez a cikkekben a színt a pillér szín változó határozza meg. A cikk szövegében lévő linkek
