मुझे 977 दिनों तक अगवा करके बंधक बनाकर रखा गया। क्या मैं उन लोगों को माफ कर सकता था जिन्होंने मुझे पकड़ा था?
@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 बाईं ओर स्थानांतरित हो जाते हैं।
रूट कई रंग चर परिभाषित करता है: डेटलाइन (#606060), हेडर बॉर्डर (#dcdcdc), कैप्शन टेक्स्ट (#999), कैप्शन बैकग्राउंड (72% अपारदर्शी लगभग-काला), फीचर रंग (#c70000), और एक नया स्तंभ रंग जो डिफ़ॉल्ट रूप से प्राथमिक स्तंभ या फीचर रंग पर सेट होता है। उपशीर्षक, पुलकोट्स, और पुलकोट आइकन द्वितीयक स्तंभ रंग का उपयोग करते हैं, जबकि ब्लॉककोट्स लेख पाठ रंग का उपयोग करते हैं। ब्लॉककोट्स को द्वितीयक स्तंभ से एक भरण रंग भी मिलता है। डार्क मोड में (जब तक लाइट मोड स्पष्ट रूप से सेट न हो), उपशीर्षक, पुलकोट्स, और उनके आइकन डार्क मोड स्तंभ रंग पर स्विच हो जाते हैं, और ब्लॉककोट्स अपने भरण के लिए उसी रंग का उपयोग करते हैं।
एटम तत्वों में कोई पैडिंग नहीं होती है। जब कोई एटम तत्व अपने प्रकार का पहला होता है और उसके बाद कोई पैराग्राफ, साइन-इन गेट, दूसरा एटम तत्व, या समान आता है, तो निम्नलिखित पैराग्राफ को विशेष स्पेसिंग मिलती है। यही बात उन क्षैतिज नियमों के बाद भी लागू होती है जो अंतिम नहीं हैं, और लेख बॉडी डिव्स के भीतर भी।आपने जो टेक्स्ट प्रदान किया है वह CSS कोड है, गद्य नहीं, इसलिए इसमें फिर से लिखने के लिए कोई प्राकृतिक अंग्रेजी नहीं है। यह सेलेक्टर्स का एक सेट है जो विभिन्न कंटेनरों के भीतर कुछ तत्वों (जैसे पहला एटम तत्व, एक साइन-इन गेट, या एक क्षैतिज नियम जो अंतिम नहीं है) के बाद पहले पैराग्राफ में 14px की शीर्ष पैडिंग जोड़ता है, और यह उन पैराग्राफों के पहले अक्षर को भी स्टाइल करता है।
यदि आपका मतलब किसी भिन्न टेक्स्ट को पेस्ट करना था, तो बेझिझक इसे साझा करें और मैं इसे धाराप्रवाह, प्राकृतिक अंग्रेजी में फिर से लिखूंगा।मैं इसे धाराप्रवाह अंग्रेजी के रूप में फिर से नहीं लिख सकता—यह CSS कोड है, गद्य नहीं। यदि आप चाहें, तो मैं समझा सकता हूं कि स्टाइल्स सादी अंग्रेजी में क्या करते हैं, या आप वह वास्तविक टेक्स्ट साझा कर सकते हैं जिसे आप फिर से लिखना चाहते हैं।यह CSS कोड लेख हेडर, हेडलाइन, मेटाडेटा, स्टैंडफर्स्ट, और पोर्ट्रेट के लिए एक रिस्पॉन्सिव लेआउट परिभाषित करता है। यह इन तत्वों को विभिन्न स्क्रीन आकारों में व्यवस्थित करने के लिए CSS ग्रिड का उपयोग करता है, जिसमें 61.25em, 71.25em, और 81.25em पर ब्रेकपॉइंट होते हैं। लेआउट कॉलम और रो संरचनाओं को समायोजित करता है, बॉर्डर जोड़ता है, और लिंक और आंकड़ों को स्टाइल करता है ताकि सामग्री विभिन्न उपकरणों पर ठीक से प्रदर्शित हो।.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फर्स्ट, सूची आइटम लिंक होवर, फर्नीचर रैपर स्टैंडफर्स्ट लिंक होवर, और फर्नीचर रैपर स्टैंडफर्स्ट सूची आइटम लिंक होवर: निचला बॉर्डर हटाएं और टेक्स्ट डेकोरेशन रंग को नए स्तंभ रंग या डार्क मोड फीचर पर सेट करें।
फर्नीचर रैपर स्टैंडफर्स्ट पैराग्राफ, स्टैंडफर्स्ट पैराग्राफ, और स्टैंडफर्स्ट पैराग्राफ: टेक्स्ट रंग को #dcdcdc पर सेट करें।
न्यूनतम चौड़ाई 61.25em पर: पहले स्टैंडफर्स्ट पैराग्राफ को हेडर बॉर्डर रंग का 1px ठोस शीर्ष बॉर्डर मिलता है।
न्यूनतम चौड़ाई 71.25em पर: पहले स्टैंडफर्स्ट पैराग्राफ का शीर्ष बॉर्डर हटा दिया जाता है।
फर्नीचर रैपर स्टैंडफर्स्ट सूची आइटम, स्टैंडफर्स्ट सूची आइटम, और स्टैंडफर्स्ट सूची आइटम: टेक्स्ट रंग को #dcdcdc पर सेट करें।
न्यूनतम चौड़ाई 71.25em पर: स्टैंडफर्स्ट बिफोर स्यूडो-एलिमेंट को हेडर बॉर्डर रंग का बैकग्राउंड रंग मिलता है।
न्यूनतम चौड़ाई 46.25em पर: फर्नीचर रैपर बिफोर स्यूडो-एलिमेंट में खाली सामग्री, पूरी ऊंचाई, शीर्ष पर स्थित, पूर्ण स्थिति, डार्क बैकग्राउंड का बैकग्राउंड रंग, हेडर बॉर्डर रंग का 1px ठोस दायां बॉर्डर, बाईं स्थिति की गणना नेगेटिव आधा व्यूपोर्ट चौड़ाई माइनस स्क्रॉलबार चौड़ाई माइनस 738px के रूप में की गई, और चौड़ाई की गणना आधा व्यूपोर्ट चौड़ाई माइनस स्क्रॉलबार चौड़ाई माइनस 738px के रूप में की गई। फर्नीचर रैपर आफ्टर स्यूडो-एलिमेंट में खाल
