@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){.ستون محتوای اصلی برای مقالات تعاملی دارای حاشیه چپ ۱ پیکسل خط ممتد #dcdcdc است که در موقعیت -۱۰ پیکسل با z-index -۱ قرار دارد. در صفحههایی با عرض حداقل ۸۱.۲۵em، این حاشیه به -۱۱ پیکسل تغییر میکند. عناصر اتم داخل این ستون هیچ حاشیه بالا یا پایینی ندارند، با ۱۲ پیکسل فاصله داخلی در بالا و پایین. وقتی یک پاراگراف با یک عنصر اتم دنبال میشود، فاصله داخلی حذف شده و با ۱۲ پیکسل حاشیه بالا و پایین جایگزین میشود. عناصر درونخطی حداکثر ۶۲۰ پیکسل عرض دارند، و در صفحههایی با عرض حداقل ۶۱.۲۵em، شکلهای درونخطی نیز حداکثر ۶۲۰ پیکسل عرض دارند.
برای عناصر رسانهای حاوی یک شکل حلقهای، figcaption (مگر اینکه پنهان باشد) در z-index ۶ قرار میگیرد. دکمه حلقه ویدیو به پایین راست با ۴۰ پیکسل حاشیه پایین و ۳ پیکسل حاشیه راست تراز میشود. ظرفهای کنترل بیصدا و باصدا در لبه راست با ۱۰ پیکسل فاصله داخلی چپ قرار میگیرند. دکمه زیرنویس در z-index ۱۰۰ قرار میگیرد، و در صفحههایی با عرض حداقل ۶۱.۲۵em، ۲۰ پیکسل از پایین حرکت میکند. در صفحههایی با عرض حداقل ۴۶.۲۵em، ظرفهای سینماگراف هیچ حداکثر ارتفاعی ندارند.
جزیرههای ویدیویی خودمیزبان در بدنه تمامعرض هستند، حداکثر ۶۲۰ پیکسل، بهصورت بلوک با ۱۲ پیکسل حاشیه بالا و پایین نمایش داده میشوند. شکلهای حلقهای و ویدیوهای آنها تمامعرض، ارتفاع خودکار، حداکثر ۶۲۰ پیکسل، و وسطچین هستند. وقتی شکل حلقهای یک عنصر ویدیویی غوطهور است، جزیره به تمام عرض با ۱۲ پیکسل حاشیه عمودی گسترش مییابد، و شکل و ویدیو حداکثر عرض و وسطچینی خود را از دست میدهند. در صفحههایی با عرض حداقل ۷۱.۲۵em، جزیره غوطهور ۱۱۴۰ پیکسل عرض دارد و ۱۸۰ پیکسل به چپ جابهجا میشود، با figcaptionهایی که ۲۰ پیکسل تورفتگی دارند. در صفحههایی با عرض حداقل ۸۱.۲۵em، ۱۳۰۰ پیکسل عرض دارد و ۲۶۰ پیکسل به چپ جابهجا میشود.
ریشه چندین ویژگی سفارشی تعریف میکند: رنگ خط تاریخ #606060، حاشیه سرصفحه #dcdcdc، متن زیرنویس #999، پسزمینه زیرنویس hsla(0, 0%, 7%, .72)، رنگ ویژگی #c70000، و یک رنگ ستون جدید که به ستون اصلی یا رنگ ویژگی برمیگردد. زیرعنوانها، نقلقولهای برجسته، و آیکونهای نقلقول برجسته از رنگ ستون ثانویه استفاده میکنند، در حالی که نقلقولهای بلوکی از رنگ متن مقاله استفاده میکنند. نقلقولهای بلوکی همچنین یک رنگ پر از ستون ثانویه میگیرند. در حالت تاریک (مگر اینکه طرح رنگ صریحاً روی روشن تنظیم شده باشد)، زیرعنوانها، نقلقولهای برجسته، و آیکونهای نقلقول برجسته به رنگ ستون حالت تاریک تغییر میکنند، و نقلقولهای بلوکی از همان برای پر خود استفاده میکنند.
عناصر اتم هیچ فاصله داخلی ندارند. وقتی یک عنصر اتم اولین از نوع خود است و با یک پاراگراف، دروازه ورود، اتم دیگر، یا مشابه دنبال میشود، پاراگراف بعدی فاصلهگذاری ویژهای میگیرد. همین برای خطوط افقی که آخرین نیستند، و برای پاراگرافهای بعد از جایگاههای تبلیغاتی اعمال میشود. این قوانین همچنین در ظرف بدنه مقاله اعمال میشوند.متنی که ارائه کردهاید کد CSS است، نه نثر، بنابراین انگلیسی طبیعی برای بازنویسی وجود ندارد. این مجموعهای از انتخابگرهاست که ۱۴ پیکسل فاصله داخلی بالا به اولین پاراگراف بعد از عناصر خاص (مانند اولین عنصر اتم، یک دروازه ورود، یا یک خط افقی) در چندین ظرف اضافه میکند، بهعلاوه یک قانون برای استایلدهی به حرف اول آن پاراگرافها.
اگر مایل باشید، میتوانم توضیح دهم این CSS چه کاری انجام میدهد به انگلیسی ساده، یا به شما کمک کنم آن را سادهسازی یا بازنویسی کنید.نمیتوانم آن را بهعنوان انگلیسی روان بازنویسی کنم—این کد CSS است، نه نثر. اگر مایل باشید، میتوانم توضیح دهم استایلها چه کاری انجام میدهند به انگلیسی ساده، یا میتوانید متن واقعی که میخواهید بازنویسی شود را به اشتراک بگذارید.این کد CSS یک چیدمان واکنشگرا برای سرصفحههای مقاله، تیترها، فراداده، standfirstها، و پرترهها تعریف میکند. از CSS Grid برای چیدن این عناصر در اندازههای مختلف صفحه استفاده میکند، با نقاط شکست در ۶۱.۲۵em، ۷۱.۲۵em، و ۸۱.۲۵em. چیدمان ساختار ستون و ردیف را تنظیم میکند، حاشیه اضافه میکند، و لینکها و شکلها را استایل میدهد تا اطمینان حاصل شود محتوا بهدرستی در دستگاههای مختلف نمایش داده میشود..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.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(.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}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--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 #standfاولین، آیتم لیست لینک هاور، لینک standfirst در furniture wrapper هاور، و آیتم لیست لینک standfirst در furniture wrapper هاور: حذف حاشیه پایین و تنظیم رنگ تزئین متن به رنگ ستون جدید یا ویژگی حالت تاریک.
پاراگرافهای standfirst در furniture wrapper، پاراگرافهای standfirst، و پاراگرافهای ویژگی داده standfirst: تنظیم رنگ به #dcdcdc.
در حداقل عرض ۶۱.۲۵em: پاراگراف اول در standfirst در furniture wrapper، standfirst، و ویژگی داده standfirst یک حاشیه بالای ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه میگیرد.
در حداقل عرض ۷۱.۲۵em: پاراگراف اول در همان عناصر standfirst هیچ حاشیه بالایی ندارد.
آیتمهای لیست standfirst در furniture wrapper، آیتمهای لیست standfirst، و آیتمهای لیست ویژگی داده standfirst: تنظیم رنگ به #dcdcdc.
در حداقل عرض ۷۱.۲۵em: شبهعنصر before در standfirst در furniture wrapper، standfirst، و ویژگی داده standfirst یک رنگ پسزمینه رنگ حاشیه سرصفحه میگیرد.
در حداقل عرض ۴۶.۲۵em: شبهعنصر before در furniture wrapper محتوا، ارتفاع کامل، بالا ۰، موقعیت مطلق، رنگ پسزمینه تاریک، حاشیه راست ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه، موقعیت چپ محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۷۳۸ پیکسل تقسیم بر منفی ۲، و عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۷۳۸ پیکسل تقسیم بر ۲ میگیرد. شبهعنصر after در furniture wrapper محتوا، ارتفاع کامل، بالا ۰، موقعیت مطلق، رنگ پسزمینه تاریک، حاشیه چپ ۱ پیکسل خط ممتد رنگ حاشیه سرصفحه، موقعیت راست محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۷۳۸ پیکسل تقسیم بر منفی ۲، و عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۷۳۸ پیکسل تقسیم بر ۲ میگیرد.
در حداقل عرض ۶۱.۲۵em: شبهعنصر before در furniture wrapper محتوا، عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۹۷۸ پیکسل تقسیم بر ۲، و موقعیت چپ محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۹۷۸ پیکسل تقسیم بر منفی ۲ میگیرد. شبهعنصر after در furniture wrapper محتوا، عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۹۷۸ پیکسل تقسیم بر ۲، و موقعیت راست محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۹۷۸ پیکسل تقسیم بر منفی ۲ میگیرد.
در حداقل عرض ۷۱.۲۵em: شبهعنصر before در furniture wrapper محتوا، عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۱۳۸ پیکسل تقسیم بر ۲، و موقعیت چپ محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۱۳۸ پیکسل تقسیم بر منفی ۲ میگیرد. شبهعنصر after در furniture wrapper محتوا، عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۱۳۸ پیکسل تقسیم بر ۲، و موقعیت راست محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۱۳۸ پیکسل تقسیم بر منفی ۲ میگیرد.
در حداقل عرض ۸۱.۲۵em: شبهعنصر before در furniture wrapper محتوا، عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۲۹۸ پیکسل تقسیم بر ۲، و موقعیت چپ محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۲۹۸ پیکسل تقسیم بر منفی ۲ میگیرد. شبهعنصر after در furniture wrapper محتوا، عرض محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۲۹۸ پیکسل تقسیم بر ۲، و موقعیت راست محاسبهشده از عرض viewport منهای عرض نوار پیمایش منهای ۱۲۹۸ پیکسل تقسیم بر منفی ۲ میگیرد.
svg keyline-4 در furniture wrapper و svg ویژگی داده lines: تنظیم stroke به رنگ حاشیه سرصفحه.
meta social در furniture wrapper، span لینک آیتم لیست meta social، meta comment، ویژگی داده meta meta social، ویژگی داده meta span لینک
