「ポール・マッカートニーが私にサインを求めてきたの！」スー・ポラードが『ハイディ・ハイ！』と彼女の信じられないようなセレブとの出会いについて語る。
これはCSSコードブロックで、ウェブサイトで使用する「Guardian Headline Full」フォントファミリーを定義しています。フォントの異なるウェイト（ライト、レギュラー、ミディアム、セミボールド）とスタイル（ノーマルまたはイタリック）をそれぞれ指定する複数の@font-faceルールが含まれています。各バリエーションについて、コードはさまざまなブラウザ間での互換性を確保するために、異なる形式（WOFF2、WOFF、TTF）のフォントファイルを提供しています。フォントファイルはGuardianのアセットサーバーでホストされています。 left: -11px。 インタラクティブ記事のメインコンテンツ列には、埋め込み要素の周囲にマージンやパディングがなく、上下に12pxのパディングがあります。段落の後に埋め込み要素が続く場合、パディングは削除され、両側に12pxのマージンが置き換えられます。インライン要素は最大幅620pxに制限されています。61.25emより広い画面では、インラインとしてマークされたフィギュアも620pxに制限されます。 ループ動画を含むメディアセクションでは、キャプションはz-index 6で上に重ねられ、ループボタンは右下に配置され、下マージン40px、右マージン3pxです。ミュートボタンとアンミュートボタンは右揃えで、左パディングが追加されています。キャプションボタンは高いz-indexを持ち、大きな画面では下端から20pxの位置にあります。46.25emより広い画面のシネマグラフ動画では、高さ制限が解除されます。 ボディセクションでは、セルフホスト動画はブロックとして表示され、最大幅620px、マージン12pxです。ループ動画とそのビデオ要素は全幅に広がり、アスペクト比を維持し、中央に配置されます。ループ動画がイマーシブモードに設定されている場合、マージンなしで全幅に拡張されます。71.25emより広い画面では、イマーシブ動画は1140px幅に拡張され、180px左にシフトし、キャプションは20pxインデントされます。81.25emより広い画面では、1300pxに拡張され、260px左にシフトします。 デザインは色にCSS変数を使用しています。日付線は濃いグレー、ヘッダーボーダーは薄いグレー、キャプションは中程度のグレーで半透明の暗い背景、フィーチャーカラーは深い赤です。メインのピラーカラーはデフォルトでフィーチャーカラーになります。小見出し、プルクォート、ブロッククォートはセカンダリピラーカラーを使用し、ダークモードでは異なる色合いに適応します。 インタラクティブコンテンツ列には、埋め込み要素の周囲にパディングがありません。埋め込み要素が別の要素または水平ルールの直後に表示される場合、後続の段落には追加のトップマージンがありません。これは、メインの記事本文やインタラクティブセクションを含むさまざまなコンテナタイプに適用されます。 .furniture-wrapper { display: grid; grid-column-gap: 20px; grid-row-gap: 0px; grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end...