İşte İngilizce'den Türkçe'ye çevrilmiş metin:
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
```
İşte akıcı, doğal İngilizce ile yeniden yazılmış metin:
```css
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Guardian Titlepiece;
src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format("woff2"),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format("woff"),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@media (scripting: enabled) {
:root article.content--interactive > div,
:root .article {
opacity: 0;
}
:root.interactive-loaded article.content--interactive > div,
:root.interactive-loaded .article {
opacity: 1;
transition: opacity 0.25s ease 0.25s;
}
}
@media (scripting: enabled) and (prefers-reduced-motion) {
:root.interactive-loaded article.content--interactive > div,
:root.interactive-loaded .article {
transition: opacity 0.25s ease 0.1s;
}
}
@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-
```
İşte akıcı, doğal İngilizce ile yeniden yazılmış versiyonu:
- Etkileşimli içerik için ana sütun, listeler için maksimum 620 piksel genişlik kullanır. Ana sütunun sol tarafında, üstten başlayarak içeriğin biraz ötesine uzanan dikey bir çizgi belirir. Daha geniş ekranlarda (71.25em üzeri) bu çizgi görünür ve 10 piksel sola konumlandırılır. Daha da geniş ekranlarda (81.25em üzeri) ise 11 piksel sola kayar.
- Atomlar gibi etkileşimli öğelerin üst veya alt kenar boşluğu yoktur, ancak üstte ve altta 12 piksel dolgu içerir. Bir paragrafı bir atom takip ettiğinde, dolgu kaldırılır ve her iki tarafta 12 piksellik bir kenar boşluğu ile değiştirilir. Satır içi öğeler de genişlik olarak 620 piksel ile sınırlandırılmıştır.
- Döngüsel videolar içeren medya bölümleri için, altyazı diğer öğelerin üzerinde yer alır. Döngü düğmesi 32 piksel genişliğindedir, sağ alta hizalanmıştır, 40 piksel alt kenar boşluğu ve 3 piksel sağ kenar boşluğu vardır. Altyazı düğmesi, üstte kalmak için yüksek bir z-index değerine sahiptir.
- 46.25em'den geniş ekranlarda, sinemagraflar (hafif hareketli sabit görüntüler) normal yükseklik sınırlarının ötesine geçebilir.
- Gövde bölümündeki kendi kendine barındırılan videolar, 620 piksele kadar tam genişliktedir ve üstte ve altta 12 piksellik kenar boşlukları vardır. Döngüsel videolar ve kontrolleri de maksimum 620 pikseldir ve ortalanmıştır. Bir döngüsel video sürükleyici moda ayarlanmışsa, kenar boşlukları olmadan tam genişlikte uzanabilir. Çok geniş ekranlarda (71.25em üzeri), sürükleyici videolar 1140 piksel genişliğe genişler ve 180 piksel sola kayar. Daha da geniş ekranlarda (81.25em üzeri) ise 1300 piksele büyür ve 260 piksel sola kayar.
- Tasarım, tarih çizgileri, kenarlıklar, altyazılar ve özellikler için belirli renkler kullanır. Bazı renkler, kullanıcının sistem tercihine (açık veya koyu mod) göre değişir. Örneğin, koyu modda alt başlıklar, alıntılar ve blok alıntılar farklı bir renk seti kullanır.
- Etkileşimli öğelerin ve atomların dolgusu yoktur. Bir atom veya yatay çizgiden sonraki ilk paragrafın ekstra boşluğa ihtiyacı yoktur. Bu, makale gövdesi, yorumlar ve etkileşimli içerik gibi çeşitli bölümler için geçerlidir.
İşte akıcı, doğal İngilizce ile yeniden yazılmış versiyonu:
Bir atom, giriş kapısı veya yatay çizgi gibi belirli öğelerden sonraki ilk paragraf 14 piksellik bir üst dolgu alır. Bu, makale gövdesi, özellik gövdesi ve yorum gövdesi dahil olmak üzere çeşitli alanlarda geçerlidir.
Aynı paragrafın ilk harfi, büyük harf (drop cap) olarak stillendirilmiştir. Guardian Headline yazı tipini kullanır, kalındır, 111 piksel yüksekliğinde ve 92 piksel satır yüksekliğindedir. Sola kayar, büyük harftir, 8 piksellik bir sağ kenar boşluğuna sahiptir ve dikey olarak üste hizalanır. Rengi, `--drop-cap` adlı özel bir özellikten gelir veya sütun rengine geri döner.
Yatay bir çizgiden hemen sonra gelen paragrafların üst dolgusu yoktur.
Alıntılar (pullquote) maksimum 620 piksel genişlikle sınırlandırılmıştır.
Ana içerik, özellik, standart ve yorum makale kaplarındaki vitrin görselleri için, altyazı statik olarak konumlandırılır ve 620 piksele kadar tam genişliği kaplar. 71.25em'den geniş ekranlarda, altyazı mutlak olarak konumlandırılır ve 140 piksel genişlikle sınırlandırılır. 81.25em'den geniş ekranlarda, altyazı 220 piksele kadar genişleyebilir.
Sürükleyici öğeler, kaydırma çubuğu genişliği hariç, tam görüntü alanı genişliğini kaplar. 71.24em'den dar ekranlarda, 978 piksel genişlikle sınırlandırılırlar ve altyazılarının solunda ve sağında 10 piksel dolgu bulunur.
```css
@media (max-width: 71.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.element.element--immersive.element-immersive {
max-width: 738px;
}
}
@media (max-width: 46.24em) {
.element.element--immersive.element-immersive {
margin-left: -10px !important;
margin-right: 0 !important;
left: 0;
}
}
@media (max-width: 46.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive {
margin-left: -20px !important;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 71.25em) {
[data-gu-name="body"] figure.element.element--showcase.element-showcase,
[data-gu-name="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -160px !important;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] figure.element.element--showcase.element-showcase,
[data-gu-name="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -240px !important;
}
}
.furniture-wrapper {
position: relative;
}
@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;
}
}
```
İşte akıcı, doğal İngilizce ile yeniden yazılmış versiyonu:
Giriş bölümünün (standfirst) üst kenarlığı yoktur. Giriş bölümünün önündeki dikey çizgi kaldırılır ve bunun yerine sol tarafta ince bir çizgi belirir.
Daha geniş ekranlarda (81.25em üzeri), düzen, başlık, manşet, meta, giriş ve portre bölümleri için belirli sütunlar ve satırlar içeren bir ızgaraya sahiptir. Meta bölümünde 620 piksel genişliğinde bir çizgi bulunur ve giriş bölümü çizgisi hafifçe sola kaydırılır.
Makale başlığında, başlık alanındaki etiketler üstte küçük bir dolguya sahiptir. Manşet metni kalındır, maksimum 620 piksel genişliğe ve 32 piksel yazı tipi boyutuna sahiptir. 71.25em'den geniş ekranlarda, manşet genişliği 540 piksele düşürülür ve yazı tipi boyutu 50 piksele çıkar.
Orta boy ekranlarda (46.25em ve üzeri), anahtar çizgi ve çizgiler bölümünün sağ kenar boşluğu yoktur. Daha büyük ekranlarda (61.25em ve üzeri), bu çizgiler gizlenir. Çizgiler, başlık kenarlığıyla eşleşen bir kontur rengi kullanır.
Meta bölümünün de orta boy ekranlarda sağ kenar boşluğu yoktur. Meta içindeki sosyal ve yorum öğeleri, başlık kenarlığıyla aynı kenarlık rengini kullanır. Meta kabının içindeki bazı öğeler gizlenmiştir.
Giriş bölümü, küçük bir sol kenar boşluğu ve dolgu ile konumlandırılmıştır. Orta boy ekranlarda, üstte biraz daha fazla dolgu alır. Giriş bölümünün içindeki metin normal ağırlıkta, 20 piksel boyutunda ve biraz alt dolguya sahiptir.
Ana medya bölümü, ızgaranın portre alanına yerleştirilir. Üst kenar boşluğu yoktur ve küçük bir alt kenar boşluğu vardır. Daha büyük ekranlarda, alt kenar boşluğu kaldırılır. Daha küçük ekranlarda (46.25em altı), medya bölümü hafif bir sol kaydırma ile tam ekran genişliğine yayılır.
Altyazı, medyanın altında, altyazı stiliyle eşleşen bir dolgu ve arka plan rengiyle bulunur. Altyazı metin rengi ayarlanmıştır ve tam genişliğe yayılır. Bazı altyazı öğeleri gizlenirken, diğerleri maksimum genişlikle gösterilir.
30em ve daha geniş ekranlarda, altyazı dolgusu biraz artar.
İşte akıcı, doğal İngilizce ile yeniden yazılmış CSS:
- Altyazı bir mobilya sarmalayıcının (furniture wrapper) içinde gizlendiğinde, görünmez hale gelir (opaklık: 0).
- Altyazı düğmesi, sarmalayıcının sağ alt köşesinde, dairesel bir arka plan, kenarlık yok ve biraz dolgu ile konumlandırılmıştır. Daha geniş ekranlarda (30em+), hafifçe sağa kayar.
- Çok geniş ekranlarda (71.25em+), ana etkileşimli sütunun arka planı normalden daha yükseğe ve daha genişe uzanır.
- Etkileşimli sütunun içindeki başlıklar maksimum 620 piksel genişlikle sınırlandırılmıştır.
- İlk paragrafın ilk harfi orijinal stilini korur (özel yazı tipi, boyut veya renk değişikliği yok).
- Masaüstü ekranlarında (71.25em+), şekil altyazıları maksimum 140 piksel genişliğinde bir blok olarak görünür ve daha da geniş ekranlarda (81.25em+) 220 piksele genişler.
- Mobilya sarmalayıcı, tam görüntü alanı genişliğine yayılan açık bej bir arka plana (#fbf6ef) sahiptir ve sol konumu farklı ekran boyutlarında ayarlanır.
- Daha küçük ekranlarda (46.24em'e kadar), sarmalayıcının içindeki şekiller küçük bir sol kenar boşluğu ile tam görüntü alanı genişliğini alır.
- Orta boy ekranlarda (61.24em'e kadar), sosyal medya düğmeleri ekstra alt dolguya sahiptir.
- Orta ve büyük ekranlar (61.25em ila 71.24em) arasındaki giriş bölümleri için düzen, öğeler arasında boşluk bulunan esnek bir sütun kullanır.
- Giriş bölümündeki liste öğelerinin sol dolgusu yoktur ve madde işaretleri belirli bir konumlandırma ile küçük, kahverengi dairelerdir (#866d50).
- Giriş bölümü listelerindeki ve paragraflarındaki bağlantılar ve metin kahverengi (#866d50) renklidir ve bağlantıların altı çizili bir vurgu efekti vardır.
- Giriş bölümündeki mobil şekil altyazıları görünür, arka planı yoktur ve eşleşen simgelerle gri metin (#707070) kullanır.
- Koyu modda (prefers-color-scheme: dark), mobilya sarmalayıcının arka planı, yıl sonu düzenleri olmayan uygulama işlemeleri için siyaha (#121212) dönüşür.
İşte akıcı, doğal İngilizce ile yeniden yazılmış versiyonu:
Yıl sonu düzeninin parçası olmayan öğeler için, mobilya sarmalayıcıdaki giriş metni ve bağlantıları altın rengi (#a1845c) kullanır. Giriş paragraf metni açık gridir (#dcdcdc) ve içindeki madde işaretleri de altın rengini kullanır. Mobil altyazılar ve simgeleri orta gridir (#999).
Liste sarmalayıcı, kabından biraz daha geniş olması için küçük bir negatif sol kenar boşluğuna sahiptir. Bölüm başlıkları koyu kahverengi (#574835) ve kalındır. Ana başlık 34 pikseldir, dolgu ve küçük bir alt kenar boşluğu vardır. Her liste öğesi 100 piksellik bir aşağı kayma ile başlar ve görünmez, ardından kaybolur ve yukarı doğru kayar. Kullanıcı azaltılmış hareketi tercih ederse bu animasyon devre dışı bırakılır.
Her liste öğesinin başındaki sayı büyük (80 piksel), hafif ağırlıkta ve koyu kahverengi bir serif yazı tipi kullanır. İtalik metin içeren liste öğesi başlıkları siyahtır ve normal bir yazı tipi boyutu kullanır, italik stil kaldırılır. Liste öğelerinin içindeki görseller normal şekilde konumlandırılır ve altyazılarının belirli bir satır yüksekliği vardır.
Her iki liste öğesinden biri (çift numaralı), tam görüntü alanı genişliğine yayılan açık krem bir arka plana (#fbf6ef) sahiptir. Arka plan, mobilden büyük masaüstüne kadar ekran boyutuna bağlı olarak genişliğini ve konumunu ayarlar.
Uygulama işleme hedefinde, liste öğesi numaraları da koyu kahverengidir ve aynı şekilde stillendirilmiştir. Liste öğelerinin içindeki reklam yer tutucuları, reklama yer açmak için ekstra alt dolguya sahiptir ve reklam, üst üste binmek için hafifçe yukarı çekilir. Azaltılmış hareket tercih edildiğinde bu boşluk kaldırılır.
Koyu modda, bölüm başlıkları ve liste öğesi numar
