@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){.Etkileşimli makaleler için ana içerik sütununun sol kenarlığı 1px solid #dcdcdc olup -10px konumunda ve z-index değeri -1'dir. En az 81.25em genişliğindeki ekranlarda bu kenarlık -11px'e kayar. Bu sütunun içindeki atom öğelerinin üst veya alt kenar boşluğu yoktur, üst ve altta 12px dolgu vardır. Bir paragrafı bir atom öğesi takip ettiğinde, dolgu kaldırılır ve yerine 12px üst ve alt kenar boşluğu gelir. Satır içi öğeler 620px genişlikle sınırlıdır ve en az 61.25em genişliğindeki ekranlarda satır içi figürler de maksimum 620px olur.
Döngülü bir figür içeren medya öğeleri için, figcaption (gizli olmadığı sürece) z-index 6'da yer alır. Video döngü düğmesi 40px alt kenar boşluğu ve 3px sağ kenar boşluğu ile sağ alta hizalanır. Sessize alma ve ses açma kontrol kapsayıcıları 10px sol dolgu ile sağ kenarda konumlandırılır. Altyazı düğmesi z-index 100'de yer alır ve en az 61.25em genişliğindeki ekranlarda alttan 20px hareket eder. En az 46.25em genişliğindeki ekranlarda sinemagraf kapsayıcılarının maksimum yüksekliği yoktur.
Gövdedeki kendi kendine barındırılan video adacıkları tam genişliktedir, 620px ile sınırlıdır, 12px üst ve alt kenar boşluğu ile blok olarak görüntülenir. Döngülü figürleri ve videoları tam genişlikte, otomatik yükseklikte, 620px ile sınırlı ve ortalanmıştır. Döngülü figür sürükleyici bir video öğesi olduğunda, adacık 12px dikey kenar boşluğu ile tam genişliğe genişler ve figür ile video maksimum genişliklerini ve ortalamalarını kaybeder. En az 71.25em genişliğindeki ekranlarda sürükleyici adacık 1140px genişliğinde olur ve 180px sola kayar, figcaption'lar 20px girintili olur. En az 81.25em genişliğindeki ekranlarda 1300px genişliğinde olur ve 260px sola kayar.
Kök, birkaç özel özellik tanımlar: dateline rengi #606060, başlık kenarlığı #dcdcdc, altyazı metni #999, altyazı arka planı hsla(0, 0%, 7%, .72), özellik rengi #c70000 ve birincil sütun veya özellik rengine geri dönen yeni bir sütun rengi. Alt başlıklar, çekme alıntılar ve çekme alıntı simgeleri ikincil sütun rengini kullanırken, blok alıntılar makale metin rengini kullanır. Blok alıntılar ayrıca ikincil sütundan bir dolgu rengi alır. Karanlık modda (renk şeması açıkça açığa ayarlanmadığı sürece), alt başlıklar, çekme alıntılar ve çekme alıntı simgeleri karanlık mod sütun rengine geçer ve blok alıntılar dolguları için aynısını kullanır.
Atom öğelerinin dolgusu yoktur. Bir atom öğesi türünün ilki olduğunda ve ardından bir paragraf, oturum açma kapısı, başka bir atom veya benzeri geldiğinde, takip eden paragraf özel aralık alır. Aynı durum son olmayan yatay çizgiler ve reklam alanlarını takip eden paragraflar için de geçerlidir. Bu kurallar makale gövdesi kapsayıcısı içinde de geçerlidir.Sağladığınız metin CSS kodudur, düzyazı değil, bu nedenle yeniden yazılacak doğal bir İngilizce yoktur. Bu, çeşitli kapsayıcılarda belirli öğelerden (ilk atom öğesi, oturum açma kapısı veya yatay çizgi gibi) sonraki ilk paragrafa 14px üst dolgu ekleyen ve bu paragrafların ilk harfini biçimlendiren bir kural içeren bir seçici kümesidir.
İsterseniz, bu CSS'nin ne yaptığını sade dille açıklayabilirim veya basitleştirmenize ya da yeniden düzenlemenize yardımcı olabilirim.Bunu akıcı İngilizce olarak yeniden yazamam—bu düzyazı değil, CSS kodudur. İsterseniz, stillerin sade dille ne yaptığını açıklayabilirim veya yeniden yazmak istediğiniz gerçek metni paylaşabilirsiniz.Bu CSS kodu, makale başlıkları, manşetler, meta veriler, giriş paragrafları ve portreler için duyarlı bir düzen tanımlar. Bu öğeleri farklı ekran boyutlarında düzenlemek için CSS Grid kullanır; 61.25em, 71.25em ve 81.25em'de kesme noktaları vardır. Düzen sütun ve satır yapılarını ayarlar, kenarlıklar ekler ve içeriğin çeşitli cihazlarda düzgün görüntülenmesini sağlamak için bağlantıları ve figürleri biçimlendirir..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 #standfİlk, liste öğesi bağlantısı üzerine gelme, mobilya sarmalayıcı giriş bağlantısı üzerine gelme ve mobilya sarmalayıcı giriş liste öğesi bağlantısı üzerine gelme: alt kenarlığı kaldır ve metin dekorasyon rengini yeni sütun rengine veya karanlık mod özelliğine ayarla.
Mobilya sarmalayıcı giriş paragrafları, giriş paragrafları ve giriş veri özniteliği paragrafları: rengi #dcdcdc olarak ayarla.
En az 61.25em genişlikte: mobilya sarmalayıcı giriş, giriş ve giriş veri özniteliğindeki ilk paragraf, 1px solid başlık kenarlık renginde üst kenarlık alır.
En az 71.25em genişlikte: aynı giriş öğelerindeki ilk paragrafın üst kenarlığı yoktur.
Mobilya sarmalayıcı giriş liste öğeleri, giriş liste öğeleri ve giriş veri özniteliği liste öğeleri: rengi #dcdcdc olarak ayarla.
En az 71.25em genişlikte: mobilya sarmalayıcı giriş, giriş ve giriş veri özniteliğinin önce sözde öğesi, başlık kenarlık renginde arka plan rengi alır.
En az 46.25em genişlikte: mobilya sarmalayıcı önce sözde öğesi içerik, tam yükseklik, üst 0, mutlak konum, karanlık arka plan rengi, 1px solid başlık kenarlık renginde sağ kenarlık, görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 738px bölü negatif 2'den hesaplanan sol konum ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 738px bölü 2'den hesaplanan genişlik alır. Mobilya sarmalayıcı sonra sözde öğesi içerik, tam yükseklik, üst 0, mutlak konum, karanlık arka plan rengi, 1px solid başlık kenarlık renginde sol kenarlık, görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 738px bölü negatif 2'den hesaplanan sağ konum ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 738px bölü 2'den hesaplanan genişlik alır.
En az 61.25em genişlikte: mobilya sarmalayıcı önce sözde öğesi içerik, görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 978px bölü 2'den hesaplanan genişlik ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 978px bölü negatif 2'den hesaplanan sol konum alır. Mobilya sarmalayıcı sonra sözde öğesi içerik, görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 978px bölü 2'den hesaplanan genişlik ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 978px bölü negatif 2'den hesaplanan sağ konum alır.
En az 71.25em genişlikte: mobilya sarmalayıcı önce sözde öğesi içerik, görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 1138px bölü 2'den hesaplanan genişlik ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 1138px bölü negatif 2'den hesaplanan sol konum alır. Mobilya sarmalayıcı sonra sözde öğesi içerik, görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 1138px bölü 2'den hesaplanan genişlik ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 1138px bölü negatif 2'den hesaplanan sağ konum alır.
En az 81.25em genişlik
