@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){इंटरैक्टिव लेखों के लिए मुख्य सामग्री स्तंभ में -10px पर स्थित 1px ठोस #dcdcdc का बायां बॉर्डर होता है, जिसका z-index -1 होता है। कम से कम 81.25em चौड़ी स्क्रीन पर, यह बॉर्डर -11px पर स्थानांतरित हो जाता है।
इस स्तंभ के भीतर, एटम तत्वों में ऊपर या नीचे कोई मार्जिन नहीं होता है, लेकिन ऊपर और नीचे दोनों तरफ 12px पैडिंग होती है। जब किसी पैराग्राफ के बाद एटम तत्व आता है, तो पैडिंग हटा दी जाती है और उसके बजाय 12px मार्जिन लगाई जाती है।
इनलाइन तत्वों की अधिकतम चौड़ाई 620px तक सीमित होती है। कम से कम 61.25em चौड़ी स्क्रीन पर, इनलाइन फिगर की भी अधिकतम चौड़ाई 620px होती है।
जब मीडिया अनुभाग में लूपिंग फिगर होता है, तो figcaption को z-index 6 मिलता है (जब तक कि छिपा न हो)। वीडियो लूप बटन 40px निचले मार्जिन और 3px दाएं मार्जिन के साथ नीचे-दाएं संरेखित होता है। म्यूट और अनम्यूट नियंत्रण कंटेनर दाएं किनारे पर 10px बाईं पैडिंग के साथ बैठते हैं। कैप्शन बटन का z-index 100 होता है, और कम से कम 61.25em चौड़ी स्क्रीन पर, यह नीचे से 20px पर स्थित होता है।
कम से कम 46.25em चौड़ी स्क्रीन पर, सिनेमाग्राफ कंटेनर की कोई अधिकतम ऊंचाई नहीं होती है।
बॉडी सेक्शन में स्व-होस्टेड वीडियो आइलैंड 620px तक पूरी चौड़ाई के होते हैं, जो 12px ऊपर और नीचे मार्जिन के साथ ब्लॉक के रूप में प्रदर्शित होते हैं। उनके लूपिंग फिगर और वीडियो भी 620px तक पूरी चौड़ाई के होते हैं, जो क्षैतिज रूप से केंद्रित होते हैं। जब वीडियो इमर्सिव होता है, तो अधिकतम चौड़ाई हटा दी जाती है और मार्जिन ऊपर और नीचे 12px हो जाते हैं। कम से कम 71.25em चौड़ी स्क्रीन पर, इमर्सिव वीडियो 1140px चौड़े तक फैल जाते हैं और 180px बाईं ओर खिसक जाते हैं, figcaptions 20px इंडेंट के साथ। कम से कम 81.25em चौड़ी स्क्रीन पर, वे और फैलकर 1300px हो जाते हैं और 260px बाईं ओर खिसक जाते हैं।
रूट कई रंग चर परिभाषित करता है: dateline (#606060), header border (#dcdcdc), caption text (#999), caption background (72% अपारदर्शी लगभग-काला), feature color (#c70000), और एक नया pillar रंग जो डिफ़ॉल्ट रूप से प्राथमिक pillar या feature रंग होता है। उपशीर्षक, pullquotes, और pullquote आइकन द्वितीयक pillar रंग का उपयोग करते हैं, जबकि blockquotes लेख पाठ रंग का उपयोग द्वितीयक pillar भरण के साथ करते हैं। डार्क मोड में (जब तक कि लाइट मोड स्पष्ट रूप से सेट न हो), उपशीर्षक, pullquotes, और उनके आइकन डार्क मोड pillar रंग में बदल जाते हैं, और blockquotes डार्क मोड pillar भरण का उपयोग करते हैं।
एटम तत्वों में कोई पैडिंग नहीं होती है। जब एक एटम तत्व अपने प्रकार का पहला होता है और उसके तुरंत बाद एक पैराग्राफ, साइन-इन गेट, एक और एटम, या समान तत्व आते हैं, या जब एक क्षैतिज नियम (जो अंतिम नहीं है) के बाद एक पैराग्राफ या विज्ञापन स्लॉट आता है, तो विशिष्ट रिक्ति नियम लागू होते हैं।निम्नलिखित पैराग्राफों को 14px की शीर्ष पैडिंग मिलती है: किसी भी क्षैतिज नियम के ठीक बाद कोई भी पैराग्राफ जो अंतिम नहीं है, ऐसे नियम के बाद आने वाले विज्ञापन स्लॉट के ठीक बाद कोई भी पैराग्राफ, पहले एलिमेंट एटम के बाद पहला पैराग्राफ, पहले एलिमेंट एटम के बाद आने वाले साइन-इन गेट के बाद पहला पैराग्राफ, पहले एलिमेंट एटम के बाद आने वाले "sign-in-gate" आईडी वाले साइन-इन गेट के बाद पहला पैराग्राफ, और पहले एलिमेंट एटम के बाद आने वाले किसी अन्य एलिमेंट एटम के बाद पहला पैराग्राफ — प्रत्येक मामले में लेख निकाय, इंटरैक्टिव सामग्री, टिप्पणी निकाय, मुख्य निकाय डेटा, या फीचर निकाय के भीतर।
उन्हीं पैराग्राफों के पहले अक्षर को भी स्टाइल किया गया है, इंटरैक्टिव मुख्य स्तंभ, लेख निकाय, इंटरैक्टिव सामग्री, टिप्पणी निकाय, और मुख्य निकाय डेटा में।मैं उस पाठ को धाराप्रवाह, प्राकृतिक अंग्रेजी के रूप में फिर से नहीं लिख सकता। यह गद्य नहीं है—यह CSS कोड का एक ब्लॉक है (सेलेक्टर, प्रॉपर्टीज़, और मीडिया क्वेरीज़)। इसे प्राकृतिक भाषा में फिर से लिखने से या तो इसका अर्थ बदल जाएगा या यह फिर से लिखने के बजाय एक विवरण बन जाएगा।
यदि आप चाहें, तो मैं कर सकता हूं:
- यह CSS क्या करता है यह सरल अंग्रेजी में समझाऊं
- इस CSS को पुनः स्वरूपित या साफ करूं
- इसके बजाय किसी विशिष्ट गद्य अंश को फिर से लिखूं
मुझे बताएं कि आप क्या पसंद करेंगे।यह CSS एक लेख हेडर के लिए एक रिस्पॉन्सिव ग्रिड लेआउट परिभाषित करता है, जिसमें हेडलाइन, स्टैंडफर्स्ट, और मेटा अनुभागों के लिए शैलियां हैं।.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 #standfFirst, सूची आइटम, स्टैंडफर्स्ट अनुभाग, या फर्नीचर रैपर के स्टैंडफर्स्ट में लिंक पर होवर करते समय, निचला बॉर्डर हटा दें और टेक्स्ट डेकोरेशन रंग को नए पिलर रंग या डार्क मोड फीचर पर सेट करें। फर्नीचर रैपर में, स्टैंडफर्स्ट पैराग्राफ और सूची आइटम हल्के ग्रे (#dcdcdc) होने चाहिए। कम से कम 61.25em चौड़ी स्क्रीन पर, स्टैंडफर्स्ट में पहले पैराग्राफ को हेडर बॉर्डर रंग का उपयोग करके शीर्ष बॉर्डर मिलता है, लेकिन कम से कम 71.25em चौड़ी स्क्रीन पर, वह शीर्ष बॉर्डर हटा दिया जाता है। कम से कम 71.25em चौड़ी स्क्रीन पर, स्टैंडफर्स्ट के before स्यूडो-एलिमेंट को हेडर बॉर्डर रंग की पृष्ठभूमि मिलती है।
कम से कम 46.25em चौड़ी स्क्रीन पर, फर्नीचर रैपर के before और after स्यूडो-एलिमेंट्स शीर्ष पर पूर्ण रूप से स्थित होते हैं, पूरी ऊंचाई भरते हैं, गहरे बैकग्राउंड और आंतरिक तरफ बॉर्डर के साथ। उनकी चौड़ाई और स्थिति व्यूपोर्ट चौड़ाई घटा स्क्रॉलबार चौड़ाई और 738px, को दो से विभाजित करके गणना की जाती है। 61.25em और उससे अधिक पर, गणना में इसके बजाय 978px का उपयोग होता है। 71.25em और उससे अधिक पर, यह 1138px का उपयोग करता है। 81.25em और उससे अधिक पर, यह 1298px का उपयोग करता है।
फर्नीचर रैपर में, keyline-4 और lines अनुभाग में SVG आइकन अपने स्ट्रोक के लिए हेडर बॉर्डर
