एक मौत, एक साहित्यिक चोरी का घोटाला, और बदले की तलाश: ओटो ज़ेड की अजीब कहानी।

@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 कोड है, गद्य नहीं, इसलिए इसे अंग्रेजी में बदलने के लिए कोई प्राकृतिक अंग्रेजी संस्करण नहीं है। यदि आप चाहें, तो मैं समझा सकता हूं कि यह CSS सादी अंग्रेजी में क्या करता है।मैं इसे धाराप्रवाह अंग्रेजी के रूप में फिर से नहीं लिख सकता—यह CSS कोड है, गद्य नहीं। यदि आप चाहें, तो मैं समझा सकता हूं कि शैलियाँ सादी अंग्रेजी में क्या करती हैं, या आप वह वास्तविक टेक्स्ट साझा कर सकते हैं जिसे आप फिर से लिखना चाहते हैं।यह CSS कोड लेख हेडर, हेडलाइन, मेटाडेटा, स्टैंडफर्स्ट और पोर्ट्रेट के लिए एक रिस्पॉन्सिव लेआउट को परिभाषित करता है। यह इन तत्वों को विभिन्न स्क्रीन आकारों में व्यवस्थित करने के लिए CSS ग्रिड का उपयोग करता है, जिसमें 61.25em, 71.25em, और 81.25em पर ब्रेकपॉइंट होते हैं। लेआउट कॉलम और रो संरचनाओं को समायोजित करता है, बॉर्डर जोड़ता है, और लिंक और फिगर को स्टाइल करता है ताकि सामग्री विभिन्न उपकरणों पर ठीक से प्रदर्शित हो।फर्नीचर रैपर के स्टैंडफर्स्ट में थोड़ा बायां ऑफसेट होता है। लेख हेडर में, लेबल डिव्स को थोड़ी सी शीर्ष पैडिंग मिलती है। हेडलाइन h1 सेमीबोल्ड पर सेट है, जिसकी अधिकतम चौड़ाई 620px और फ़ॉन्ट आकार 32px है। व्यापक स्क्रीन पर (कम से कम 71.25em), अधिकतम चौड़ाई 540px हो जाती है और फ़ॉन्ट आकार 50px तक बढ़ जाता है। 46.25em और उससे ऊपर, keyline-4 और lines तत्वों में कोई दायां मार्जिन नहीं होता है, और 61.25em और उससे ऊपर वे छिपे होते हैं। उनके SVG हेडर बॉर्डर रंग का उपयोग स्ट्रोक के लिए करते हैं। मेटा अनुभाग भी 46.25em और उससे ऊपर अपना दायां मार्जिन खो देता है। मेटा के भीतर सोशल और कमेंट तत्व अपने बॉर्डर के लिए हेडर बॉर्डर रंग का उपयोग करते हैं, और मेटा कंटेनर के अंदर कोई भी gu-island छिपा होता है। स्टैंडफर्स्ट को 10px बाईं ओर स्थानांतरित किया जाता है और मिलान पैडिंग के साथ, और 46.25em और उससे ऊपर 2px की शीर्ष पैडिंग मिलती है। इसके पैराग्राफ नियमित वजन, 20px, 14px निचली पैडिंग के साथ होते हैं। मुख्य मीडिया क्षेत्र अपेक्षाकृत स्थित है, कोई शीर्ष मार्जिन नहीं और 2px का निचला मार्जिन, पोर्ट्रेट ग्रिड क्षेत्र में रखा गया है। इसके आंतरिक डिव्स पूरी चौड़ाई लेते हैं और कोई इनलाइन मार्जिन नहीं। 61.25em और उससे ऊपर, निचला मार्जिन हटा दिया जाता है। 46.24em तक की स्क्रीन पर, यह किसी भी स्क्रॉलबार को छोड़कर पूरी व्यूपोर्ट चौड़ाई तक फैलता है और 10px बाईं ओर स्थानांतरित हो जाता है; 30em और 46.24em के बीच, वह बायां स्थानांतरण 20px हो जाता है। Figcaptions नीचे पूरी तरह से स्थित होते हैं, जिसमें पैडिंग और CSS वेरिएबल्स से बैकग्राउंड और टेक्स्ट रंग होता है, कोई अधिकतम चौड़ाई नहीं, कोई निचला मार्जिन नहीं, और न्यूनतम ऊंचाई 46px होती है। अंदर के स्पैन हेडर बॉर्डर रंग का उपयोग करते हैं, और उन स्पैन के अंदर के SVG उसी से भरे जाते हैं। पहला स्पैन छिपा होता है, जबकि दूसरा 90% की अधिकतम चौड़ाई के साथ दिखाया जाता है। 30em और उससे ऊपर, figcaption पैडिंग बढ़ जाती है। छिपे हुए figcaption की ऑपेसिटी शून्य होती है। कैप्शन बटन एक ब्लॉक-स्तरीय, पूरी तरह से स्थित तत्व है जो नीचे दाईं ओर होता है, जिसमें गोलाकार बैकग्राउंड, कोई बॉर्डर नहीं, और कुछ पैडिंग होती है। इसका SVG थोड़ा छोटा किया जाता है। 30em और उससे ऊपर, यह थोड़ा और दाईं ओर स्थानांतरित हो जाता है। व्यापक स्क्रीन पर, इंटरैक्टिव मुख्य स्तंभ को एक विशिष्ट शीर्ष ऑफसेट और ऊंचाई के साथ एक स्यूडो-एलिमेंट मिलता है। इंटरैक्टिव मुख्य स्तंभ के अंदर हेडिंग्स की अधिकतम चौड़ाई 620px होती है। डार्क मोड में (जब स्पष्ट रूप से लाइट पर सेट न हो), फॉलो टेक्स्ट, फॉलो आइकन फिल, स्टैंडफर्स्ट टेक्स्ट, स्टैंडफर्स्ट लिंक टेक्स्ट और बॉर्डर, और बायलाइन रंग के लिए कई CSS वेरिएबल्स को फिर से परिभाषित किया जाता है। रूट एक नया पिलर रंग वेरिएबल भी परिभाषित करता है जो डार्क मोड पिलर पर वापस आ जाता है।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पहला, सूची आइटम लिंक होवर, फर्नीचर रैपर स्टैंडफर्स्ट लिंक होवर, और फर्नीचर रैपर स्टैंडफर्स्ट सूची आइटम लिंक होवर: निचला बॉर्डर हटाएं और टेक्स्ट डेकोरेशन रंग को नए पिलर रंग या डार्क मोड फीचर पर सेट करें। फर्नीचर रैपर स्टैंडफर्स्ट पैराग्राफ, स्टैंडफर्स्ट पैराग्राफ, और स्टैंडफर्स्ट डेटा एट्रिब्यूट पैराग्राफ: रंग #dcdcdc पर सेट करें। न्यूनतम चौड़ाई 61.25em पर: फर्नीचर रैपर स्टैंडफर्स्ट, स्टैंडफर्स्ट, और स्टैंडफर्स्ट डेटा एट्रिब्यूट में पहले पैराग्राफ को हेडर बॉर्डर रंग का 1px ठोस शीर्ष बॉर्डर मिलता है। न्यूनतम चौड़ाई 71.25em पर: उन्हीं स्टैंडफर्स्ट तत्वों में पहले पैराग्राफ का कोई शीर्ष बॉर्डर नहीं होता है। फर्नीचर रैपर स्टैंडफर्स्ट सूची आइटम, स्टैंडफर्स्ट सूची आइटम, और स्टैंडफर्स्ट डेटा एट्रिब्यूट सूची आइटम: रंग #dcdcdc पर सेट करें। न्यूनतम चौड़ाई 71.25em पर: फर्नीचर रैपर स्टैंडफर्स्ट, स्टैंडफर्स्ट, और स्टैंडफर्स्ट डेटा एट्रिब्यूट के बिफोर स्यूडो-एलिमेंट को हेडर बॉर्डर रंग का बैकग्राउंड रंग मिलता है। न्यूनतम