@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){العمود الرئيسي للمحتوى للمقالات التفاعلية له حد أيسر بسمك 1 بكسل بلون #dcdcdc، موضوع عند -10 بكسل مع z-index بقيمة -1. على الشاشات التي يبلغ عرضها 81.25em على الأقل، ينتقل هذا الحد إلى -11 بكسل. عناصر Atom داخل هذا العمود ليس لها هامش علوي أو سفلي، مع حشوة 12 بكسل في الأعلى والأسفل. عندما تتبع فقرة عنصر atom، تُزال الحشوة وتُستبدل بهوامش 12 بكسل. العناصر المضمنة محدودة بعرض 620 بكسل، وعلى الشاشات التي يبلغ عرضها 61.25em على الأقل، تكون الأشكال المضمنة أيضًا بحد أقصى 620 بكسل.
عندما يحتوي قسم الوسائط على شكل متكرر، تحصل figcaption (ما لم تكن مخفية) على z-index بقيمة 6. يتم محاذاة زر تكرار الفيديو إلى الأسفل بهامش سفلي 40 بكسل وهامش أيمن 3 بكسل. توجد حاويات التحكم في كتم الصوت وإلغاء كتم الصوت عند الحافة اليمنى مع حشوة يسرى 10 بكسل. يحصل زر التسمية التوضيحية على z-index بقيمة 100، وعلى الشاشات التي يبلغ عرضها 61.25em على الأقل، يقع على بعد 20 بكسل من الأسفل. على الشاشات التي يبلغ عرضها 46.25em على الأقل، لا تحتوي حاويات cinemagraph على حد أقصى للارتفاع.
جزر الفيديو المستضافة ذاتيًا في قسم النص بعرض كامل، بحد أقصى 620 بكسل، معروضة ككتل بهوامش علوية وسفلية 12 بكسل. أشكالها المتكررة وفيديوهاتها بعرض كامل مع ارتفاع تلقائي، بحد أقصى 620 بكسل، ومتمركزة. عندما يكون الشكل المتكرر عنصر فيديو غامر، تُزال max-width وتصبح الهوامش 12 بكسل علويًا وسفليًا. على الشاشات التي يبلغ عرضها 71.25em على الأقل، تتوسع الفيديوهات الغامرة إلى عرض 1140 بكسل وتنزاح 180 بكسل إلى اليسار، مع إزاحة figcaptions بمقدار 20 بكسل. على الشاشات التي يبلغ عرضها 81.25em على الأقل، تتوسع أكثر إلى 1300 بكسل وتنزاح 260 بكسل إلى اليسار.
يحدد الجذر عدة خصائص مخصصة: لون خط التاريخ #606060، حد الرأس #dcdcdc، نص التسمية التوضيحية #999، خلفية التسمية التوضيحية hsla(0, 0%, 7%, .72)، لون الميزة #c70000، ولون عمود جديد يعود إلى العمود الأساسي أو لون الميزة. يستخدم نص العنوان الفرعي، ونص الاقتباس المميز، وأيقونات الاقتباس المميز لون العمود الثانوي، بينما يستخدم نص الاقتباس الكتلي لون نص المقال. تستخدم الاقتباسات الكتلية العمود الثانوي كلون تعبئتها. في الوضع الداكن (ما لم يكن نظام الألوان مضبوطًا صراحةً على الفاتح)، تتحول العناوين الفرعية والاقتباسات المميزة وأيقوناتها إلى لون العمود في الوضع الداكن، وتستخدم الاقتباسات الكتلية العمود في الوضع الداكن كلون تعبئتها.
عناصر Atom ليس لها حشوة. عندما يكون عنصر atom الأول من نوعه ويتبعه فقرة، أو بوابة تسجيل دخول، أو atom آخر، أو عناصر مشابهة، أو عندما يتبع خط أفقي (ليس الأخير) فقرة أو خانة إعلانية، تُطبق قواعد تباعد محددة.النص الذي قدمته هو كود CSS، وليس نصًا نثريًا، لذا لا يوجد نسخة إنجليزية طبيعية منه. إنها مجموعة من قواعد التنسيق التي:
- تضيف 14 بكسل من الحشوة العلوية للفقرة الأولى التي تتبع عناصر معينة (مثل تضمين atom، أو بوابة تسجيل دخول، أو خط أفقي) داخل حاويات المقالات والتعليقات المختلفة.
- تطبق نمط الحرف الاستهلالي (عبر `:first-letter`) على تلك الفقرات نفسها في تخطيطات المقالات التفاعلية.
إذا أردت، يمكنني شرح ما يفعله أي جزء محدد من هذا CSS باللغة الإنجليزية البسيطة.لا يمكنني إعادة كتابة ذلك بالإنجليزية الطبيعية والطلاقة. إنه ليس نصًا نثريًا—إنه كتلة من كود CSS (محددات وخصائص واستعلامات وسائط). إعادة كتابته إلى جمل إنجليزية ستغير معناه وتعطل وظيفته، وهو ما يتعارض مع الحفاظ على المعنى سليمًا.
إذا أردت، يمكنني:
- شرح ما يفعله هذا CSS بالإنجليزية البسيطة
- إعادة تنسيق أو تنظيف CSS نفسه
- إعادة كتابة مقطع آخر من نص نثري فعلي
أخبرني بما تفضله.النص المقدم هو كود CSS، وليس نصًا نثريًا، لذا لا يمكن إعادة كتابته بالإنجليزية الطبيعية والطلاقة مع الحفاظ على معناه. إذا أردت، يمكنني شرح ما يفعله هذا CSS بالإنجليزية البسيطة بدلاً من ذلك.للمقدمة في غلاف الأثاث إزاحة يسرى صغيرة. في رأس المقال، تحصل divs التسمية على القليل من الحشوة العلوية. العنوان h1 مضبوط على semibold، بعرض أقصى 620 بكسل وحجم خط 32 بكسل. على الشاشات الأوسع (71.25em على الأقل)، يصبح العرض الأقصى 540 بكسل ويزيد حجم الخط إلى 50 بكسل. عند 46.25em وما فوق، لا يكون لعناصر keyline-4 وlines هامش أيمن، وعند 61.25em وما فوق تكون مخفية. تستخدم ملفات SVG الخاصة بها لون حد الرأس للحدود. يفقد قسم meta أيضًا هامشه الأيمن عند 46.25em وما فوق. تستخدم عناصر social وcomment داخل meta لون حد الرأس لحدودها، وأي gu-island داخل حاوية meta يكون مخفيًا. يتم إزاحة standfirst يسارًا بمقدار 10 بكسل مع حشوة مطابقة، ويحصل على 2 بكسل من الحشوة العلوية عند 46.25em وما فوق. فقراته بوزن عادي، 20 بكسل، مع حشوة سفلية 14 بكسل. منطقة الوسائط الرئيسية موضوعة نسبيًا، بدون هامش علوي وهامش سفلي 2 بكسل، موضوعة في منطقة شبكة الصورة الرأسية. تأخذ divs الداخلية عرضًا كاملاً بدون هوامش مضمنة. عند 61.25em وما فوق، يُزال الهامش السفلي. على الشاشات حتى 46.24em، تمتد على عرض نافذة العرض الكامل ناقص أي شريط تمرير وتنزاح يسارًا بمقدار 10 بكسل؛ بين 30em و46.24em، تصبح تلك الإزاحة اليسرى 20 بكسل. يتم وضع figcaptions بشكل مطلق في الأسفل، مع حشوة ولون خلفية ونص من متغيرات CSS، بدون عرض أقصى، بدون هامش سفلي، وارتفاع أدنى 46 بكسل. تستخدم spans الداخلية لون حد الرأس، وتملأ ملفات SVG داخل تلك spans به. أول span مخفي، بينما الثاني معروض بعرض أقصى 90%. عند 30em وما فوق، تزداد حشوة figcaption. figcaption المخفي له شفافية صفرية. زر التسمية التوضيحية هو عنصر على مستوى الكتلة، موضوع بشكل مطلق في أسفل اليمين، بخلفية دائرية، بدون حد، وبعض الحشوة. يتم تصغير SVG الخاص به قليلاً. عند 30em وما فوق، ينزاح يمينًا أكثر قليلاً. على الشاشات الأوسع، يحصل العمود الرئيسي التفاعلي على عنصر زائف بإزاحة علوية محددة وارتفاع. العناوين داخل العمود الرئيسي التفاعلي لها عرض أقصى 620 بكسل. في الوضع الداكن (عندما لا يكون مضبوطًا صراحةً على الفاتح)، تُعاد تعريف عدة متغيرات CSS لنص المتابعة، وتعبئة أيقونة المتابعة، ونص 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، رابط standfirst في غلاف الأثاث، ورابط hover لعنصر القائمة في standfirst في غلاف الأثاث: إزالة الحد السفلي وضبط لون زخرفة النص على لون العمود الجديد أو ميزة الوضع الداكن.
فقرات standfirst في غلاف الأثاث، فقرات standfirst، وفقرات standfirst: ضبط لون النص على #dcdcdc.
عند الحد الأدنى للعرض 61.25em: تحصل فقرة standfirst الأولى على حد علوي بسمك 1 بكسل بلون حد الرأس الصلب.
عند الحد الأدنى للعرض 71.25em: يُزال الحد العلوي لفقرة standfirst الأولى.
عناصر قائمة standfirst في غلاف الأثاث، عناصر قائمة standfirst، وعناصر قائمة standfirst: ضبط لون النص على #dcdcdc.
عند الحد الأدنى للعرض 71.25em: يحصل العنصر الزائف before لـ standfirst على لون خلفية بلون حد الرأس.
عند الحد الأدنى للعرض 46.25em: العنصر الزائف before لغلاف الأثاث له محتوى فارغ، ارتفاع كامل، أعلى 0، موضع مطلق، لون خلفية داكن، حد أيمن بسمك 1 بكسل بلون حد الرأس الصلب، إزاحة يسرى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 738 بكسل مقسومًا على سالب 2، وعرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 738 بكسل مقسومًا على 2. العنصر الزائف after لغلاف الأثاث له محتوى فارغ، ارتفاع كامل، أعلى 0، موضع مطلق، لون خلفية داكن، حد أيسر بسمك 1 بكسل بلون حد الرأس الصلب، إزاحة يمنى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 738 بكسل مقسومًا على سالب 2، وعرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 738 بكسل مقسومًا على 2.
عند الحد الأدنى للعرض 61.25em: العنصر الزائف before لغلاف الأثاث له محتوى فارغ، عرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 978 بكسل مقسومًا على 2، وإزاحة يسرى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 978 بكسل مقسومًا على سالب 2. العنصر الزائف after لغلاف الأثاث له محتوى فارغ، عرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 978 بكسل مقسومًا على 2، وإزاحة يمنى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 978 بكسل مقسومًا على سالب 2.
عند الحد الأدنى للعرض 71.25em: العنصر الزائف before لغلاف الأثاث له محتوى فارغ، عرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1138 بكسل مقسومًا على 2، وإزاحة يسرى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1138 بكسل مقسومًا على سالب 2. العنصر الزائف after لغلاف الأثاث له محتوى فارغ، عرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1138 بكسل مقسومًا على 2، وإزاحة يمنى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1138 بكسل مقسومًا على سالب 2.
عند الحد الأدنى للعرض 81.25em: العنصر الزائف before لغلاف الأثاث له محتوى فارغ، عرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1298 بكسل مقسومًا على 2، وإزاحة يسرى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1298 بكسل مقسومًا على سالب 2. العنصر الزائف after لغلاف الأثاث له محتوى فارغ، عرض محسوب من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1298 بكسل مقسومًا على 2، وإزاحة يمنى محسوبة من عرض نافذة العرض ناقص عرض شريط التمرير ناقص 1298 بكسل مقسومًا على سالب 2.
SVG keyline-4 وSVG lines في غلاف الأثاث: ضبط الحد على لون حد الرأس.
meta social في غلاف الأثاث، span رابط عنصر قائمة meta social، meta comment، meta social، span رابط عنصر قائمة meta social، وmeta comment: ضبط لون الحد على لون حد الرأس.
h2 في نص المقال وh2 في نص المحتوى التفاعلي: ضبط وزن الخط على 200. إذا كان h2 يحتوي على strong، اضبط وزن الخط على 700.
Div مع data-print-layout hide ul: إزالة صورة الخلفية.
الجذر مع data-rendering-target apps: ضبط follow text على #dcdcdc، تعبئة أيقونة المتابعة على لون العمود الجديد، نص standfirst على #dcdcdc، نص رابط standfirst على لون العمود الجديد، حد رابط standfirst على لون العمود الجديد، byline على لون العمود الجديد، خطوط meta المقال على لون حد الرأس، وbyline على عمود الوضع الداكن.
الجذر مع data-rendering-target apps byline span: ضبط اللون على لون العمود الجديد.
الجذر مع data-rendering-target apps byline span div الذي يحتوي على عنصر FollowWapper تالٍ: ضبط صورة الخلفية على لون حد الرأس، لون حد الرأس 1 بكسل، وشفاف 1 بكسل.
عند prefers-color-schemeلا يزال كولين كايبرنيك يستيقظ في الساعة 4:30 كل صباح ليتدرب. "تدريب القوة، تدريب السرعة، تدريب المراكز—ما زلت أؤدي كل نفس التمارين التي كنت أؤديها عندما كنت ألعب"، يقول بمرح. "ثم أمضي في بقية يومي." مرت قرابة 10 سنوات منذ آخر مرة لعب فيها كايبرنيك مباراة كرة قدم على أعلى مستوى. انتهت مسيرته فجأة وبقسوة بينما كانت تبلغ ذروتها، بعد أن أغلقت الرابطة الوطنية لكرة القدم (NFL) صفوفها أساسًا وأقصته لأنه كان سياسيًا أكثر من اللازم. الآن، في الثامنة والثلاثين من عمره، يعلم أن فرصه في العودة تتقلص يومًا بعد يوم، لكنه يظل مستعدًا للعب كما كان دائمًا. "أظل لا هوادة في ذلك"، يواصل بلهجته البطيئة. "أنظر إليه من منظور: 'ما الأشياء التي يمكنني التحكم بها؟' وما أعلم أنني أستطيع التحكم به هو أن أكون مستعدًا عندما تأتي فرصة، وأيضًا الاستمرار في طرق الأبواب بنفسي، باحثًا عن طرق وفرص… مجرد البقاء مرنًا ومركزًا ومنضبطًا—هذا ما أوصلني إلى هذه النقطة في حياتي."
تتحدد قصة كايبرنيك بما حدث في أواخر عام 2016، عندما رفض مرارًا الوقوف للنشيد الوطني قبل المباراة—مما أدى إلى صيحات استهجان في الملعب، وإهانات وغضب خارجه، وإقصاء من الرياضة التي لا يزال يحبها. في ذلك الوقت، كان أحد أكبر الأسماء في اللعبة: لاعب الوسط لفريق سان فرانسيسكو 49ers، مشهور وطنيًا، برعاية علامات تجارية كبرى. بالنظر إلى الوراء، غذت أفعاله الكثير مما حدث منذ ذلك الحين: صعود دونالد ترامب، احتجاجات حياة السود مهمة والمحاسبة العالمية مع العنصرية، ثم رد الفعل العكسي ضد ما يسمى الآن "Woke 1.0"، وعودة القومية البيضاء التي افترضت الولايات المتحدة بتراخٍ أنها من الماضي.
طوال كل هذا، ظل كايبرنيك صامتًا في الغالب. نادرًا ما تحدث إلى وسائل الإعلام و
