@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، این حاشیه به -۱۱ پیکسل تغییر میکند. عناصر Atom داخل این ستون هیچ حاشیه بالا یا پایینی ندارند، با ۱۲ پیکسل padding در بالا و پایین. وقتی یک پاراگراف با یک عنصر atom دنبال میشود، padding حذف شده و با حاشیههای ۱۲ پیکسلی جایگزین میشود. عناصر درونخطی حداکثر ۶۲۰ پیکسل عرض دارند، و در صفحههایی با عرض حداقل ۶۱.۲۵em، شکلهای درونخطی نیز حداکثر ۶۲۰ پیکسل عرض دارند.
وقتی بخش رسانه شامل یک شکل حلقهای است، figcaption (مگر اینکه پنهان باشد) z-index ۶ میگیرد. دکمه حلقه ویدیو به پایین با حاشیه پایین ۴۰ پیکسل و حاشیه راست ۳ پیکسل تراز میشود. ظرفهای کنترل بیصدا و باصدا در لبه راست با ۱۰ پیکسل padding چپ قرار میگیرند. دکمه زیرنویس z-index ۱۰۰ میگیرد، و در صفحههایی با عرض حداقل ۶۱.۲۵em، ۲۰ پیکسل از پایین قرار میگیرد. در صفحههایی با عرض حداقل ۴۶.۲۵em، ظرفهای سینماگراف هیچ محدودیت حداکثر ارتفاعی ندارند.
جزیرههای ویدیویی خودمیزبان در بخش body تمام عرض هستند، حداکثر ۶۲۰ پیکسل، بهصورت بلوک با حاشیههای بالا و پایین ۱۲ پیکسلی نمایش داده میشوند. شکلهای حلقهای و ویدیوهای آنها تمام عرض با ارتفاع خودکار، حداکثر ۶۲۰ پیکسل، و وسطچین هستند. وقتی شکل حلقهای یک عنصر ویدیویی غوطهور است، max-width حذف شده و حاشیهها ۱۲ پیکسل بالا و پایین میشوند. در صفحههایی با عرض حداقل ۷۱.۲۵em، ویدیوهای غوطهور به عرض ۱۱۴۰ پیکسل گسترش یافته و ۱۸۰ پیکسل به چپ جابهجا میشوند، با figcaptionهایی که ۲۰ پیکسل تورفتگی دارند. در صفحههایی با عرض حداقل ۸۱.۲۵em، آنها بیشتر به ۱۳۰۰ پیکسل گسترش یافته و ۲۶۰ پیکسل به چپ جابهجا میشوند.
ریشه چندین ویژگی سفارشی تعریف میکند: رنگ dateline #606060، حاشیه header #dcdcdc، متن caption #999، پسزمینه caption hsla(0, 0%, 7%, .72)، رنگ feature #c70000، و یک رنگ ستون جدید که به ستون اصلی یا رنگ feature برمیگردد. متن زیرعنوان، متن pullquote، و آیکونهای pullquote از رنگ ستون ثانویه استفاده میکنند، در حالی که متن block quote از رنگ متن مقاله استفاده میکند. Blockquoteها از ستون ثانویه بهعنوان رنگ پر خود استفاده میکنند. در حالت تاریک (مگر اینکه طرح رنگ صراحتاً روی روشن تنظیم شده باشد)، زیرعنوانها، pullquoteها، و آیکونهای آنها به رنگ ستون حالت تاریک تغییر میکنند، و blockquoteها از ستون حالت تاریک بهعنوان پر خود استفاده میکنند.
عناصر Atom هیچ padding ندارند. وقتی یک عنصر atom اولین نوع خود است و با یک پاراگراف، دروازه ورود، یک atom دیگر، یا عناصر مشابه دنبال میشود، یا وقتی یک خط افقی (نه آخرین) با یک پاراگراف یا جایگاه تبلیغ دنبال میشود، قوانین فاصلهگذاری خاصی اعمال میشود.متنی که ارائه کردهاید کد CSS است، نه نثر، بنابراین نسخه انگلیسی طبیعی از آن وجود ندارد. این مجموعهای از قوانین استایلدهی است که:
- ۱۴ پیکسل padding بالا به اولین پاراگرافی که پس از عناصر خاصی (مانند یک جاسازی atom، یک دروازه ورود، یا یک خط افقی) در ظرفهای مختلف مقاله و نظر دنبال میشود، اضافه میکند.
- یک سبک drop-cap (از طریق `:first-letter`) به همان پاراگرافها در چیدمانهای مقاله تعاملی اعمال میکند.
اگر مایل باشید، میتوانم توضیح دهم که هر بخش خاص از این CSS به زبان ساده چه کاری انجام میدهد.من نمیتوانم آن را بهعنوان انگلیسی روان و طبیعی بازنویسی کنم. این نثر نیست—یک بلوک کد CSS است (انتخابگرها، ویژگیها، و media queryها). بازنویسی آن به جملات انگلیسی معنای آن را تغییر داده و عملکردش را مختل میکند، که برخلاف حفظ معنای دستنخورده است.
اگر مایل باشید، میتوانم:
- توضیح دهم که این CSS به زبان ساده چه کاری انجام میدهد
- خود CSS را بازقالببندی یا تمیز کنم
- یک قطعه دیگر از نثر واقعی را بازنویسی کنم
بگویید کدام را ترجیح میدهید.متن ارائهشده کد CSS است، نه نثر، بنابراین نمیتوان آن را به انگلیسی روان و طبیعی بازنویسی کرد و در عین حال معنا را حفظ نمود. اگر مایل باشید، میتوانم بهجای آن توضیح دهم که این CSS به زبان ساده چه کاری انجام میدهد.standfirst پوشش furniture یک offset کوچک چپ دارد. در سرصفحه مقاله، divهای label کمی padding بالا میگیرند. h1 تیتر روی semibold تنظیم شده، با حداکثر عرض ۶۲۰ پیکسل و اندازه فونت ۳۲ پیکسل. در صفحههای عریضتر (حداقل ۷۱.۲۵em)، حداکثر عرض ۵۴۰ پیکسل شده و اندازه فونت به ۵۰ پیکسل افزایش مییابد. در ۴۶.۲۵em و بالاتر، عناصر keyline-4 و lines هیچ حاشیه راستی ندارند، و در ۶۱.۲۵em و بالاتر پنهان میشوند. SVGهای آنها از رنگ حاشیه header برای stroke استفاده میکنند. بخش meta نیز حاشیه راست خود را در ۴۶.۲۵em و بالاتر از دست میدهد. عناصر social و comment درون meta از رنگ حاشیه header برای حاشیههای خود استفاده میکنند، و هر gu-island داخل ظرف meta پنهان است. standfirst ۱۰ پیکسل به چپ جابهجا شده با padding متناظر، و ۲ پیکسل padding بالا در ۴۶.۲۵em و بالاتر میگیرد. پاراگرافهای آن وزن regular، ۲۰ پیکسل، با ۱۴ پیکسل padding پایین هستند. ناحیه رسانه اصلی نسبتاً موقعیتیابی شده، بدون حاشیه بالا و با حاشیه پایین ۲ پیکسل، در ناحیه grid پرتره قرار گرفته است. divهای داخلی آن تمام عرض با هیچ حاشیه درونخطی میگیرند. در ۶۱.۲۵em و بالاتر، حاشیه پایین حذف میشود. در صفحههای تا ۴۶.۲۴em، تمام عرض viewport منهای هر scrollbar را در بر میگیرد و ۱۰ پیکسل به چپ جابهجا میشود؛ بین ۳۰em و ۴۶.۲۴em، آن جابهجایی چپ ۲۰ پیکسل میشود. Figcaptionها بهصورت مطلق در پایین موقعیتیابی شدهاند، با padding و یک پسزمینه و رنگ متن از متغیرهای CSS، بدون حداکثر عرض، بدون حاشیه پایین، و حداقل ارتفاع ۴۶ پیکسل. spanهای داخل از رنگ حاشیه header استفاده میکنند، و SVGهای داخل آن spanها با آن پر میشوند. اولین span پنهان است، در حالی که دومی با حداکثر عرض ۹۰٪ نمایش داده میشود. در ۳۰em و بالاتر، padding figcaption افزایش مییابد. یک figcaption پنهان opacity صفر دارد. دکمه caption یک عنصر سطح بلوک، بهصورت مطلق موقعیتیابی شده در پایین راست، با پسزمینه دایرهای، بدون حاشیه، و کمی padding است. SVG آن کمی کوچکتر مقیاسبندی شده است. در ۳۰em و بالاتر، کمی بیشتر به راست جابهجا میشود. در صفحههای عریضتر، ستون اصلی تعاملی یک شبهعنصر با offset بالای خاص و ارتفاع میگیرد. سرتیترهای داخل ستون اصلی تعاملی حداکثر عرض ۶۲۰ پیکسل دارند. در حالت تاریک (وقتی صراحتاً روی روشن تنظیم نشده باشد)، چندین متغیر 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اول، لینک hover آیتم لیست، لینک hover standfirst پوشش furniture، و لینک hover آیتم لیست standfirst پوشش furniture: حاشیه پایین را حذف کنید و رنگ تزئین متن را روی رنگ ستون جدید یا ویژگی حالت تاریک تنظیم کنید.
پاراگرافهای standfirst پوشش furniture، پاراگرافهای standfirst، و پاراگرافهای standfirst: رنگ متن را روی #dcdcdc تنظیم کنید.
در حداقل عرض ۶۱.۲۵em: اولین پاراگراف standfirst یک حاشیه بالای ۱ پیکسل خط ممتد با رنگ حاشیه header میگیرد.
در حداقل عرض ۷۱.۲۵em: حاشیه بالای اولین پاراگراف standfirst حذف میشود.
آیتمهای لیست standfirst پوشش furniture، آیتمهای لیست standfirst، و آیتمهای لیست standfirst: رنگ متن را روی #dcdcdc تنظیم کنید.
در حداقل عرض ۷۱.۲۵em: شبهعنصر before standfirst یک رنگ پسزمینه از رنگ حاشیه header میگیرد.
در حداقل عرض ۴۶.۲۵em: شبهعنصر before پوشش furniture محتوای خالی، ارتفاع کامل، بالای ۰، موقعیت مطلق، رنگ پسزمینه تاریک، حاشیه راست ۱ پیکسل خط ممتد با رنگ حاشیه header، offset چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر منفی ۲، و عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر ۲ دارد. شبهعنصر after پوشش furniture محتوای خالی، ارتفاع کامل، بالای ۰، موقعیت مطلق، رنگ پسزمینه تاریک، حاشیه چپ ۱ پیکسل خط ممتد با رنگ حاشیه header، offset راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر منفی ۲، و عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۷۳۸ پیکسل تقسیم بر ۲ دارد.
در حداقل عرض ۶۱.۲۵em: شبهعنصر before پوشش furniture محتوای خالی، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر ۲، و offset چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر منفی ۲ دارد. شبهعنصر after پوشش furniture محتوای خالی، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر ۲، و offset راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۹۷۸ پیکسل تقسیم بر منفی ۲ دارد.
در حداقل عرض ۷۱.۲۵em: شبهعنصر before پوشش furniture محتوای خالی، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر ۲، و offset چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر منفی ۲ دارد. شبهعنصر after پوشش furniture محتوای خالی، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر ۲، و offset راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۱۳۸ پیکسل تقسیم بر منفی ۲ دارد.
در حداقل عرض ۸۱.۲۵em: شبهعنصر before پوشش furniture محتوای خالی، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر ۲، و offset چپ محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر منفی ۲ دارد. شبهعنصر after پوشش furniture محتوای خالی، عرض محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر ۲، و offset راست محاسبهشده از عرض viewport منهای عرض scrollbar منهای ۱۲۹۸ پیکسل تقسیم بر منفی ۲ دارد.
SVG keyline-4 پوشش furniture و SVG lines: stroke را روی رنگ حاشیه header تنظیم کنید.
meta social پوشش furniture، span لینک آیتم لیست meta social، meta comment، meta social، span لینک آیتم لیست meta social، و meta comment: رنگ حاشیه را روی رنگ حاشیه header تنظیم کنید.
h2 بدنه مقاله و h2 بدنه محتوای تعاملی: وزن فونت را روی ۲۰۰ تنظیم کنید. اگر h2 شامل strong باشد، وزن فونت را روی ۷۰۰ تنظیم کنید.
Div با data-print-layout hide ul: تصویر پسزمینه را حذف کنید.
ریشه با data-rendering-target apps: متن follow را روی #dcdcdc، پر آیکون follow را روی رنگ ستون جدید، متن standfirst را روی #dcdcdc، متن لینک standfirst را روی رنگ ستون جدید، حاشیه لینک standfirst را روی رنگ ستون جدید، byline را روی رنگ ستون جدید، خطوط meta مقاله را روی رنگ حاشیه header، و byline را روی ستون حالت تاریک تنظیم کنید.
ریشه با data-rendering-target apps byline span: رنگ را روی رنگ ستون جدید تنظیم کنید.
ریشه با data-rendering-target apps byline span div که یک عنصر FollowWapper بعدی دارد: تصویر پسزمینه را روی رنگ حاشیه header، رنگ حاشیه header ۱ پیکسل، و شفاف ۱ پیکسل تنظیم کنید.
در prefers-color-schemeکالین کاپرنیک هنوز هر روز صبح ساعت ۴:۳۰ بیدار میشود تا تمرین کند. او با خوشحالی میگوید: «تمرین قدرتی، تمرین سرعت، تمرین پست—من هنوز همان تمرینهایی را انجام میدهم که وقتی بازی میکردم انجام میدادم.» «بعد بقیه روزم را میگذرانم.» تقریباً ۱۰ سال از آخرین باری که کاپرنیک یک بازی فوتبال سطح بالا انجام داد میگذرد. حرفه او ناگهانی و بیرحمانه درست زمانی که به اوج خود میرسید کوتاه شد، پس از آنکه لیگ ملی فوتبال (NFL) اساساً صفآرایی کرد و او را به خاطر بیش از حد سیاسی بودن کنار گذاشت. حالا در ۳۸ سالگی، او میداند که ش
