이곳이 민주주의가 전체주의를 이기는 곳이다': 우크라이나의 드론 타격 부대, 러시아에 맞서 싸움을 걸다
이것은 웹사이트의 사용자 정의 글꼴을 정의하는 CSS 코드 블록입니다. "Guardian Headline Full" 글꼴 패밀리를 라이트, 레귤러, 미디엄, 세미볼드와 같은 다양한 스타일과 굵기로 설정하며, 각각 일반 및 이탤릭 버전이 있습니다. 이 코드는 브라우저 간 호환성을 위해 WOFF2, WOFF, TTF와 같은 다양한 형식을 사용하여 글꼴 파일을 로드할 위치를 지정합니다.이것은 Guardian 타이포그래피의 글꼴 페이스를 정의하는 CSS 스타일시트입니다. "Guardian Headline Full" 및 "Guardian Titlepiece" 글꼴 패밀리에 대해 다양한 글꼴 파일(WOFF2, WOFF, TTF 형식)을 로드하며, 각각에 대해 다양한 굵기(라이트, 레귤러, 볼드, 블랙)와 스타일(일반 또는 이탤릭)을 지정합니다. URL은 Guardian의 에셋 서버에 호스팅된 글꼴 파일을 가리킵니다.이것은 "Guardian Headline Full" 글꼴 패밀리를 정의하는 CSS 스타일시트입니다. 레귤러, 이탤릭, 미디엄, 세미볼드, 볼드, 블랙과 같은 다양한 굵기와 스타일에 대한 여러 글꼴 파일이 포함되어 있습니다. 각 글꼴 페이스는 다양한 브라우저 간 호환성을 보장하기 위해 WOFF2, WOFF, TTF와 같은 다양한 형식으로 Guardian의 에셋 서버에서 로드됩니다. 스타일은 400(일반)에서 900(블랙)까지 각 변형에 대한 글꼴 굵기와 스타일을 지정하며, 해당하는 경우 이탤릭 버전도 포함됩니다.이것은 자연스러운 영어로 다시 쓸 텍스트가 아닌 CSS 코드 블록입니다. 웹페이지의 글꼴 스타일과 레이아웃 규칙을 정의합니다. 다른 텍스트를 제공하려는 경우 공유해 주시면 유창하고 자연스러운 영어로 다시 작성해 드리겠습니다.몰입형 캡션이 있는 인터랙티브 그리드 그림의 경우, 캡션 스타일링은 상단에 4px, 하단에 0의 패딩을 적용합니다. 주요 기사 본문, 인터랙티브 콘텐츠 섹션, 댓글 섹션 및 피처 본문 영역에서 라인 및 메타 정보의 그리드 요소는 행 2, 열 1에서 행 5, 열 2에 걸친 그리드 영역에 배치됩니다. 라인 요소는 상단 여백 5px로 콘텐츠에 맞게 높이가 설정되고, 메타 요소는 상단 여백 18px를 갖습니다. 화면 너비가 81.25em 이상인 경우 그리드 템플릿 열은 219px, 1px, 620px, 80px 및 300px로 설정됩니다. iOS 및 Android 기기에서 기사 헤더의 스탠드퍼스트 텍스트는 Guardian Headline 글꼴 패밀리를 미디엄 굵기로 사용하며, 섹션 키커는 첫 글자가 대문자로 표시되는 블록으로 표시됩니다. keyline-4 클래스는 상단 패딩을 12px 추가합니다. 메타 섹션의 바이라인 작성자 이름은 Guardian Headline 글꼴을 볼드 굵기로 사용하며, 그 안의 링크도 볼드 처리됩니다. 기사 그림의 이미지는 높이가 자동으로 설정되고, 요소 원자 다음의 단락에는 상단 여백이 없습니다. Guardian Headline Full 글꼴은 다양한 글꼴 파일 형식을 사용하여 라이트 및 라이트 이탤릭 스타일로 정의됩니다.제공하신 텍스트는 웹 글꼴을 정의하는 CSS 코드이므로 유창한 영어로 다시 쓸 수 있는 자연어 콘텐츠가 아니기 때문에 이 요청을 도와드릴 수 없습니다. 다른 텍스트가 있으면 공유해 주시면 기꺼이 다시 작성해 드리겠습니다.다음은 유창하고 자연스러운 영어로 다시 쓴 텍스트입니다:
```
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}@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){.content__main-column--interactive:before{border-left:1px solid #dcdcdc;z-index:-1;left:-10px}}@media (min-width: 81.25em){.content__main-column--interactive:before{border-left:1px solid #dcdcdc;left:-11px}}.content__main-column--interactive .element-atom{margin-top:0;margin-bottom:0;padding-bottom:12px;padding-top:12px}.content__main-column--interactive p+.element-atom{padding-top:0;padding-bottom:0;margin-top:12px;margin-bottom:12px}.content__main-column--interactive .element-inline{max-width:620px}@media (min-width: 61.25em){figure[data-spacefinder-role=inline].element{max-width:620px}}[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden){z-index:6}[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop]{align-self:flex-end;margin-bottom:40px;margin-right:3px}[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=mute-icon]) {
right: 0;
padding-left: 10px;
}
[data-gu-name=media]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name=media]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name=media]:has(figure.cinemagraph) .cinemagraph>div {
max-height: unset;
}
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme=light]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme=light]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
#article-body>div .element-atom:first-of-type+p:first-of-type,
#article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
#article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
#article-body>div hr:not(.last-horizontal-rule)+p,
.content--interactive>div .element-atom:first-of-type+p:first-of-type,
.content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
.content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
.content--interactive>div hr:not(.last-horizontal-rule)+p,
#comment-body .element-atom:first-of-type+p:first-of-type,
#comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
#comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
#comment-body hr:not(.last-horizontal-rule)+p,
[data-gu-name=body] .element-atom:first-of-type+p:first-of-type,
[data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
[data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p,
#feature-body .element-atom:first-of-type+p:first-of-type,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
#feature-body hr:not(.last-horizontal-rule)+p {
padding-top: 14px;
}
#article-body>div .element-atom:first-of-type+p:first-of-type:first-letter,
#article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#article-body>div hr:not(.last-horizontal-rule)+p:first-letter,
.content--interactive>div .element-atom:first-of-type+p:first-of-type:first-letter,
.content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
.content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
.content--interactive>div hr:not(.last-horizontal-rule)+p:first-letter,
#comment-body .element-atom:first-of-type+p:first-of-type:first-letter,
#comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#comment-body hr:not(.last-horizontal-rule)+p:first-letter,
[data-gu-name=body] .element-atom:first-of-type+p:first-of-type:first-letter,
[data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
[data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter,
#feature-body .element-atom:first-of-type+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#feature-body hr:not(.last-horizontal-rule)+p:first-letter {
/ 여기에는 특정 스타일이 정의되어 있지 않으며 선택자만 있습니다 /
}이것은 자연스러운 영어로 다시 쓸 텍스트가 아닌 CSS 코드 블록입니다. 웹사이트(아마 Guardian의 기사 페이지)에 대한 선택자와 스타일 규칙이 포함되어 있습니다. 원하시면 이 CSS가 무엇을 하는지 평이한 영어로 설명해 드리거나, 다시 작성할 다른 텍스트를 제공해 주실 수 있습니다. 어떻게 진행할지 알려주세요!figure.element.element--showcase.element-showcase,
[data-gu-name="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -240px !important;
}
@media (min-width: 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);
}
.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 [data-gu-name="standfirst"]:before {
left: 0.5px;
}
}
.furniture-wrapper .standfirst,
.furniture-wrapper #standfirst,
.furniture-wrapper [data-gu-name="standfirst"] {
margin-left: 10px;
padding-left: 10px;
}
.furniture-wrapper #headline .content__labels,
.furniture-wrapper #headline .content__series-label,
.furniture-wrapper [data-gu-name="headline"] .content__labels,
.furniture-wrapper [data-gu-name="headline"] .content__series-label,
.furniture-wrapper .headline .content__labels,
.furniture-wrapper .headline .content__series-label {
padding-top: 4px;
}
.furniture-wrapper #headline h1,
.furniture-wrapper [data-gu-name="headline"] h1,
.furniture-wrapper .headline h1 {
font-weight: 700;
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,
.furniture-wrapper #lines,
.furniture-wrapper [data-gu-name="keyline"],
.furniture-wrapper [data-gu-name="lines"] {
margin-right: 0;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper #keyline,
.furniture-wrapper #lines,
.furniture-wrapper [data-gu-name="keyline"],
.furniture-wrapper [data-gu-name="lines"] {
display: none;
}
}
.furniture-wrapper #lines,
.furniture-wrapper [data-gu-name="lines"] {
stroke: var(--headerBorder);
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name="meta"] {
margin-right: 0;
}
@media (min-width: 46.25em) {
.furniture-wrapper #meta .social__item,
.furniture-wrapper #meta .social-icon,
.furniture-wrapper #meta .comment-count,
.furniture-wrapper #meta .comment-count__value,
.furniture-wrapper #meta .meta__border,
.furniture-wrapper [data-gu-name="meta"] .social__item,
.furniture-wrapper [data-gu-name="meta"] .social-icon,
.furniture-wrapper [data-gu-name="meta"] .comment-count,
.furniture-wrapper [data-gu-name="meta"] .comment-count__value,
.furniture-wrapper [data-gu-name="meta"] .meta__border {
border-color: var(--headerBorder);
}
}
@media (min-width: 46.25em) {
.furniture-wrapper #meta .meta__misc,
.furniture-wrapper [data-gu-name="meta"] .meta__misc {
display: none;
}
}
.furniture-wrapper .standfirst,
.furniture-wrapper #standfirst,
.furniture-wrapper [data-gu-name="standfirst"] {
margin-left: 10px;
padding-left: 10px;
}
@media (min-width: 46.25em) {
.furniture-wrapper .standfirst,
.furniture-wrapper #standfirst,
.furniture-wrapper [data-gu-name="standfirst"] {
padding-top: 4px;
}
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
font-weight: 400;
font-size: 20px;
padding-bottom: 4px;
}
.furniture-wrapper #main-media,
.furniture-wrapper [data-gu-name="media"] {
position: relative;
margin-top: 0;
margin-bottom: 4px;
width: 100%;
}
@media (min-width: 46.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;
}
}
.furniture-wrapper #main-media figcaption,
.furniture-wrapper [data-gu-name="media"] figcaption {
position: absolute;
bottom: 0;
background-color: var(--captionBackground);
color: var(--captionText);
padding: 8px 12px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.furniture-wrapper #main-media figcaption .caption__inner,
.furniture-wrapper [data-gu-name="media"] figcaption .caption__inner {
display: none;
}
.furniture-wrapper #main-media figcaption .caption__text,
.furniture-wrapper [data-gu-name="media"] figcaption .caption__text {
display: block;
width: calc(100% - 40px);
}
@media (max-width: 46.24em) {
.furniture-wrapper #main-media figcaption,
.furniture-wrapper [data-gu-name="media"] figcaption {
padding: 8px 16px;
}
}
.furniture-wrapper #main-media #caption-button,
.furniture-wrapper [data-gu-name="media"] #caption-button {
position: absolute;
bottom: 8px;
right: 8px;
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
z-index: 10;
}
.furniture-wrapper #main-media #caption-button svg,
.furniture-wrapper [data-gu-name="media"] #caption-button svg {
width: 24px;
height: 24px;
transform: scale(0.8);
}
@media (min-width: 81.25em) {
.content__main-column--interactive {
margin-top: -4px;
height: calc(100% + 4px);
}
}
.content__main-column--interactive h2 {
max-width: 620px;
}
@media (prefers-color-scheme: dark) {
body.ios:not([data-color-scheme=light]) {
--feature: #ff7f0f;
--darkmode-pillar: #ff7f0f;
--new-pillar-colour: var(--darkmode-pillar);
}
}
body.ios #feature-article-container .furniture-wrapper .standfirst__inner p:first-of-type:first-letter {
color: var(--new-pillar-colour);
}이것은 다시 쓰기 위한 텍스트가 아닌 기술적인 CSS 스타일시트입니다. 웹사이트에 대한 선택자와 스타일 규칙이 포함되어 있습니다. 원하시면 그것이 무엇을 하는지 설명하거나 단순화하거나 재구성하는 데 도움을 드릴 수 있습니다. 어떻게 진행할지 알려주세요.figure.element-image {
position: relative;
margin: 14px 0 0 -10px;
width: calc(100vw - var(--scrollbar-width, 0px));
height: auto;
}
/ iOS 및 Android에서 모든 기사 유형에 대해 이미지와 해당 컨테이너를 전체 너비로 만들고 투명하게 설정 /
body.ios #feature-article-container .furniture-wrapper figure.element-image .figure__inner,
body.ios #feature-article-container .furniture-wrapper figure.element-image img,
body.ios #feature-article-container .furniture-wrapper figure.element-image a,
body.ios #standard-article-container .furniture-wrapper figure.element-image .figure__inner,
body.ios #standard-article-container .furniture-wrapper figure.element-image img,
body.ios #standard-article-container .furniture-wrapper figure.element-image a,
body.ios #comment-article-container .furniture-wrapper figure.element-image .figure__inner,
body.ios #comment-article-container .furniture-wrapper figure.element-image img,
body.ios #comment-article-container .furniture-wrapper figure.element-image a,
body.android #feature-article-container .furniture-wrapper figure.element-image .figure__inner,
body.android #feature-article-container .furniture-wrapper figure.element-image img,
body.android #feature-article-container .furniture-wrapper figure.element-image a,
body.android #standard-article-container .furniture-wrapper figure.element-image .figure__inner,
body.android #standard-article-container .furniture-wrapper figure.element-image img,
body.android #standard-article-container .furniture-wrapper figure.element-image a,
body.android #comment-article-container .furniture-wrapper figure.element-image .figure__inner,
body.android #comment-article-container .furniture-wrapper figure.element-image img,
body.android #comment-article-container .furniture-wrapper figure.element-image a {
background-color: transparent;
width: calc(100vw - var(--scrollbar-width, 0px));
height: auto !important;
}
/ iOS 및 Android에서 스탠드퍼스트(소개 단락) 간격 및 정렬 조정 /
body.ios #feature-article-container .furniture-wrapper .standfirst,
body.ios #standard-article-container .furniture-wrapper .standfirst,
body.ios #comment-article-container .furniture-wrapper .standfirst,
body.android #feature-article-container .furniture-wrapper .standfirst,
body.android #standard-article-container .furniture-wrapper .standfirst,
body.android #comment-article-container .furniture-wrapper .standfirst {
padding-top: 4px;
padding-bottom: 24px;
margin-right: -10px;
}
/ iOS 및 Android에서 스탠드퍼스트 내부 단락의 글꼴 설정 /
body.ios #feature-article-container .furniture-wrapper .standfirst__inner p,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner p,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner p,
body.android #feature-article-container .furniture-wrapper .standfirst__inner p,
body.android #standard-article-container .furniture-wrapper .standfirst__inner p,
body.android #comment-article-container .furniture-wrapper .standfirst__inner p {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
}
/ iOS 및 Android에서 스탠드퍼스트 내부 링크(목록 항목 포함) 스타일 지정 /
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 .f
