@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@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){La colonne de contenu principal pour les articles interactifs a une bordure gauche de 1px solid #dcdcdc, positionnée à -10px avec un z-index de -1. Sur les écrans d'au moins 81.25em de large, cette bordure se décale à -11px. Les éléments Atom à l'intérieur de cette colonne n'ont pas de marge supérieure ou inférieure, avec 12px de padding en haut et en bas. Lorsqu'un paragraphe est suivi d'un élément atom, le padding est supprimé et remplacé par des marges de 12px. Les éléments inline sont limités à 620px de large, et sur les écrans d'au moins 61.25em de large, les figures inline sont également limitées à 620px.
Lorsque la section média contient une figure en boucle, le figcaption (sauf s'il est masqué) obtient un z-index de 6. Le bouton de boucle vidéo s'aligne en bas avec une marge inférieure de 40px et une marge droite de 3px. Les conteneurs de contrôle mute et unmute se trouvent au bord droit avec 10px de padding gauche. Le bouton de légende obtient un z-index de 100, et sur les écrans d'au moins 61.25em de large, il se situe à 20px du bas. Sur les écrans d'au moins 46.25em de large, les conteneurs cinemagraph n'ont pas de limite de max-height.
Les îlots vidéo auto-hébergés dans la section body sont pleine largeur, limités à 620px, affichés comme des blocs avec des marges supérieure et inférieure de 12px. Leurs figures en boucle et vidéos sont pleine largeur avec une hauteur automatique, limitées à 620px, et centrées. Lorsque la figure en boucle est un élément vidéo immersif, la max-width est supprimée et les marges deviennent 12px en haut et en bas. Sur les écrans d'au moins 71.25em de large, les vidéos immersives s'étendent à 1140px de large et se décalent de 180px vers la gauche, avec les figcaptions indentés de 20px. Sur les écrans d'au moins 81.25em de large, elles s'étendent davantage à 1300px et se décalent de 260px vers la gauche.
La racine définit plusieurs propriétés personnalisées : couleur dateline #606060, bordure d'en-tête #dcdcdc, texte de légende #999, arrière-plan de légende hsla(0, 0%, 7%, .72), couleur de feature #c70000, et une nouvelle couleur de pilier qui se rabat sur le pilier primaire ou la couleur de feature. Le texte de sous-titre, le texte de pullquote et les icônes de pullquote utilisent la couleur de pilier secondaire, tandis que le texte de block quote utilise la couleur de texte de l'article. Les blockquotes utilisent le pilier secondaire comme couleur de remplissage. En mode sombre (sauf si le schéma de couleurs est explicitement défini sur clair), les sous-titres, les pullquotes et leurs icônes passent à la couleur de pilier du mode sombre, et les blockquotes utilisent le pilier du mode sombre comme remplissage.
Les éléments Atom n'ont pas de padding. Lorsqu'un élément atom est le premier de son type et est suivi d'un paragraphe, d'une porte de connexion, d'un autre atom, ou d'éléments similaires, ou lorsqu'une règle horizontale (pas la dernière) est suivie d'un paragraphe ou d'un emplacement publicitaire, des règles d'espacement spécifiques s'appliquent.Le texte que vous avez fourni est du code CSS, pas de la prose, donc il n'y a pas de version anglaise naturelle de celui-ci. C'est un ensemble de règles de style qui :
- Ajoute 14px de padding supérieur au premier paragraphe qui suit certains éléments (comme un embed atom, une porte de connexion, ou une règle horizontale) dans divers conteneurs d'articles et de commentaires.
- Applique un style de lettrine (via `:first-letter`) à ces mêmes paragraphes dans les mises en page d'articles interactifs.
Si vous le souhaitez, je peux expliquer ce que fait une partie spécifique de ce CSS en anglais simple.Je ne peux pas réécrire cela en anglais fluide et naturel. Ce n'est pas de la prose—c'est un bloc de code CSS (sélecteurs, propriétés et media queries). Le réécrire en phrases anglaises changerait son sens et briserait sa fonction, ce qui va à l'encontre du maintien du sens intact.
Si vous le souhaitez, je peux :
- Expliquer ce que fait ce CSS en anglais simple
- Reformater ou nettoyer le CSS lui-même
- Réécrire un autre passage de prose réelle
Dites-moi ce que vous préférez.Le texte fourni est du code CSS, pas de la prose, donc il ne peut pas être réécrit en anglais fluide et naturel tout en préservant son sens. Si vous le souhaitez, je peux plutôt expliquer ce que fait ce CSS en anglais simple.Le standfirst du wrapper furniture a un petit décalage à gauche. Dans l'en-tête de l'article, les divs label obtiennent un peu de padding supérieur. Le titre h1 est défini en semibold, avec une largeur maximale de 620px et une taille de police de 32px. Sur les écrans plus larges (au moins 71.25em), la largeur maximale devient 540px et la taille de police augmente à 50px. À 46.25em et au-dessus, les éléments keyline-4 et lines n'ont pas de marge droite, et à 61.25em et au-dessus ils sont masqués. Leurs SVG utilisent la couleur de bordure d'en-tête pour les traits. La section meta perd également sa marge droite à 46.25em et au-dessus. Les éléments social et comment dans meta utilisent la couleur de bordure d'en-tête pour leurs bordures, et tout gu-island dans le conteneur meta est masqué. Le standfirst est décalé de 10px vers la gauche avec un padding correspondant, et obtient 2px de padding supérieur à 46.25em et au-dessus. Ses paragraphes sont en graisse regular, 20px, avec 14px de padding inférieur. La zone média principale est positionnée relativement, sans marge supérieure et avec une marge inférieure de 2px, placée dans la zone de grille portrait. Ses divs internes prennent toute la largeur sans marges inline. À 61.25em et au-dessus, la marge inférieure est supprimée. Sur les écrans jusqu'à 46.24em, elle couvre toute la largeur du viewport moins toute barre de défilement et se décale de 10px vers la gauche ; entre 30em et 46.24em, ce décalage gauche devient 20px. Les figcaptions sont positionnés absolument en bas, avec padding et une couleur d'arrière-plan et de texte provenant de variables CSS, pas de largeur maximale, pas de marge inférieure, et une hauteur minimale de 46px. Les spans à l'intérieur utilisent la couleur de bordure d'en-tête, et les SVG à l'intérieur de ces spans sont remplis avec celle-ci. Le premier span est masqué, tandis que le second est affiché avec une largeur maximale de 90%. À 30em et au-dessus, le padding du figcaption augmente. Un figcaption masqué a une opacité nulle. Le bouton de légende est un élément de niveau bloc, positionné absolument en bas à droite, avec un arrière-plan circulaire, pas de bordure, et un peu de padding. Son SVG est légèrement réduit. À 30em et au-dessus, il se décale un peu plus à droite. Sur les écrans plus larges, la colonne principale interactive obtient un pseudo-élément avec un décalage supérieur spécifique et une hauteur. Les titres à l'intérieur de la colonne principale interactive ont une largeur maximale de 620px. En mode sombre (lorsqu'il n'est pas explicitement défini sur clair), plusieurs variables CSS sont redéfinies pour le texte de suivi, le remplissage d'icône de suivi, le texte de standfirst, le texte et la bordure de lien de standfirst, et la couleur de byline. La racine définit également une variable de couleur de nouveau pilier qui se rabat sur le pilier du mode sombre.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 #standfPremier, lien d'élément de liste au survol, lien de standfirst du wrapper furniture au survol, et lien d'élément de liste de standfirst du wrapper furniture au survol : supprimer la bordure inférieure et définir la couleur de décoration du texte sur la couleur du nouveau pilier ou la fonctionnalité du mode sombre.
Paragraphes de standfirst du wrapper furniture, paragraphes de standfirst, et paragraphes de standfirst : définir la couleur du texte sur #dcdcdc.
À une largeur minimale de 61.25em : le premier paragraphe de standfirst obtient une bordure supérieure de 1px solid de la couleur de bordure d'en-tête.
À une largeur minimale de 71.25em : la bordure supérieure du premier paragraphe de standfirst est supprimée.
Éléments de liste de standfirst du wrapper furniture, éléments de liste de standfirst, et éléments de liste de standfirst : définir la couleur du texte sur #dcdcdc.
À une largeur minimale de 71.25em : le pseudo-élément before du standfirst obtient une couleur d'arrière-plan de la couleur de bordure d'en-tête.
À une largeur minimale de 46.25em : le pseudo-élément before du wrapper furniture a un contenu vide, une hauteur complète, top 0, position absolue, couleur d'arrière-plan sombre, bordure droite de 1px solid de la couleur de bordure d'en-tête, décalage gauche calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par négatif 2, et largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par 2. Le pseudo-élément after du wrapper furniture a un contenu vide, une hauteur complète, top 0, position absolue, couleur d'arrière-plan sombre, bordure gauche de 1px solid de la couleur de bordure d'en-tête, décalage droit calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par négatif 2, et largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par 2.
À une largeur minimale de 61.25em : le pseudo-élément before du wrapper furniture a un contenu vide, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par 2, et un décalage gauche calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par négatif 2. Le pseudo-élément after du wrapper furniture a un contenu vide, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par 2, et un décalage droit calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par négatif 2.
À une largeur minimale de 71.25em : le pseudo-élément before du wrapper furniture a un contenu vide, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par 2, et un décalage gauche calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par négatif 2. Le pseudo-élément after du wrapper furniture a un contenu vide, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par 2, et un décalage droit calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par négatif 2.
À une largeur minimale de 81.25em : le pseudo-élément before du wrapper furniture a un contenu vide, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par 2, et un décalage gauche calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par négatif 2. Le pseudo-élément after du wrapper furniture a un contenu vide, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par 2, et un décalage droit calculé à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par négatif 2.
SVG keyline-4 et SVG lines du wrapper furniture : définir le stroke sur la couleur de bordure d'en-tête.
Meta social du wrapper furniture, span de lien d'élément de liste meta social, commentaire meta, meta social, span de lien d'élément de liste meta social, et commentaire meta : définir la couleur de bordure sur la couleur de bordure d'en-tête.
H2 du corps de l'article et h2 du corps de contenu interactif : définir la graisse de police sur 200. Si le h2 contient strong, définir la graisse de police sur 700.
Div avec data-print-layout hide ul : supprimer l'image d'arrière-plan.
Racine avec data-rendering-target apps : définir follow text sur #dcdcdc, follow icon fill sur la couleur du nouveau pilier, standfirst text sur #dcdcdc, standfirst link text sur la couleur du nouveau pilier, standfirst link border sur la couleur du nouveau pilier, byline sur la couleur du nouveau pilier, article meta lines sur la couleur de bordure d'en-tête, et byline sur le pilier du mode sombre.
Racine avec data-rendering-target apps byline span : définir la couleur sur la couleur du nouveau pilier.
Racine avec data-rendering-target apps byline span div qui a un élément FollowWapper suivant : définir l'image d'arrière-plan sur la couleur de bordure d'en-tête, la couleur de bordure d'en-tête 1px, et transparent 1px.
À prefers-color-schemeColin Kaepernick se réveille encore à 4h30 chaque matin pour s'entraîner. « Entraînement de force, entraînement de vitesse, entraînement de position—je fais encore tous les mêmes entraînements que je faisais quand je jouais », dit-il joyeusement. « Ensuite, je passe le reste de ma journée. » Cela fait presque 10 ans que Kaepernick n'a pas joué un match de football de haut niveau. Sa carrière a été soudainement et cruellement interrompue alors qu'elle atteignait son apogée, après que la National Football League (NFL) a essentiellement serré les rangs et l'a exclu pour être trop politique. Maintenant, à 38 ans, il sait que ses chances de revenir diminuent de jour en jour, mais il reste aussi prêt à jouer que jamais. « Je reste implacable là-dessus », poursuit-il dans son drawl facile. « Je le regarde du point de vue de : "Quelles sont les choses que je peux contrôler ?" Et ce que je sais que je peux contrôler, c'est d'être préparé pour quand une opportunité se présente, et aussi de continuer à frapper aux portes moi-même, en cherchant des moyens et des opportunités… juste rester résilient et concentré et discipliné—c'est ce qui m'a amené à ce point de ma vie. »
L'histoire de Kaepernick est définie par ce qui s'est passé fin 2016, quand il a refusé à plusieurs reprises de se lever pour l'hymne national avant le match—ce qui a conduit à des huées sur le terrain, des insultes et de l'indignation en dehors, et à l'exclusion du sport qu'il aime encore. À l'époque, il était l'un des plus grands noms du jeu : quarterback des San Francisco 49ers, une célébrité nationale, sponsorisé par de grandes marques. Rétrospectivement, ses actions ont alimenté tant de choses qui se sont produites depuis : la montée de Donald Trump, les protestations de Black Lives Matter et un règlement de comptes mondial avec le racisme, puis la réaction contre ce qu'on appelle maintenant « Woke 1.0 », et la résurgence d'un nationalisme blanc que les États-Unis supposaient complaisamment être du passé.
À travers tout cela, Kaepernick est resté principalement silencieux. Il a rarement parlé aux médias et s'est abstenu de faire des déclarations publiques. Pourquoi, je demande. Il y a sûrement eu des moments où il voulait s'exprimer ?
« Oh, absolument », répond-il. « Mais je reviens à : qu
