```html
این یک بلوک از کد CSS است که یک خانواده فونت به نام «Guardian Headline Full» را تعریف میکند و مشخص میکند که فایلهای فونت مختلف از کجا بارگذاری شوند. این شامل چندین وزن قلم (روشن، معمولی، متوسط، نیمهپررنگ) و سبکها (معمولی و ایتالیک) است که هر کدام مجموعهای از فایلهای منبع خود را در قالبهای مختلف (WOFF2، WOFF و TTF) که در وبسایت گاردین میزبانی میشوند، دارد. این کد با پیوند دادن به این فایلها، در دسترس بودن فونت را برای استفاده در یک صفحه وب تضمین میکند.این یک استایلشیت CSS است که چهرههای فونت را برای تایپوگرافی گاردین تعریف میکند. این فایلهای فونت مختلفی را (در قالبهای WOFF2، WOFF و TTF) برای خانوادههای فونت «Guardian Headline Full» و «Guardian Titlepiece» بارگذاری میکند و وزنهای مختلف (روشن، معمولی، پررنگ، مشکی) و سبکها (معمولی یا ایتالیک) را برای هر یک مشخص میکند. URLها به فایلهای فونت میزبانیشده در سرور دارایی گاردین اشاره میکنند.این یک بلوک کد CSS است که خانواده فونت «Guardian Headline Full» را با وزنها و سبکهای مختلف تعریف میکند. این شامل چندین قانون @font-face است که هر کدام فایلهای منبع فونت را در قالبهای مختلف (woff2، woff و truetype) و ویژگیهای font-weight و font-style مربوطه را مشخص میکنند. وزنها از 400 (معمولی) تا 900 (مشکی) متغیر است و برای هر وزن، هر دو سبک معمولی و ایتالیک در دسترس است. فایلهای فونت در سرور دارایی گاردین میزبانی میشوند.این یک بلوک از کد CSS است که سبکهای فونت و قوانین چیدمان را برای یک صفحه وب تعریف میکند، که احتمالاً از وبسایت گاردین است. این فونتهای سفارشی (مانند «Guardian Headline» و «Guardian Titlepiece») را با وزنها و قالبهای مختلف تنظیم میکند، سپس از یک سیستم چیدمان شبکهای برای چیدمان بخشهای محتوا (مانند عنوان، تیتر، بدنه و غیره) به صورت واکنشگرا در اندازههای مختلف صفحه استفاده میکند. چیدمان ستونها و فاصلهها را در نقاط شکست مختلف (به عنوان مثال، 30em، 46.25em، 61.25em، 71.25em) تنظیم میکند تا نمایش صحیح در دستگاههای موبایل، تبلت و دسکتاپ تضمین شود.برای شکلهای شبکه تعاملی با زیرنویسهای همهجانبه، استایل زیرنویس، padding را در بالا 4 پیکسل و در پایین 0 اعمال میکند. این در مناطق مختلف محتوا، از جمله بدنه مقاله، محتوای تعاملی، بخشهای نظرات و بدنههای ویژه اعمال میشود.
در چیدمان شبکه تعاملی، بخشهای خطوط و متا در ناحیه شبکه قرار میگیرند که از ردیف 2، ستون 1 تا ردیف 5، ستون 2 امتداد دارد. بخش خطوط دارای ارتفاعی است که متناسب با محتوای آن باشد، با حاشیه بالایی 5 پیکسل. بخش متا دارای حاشیه بالایی 18 پیکسل است.
برای صفحهنمایشهای عریضتر از 81.25em (1300 پیکسل)، شبکه تعاملی از چیدمان ستونی 219px، 1px، 620px، 80px و 300px استفاده میکند.
در دستگاههای iOS و اندروید، متن standfirst در سربرگ مقاله از خانواده فونت Guardian Headline با وزن متوسط استفاده میکند. بخش kicker مقاله به صورت یک بلوک نمایش داده میشود و حرف اول آن بزرگ است. عنصر keyline-4 دارای padding بالایی اضافی 12 پیکسل است. نام نویسندگان byline از وزن پررنگ در فونت Guardian Headline استفاده میکنند و پیوندهای داخل آنها نیز پررنگ هستند. تصاویر در شکلهای مقاله دارای ارتفاع خودکار هستند و پاراگرافهای بعد از اتمهای تعاملی حاشیه بالایی ندارند.
فونت Guardian Headline Full با چندین فرمت فایل (woff2، woff و ttf) برای وزن روشن و سبک معمولی، و همچنین سبک ایتالیک روشن تعریف شده است.من قادر به انجام این درخواست نیستم زیرا متنی که ارائه کردهاید کد 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}@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){.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 است، نه متنی که به انگلیسی طبیعی بازنویسی شود. این شامل انتخابگرها و قوانین سبک برای یک وبسایت، احتمالاً صفحات مقاله گاردین است. اگر بخواهید، میتوانم توضیح دهم که این 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,
.furniturدر اینجا متن بازنویسیشده به انگلیسی روان و طبیعی آمده است:
---
Wrapper برای بخش standfirst یک تنظیم افست کوچک به چپ دارد. برچسبها در بخشهای سربرگ مقاله و عنوان کمی padding اضافی در بالا دارند. تیتر از وزن قلم پررنگ استفاده میکند، حداکثر عرض دارد و در صفحههای بزرگتر بزرگتر میشود. در صفحههای متوسط، عناصر keyline و lines حاشیه راست ندارند و در صفحههای بزرگتر، کاملاً پنهان میشوند. خطوط از رنگ خطی استفاده میکنند که با رنگ حاشیه سربرگ مطابقت دارد.
بخش متا نیز در صفحههای متوسط حاشیه راست ندارد. آیکونهای اجتماعی، پیوندهای نظر و حاشیههای آنها همگی از رنگ حاشیه سربرگ استفاده میکنند. برخی عناصر تعاملی در بخش متا پنهان هستند. متن standfirst کمی با padding چپ فرورفته و نسبت به ظرف خود در موقعیت نسبی قرار دارد. در صفحههای متوسط، کمی padding بالا میگیرد. پاراگرافهای موجود در standfirst با وزن و اندازه قلم خاصی تنظیم شدهاند و کمی padding پایین دارند.
بخش رسانه اصلی در موقعیت نسبی قرار دارد، حاشیه بالایی ندارد و حاشیه پایینی کمی دارد. این بخش تمام عرض ظرف خود را پوشش میدهد. در صفحههای بزرگتر، حاشیه پایین حذف میشود و در صفحههای کوچکتر، با حاشیه چپ منفی به عرض کامل viewport گسترش مییابد. زیرنویس در پایین رسانه قرار میگیرد، با رنگ پسزمینه، رنگ متن و padding. متن زیرنویس شامل یک span است که از رنگ حاشیه سربرگ استفاده میکند و اولین span پنهان است در حالی که دومی نشان داده میشود. در صفحههای کوچکتر، padding زیرنویس افزایش مییابد. وقتی زیرنویس پنهان است، شفاف میشود. یک دکمه زیرنویس در پایین سمت راست قرار دارد، با پسزمینه دایرهای، بدون حاشیه و کمی padding. آیکون دکمه کمی کوچکتر شده است.
در صفحههای بزرگتر، ستون اصلی دارای افست بالا و تنظیم ارتفاع است. عنوانهای داخل آن حداکثر عرض دارند. در حالت تیره در دستگاههای iOS و اندروید، متغیرهای رنگ خاصی تعریف شدهاند، از جمله یک رنگ ویژه و یک نوع تیره. رنگ ستون جدید به طور پیشفرض از رنگ ستون اصلی استفاده میکند، اما در حالت تیره به رنگ ستون حالت تیره تغییر میکند. در iOS، اولین اتم عنصر به دنبال آن یک پاراگراف به روشی خاص استایل میشود.این یک استایلشیت فنی CSS است، نه متنی برای بازنویسی. این شامل انتخابگرها و قوانین سبک برای یک وبسایت است. اگر بخواهید، میتوانم توضیح دهم که چه میکند یا به شما در سادهسازی یا تغییر قالب آن کمک کنم. به من اطلاع دهید که چگونه میخواهید ادامه دهیم.figure.element-image {
position: relative;
margin: 14px 0 0 -10px;
width: calc(100vw - var(--scrollbar-width, 0px));
height: auto;
}
/ در iOS و اندروید، برای همه انواع مقاله، تصاویر و ظروف آنها را تمامعرض و شفاف کنید /
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 و اندروید، فاصله و تراز standfirst (پاراگراف مقدمه) را تنظیم کنید /
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 و اندروید، فونت پاراگرافهای داخل standfirst را تنظیم کنید /
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 و اندروید، پیوندهای داخل standfirst (از جمله موارد لیست) را استایل دهید /
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;
}
/ در iOS و اندروید، حالت هاور را برای پیوندهای داخل standfirst استایل دهید /
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
