@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ütundaki atom öğelerinin üst veya alt kenar boşluğu yoktur, ancak hem üst hem de altta 12px dolgu vardır. Bir paragrafı bir atom öğesi takip ettiğinde, dolgu kaldırılır ve yerine üst ve altta 12px 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 en fazla 620px olur.
Medya bölümü döngüsel bir figür içerdiğinde, figcaption (gizli olmadıkça) z-index değeri 6 alır. Video döngü düğmesi alta hizalanır, 40px alt kenar boşluğu ve 3px sağ kenar boşluğu vardır. Sessize alma ve ses açma kontrol kapsayıcıları sağ kenarda oturur ve 10px sol dolguya sahiptir. Altyazı düğmesi z-index değeri 100 alır ve en az 61.25em genişliğindeki ekranlarda alttan 20px konumlanır. En az 46.25em genişliğindeki ekranlarda sinemagraf kapsayıcılarının maksimum yükseklik kısıtlaması yoktur.
Gövdedeki kendi kendine barındırılan video adacıkları 620px'e kadar tam genişliktedir, blok olarak görüntülenir ve 12px üst ve alt kenar boşluğuna sahiptir. Döngüsel figürleri ve videoları tam genişlikte, otomatik yükseklikte, 620px ile sınırlı ve ortalanmıştır. Döngüsel figür sürükleyici bir video öğesi olduğunda, adacık 12px dikey kenar boşluğuyla 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 sol kenar boşluğu alır. En az 81.25em genişliğindeki ekranlarda, 1300px genişliğinde olur ve 260px sola kayar.
Kök, birkaç özel özellik tanımlar: tarih satırı 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ık metni, çekme alıntı metni ve çekme alıntı simgeleri ikincil sütun rengini kullanırken, blok alıntı metni makale metin rengini kullanır. Blok alıntılar ikincil sütundan bir dolgu rengi alır. Karanlık modda (renk şeması açıkça açığa ayarlanmadıkça), alt başlıklar, çekme alıntılar ve simgeleri karanlık mod sütun rengine geçer ve blok alıntılar da aynı şekilde takip eder.
Atom öğelerinin dolgusu yoktur. Bir atom öğesi kendi 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, sonuncu olmayan bir yatay çizgiden sonra veya bir reklam yuvası kapsayıcısını takip eden bir paragraftan sonra da geçerlidir.Sağladığınız metin düzyazı değil CSS kodudur, bu nedenle üretilecek doğal bir İngilizce sürüm yoktur. İsterseniz, bu CSS'nin ne yaptığını sade bir İngilizceyle açıklayabilirim.Bunu akıcı İngilizce olarak yeniden yazamam—bu düzyazı değil CSS kodudur. İsterseniz, stillerin sade İngilizceyle ne yaptığını açıklayabilirim veya yeniden yazmamı 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 bağlantılar ile figürleri stillendirerek içeriğin çeşitli cihazlarda düzgün görüntülenmesini sağlar.Furniture wrapper'ın standfirst'i küçük bir sol kaymaya sahiptir. Makale başlığında, etiket div'leri biraz üst dolgu alır. Manşet h1 yarı kalın olarak ayarlanmıştır, maksimum genişliği 620px ve yazı tipi boyutu 32px'tir. Daha geniş ekranlarda (en az 71.25em), maksimum genişlik 540px olur ve yazı tipi boyutu 50px'e çıkar. 46.25em ve üzerinde, keyline-4 ve lines öğelerinin sağ kenar boşluğu yoktur ve 61.25em ve üzerinde gizlenirler. SVG'leri, konturlar için başlık kenarlık rengini kullanır. Meta bölümü de 46.25em ve üzerinde sağ kenar boşluğunu kaybeder. Meta içindeki sosyal ve yorum öğeleri, kenarlıkları için başlık kenarlık rengini kullanır ve meta kapsayıcısı içindeki herhangi bir gu-island gizlenir. Standfirst 10px sola kaydırılır ve buna uygun dolgu alır, 46.25em ve üzerinde 2px üst dolgu alır. Paragrafları normal ağırlıkta, 20px, 14px alt dolguyladır. Ana medya alanı göreceli olarak konumlandırılmıştır, üst kenar boşluğu yoktur ve 2px alt kenar boşluğu vardır, portre ızgara alanına yerleştirilmiştir. İç div'leri tam genişlikte ve satır içi kenar boşluğu olmadan alır. 61.25em ve üzerinde, alt kenar boşluğu kaldırılır. 46.24em'e kadar olan ekranlarda, herhangi bir kaydırma çubuğu hariç tam görüntü alanı genişliğini kapsar ve 10px sola kayar; 30em ile 46.24em arasında, bu sol kayma 20px olur. Figcaption'lar alta mutlak olarak konumlandırılmıştır, CSS değişkenlerinden dolgu ve arka plan ile metin rengi alır, maksimum genişlik yoktur, alt kenar boşluğu yoktur ve minimum yüksekliği 46px'tir. İçindeki span'lar başlık kenarlık rengini kullanır ve bu span'ların içindeki SVG'ler onunla doldurulur. İlk span gizlenir, ikincisi maksimum %90 genişlikle gösterilir. 30em ve üzerinde, figcaption dolgusu artar. Gizli bir figcaption sıfır opaklığa sahiptir. Altyazı düğmesi blok düzeyinde, sağ altta mutlak olarak konumlandırılmış bir öğedir, dairesel arka plana sahiptir, kenarlığı yoktur ve biraz dolgusu vardır. SVG'si hafifçe küçültülmüştür. 30em ve üzerinde, biraz daha sağa kayar. Daha geniş ekranlarda, etkileşimli ana sütun belirli bir üst kayma ve yüksekliğe sahip bir sözde öğe alır. Etkileşimli ana sütundaki başlıklar maksimum 620px genişliğe sahiptir. Karanlık modda (açıkça açığa ayarlanmadıkça), takip metni, takip simgesi dolgusu, standfirst metni, standfirst bağlantı metni ve kenarlığı ile byline rengi için birkaç CSS değişkeni yeniden tanımlanır. Kök ayrıca karanlık mod sütununa geri dönen yeni bir sütun rengi değişkeni tanımlar.r(--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ı standfirst bağlantısı üzerine gelme ve mobilya sarmalayıcı standfirst liste öğesi bağlantısı üzerine gelme: alt kenarlığı kaldır ve metin dekorasyonu rengini yeni sütun rengine veya karanlık mod özelliğine ayarla.
Mobilya sarmalayıcı standfirst paragrafları, standfirst paragrafları ve standfirst veri özniteliği paragrafları: rengi #dcdcdc olarak ayarla.
En az 61.25em genişlikte: mobilya sarmalayıcı standfirst, standfirst ve standfirst veri özniteliğindeki ilk paragraf, 1px solid başlık kenarlık renginde bir üst kenarlık alır.
En az 71.25em genişlikte: aynı standfirst öğelerindeki ilk paragrafın üst kenarlığı yoktur.
Mobilya sarmalayıcı standfirst liste öğeleri, standfirst liste öğeleri ve standfirst veri özniteliği liste öğeleri: rengi #dcdcdc olarak ayarla.
En az 71.25em genişlikte: mobilya sarmalayıcı standfirst, standfirst ve standfirst veri özniteliğinin önce sözde öğesi, başlık kenarlık renginde bir 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ş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 1298px bölü 2'den hesaplanan genişlik ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 1298px 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 1298px bölü 2'den hesaplanan genişlik ve görüntü alanı genişliği eksi kaydırma çubuğu genişliği eksi 1298px bölü negatif 2'den hesaplanan sağ konum alır.
Mobilya sarmalayıcı keyline-4 svg ve lines veri özniteliği svg: konturu başlık kenarlık rengine ayarla.
Mobilya sarmalayıcı meta social, meta social liste öğesi bağlantı span, meta comment, meta veri özniteliği meta social, meta veri özniteliği meta social liste öğesi bağlantı
