クリストファヌ・ベリヌディヌは、英囜で史䞊最も売れおいるノンフィクション犯眪䜜家である。しかし、圌は女性や子どもに察する暎力的な虐埅者でもあるのだろうか

クリストファヌ・ベリヌディヌは、英囜で史䞊最も売れおいるノンフィクション犯眪䜜家である。しかし、圌は女性や子どもに察する暎力的な虐埅者でもあるのだろうか

これは「Guardian Headline Full」フォントファミリヌを定矩するCSSスタむルシヌトです。フォントの異なるりェむトずスタむルをそれぞれ指定する耇数の@font-faceルヌルず、さたざたな圢匏WOFF2、WOFF、TTFのフォントファむルのURLが含たれおいたす。りェむトはラむト300からセミボヌルド600たであり、ノヌマルスタむルずむタリックスタむルの䞡方が含たれおいたす。フォントファむルはガヌディアンのアセットサヌバヌでホストされおいたす。

このテキストはCSSコヌドであり、自然蚀語ではありたせん。Webペヌゞのフォントスタむルずレむアりトルヌルを定矩しおいたす。技術的なコヌドであるため、流暢な英語に曞き換えるこずは適切ではありたせん。別のテキストを共有する堎合は、それを提䟛しおいただければ喜んでお手䌝いしたす。

left: -11px。
むンタラクティブ蚘事のメむンコンテンツ列には、埋め蟌み芁玠の呚囲にマヌゞンやパディングがなく、䞊䞋に12pxのパディングがありたす。段萜の埌に埋め蟌み芁玠が続く堎合、パディングは削陀され、12pxのマヌゞンに眮き換えられたす。むンラむン芁玠は最倧幅620pxに制限されおいたす。

61.25emより広い画面では、むンラむンフィギュアも620pxに制限されたす。

ルヌプ動画のあるメディアセクションでは、キャプションが他の芁玠の䞊に配眮され、ルヌプボタンは右䞋に䜙分なスペヌスを付けお配眮されたす。ミュヌトボタンずアンミュヌトボタンは巊パディングを付けお右偎に配眮されたす。キャプションボタンはすべおの芁玠の䞊に配眮され、倧きな画面では䞋郚近くに配眮されたす。

シネマグラフルヌプ動画の䞀皮の堎合、46.25emより広い画面では高さ制限が解陀されたす。

ボディセクションでは、セルフホスト動画は最倧幅620px、マヌゞン12pxのブロックずしお衚瀺されたす。動画ずそのルヌプフィギュアは党幅を取り、動画の高さは自動的に調敎されたす。

動画がむマヌシブモヌドに蚭定されおいる堎合、利甚可胜なスペヌスを埋めるように拡匵され、幅制限ずマヌゞンが削陀されたす。非垞に広い画面71.25em超では、動画コンテナは幅1140pxで、180px巊にシフトされ、キャプションはむンデントされたす。さらに広い画面81.25em超では、幅1300pxになり、260px巊にシフトしたす。

デザむンは特定の色を䜿甚しおいたす日付線にはグレヌ、境界線にはラむトグレヌ、キャプションにはより明るいグレヌ、キャプションテキストには半透明のダヌク背景。メむンのフィヌチャヌカラヌはダヌクレッドで、カスタムピラヌカラヌで䞊曞きできたす。

小芋出し、プルクォヌト、ブロッククォヌトはセカンダリピラヌカラヌを䜿甚し、ダヌクモヌドで調敎できたす。

埋め蟌み芁玠にはパディングがありたせん。埋め蟌み芁玠が別の芁玠たたは氎平線の盎埌に衚瀺される堎合、次の段萜には䜙分なトップマヌゞンが远加されず、䞀貫したスペヌシングが確保されたす。これはさたざたなコンテンツセクションずむンタラクティブレむアりトに適甚されたす。

これは、Webペヌゞレむアりトの特定の段萜をタヌゲットにするCSSセレクタリストです。「element-atom」、「sign-in-gate」、たたは氎平線最埌のものを陀くなどの特定の芁玠の盎埌に来る段萜に、14ピクセルのトップパディングを適甚したす。セレクタは、メむンコンテンツ、コメントボディ、フィヌチャヌボディなど、ペヌゞのさたざたなセクションをカバヌしおいたす。

CSSの2番目の郚分では、`:first-letter`疑䌌芁玠を䜿甚しお、それらの同じ段萜の最初の文字をスタむル蚭定し、ドロップキャップ効果を提䟛したす。このスタむリングは、メむンコラム、蚘事ボディ、むンタラクティブコンテンツセクションなど、さたざたなコンテナに適甚されたす。

---

以䞋は、流暢で自然な英語に曞き換えたテキストです

---

CSSルヌルは、特定のコンテンツ領域内で、氎平線や広告コンテナなどの特定の芁玠の埌の最初の段萜の最初の文字にドロップキャップスタむルを適甚したす。ドロップキャップはGuardian Headlineフォントを䜿甚し、倪字、倧きめ111px、巊にフロヌトし、倧文字のテキストです。右にマヌゞンがあり、垂盎方向に䞊に揃えられ、カスタムカラヌ倉数を䜿甚したす。

むンタラクティブコンテンツやその他のセクションでは、氎平線の埌の段萜にはトップパディングがありたせん。

これらのコンテンツ領域内のプルクォヌトは、最倧幅620pxに制限されおいたす。

ショヌケヌス芁玠の画像キャプションは静的に配眮され、最倧620pxたで党幅を取りたす。より広い画面71.25em超では、絶察配眮され、最倧幅140pxになり、さらに広い画面81.25em超では、最倧幅が220pxに増加したす。

むマヌシブ芁玠は、スクロヌルバヌの幅を考慮しお、ビュヌポヌトの党幅にわたりたす。小さな画面では、最倧幅978pxで、キャプションには氎平パディングがありたす。䞭皋床の画面では、最倧幅は738pxです。非垞に小さな画面では、芁玠は負のマヌゞンで巊にシフトされ、キャプションには远加のパディングが远加されたす。

ボディコンテンツのショヌケヌスフィギュアには、倧きな画面で負の巊マヌゞンがあり、適切に配眮されたす。

ファニチャヌラッパヌは盞察的に配眮され、61.25emより広い画面では远加のスタむリングが適甚されたすただし、ルヌルは䞍完党です。

.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 portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.75fr [standfirst-end meta-start] auto [meta-end portrait-end];
}

.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(--headerBorder);
}

.furniture-wrapper #meta、
.furniture-wrapper [data-gu-name="meta"] {
position: relative;
padding-top: 2px;
margin-right: 0;
}

.furniture-wrapper .standfirst .content__standfirst、
.furniture-wrapper #standfirst .content__standfirst、
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}

.furniture-wrapper .standfirst ul li、
.furniture-wrapper #standfirst ul li、
.furniture-wrapper [data-gu-name="standfirst"] ul li {
font-size: 20px;
}

.furniture-wrapper .standfirst li a、
.furniture-wrapper .standfirst a、
.furniture-wrapper #standfirst li a、
.furniture-wrapper #standfirst a、
.furniture-wrapper [data-gu-name="standfirst"] li a、
.furniture-wrapper [data-gu-name="standfirst"] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
text-decoration-thickness: 1px;
}

.furniture-wrapper .standfirst li a:hover、
.furniture-wrapper .standfirst a:hover、
.furniture-wrapper #standfirst li a:hover、
.furniture-wrapper #standfirst a:hover、
.furniture-wrapper [data-gu-name="standfirst"] li a:hover、
.furniture-wrapper [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--new-pillar-colour);
}

.furniture-wrapper .standfirst p:first-of-type、
.furniture-wrapper #standfirst p:first-of-type、
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorder);
padding-bottom: 0;
}

@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type、
.furniture-wrapper #standfirst p:first-of-type、
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}

@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role="inline"].element {
max-width: 630px;
}
}

@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before、
.furniture-wrapper [data-gu-name="meta"]:before {
content: "";
width: 540px;
position: absolute;
top: 0;
background-color: var(--headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p、
.furniture-wrapper #standfirst p、
.furniture-wrapper [data-gu-name="standfirst"] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before、
.furniture-wrapper #standfirst:before、
.furniture-wrapper [data-gu-name="standfirst"]:before {
content: "";
width: 1px;
background-color: var(--headerBorder);
height: 100%;
position: absolute;
top: 0;
left: 0.5px;
}
}

@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.75fr [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before、
.furniture-wrapper [data-gu-name="meta"]:before {
width: 620px;
}
.furniture-wrapper .standfirst:before、
.furniture-wrapper #standfirst:before、
.furniture-wrapper [data-gu-name="standfirst"]:before {
left: -0.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(0.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;
}

:root {
--new-pillar-colour: var(--darkmode-pillar, var(--darkModeFeature)) !important;
--headerBorderColor: #606060;
--darkModeFeature: #ff5943;
}

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%;
}
}

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 #standfirst li a:hover,.furniture-wrapper [data-gu-name=standfirst] a:hover,.furniture-wrapper [data-gu-name=standfirst] li a:hover{border-bottom:none;text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{color:#dcdcdc}@media (min-width: 61.25em){.furniture-wrapper .standfirst p:first-of-type,.furniture-wrapper #standfirst p:first-of-type,.furniture-wrapper [data-gu-name=standfirst] p:first-of-type{bo

このテキストはCSSコヌドのように芋えるため、自然蚀語の散文ずしお曞き盎すこずはできたせん。曞き盎しおほしい英語の文章を提䟛しおいただけたすか

以䞋は、流暢で自然な英語に曞き換えたテキストです

これは「Guardian Headline Full」フォントファミリヌの@font-faceルヌルのセットです。各ルヌルはフォントの異なるスタむルたたはりェむトを定矩し、ガヌディアンのりェブサむトでホストされおいるファむルを䜿甚したす。圢匏には、ブラりザ間の互換性のためにWOFF2、WOFF、TTFが含たれたす。りェむトはレギュラヌ400からブラック900たであり、ノヌマルスタむルずむタリックスタむルの䞡方が利甚可胜です。

このテキストはCSSコヌドのように芋え、自然蚀語ではありたせん。りェブサむトおそらくガヌディアンのフォントスタむルずレむアりトルヌルを定矩しおいたす。技術的なコヌドであるため、「流暢で自然な英語」に曞き換えるこずは適切ではありたせん。ブラりザが読むためのものであり、人が読むためのものではないからです。必芁であれば、このコヌドが䜕をするのかを平易な英語で説明できたす。

iOSおよびAndroidデバむスでは、蚘事コンテナのファニチャヌラッパヌ内のラベルは、倪字テキストでスタむル蚭定され、Guardianヘッドラむンフォントファミリヌを䜿甚し、ピラヌカラヌに埓っお色付けされ、倧文字のテキストになっおいたす。

iOSずAndroidの䞡方で、ファニチャヌラッパヌ内のメむンヘッドラむンは32ピクセル、倪字、䞋に12ピクセルのパディングがあり、ダヌクほが黒に色付けされおいたす。

䞡プラットフォヌムのファニチャヌラッパヌ内の画像は、盞察的に配眮され、䞊に14ピクセルのマヌゞン、巊にわずかに負のマヌゞンがあり、画面の党幅スクロヌルバヌを考慮にわたっお䌞びたす。画像自䜓、そのリンク、内郚コンテナは透明な背景を持ち、自然な高さを維持したす。

䞡プラットフォヌムのファニチャヌラッパヌ内のスタンドファヌスト導入テキストには、䞊䞋にパディングがあり、画面の端に適切に揃えるために右にわずかに負のマヌゞンがありたす。

.ment-article-container .furniture-wrapper .standfirst__inner p {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
}

body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a、
body.ios #feature-article-container .furniture-wrapper .standfirst__inner a、
body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a、
body.ios #standard-article-container .furniture-wrapper .standfirst__inner a、
body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a、
body.ios #comment-article-container .furniture-wrapper .standfirst__inner a、
body.android #feature-article-container .furniture-wrapper .standfirst__inner li a、
body.android #feature-article-container .furniture-wrapper .standfirst__inner a、
body.android #standard-article-container .furniture-wrapper .standfirst__inner li a、
body.android #standard-article-container .furniture-wrapper .standfirst__inner a、
body.android #comment-article-container .furniture-wrapper .standfirst__inner li a、
body.android #comment-article-container .furniture-wrapper .standfirst__inner a {
color: var(--new-pillar-colour) !important;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
border-bottom: none;
}

body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a:hover、
body.ios #feature-article-container .furniture-wrapper .standfirst__inner a:hover、
body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a:hover、
body.ios #standard-article-container .furniture-wrapper .standfirst__inner a:hover、
body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a:hover、
body.ios #comment-article-container .furniture-wrapper .standfirst__inner a:hover、
body.android #feature-article-container .furniture-wrapper .standfirst__inner li a:hover、
body.android #feature-article-container .furniture-wrapper .standfirst__inner a:hover、
body.android #standard-article-container .furniture-wrapper .standfirst__inner li a:hover、
body.android #standard-article-container .furniture-wrapper .standfirst__inner a:hover、
body.android #comment-article-container .furniture-wrapper .standfirst__inner li a:hover、
body.android #comment-article-container .furniture-wrapper .standfirst__inner a:hover {
text-decoration-color: var(--new-pillar-colour);
}

body.ios #feature-article-container .furniture-wrapper .meta、
body.ios #standard-article-container .furniture-wrapper .meta、
body.ios #comment-article-container .furniture-wrapper .meta、
body.android #feature-article-container .furniture-wrapper .meta、
body.android #standard-article-container .furniture-wrapper .meta、
body.android #comment-article-container .furniture-wrapper .meta {
margin: 0;
}

body.ios #feature-article-container .furniture-wrapper .meta .byline、
body.ios #feature-article-container .furniture-wrapper .meta .byline__author、
body.ios #feature-article-container .furniture-wrapper .meta span.byline__author a、
body.ios #feature-article-container .furniture-wrapper .meta .meta__byline span、
body.ios #standard-article-container .furniture-wrapper .meta .byline、
body.ios #standard-article-container .furniture-wrapper .meta .byline__author、
body.ios #standard-article-container .furniture-wrapper .meta span.byline__author a、
body.ios #standard-article-container .furniture-wrapper .meta .meta__byline span、
body.ios #comment-article-container .furniture-wrapper .meta .byline、
body.ios #comment-article-container .furniture-wrapper .meta .byline__author、
body.ios #comment-article-container .furniture-wrapper .meta span.byline__author a、
body.ios #comment-article-container .furniture-wrapper .meta .meta__byline span、
body.android #feature-article-container .furniture-wrapper .meta .byline、
body.android #feature-article-container .furniture-wrapper .meta .byline__author、
body.android #feature-article-container .furniture-wrapper .meta span.byline__author a、
body.android #feature-article-container .furniture-wrapper .meta .meta__byline span、
body.android #standard-article-container .furniture-wrapper .meta .byline、
body.android #standard-article-container .furniture-wrapper .meta .byline__author、
body.android #standard-article-container .furniture-wrapper .meta span.byline__author a、
body.android #standard-article-container .furniture-wrapper .meta .meta__byline span、
body.android #comment-article-container .furniture-wrapper .meta .byline、
body.android #comment-article-container .furniture-wrapper .meta .byline__author、
body.android #comment-article-container .furniture-wrapper .meta span.byline__author a、
body.android #comment-article-container .furniture-wrapper .meta .meta__byline span {
/ ここでは特定のスタむルは定矩されおいたせん /
}

Androidでは、蚘事セクションずコメントセクションのバむラむンず著者リンクは、テキストにピラヌカラヌを䜿甚したす。iOSでは、同じスタむリングが適甚されたす。

iOSずAndroidの䞡方で、これらのセクションのメタ情報領域には䜙分なパディングがありたせん。その領域のアむコンSVG芁玠などは、ストロヌクにピラヌカラヌを䜿甚したす。

ショヌケヌス芁玠のキャプションボタンは、䞡プラットフォヌムで同じようにスタむル蚭定されおいたす小さな䞭倮揃えのボタン28×28ピクセルで、5ピクセルのパディングがあり、右から14ピクセルの䜍眮に配眮されたす。

iOSずAndroidの䞡方で、メむンの蚘事ボディには巊右に12ピクセルのパディングがありたす。

蚘事ボディ内のサムネむルやむマヌシブではない画像暙準やショヌケヌスなどは、画面の党幅から24ピクセルパディングを考慮ずスクロヌルバヌの幅を匕いた幅を取りたす。それらのキャプションは同じレむアりトルヌルに埓いたす。

むマヌシブではない芁玠の堎合、キャプションにはパディングがないようにする必芁がありたす。

iOSおよびAndroidデバむスで、蚘事ボディ内の画像がむマヌシブである堎合、スクロヌルバヌの幅を考慮しお、画面の党幅にわたっお䌞びるようにする必芁がありたす。

これらのデバむスの蚘事ボディ内の匕甚ブロッククォヌトでは、匕甚笊はピラヌカラヌを䜿甚する必芁がありたす。

iOSおよびAndroidの蚘事ボディ内のリンクは、プラむマリピラヌカラヌでスタむル蚭定され、背景画像なし、6pxオフセットの䞋線付きにする必芁がありたす。䞋線の色はヘッダヌボヌダヌず䞀臎する必芁がありたす。これらのリンクにホバヌするず、䞋線の色はピラヌカラヌに倉わる必芁がありたす。

ダヌクモヌドでは、ファニチャヌラッパヌ蚘事ヘッダヌを含むはダヌク背景を持぀必芁がありたす。このラッパヌ内のラベル、ヘッドラむン、スタンドファヌストテキスト、リンクは適切な色を䜿甚する必芁がありたすラベルずリンクはピラヌカラヌ、ヘッドラむンはヘッダヌボヌダヌカラヌ、スタンドファヌストテキストはヘッダヌボヌダヌカラヌ。

このテキストはCSSコヌドのブロックのように芋え、自然蚀語ではありたせん。りェブサむトおそらくガヌディアンの蚘事ペヌゞのセレクタずスタむルルヌルが含たれおいたす。技術的なコヌドであるため、機胜を倉えずに「流暢で自然な英語」に曞き換えるこずは適切ではありたせん。別のテキストを提䟛する堎合は、それを共有しおいただければ曞き換えをお手䌝いしたす。

これはCSSコヌドのブロックであり、自然な英語で曞き換えるべきテキストではありたせん。Webペヌゞのセレクタずスタむルルヌルが含たれおいたす。別のテキストを提䟛する堎合は、それを共有しおいただければ喜んでお手䌝いしたす。

このテキストはCSSセレクタのリストのように芋え、自然蚀語の文章ではありたせん。Webスタむリングに䜿甚される技術的なコヌドで構成されおおり、さたざたなデバむスiOSおよびAndroidのさたざたな蚘事コンテナ内の段萜の最初の文字をタヌゲットにしおいたす。散文ではないため、技術的な意味を倉えずに流暢な英語に曞き換えるこずはできたせん。必芁であれば、それが䜕をするのかを説明したり、別の目的のために簡玠化するのを手䌝ったりできたす。どのように進めたいか教えおください。

これはCSSコヌドのブロックであり、自然な

Related Posts

「ほずんど䜕にでも合う良い響き」『Choosin' Texas』が今幎最倧のヒット曲になった理由
「ほずんど䜕にでも合う良い響き」『Choosin' Texas』が今幎最倧のヒット曲になった理由
今週、゚ラ・ラングレヌがホむットニヌ・ヒュヌストンずマラむア・キャリヌが保持しおいたチャヌト蚘録を砎った。圌女のカントリヌ゜ング「チュヌゞン・テキサス」は、ビルボヌド・ホット100で15週連続1䜍を蚘録し、非ホリデヌシングルずしおは女性゜ロアヌティストによる最長の党米1䜍ずなった。これたでの蚘録保持者であるヒュヌストンの「オヌルりェむズ・ラノ・ナヌ」やキャリヌの「りィ・ビロング・トゥゲザヌ」は、倧芏暡で倧胆なポップの瞬間であり、チャヌトを垭巻する止められないヒットずしお玍埗できるものだった。䞀方、「チュヌゞン・テキサス」は、リラックスしたボヌカルスタむルず明らかにレトロな雰囲気を持぀ミッドテンポのツヌステップ曲だ。 ナッシュビルを拠点ずする゜ングラむタヌでベルモント倧孊の講垫でもあるノィクトリア・バンクスにずっお、この曲の気楜な雰囲気が成功の鍵だ。「スリヌパヌヒットです。控えめで、気取らないんです」ず圌女は蚀う。「曲のすべおが、人々が切望しおいるカントリヌミュヌゞックのよりシンプルな時代ぞず連れ戻しおくれたす。」 「チュヌゞン・テキサス」の歌詞は、テネシヌ州出身の女性がパヌトナヌず䞀緒に圌の故郷であるテキサス州ぞ旅し、その途䞭で「圌の心は今もロヌン・スタヌ・ステヌトに属しおいる」ず気づく物語を描いおいる。それは叀兞的なカントリヌスケヌルの倱恋であり、ラングレヌはゞェリヌ・リヌド、ロニヌ・ミルサップ、ゞョヌゞ・ストレむトによる数十幎前のヒット曲ぞの歌詞のオマヌゞュでそれを衚珟しおいる。ギタヌずペダルスティヌルに焊点を圓おたダンサブルなプロダクションは、1970幎代埌半から80幎代初頭のカントリヌヒットを思い起こさせるが、珟代的な磚きがかかっおいる。 「この曲には倚くのレトロな芁玠がありたすが、明らかに非垞に珟代的な方法で録音されおいたす」ずバンクスは蚀う。「あたりにレトロすぎお共感できないずいうこずはありたせん。」 ポップ界におけるカントリヌミュヌゞックの継続的な支配の蚌ずしお、「チュヌゞン・テキサス」は珟圚、党ゞャンルを察象ずしたホット100の党米トップ10に入っおいる5曲のカントリヌ゜ングのうちの1぀である。カントリヌミュヌゞックが女性を支揎する点で芳しくない実瞟を考えるず、これらの曲のそれぞれ——テむラヌ・スりィフトの「アむ・ニュヌ・むット、アむ・ニュヌ・ナヌ」、ステラ・レフティの「ボストン」、ラングレヌ自身の「ビヌ・ハヌ」ずモヌガン・りォヌレンずのデュ゚ット「アむ・キャント・ラノ・ナヌ・アニモア」を含む——が女性をリヌドアヌティストずしおフィヌチャヌしおいるのは偶然ではない。 歎史的に、カントリヌミュヌゞックが䞻流にクロスオヌバヌするずき、そのゞャンルがルヌツからどれだけ逞脱したかに぀いおの議論が生じる。「誰かがカントリヌミュヌゞックを殺し、その心ず魂を切り取った」ずゞョヌゞ・ストレむトは、2000幎にアラン・ゞャク゜ンずデュ゚ットした「マヌダヌ・オン・ミュヌゞック・ロり」で有名に歌った。この曲は、フェむス・ヒルやロンスタヌのようなアヌティストが超スムヌズなカントリヌポップヒットで電波を支配しおいた90幎代埌半のナッシュビル業界の状態を嘆いたものだ。より最近では、ビペンセの「カりボヌむ・カヌタヌ」が、䜕がカントリヌミュヌゞックずしおカりントされ、誰がその䞀郚になるこずができるかに぀いおの終わりのない議論を匕き起こした。 「チュヌゞン・テキサス」は、䞻に巧みな゜ングラむティングのおかげで、「ポップすぎる」ずいう批刀をほずんど免れおいる。ミランダ・ランバヌト、ゞョむベス・テむラヌ、ルヌク・ディックず共䜜されたこの曲は、ツヌステップ、テキサスずテネシヌ、州間高速道路ずいったカントリヌの指暙を、感情的な物語に自然に感じられる方法で織り蟌んでいる。ゞャック・ダニ゚ルぞの必須の蚀及さえも物語䞊の目的を果たしおおり、圌女が䞀人でテネシヌりむスキヌを飲んでいるこずが重芁なのだ。 「これらのラむタヌは党員、䜕幎もナッシュビル垂堎で働いおきたした」ずバンクスは説明する。「だから、圌らがこの曲を30分ほどで曞いたず蚀っおも、それは䜕がキャッチヌで䜕が人を匕き぀けるかに぀いお、長い時間をかけお培っおきた本胜から来おいるのです。」 業界誌『カントリヌ・むンサむダヌ』のマネヌゞング゚ディタヌ、ブラむアン・マンスフィヌルドは、この曲のトワンギヌでありながらスムヌズなサりンドが、カントリヌであれアダルトコンテンポラリヌであれ、より軜いポップヒットの隣ではあたりに玠朎に聞こえる曲を避けがちな番組ディレクタヌにずっお魅力的だず述べおいる。「この曲は、ほがどんな曲ずでもうたく合いたす。そしおそれは、どんなフォヌマットでもミュヌゞックミックスを䜜成する䞊で過小評䟡されおいる郚分です」ず圌は蚀う。 この曲の倚甚途性は、ストリヌミングプレむリストにも最適だ。ルミネむトによるず、「チュヌゞン・テキサス」は今幎䞊半期だけで5億回以䞊のストリヌミングを蚘録し、カントリヌ゜ングずしお最もストリヌミングされた曲に倧差を぀けおいる。 スりィフトやシャナむア・トゥ゚むンのようなベテラン歌手からの支持に加えお、この曲はさたざたなバむラルな゜ヌシャルメディアの瞬間によっおも埌抌しされおきた。これは今日、ストリヌミングの成功にしばしば必芁ずされるものだ。10月、「チュヌゞン・テキサス」がリリヌスされた盎埌、TikTokナヌザヌのレヌン・ゎレルが、困惑した様子の牛たちの前でこの曲に合わせお解釈ダンスをする自分の動画を投皿した。そのクリップは数癟䞇回の芖聎を獲埗し、ゎレルは最終的にそのダンスをグランド・オヌル・オプリたで持っおいった。 次に、聞き間違いの歌詞動画が来た。1月頃、2014幎のテむラヌ・スりィフトの有名な「スタヌバックス・ラノァヌズ」の瞬間を反映しお、ナヌザヌたちはタむトルを「ゞュヌ・むン・テキサス」や「ゞュヌ・アンド・タクシヌズ」ず聞き間違えたず䞻匵する動画を投皿し始めた。たた、「ドリンキング・ゞャック・オヌル・バむ・マむセルフ」を「ドリンク・アンド・ゞャック・オフ・バむ・マむセルフ」ず聞いたず報告する人もいた。ラングレヌは4月、ポッドキャスタヌのテオ・フォンずのむンタビュヌで聞き間違いの歌詞を笑い飛ばしたが、それはもちろん、そのトレンドにさらなる泚目を集めるだけだった。同じむンタビュヌからのクリップで、明らかに恋をしおいるフォンが圌の片思いの盞手の前で「ツァツィキ」ずいう蚀葉をめちゃくちゃに発音するものも、バむラルになった。 [画像説明: ラングレヌがアルバム『ダンデラむオン』のために撮圱された写真。写真提䟛: ゜ニヌ・ミュヌゞック提䟛] ゚ラ・フェラスが登堎する。ラングレヌの男性ファンベヌスは、気たずいほど真剣なリップシンク動画から、圌女のコンサヌトで恍惚ずした衚情を浮かべおいる自分たちのクリップたで、あらゆる皮類のバむラルコンテンツでその存圚を知らしめおいる。゚ラ・フェラスの誕生日パヌティヌさえあった。ラングレヌのチヌムは、人気動画を再投皿したり、最も熱心なサポヌタヌの䞀郚に゚ラ・フェラスTシャツを送ったりするこずで、このフォロワヌを育成しおきた。倚くのポップファンダム——その執着が時に反瀟䌚的になるこずがある——ず比范するず、゚ラ・フェラスは驚くほど健党で楜しいグルヌプのように芋える。 「それは人々を結び぀けるものの䞀぀です」ず、ゞョヌゞア・サザン倧孊の孊生で、カントリヌ゜ングに合わせお熱狂する自分の動画で自身の芳客を獲埗したTikTokerのハンタヌ・マッセむは蚀う。「さたざたな人生経隓、さたざたな地域の人々がいるかもしれたせんが、私たちは皆、圌女の音楜ぞのこの愛を共有しおいるようで、それが私たちを゚ラ・フェラスにしおいるのです。」 マッセむは、ラングレヌのものを含め、アヌティストの曲を䜿った動画をTikTokに投皿するこずで報酬を埗る、増え続けるクリ゚むタヌの䞀人だ。圌は、自分に響かない曲のリク゚ストを断るこずもあるず蚀うが、圌女の音楜を宣䌝するこずに問題を感じたこずは䞀床もない。 圌や他の゚ラ・フェラスにずっお、魅力は圌女がどれほど地に足が぀いおいるように芋えるかにある。圌女は、「ダンデラむオン」のような曲でこのむメヌゞを匷化しおきた。その曲では「掟手なクリスタルの花瓶のために䜜られたわけじゃない」ず歌い、「サムシン・シンプル」では、「䞘の䞊の家、庭の銬」のためにスタヌの座を捚おるこずを倢想しおいる。 「圌女は掟手でも、ハリりッド的でも、そんなものではありたせん」ずマッセむは蚀う。「それが私たちが圌女を奜きな理由です。」 **よくある質問** 以䞋は、「チュヌゞン・テキサス」が、ほがどんな曲の隣でも良い音に聞こえるずいうアむデアに基づいお、今幎最倧の曲になった経緯に぀いおのFAQリストです。 **初玚レベルの質問** Q: 「チュヌゞン・テキサス」ずは䜕ですか A: それは、予想倖に今幎最倧のヒット曲ずなったカントリヌポップ゜ングです。どんなプレむリストにも簡単にフィットする、シンプルでキャッチヌなメロディヌで知られおいたす。 Q: なぜそんなに人気になったのですか A:...