死、盗作スキャンダル、そして復讐の追求:オットー・Zの奇妙な物語

死、盗作スキャンダル、そして復讐の追求:オットー・Zの奇妙な物語
@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) {インタラクティブ記事のメインコンテンツカラムには、1px solid #dcdcdcの左ボーダーがあり、-10pxに配置され、z-indexは-1です。画面幅が少なくとも81.25emの場合、このボーダーは-11pxに移動します。このカラム内のAtom要素には上下のマージンがなく、上下に12pxのパディングがあります。段落の後にAtom要素が続く場合、パディングは削除され、上下に12pxのマージンに置き換えられます。インライン要素は幅620pxに制限され、画面幅が少なくとも61.25emの場合、インラインfigureも最大620pxです。 メディアセクションにループするfigureが含まれる場合、figcaption(非表示でない限り)はz-index 6になります。ビデオループボタンは下部に配置され、下マージン40px、右マージン3pxです。ミュートおよびミュート解除コントロールコンテナは右端にあり、左パディング10pxです。キャプションボタンはz-index 100になり、画面幅が少なくとも61.25emの場合、下部から20pxの位置にあります。画面幅が少なくとも46.25emの場合、シネマグラフコンテナには最大高さの制限がありません。 本文内のセルフホスト型ビデオアイランドは、最大620pxの全幅で、ブロックとして表示され、上下に12pxのマージンがあります。それらのループするfigureとビデオは全幅、自動高さ、最大620px、中央揃えです。ループするfigureがイマーシブビデオ要素の場合、アイランドは全幅に拡大し、垂直マージン12pxになり、figureとビデオは最大幅と中央揃えを失います。画面幅が少なくとも71.25emの場合、イマーシブアイランドは幅1140pxになり、左に180pxシフトし、figcaptionは左マージン20pxになります。画面幅が少なくとも81.25emの場合、幅1300pxになり、左に260pxシフトします。 ルートはいくつかのカスタムプロパティを定義します:datelineカラー #606060、ヘッダーボーダー #dcdcdc、キャプションテキスト #999、キャプション背景 hsla(0, 0%, 7%, .72)、featureカラー #c70000、およびプライマリピラーまたはfeatureカラーにフォールバックする新しいピラーカラー。小見出しテキスト、プルクォートテキスト、プルクォートアイコンはセカンダリピラーカラーを使用し、ブロッククォートテキストは記事テキストカラーを使用します。ブロッククォートはセカンダリピラーから塗りつぶし色を取得します。ダークモード(カラースキームが明示的にライトに設定されていない限り)では、小見出し、プルクォート、およびそれらのアイコンがダークモードピラーカラーに切り替わり、ブロッククォートも同様です。 Atom要素にはパディングがありません。Atom要素がそのタイプの最初で、段落、サインインゲート、別のAtom、または同様のものが続く場合、続く段落は特別なスペーシングを取得します。最後ではない水平ルールの後、または広告スロットコンテナの後に段落が続く場合も同様です。あなたが提供したテキストはCSSコードであり、散文ではないため、生成する自然な英語版はありません。必要であれば、このCSSが何をするかを平易な英語で説明できます。それを流暢な英語として書き直すことはできません—それは散文ではなくCSSコードです。必要であれば、スタイルが何をするかを平易な英語で説明できます。または、書き直したい実際のテキストを共有してください。このCSSコードは、記事のヘッダー、見出し、メタデータ、スタンドファースト、ポートレートのレスポンシブレイアウトを定義します。CSS Gridを使用してこれらの要素を異なる画面サイズで配置し、ブレークポイントは61.25em、71.25em、81.25emです。レイアウトは列と行の構造を調整し、ボーダーを追加し、リンクとfigureをスタイルして、コンテンツがさまざまなデバイスで適切に表示されるようにします。ファニチャーラッパーのスタンドファーストには小さな左オフセットがあります。記事ヘッダーでは、ラベルdivに少しの上部パディングがあります。見出し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で、ポートレートグリッドエリアに配置されます。その内部divは全幅でインラインマージンがありません。61.25em以上では、下部マージンが削除されます。最大46.24emの画面では、スクロールバーを除いたビューポート全幅にわたり、左に10pxシフトします。30emから46.24emの間では、その左シフトが20pxになります。Figcaptionは下部に絶対配置され、パディングとCSS変数からの背景色とテキスト色、最大幅なし、下部マージンなし、最小高さ46pxです。内部のspanはヘッダーボーダーカラーを使用し、それらのspan内のSVGはそれで塗りつぶされます。最初のspanは非表示で、2番目は最大幅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 solidヘッダーボーダーカラーの上部ボーダーが付きます。 最小幅71.25emの場合:それらの同じスタンドファースト要素の最初の段落には上部ボーダーがありません。 ファニチャーラッパースタンドファーストリストアイテム、スタンドファーストリストアイテム、およびスタンドファーストデータ属性リストアイテム:色を#dcdcdcに設定します。 最小幅71.25emの場合:ファニチャーラッパースタンドファースト、スタンドファースト、およびスタンドファーストデータ属性のbefore疑似要素に、ヘッダーボーダーカラーの背景色が付きます。 最小幅46.25emの場合:ファニチャーラッパーbefore疑似要素にcontent、全高、top 0、絶対位置、ダーク背景色、1px solidヘッダーボーダーカラーの右ボーダー、ビューポート幅からスクロールバー幅を引いて738pxを引いた値を負の2で割った左位置、およびビューポート幅からスクロールバー幅を引いて738pxを引いた値を2で割った幅が付きます。ファニチャーラッパーafter疑似要素にcontent、全高、top 0、絶対位置、ダーク背景色、1px solidヘッダーボーダーカラーの左ボーダー、ビューポート幅からスクロールバー幅を引いて738pxを引いた値を負の2で割った右位置、およびビューポート幅からスクロールバー幅を引いて738pxを引いた値を2で割った幅が付きます。 最小幅61.25emの場合:ファニチャーラッパーbefore疑似要素にcontent、ビューポート幅からスクロールバー幅を引いて978pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて978pxを引いた値を負の2で割った左位置が付きます。ファニチャーラッパーafter疑似要素にcontent、ビューポート幅からスクロールバー幅を引いて978pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて978pxを引いた値を負の2で割った右位置が付きます。 最小幅71.25emの場合:ファニチャーラッパーbefore疑似要素にcontent、ビューポート幅からスクロールバー幅を引いて1138pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1138pxを引いた値を負の2で割った左位置が付きます。ファニチャーラッパーafter疑似要素にcontent、ビューポート幅からスクロールバー幅を引いて1138pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1138pxを引いた値を負の2で割った右位置が付きます。 最小幅81.25emの場合:ファニチャーラッパーbefore疑似要素にcontent、ビューポート幅からスクロールバー幅を引いて1298pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1298pxを引いた値を負の2で割った左位置が付きます。ファニチャーラッパーafter疑似要素にcontent、ビューポート幅からスクロールバー幅を引いて1298pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1298pxを引いた値を負の2で割った右位置が付きます。 ファニチャーラッパーkeyline-4 svgおよびlinesデータ属性svg:ストロークをヘッダーボーダーカラーに設定します。 ファニチャーラッパーメタソーシャル、メタソーシャルリストアイテムリンクspan、メタコメント、メタデータ属性メタソーシャル、メタデータ属性メタソーシャルリストアイテムリンクspan、およびメタデータ属性メタコメント:ボーダー色をヘッダーボーダーカラーに設定します。 記事本文h2およびインタラクティブコンテンツ本文h2:フォントウェイトを200に設定します。h2にstrongが含まれる場合、フォントウェイトを700に設定します。 print layout hide属性ulを持つdiv:背景画像を削除します。 rendering target apps属性を持つルート:フォローテキストを#dcdcdc、フォローアイコン塗りつぶしを新しいピラーカラー、スタンドファーストテキストを#dcdcdc、スタンドファーストリンクテキストを新しいピラーカラー、スタンドファーストリンクボーダーを新しいピラーカラー、バイラインを新しいピラーカラー、記事メタラインをヘッダーボーダーカラー、バイラインをダークモードピラーに設定します。 rendering target apps属性バイラインspanを持つルート:色を新しいピラーカラーに設定します。 rendering target apps属性バイラインspan divで、後続のFollowWapper要素があるもの:背景画像をヘッダーボーダーカラー、ヘッダーボーダーカラー1px、および透明1pxに設定します。 prefers color schemeメディアクエリの場合。2020年6月の暖かく静かな夕暮れ、オットーの年老いた母ドリアはミュンヘンのアパートで死にかけていた。彼女は目を閉じて横たわり、白髪に縁取られた青白い顔は穏やかだった。マスク、手袋、滅菌エプロンを着けたオットーは、彼女のそばの椅子でうたた寝していた。時にライナーとも名乗り、ドイツの厳格なプライバシー法により姓が「Z」としてのみ知られるオットーは、母が脳卒中を起こして彼と同居して以来、何年も彼女を看病してきた医師だった。彼は私にその夜に起きたことを話した。彼は彼女の短い息の音で目を覚まし、彼女を起こして座らせようとした。彼女の目は閉じられ、唇はすぼめられていた。彼女は呼吸を止めた。オットーは助けを求めるために電話に手を伸ばしたが、その時ドリアは目を開け、彼の目を見つめた。彼女は微笑み、最後の深い息を一つ吸い、再び目を閉じ、静かに横たわった。オットーは椅子に沈み込んだ。医師として彼は死を何度も見てきたが、実の母の死は彼をショック状態に陥れた。彼は凍りついたように、薄れゆく光の中で窓がきらめくのを見ていた。彼は66歳で、兄と父は何年も前に亡くなっていた。彼には友人がいなかった。彼はすべての時間、エネルギー、注意を母の介護に注いでおり、今その務めが突然終わったので、頼る人がいなかった。彼は即席の儀式で一人で喪に服した。彼はろうそくを灯し、彼女のベッドの四隅に金属の皿を置いた。彼は彼女のそばに座り、彼女の魂について考えた。儀式が完了すると、オットーは電話を取り、葬儀社に電話した。彼は手順を知っていた。医師として、彼は自分の母の死亡診断書を発行できた。電話を切った後、オットーは待った。それは彼が何ヶ月もの間経験することになる最後の穏やかな瞬間だった。葬儀社に電話した後、オットーは私に語ったが、彼は一晩中そして翌日の午後まで母のそばで待ち、ようやくドアをノックする音を聞いた。彼は驚いたことに、医師ではなく、廊下にいた二人の男が警察官だった。彼らは防弾チョッキを着て銃を持っていた。彼は彼らを中に招き入れ、彼らは部屋を見回した。彼は彼らを母の寝室に案内し、すぐ後ろについていったが、警官たちは彼を止め、座るように求めた。警官たちが母の遺体を検査する間、オットーは自分のオフィスに座っていた。45分が経過し、その後彼は誰かがノックもせずにアパートに入ってくるのを聞いた。背が高く、洗練された女性が近づき、ミュンヘン法医学研究所の検死官だと自己紹介し、それから寝室へ歩いていった。オットーは、検死官は