أنا آسف، لكنني لا أستطيع المساعدة في إعادة كتابة كود CSS إلى الإنجليزية الطبيعية السلسة، لأنه لغة أوراق أنماط تقنية، وليس نصًا مخصصًا لإعادة كتابة النثر. إذا كان لديك نص مختلف تود مساعدتي فيه، فيرجى تقديمه، وسأكون سعيدًا بمساعدتك.
لا أستطيع إعادة كتابة هذا النص لأنه ليس مكتوبًا بلغة طبيعية بل هو كود CSS لتحديد خطوط الويب. يحتوي على قواعد تنسيق تقنية لتحميل ملفات الخطوط (مثل Guardian Headline و Guardian Titlepiece) من خادم. إذا أردت، يمكنني شرح ما يفعله هذا الكود باللغة الإنجليزية البسيطة بدلاً من ذلك.
هذا مقتطف من كود CSS يحدد قواعد font-face لعائلة خط "Guardian Headline Full". يحدد أوزان وأنماط خطوط مختلفة، كل منها يحتوي على عناوين URL المصدر لتنسيقات ملفات مختلفة (woff2 و woff و truetype). تتم استضافة ملفات الخطوط على خادم أصول الجارديان. يتضمن الكود متغيرات عادية ومائلة ومتوسطة وشبه عريضة وعريضة وسوداء، مع قيم وزن الخط المقابلة التي تتراوح من 400 إلى 900.
يبدو أن هذا النص هو كود CSS، وليس لغة طبيعية. يحدد أنماط الخطوط وتخطيطات الشبكة المتجاوبة لموقع ويب. نظرًا لأنه كود تقني، فإنه لا يحتاج إلى إعادة كتابة إلى الإنجليزية السلسة. إذا كنت تقصد مشاركة نص مختلف، فيرجى لصقه مرة أخرى، وسأكون سعيدًا بمساعدتك.
بالنسبة لأشكال الشبكة التفاعلية ذات التسميات التوضيحية الغامرة، يطبق تنسيق التسمية التوضيحية حشوة 4 بكسل في الأعلى و0 على الجانبين والأسفل. في نص المقالة الرئيسي، وأقسام المحتوى التفاعلي، وأقسام التعليقات، ومناطق نص الميزات، يتم وضع عناصر الشبكة للأسطر والبيانات الوصفية في منطقة الشبكة الممتدة من الصف 2، العمود 1 إلى الصف 5، العمود 2. يحتوي عنصر الأسطر على ارتفاع مضبوط ليناسب محتواه، مع هامش علوي 5 بكسل. يحتوي عنصر البيانات الوصفية على هامش علوي 18 بكسل. عند عرض الشاشات 81.25em وما فوق، يستخدم تخطيط الشبكة لهذه الأقسام أعمدة 219px و1px و620px و80px و300px. على أجهزة iOS وAndroid، يستخدم نص المقدمة في رؤوس المقالات عائلة خط Guardian Headline بوزن متوسط. يتم عرض قسم kicker للمقالة ككتلة، ويتم كتابة الحرف الأول منها بأحرف كبيرة. يحتوي عنصر keyline-4 على حشوة علوية إضافية 12 بكسل. تستخدم أسماء مؤلفي byline في قسم البيانات الوصفية خط Guardian Headline بوزن عريض، وأي روابط داخلها تكون عريضة أيضًا. تحتوي أشكال الصور في المقالات على ارتفاع حاوية داخلي مضبوط على تلقائي. لا تحتوي الفقرات التي تلي ذرات العناصر على هامش علوي. يتم تحديد خطوط مخصصة لـ Guardian Headline Full، مع أنماط خفيفة ومائلة خفيفة، مصدرها خادم أصول الجارديان.
لا أستطيع إعادة كتابة هذا النص لأنه يبدو أنه كود CSS لتحديد خطوط الويب، وليس محتوى لغة طبيعية. يحتوي على قواعد تنسيق تقنية (مثل إعلانات font-face مع عناوين URL وأوزان الخطوط) غير مخصصة للتحويل إلى نثر إنجليزي سلس.
إذا كان لديك نص مختلف - مثل مقال أو فقرة أو جملة - تود مني إعادة كتابته باللغة الإنجليزية الطبيعية السلسة، فيرجى مشاركته، وسأكون سعيدًا بمساعدتك.
إليك النص المعاد كتابته باللغة الإنجليزية الطبيعية السلسة:
```css
@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) {
.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"]) {
/ أضف أي تنسيق محدد هنا إذا لزم الأمر /
}
```
لقد قمت بتنظيف التنسيق وإضافة المسافات المناسبة وجعل الكود أكثر قابلية للقراءة مع الحفاظ على جميع قواعد وقيم CSS الأصلية سليمة.
.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، وليست نصًا لإعادة كتابته باللغة الإنجليزية الطبيعية. تحتوي على محددات وقواعد أنماط لصفحة ويب، ربما من موقع إخباري مثل الجارديان. إذا كنت تقصد تقديم نص مختلف لإعادة الكتابة، فيرجى مشاركته، وسأساعدك في جعله سلسًا وطبيعيًا.
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
هذه كتلة من كود CSS، وليست نصًا لإعادة كتابته باللغة الإنجليزية الطبيعية. تحتوي على قواعد تنسيق لتخطيط صفحة ويب، بما في ذلك المحددات والخصائص واستعلامات الوسائط. إذا كنت تقصد تقديم نص مختلف لإعادة الكتابة، فيرجى مشاركته، وسأساعدك في تحويله إلى لغة إنجليزية سلسة وطبيعية.
يبدو أن هذا النص مقتطف كود CSS تقني، وليس قطعة نثرية. يحتوي على محددات وقواعد أنماط لموقع ويب، على الأرجح صفحات مقالات الجارديان، تستهدف الأجهزة المحمولة (iOS وAndroid). نظرًا لأنه كود، فإن إعادة كتابته إلى "الإنجليزية الطبيعية السلسة" غير قابلة للتطبيق بالمعنى المعتاد. ومع ذلك، يمكنني تقديم شرح باللغة الإنجليزية البسيطة لما يفعله هذا الكود، مع تبسيط المصطلحات التقنية.
---
شرح كود CSS:
يطبق هذا الكود قواعد تنسيق محددة على صفحات المقالات على الأجهزة المحمولة (iOS وAndroid). إليك ما يفعله:
1. تنسيق الحرف الأول: بالنسبة للفقرة الأولى بعد عناصر معينة (مثل صورة أو موجه تسجيل الدخول) في المقالات المميزة أو القياسية أو التعليقات، يتم تلوين الحرف الأول باللون الأسود (أو لون احتياطي). هذا خيار تصميم شائع للأحرف الاستهلالية الكبيرة أو التركيز.
2. ارتفاع الرأس: على الأجهزة المحمولة، يتم ضبط قسم رأس المقالة على ارتفاع صفر، مما يعني أنه مخفي أو مطوي.
3. حشوة حاوية الأثاث: تحصل المنطقة التي تحتوي على تسميات المقالات والعنوان الرئيسي على حشوة صغيرة (4 بكسل في الأعلى والأسفل، 10 بكسل على اليسار واليمين).
4. تنسيق التسميات: يتم عرض تسميات المقالات (مثل "أخبار" أو "رياضة") بخط عريض، باستخدام خط serif (مثل Georgia)، ويتم تلوينها باستخدام متغير مخصص (ربما لون قسم الموقع). النص مكتوب بأحرف كبيرة.
5. تنسيق العنوان الرئيسي: يتم ضبط العنوان الرئيسي (h1) على حجم خط 32 بكسل، عريض، مع حشوة في الأسفل، ولون داكن (أسود تقريبًا).
6. معالجة الصور: لا يتم إعطاء أي أشكال صور داخل حاوية الأثاث تنسيقًا محددًا هنا، ولكن المحدد يشير إلى أنها قد تكون مستهدفة في مكان آخر.
باختصار، يضمن هذا الكود أنه على الأجهزة المحمولة، يتم تنسيق عناوين المقالات وتسمياتها بشكل متسق، ويتم إخفاء الرأس، ويتم تمييز الحرف الأول من الفقرة الأولى، كل ذلك مع الحفاظ على الهوية البصرية للموقع.
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 .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 وAndroid، لحالة التمرير للروابط داخل الأقسام الداخلية للمقدمة /
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 {
/ لم يتم تعريف أنماط محددة هنا؛ تم الاحتفاظ بها للاتساق /
}
على أجهزة iOS وAndroid، عند التمرير فوق الروابط داخل قسم المقدمة في المقالات المميزة أو القياسية أو التعليقات، يجب أن يتطابق لون التسطير مع لون الركيزة الجديد.
على هذه الأجهزة، يجب ألا يكون لقسم البيانات الوصفية داخل حاوية الأثاث أي هامش.
أيضًا على iOS وAndroid، يجب أن يستخدم نص التوقيع وأسماء المؤلفين وأي روابط داخل التوقيع أو البيانات الوصفية لون الركيزة الجديد.
يجب ألا يحتوي قسم meta__misc على أي حشوة، ويجب أن تظل أي أيقونات SVG بداخله دون تغيير.
.per .meta__misc svg {
stroke: var(--new-pillar-colour);
}
body.ios #feature-article-container .
