@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){.ستون محتوای اصلی برای مقالات تعاملی دارای حاشیه چپ ۱ پیکسل خط ممتد #dcdcdc است که در موقعیت -۱۰ پیکسل با z-index برابر -۱ قرار دارد. در صفحههایی با عرض حداقل ۸۱.۲۵em، این حاشیه به -۱۱ پیکسل تغییر میکند.
در این ستون، عناصر اتم حاشیه بالا یا پایین ندارند اما ۱۲ پیکسل padding در هر دو طرف دریافت میکنند. وقتی یک عنصر اتم بعد از یک پاراگراف قرار میگیرد، padding آن حذف شده و به جای آن ۱۲ پیکسل حاشیه میگیرد. عناصر درونخطی حداکثر ۶۲۰ پیکسل عرض دارند و در صفحههایی با عرض حداقل ۶۱.۲۵em، شکلهای درونخطی نیز حداکثر ۶۲۰ پیکسل عرض دارند.
برای بخشهای رسانهای حاوی شکلهای حلقهای، figcaption بالای سایر عناصر با z-index برابر ۶ قرار میگیرد. دکمه حلقه ویدیو به پایین راست با حاشیه پایین ۴۰ پیکسل و حاشیه راست ۳ پیکسل تراز میشود. کانتینرهای کنترل بیصدا و باصدا به راست چسبیده با padding چپ ۱۰ پیکسل قرار میگیرند. دکمه زیرنویس z-index برابر ۱۰۰ دارد و در صفحههایی با عرض حداقل ۶۱.۲۵em، ۲۰ پیکسل از پایین قرار میگیرد. در صفحههایی با عرض حداقل ۴۶.۲۵em، کانتینرهای سینماگراف حداکثر ارتفاع ندارند.
جزیرههای ویدیویی خودمیزبان در بدنه تا ۶۲۰ پیکسل تمامعرض هستند، به صورت بلوک با حاشیه بالا و پایین ۱۲ پیکسل نمایش داده میشوند. شکلهای حلقهای و ویدیوهای آنها نیز تا ۶۲۰ پیکسل تمامعرض و وسطچین هستند. وقتی این ویدیوها غوطهور هستند، محدودیت عرض حذف شده و حاشیهها به ۱۲ پیکسل بالا و پایین تبدیل میشوند. در صفحههایی با عرض حداقل ۷۱.۲۵em، ویدیوهای غوطهور به ۱۱۴۰ پیکسل گسترش یافته و ۱۸۰ پیکسل به چپ جابهجا میشوند، با figcaptionهایی که ۲۰ پیکسل تورفتگی دارند. در صفحههایی با عرض حداقل ۸۱.۲۵em، آنها بیشتر به ۱۳۰۰ پیکسل گسترش یافته و ۲۶۰ پیکسل به چپ جابهجا میشوند.
ریشه چندین متغیر رنگ تعریف میکند: dateline (#606060)، حاشیه سرصفحه (#dcdcdc)، متن زیرنویس (#999)، پسزمینه زیرنویس (مشکی نزدیک با ۷۲٪ کدری)، رنگ ویژگی (#c70000)، و یک رنگ ستون جدید که به طور پیشفرض به رنگ ستون اصلی یا ویژگی تنظیم میشود. زیرعنوانها، نقلقولهای برجسته، و آیکونهای نقلقول برجسته از رنگ ستون ثانویه استفاده میکنند، در حالی که نقلقولهای بلوکی از رنگ متن مقاله استفاده میکنند. نقلقولهای بلوکی همچنین یک رنگ پرکردن از ستون ثانویه دریافت میکنند. در حالت تاریک (مگر اینکه حالت روشن به صراحت تنظیم شده باشد)، زیرعنوانها، نقلقولهای برجسته، و آیکونهای آنها به رنگ ستون حالت تاریک تغییر میکنند، و نقلقولهای بلوکی از همان رنگ برای پرکردن خود استفاده میکنند.
عناصر اتم padding ندارند. وقتی یک عنصر اتم اولین از نوع خود است و بعد از آن یک پاراگراف، دروازه ورود، عنصر اتم دیگر، یا مشابه آن قرار میگیرد، پاراگراف بعدی فاصلهگذاری ویژهای دریافت میکند. همین امر بعد از خطوط افقی که آخرین نیستند، و درون divهای بدنه مقاله اعمال میشود.متنی که ارائه کردهاید کد CSS است، نه نثر، بنابراین انگلیسی طبیعی برای بازنویسی وجود ندارد. این مجموعهای از انتخابگرهاست که ۱۴ پیکسل padding بالا به اولین پاراگراف بعد از عناصر خاص (مانند اولین عنصر اتم، یک دروازه ورود، یا یک خط افقی که آخرین نیست) در کانتینرهای مختلف اضافه میکند، و همچنین حرف اول آن پاراگرافها را استایل میدهد.
اگر منظورتان جایگذاری متن متفاوتی بود، آن را به اشتراک بگذارید و من آن را به انگلیسی روان و طبیعی بازنویسی میکنم.نمیتوانم آن را به عنوان انگلیسی روان بازنویسی کنم—این کد CSS است، نه نثر. اگر میخواهید، میتوانم توضیح دهم که استایلها چه کاری انجام میدهند به انگلیسی ساده، یا میتوانید متن واقعی که میخواهید بازنویسی شود را به اشتراک بگذارید.این کد CSS یک چیدمان واکنشگرا برای سرصفحههای مقاله، تیترها، فراداده، standfirstها، و پرترهها تعریف میکند. از CSS Grid برای چیدمان این عناصر در اندازههای مختلف صفحه استفاده میکند، با نقاط شکست در ۶۱.۲۵em، ۷۱.۲۵em، و ۸۱.۲۵em. چیدمان ساختار ستون و ردیف را تنظیم میکند، حاشیه اضافه میکند، و لینکها و شکلها را استایل میدهد تا اطمینان حاصل شود که محتوا در دستگاههای مختلف به درستی نمایش داده میشود..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اولین، لینک آیتم لیست هاور، لینک standfirst هاور، و لینک آیتم لیست standfirst هاور: حذف حاشیه پایین و تنظیم رنگ تزئین متن به رنگ ستون جدید یا ویژگی حالت تاریک.
پاراگرافهای standfirst، پاراگرافهای standfirst، و پاراگرافهای standfirst: تنظیم رنگ متن به #dcdcdc.
در حداقل عرض ۶۱.۲۵em: اولین پاراگراف standfirst یک حاشیه بالای ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه دریافت میکند.
در حداقل عرض ۷۱.۲۵em: حاشیه بالای اولین پاراگراف standfirst حذف میشود.
آیتمهای لیست standfirst، آیتمهای لیست standfirst، و آیتمهای لیست standfirst: تنظیم رنگ متن به #dcdcdc.
در حداقل عرض ۷۱.۲۵em: شبهعنصر قبل از standfirst یک رنگ پسزمینه از رنگ حاشیه سرصفحه دریافت میکند.
در حداقل عرض ۴۶.۲۵em: شبهعنصر قبل از furniture wrapper محتوای خالی، ارتفاع کامل، موقعیتیابی در بالا، موقعیتیابی مطلق، رنگ پسزمینه پسزمینه تاریک، حاشیه راست ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه، موقعیت چپ محاسبهشده به عنوان نیمی منفی عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل، و عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل دارد. شبهعنصر بعد از furniture wrapper محتوای خالی، ارتفاع کامل، موقعیتیابی در بالا، موقعیتیابی مطلق، رنگ پسزمینه پسزمینه تاریک، حاشیه چپ ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه، موقعیت راست محاسبهشده به عنوان نیمی منفی عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل، و عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل دارد.
در حداقل عرض ۶۱.۲۵em: شبهعنصر قبل از furniture wrapper محتوای خالی، عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل، و موقعیت چپ محاسبهشده به عنوان نیمی منفی از آن دارد. شبهعنصر بعد از furniture wrapper محتوای خالی، عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل، و موقعیت راست محاسبهشده به عنوان نیمی منفی از آن دارد.
در حداقل عرض ۷۱.۲۵em: شبهعنصر قبل از furniture wrapper محتوای خالی، عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل، و موقعیت چپ محاسبهشده به عنوان نیمی منفی از آن دارد. شبهعنصر بعد از furniture wrapper محتوای خالی، عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل، و موقعیت راست محاسبهشده به عنوان نیمی منفی از آن دارد.
در حداقل عرض ۸۱.۲۵em: شبهعنصر قبل از furniture wrapper محتوای خالی، عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل، و موقعیت چپ محاسبهشده به عنوان نیمی منفی از آن دارد. شبهعنصر بعد از furniture wrapper محتوای خالی، عرض محاسبهشده به عنوان نیمی از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل، و موقعیت راست محاسبهشده به عنوان نیمی منفی از آن دارد.
SVG keyline-4 furniture wrapper و SVG خطوط: تنظیم stroke به رنگ حاشیه سرصفحه.
meta social furniture wrapper، span لینک آیتم لیست meta social، meta comment، meta social، span لینک آیتم لیست meta social، و meta comment: تنظیم رنگ حاشیه به رنگ حاشیه سرصفحه.
h2 بدنه مقاله و h2 بدنه محتوای تعاملی: تنظیم وزن فونت به ۲۰۰. اگر h2 حاوی strong باشد، تنظیم وزن فونت به ۷۰۰.
Div با data-print-layout hide ul: حذف تصویر پسزمینه.
Root با data-rendering-target apps: تنظیم متن follow به #dcdcdc، پرکردن آیکون follow به رنگ ستون جدید، متن standfirst به #dcdcdc، متن لینک standfirst به رنگ ستون جدید، حاشیه لینک standfirst به رنگ ستون جدید، byline به رنگ ستون جدید، خطوط meta مقاله به رنگ حاشیه سرصفحه، و byline به ستون حالت تاریک.
Root با data-rendering-target apps byline span: تنظیم رنگ به رنگ ستون جدید.
Root با data-rendering-target apps byline span div با FollowWrapper مجاور: تنظیم تصویر پسزمینه به رنگ حاشیه سرصفحه، رنگ حاشیه سرصفحه ۱ پیکسل، شفاف ۱
