@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، ظرفهای سینماگراف هیچ محدودیت max-height ندارند.
جزیرههای ویدیویی خودمیزبان در بدنه تا ۶۲۰ پیکسل عرض کامل دارند، به صورت بلوک نمایش داده میشوند، و حاشیههای ۱۲ پیکسلی بالا و پایین دارند. شکلهای حلقهای و ویدیوهای آنها عرض کامل، ارتفاع خودکار، حداکثر ۶۲۰ پیکسل، و وسطچین هستند. وقتی شکل حلقهای یک عنصر ویدیویی غوطهور است، جزیره به عرض کامل با حاشیههای عمودی ۱۲ پیکسل گسترش مییابد، و شکل و ویدیو max-width و وسطچینی خود را از دست میدهند. در صفحههایی با عرض حداقل ۷۱.۲۵em، جزیره غوطهور ۱۱۴۰ پیکسل عرض دارد و ۱۸۰ پیکسل به چپ جابهجا میشود، و figcaptionها حاشیه چپ ۲۰ پیکسل میگیرند. در صفحههایی با عرض حداقل ۸۱.۲۵em، ۱۳۰۰ پیکسل عرض دارد و ۲۶۰ پیکسل به چپ جابهجا میشود.
ریشه چندین ویژگی سفارشی تعریف میکند: رنگ dateline #606060، حاشیه سرصفحه #dcdcdc، متن زیرنویس #999، پسزمینه زیرنویس hsla(0, 0%, 7%, .72)، رنگ feature #c70000، و یک رنگ ستون جدید که به ستون اصلی یا رنگ feature برمیگردد. متن زیرعنوان، متن نقلقول، و آیکونهای نقلقول از رنگ ستون ثانویه استفاده میکنند، در حالی که متن نقلقول بلوکی از رنگ متن مقاله استفاده میکند. نقلقولهای بلوکی رنگ پر از ستون ثانویه میگیرند. در حالت تاریک (مگر اینکه طرح رنگ صریحاً روی روشن تنظیم شده باشد)، زیرعنوانها، نقلقولها، و آیکونهای آنها به رنگ ستون حالت تاریک تغییر میکنند، و نقلقولهای بلوکی نیز همینطور.
عناصر اتم هیچ padding ندارند. وقتی یک عنصر اتم اولین از نوع خود است و با یک پاراگراف، دروازه ورود، اتم دیگر، یا مشابه آن دنبال میشود، پاراگراف بعدی فاصلهگذاری ویژهای میگیرد. همین امر پس از یک خط افقی که آخرین نیست، یا پس از یک ظرف جایگاه تبلیغاتی که با یک پاراگراف دنبال میشود، اعمال میشود.متنی که ارائه کردهاید کد CSS است، نه نثر، بنابراین نسخه انگلیسی طبیعی برای تولید وجود ندارد. اگر مایل باشید، میتوانم توضیح دهم که این CSS چه کاری انجام میدهد به زبان ساده.من نمیتوانم آن را به عنوان انگلیسی روان بازنویسی کنم—این کد CSS است، نه نثر. اگر مایل باشید، میتوانم توضیح دهم که استایلها به زبان ساده چه کاری انجام میدهند، یا میتوانید متن واقعی مورد نظر برای بازنویسی را به اشتراک بگذارید.این کد CSS یک چیدمان واکنشگرا برای سرصفحههای مقاله، تیترها، فراداده، standfirstها، و پرترهها تعریف میکند. از CSS Grid برای چیدن این عناصر در اندازههای مختلف صفحه استفاده میکند، با نقاط شکست در ۶۱.۲۵em، ۷۱.۲۵em، و ۸۱.۲۵em. چیدمان ساختار ستون و ردیف را تنظیم میکند، حاشیه اضافه میکند، و لینکها و شکلها را استایل میدهد تا اطمینان حاصل شود که محتوا در دستگاههای مختلف به درستی نمایش داده میشود.standfirst در پوشش furniture یک انحراف چپ کوچک دارد. در سرصفحه مقاله، divهای برچسب کمی padding بالا میگیرند. تیتر h1 روی semibold تنظیم شده، با حداکثر عرض ۶۲۰ پیکسل و اندازه فونت ۳۲ پیکسل. در صفحههای عریضتر (حداقل ۷۱.۲۵em)، حداکثر عرض ۵۴۰ پیکسل میشود و اندازه فونت به ۵۰ پیکسل افزایش مییابد. در ۴۶.۲۵em و بالاتر، عناصر keyline-4 و lines هیچ حاشیه راستی ندارند، و در ۶۱.۲۵em و بالاتر پنهان میشوند. SVGهای آنها از رنگ حاشیه سرصفحه برای خطوط استفاده میکنند. بخش meta نیز حاشیه راست خود را در ۴۶.۲۵em و بالاتر از دست میدهد. عناصر social و comment در meta از رنگ حاشیه سرصفحه برای حاشیههای خود استفاده میکنند، و هر gu-island داخل ظرف meta پنهان است. standfirst ۱۰ پیکسل به چپ جابهجا شده با padding مطابق، و ۲ پیکسل padding بالا در ۴۶.۲۵em و بالاتر میگیرد. پاراگرافهای آن وزن regular، ۲۰ پیکسل، با ۱۴ پیکسل padding پایین هستند. ناحیه رسانه اصلی به صورت نسبی موقعیتیابی شده، بدون حاشیه بالا و با حاشیه پایین ۲ پیکسل، در ناحیه شبکه پرتره قرار گرفته. divهای داخلی آن عرض کامل با هیچ حاشیه درونخطی میگیرند. در ۶۱.۲۵em و بالاتر، حاشیه پایین حذف میشود. در صفحههای تا ۴۶.۲۴em، کل عرض viewport منهای هر scrollbar را در بر میگیرد و ۱۰ پیکسل به چپ جابهجا میشود؛ بین ۳۰em و ۴۶.۲۴em، آن انحراف چپ ۲۰ پیکسل میشود. Figcaptionها به صورت مطلق در پایین موقعیتیابی شدهاند، با padding و پسزمینه و رنگ متن از متغیرهای CSS، بدون حداکثر عرض، بدون حاشیه پایین، و با حداقل ارتفاع ۴۶ پیکسل. spanهای داخل از رنگ حاشیه سرصفحه استفاده میکنند، و SVGهای داخل آن spanها با آن پر میشوند. اولین span پنهان است، در حالی که دومی با حداکثر عرض ۹۰٪ نشان داده میشود. در ۳۰em و بالاتر، padding figcaption افزایش مییابد. یک figcaption پنهان opacity صفر دارد. دکمه زیرنویس یک عنصر بلوکی، به صورت مطلق موقعیتیابی شده در پایین راست، با پسزمینه دایرهای، بدون حاشیه، و کمی padding است. SVG آن کمی کوچکتر مقیاسبندی شده. در ۳۰em و بالاتر، کمی بیشتر به راست جابهجا میشود. در صفحههای عریضتر، ستون اصلی تعاملی یک شبهعنصر با انحراف بالای مشخص و ارتفاع میگیرد. سرعنوانهای داخل ستون اصلی تعاملی حداکثر عرض ۶۲۰ پیکسل دارند. در حالت تاریک (وقتی صریحاً روی روشن تنظیم نشده)، چندین متغیر CSS برای متن follow، پر کردن آیکون follow، متن standfirst، متن و حاشیه لینک standfirst، و رنگ byline بازتعریف میشوند. ریشه همچنین یک متغیر رنگ ستون جدید تعریف میکند که به ستون حالت تاریک برمیگردد.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اول، لینک آیتم لیست هاور، لینک standfirst پوشش furniture هاور، و لینک آیتم لیست standfirst پوشش furniture هاور: حذف حاشیه پایین و تنظیم رنگ تزئین متن به رنگ ستون جدید یا ویژگی حالت تاریک.
پاراگرافهای standfirst پوشش furniture، پاراگرافهای standfirst، و پاراگرافهای ویژگی داده standfirst: تنظیم رنگ به #dcdcdc.
در حداقل عرض ۶۱.۲۵em: پاراگراف اول در standfirst پوشش furniture، standfirst، و ویژگی داده standfirst یک حاشیه بالای ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه میگیرد.
در حداقل عرض ۷۱.۲۵em: پاراگراف اول در همان عناصر standfirst هیچ حاشیه بالایی ندارد.
آیتمهای لیست standfirst پوشش furniture، آیتمهای لیست standfirst، و آیتمهای لیست ویژگی داده standfirst: تنظیم رنگ به #dcdcdc.
در حداقل عرض ۷۱.۲۵em: شبهعنصر before standfirst پوشش furniture، standfirst، و ویژگی داده standfirst یک رنگ پسزمینه رنگ حاشیه سرصفحه میگیرد.
در حداقل عرض ۴۶.۲۵em: شبهعنصر before پوشش furniture محتوا، ارتفاع کامل، بالای ۰، موقعیت مطلق، رنگ پسزمینه تاریک، حاشیه راست ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه، موقعیت چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر منفی ۲، و عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر ۲ میگیرد. شبهعنصر after پوشش furniture محتوا، ارتفاع کامل، بالای ۰، موقعیت مطلق، رنگ پسزمینه تاریک، حاشیه چپ ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه، موقعیت راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر منفی ۲، و عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر ۲ میگیرد.
در حداقل عرض ۶۱.۲۵em: شبهعنصر before پوشش furniture محتوا، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر ۲، و موقعیت چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر منفی ۲ میگیرد. شبهعنصر after پوشش furniture محتوا، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر ۲، و موقعیت راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر منفی ۲ میگیرد.
در حداقل عرض ۷۱.۲۵em: شبهعنصر before پوشش furniture محتوا، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر ۲، و موقعیت چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر منفی ۲ میگیرد. شبهعنصر after پوشش furniture محتوا، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر ۲، و موقعیت راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر منفی ۲ میگیرد.
در حداقل عرض ۸۱.۲۵em: شبهعنصر before پوشش furniture محتوا، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر ۲، و موقعیت چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر منفی ۲ میگیرد. شبهعنصر after پوشش furniture محتوا، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر ۲، و موقعیت راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر منفی ۲ میگیرد.
SVG keyline-4 پوشش furniture و SVG ویژگی داده lines: تنظیم stroke به رنگ حاشیه سرصفحه.
meta social پوشش furniture، span لینک آیتم لیست meta social، meta comment، ویژگی داده meta social، ویژگی داده span لینک آیتم لیست meta social، و ویژگی داده meta comment: تنظیم رنگ حاشیه به رنگ حاشیه سرصفحه.
h2 بدنه مقاله و h2 بدنه محتوای تعاملی: تنظیم وزن فونت به ۲۰۰. اگر h2 شامل strong باشد، تنظیم وزن فونت به ۷۰۰.
Div با ویژگی ul مخفی چیدمان چاپ: حذف تصویر پسزمینه.
ریشه با ویژگی apps هدف رندر: تنظیم متن follow به #dcdcdc، پر کردن آیکون follow به رنگ ستون جدید، متن standfirst به #dcdcdc، متن لینک standfirst به رنگ ستون جدید، حاشیه لینک standfirst به رنگ ستون جدید، byline به رنگ ستون جدید، خطوط فراداده مقاله به رنگ حاشیه سرصفحه، و byline به ستون حالت تاریک.
ریشه با ویژگی apps هدف رندر span byline: تنظیم رنگ به رنگ ستون جدید.
ریشه با ویژگی apps هدف رندر span byline div که دارای عنصر FollowWapper بعدی است: تنظیم تصویر پسزمینه به رنگ حاشیه سرصفحه، رنگ حاشیه سرصفحه ۱ پیکسل، و شفاف ۱ پیکسل.
در پرسکوئری رسانه طرح رنگ.در یک عصر گرم و آرام در ژوئن ۲۰۲۰، مادر سالخورده اتو، دوریا، در آپارتمانش در مونیخ در حال مرگ بود. او با چشمان بسته دراز کشیده بود، صورت رنگپریدهاش قابشده با موهای سفید، آرام. اتو، با ماسک، دستکش، و پیشبند استریل، در صندلی کنار او چرت میزد. اتو، که گاهی با نام راینر شناخته میشود و نام خانوادگیاش به دلیل قوانین سختگیرانه حریم خصوصی آلمان فقط با "Z" شناخته میشود، پزشکی بود که سالها از مادرش مراقبت کرده بود، از زمانی که او سکته کرد و با او زندگی کرد. او آنچه را که آن شب اتفاق افتاد برای من تعریف کرد. او با