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