/* ============================================================ * حصر قواعد الجسم في الأبناء المباشرين * ============================================================ * كل قاعدة أدناه تستهدف ابنًا مباشرًا لـ.dlha-body (بعلامة >) لا أي * سليل. وغلاف شورت كود المباريات (.dlha-mb) ابنٌ مباشر — فلا تصل * قاعدةٌ واحدة إلى ما بداخله، ويظهر بثيمه الأصلي كاملًا. * * فالفصل بالبناء لا بالإبطال: لا نكتب عليه شيئًا أصلًا. * ============================================================ */ /* ============================================================ * dlha-page.css — الصفحات العادية * ============================================================ * الصفحة أقرب إلى المقال في تنسيق النصّ، وتختلف عنه في: العنوان في * المنتصف، وخطّان ملوّنان يحدّان الجسم أعلاه وأسفله. * ============================================================ */ .dlha-page .dlha-head{ padding-bottom:16px; border-bottom:1px solid var(--dlha-c-border); margin-bottom:20px; } /* صنف الإخفاء انتقل إلى dlha-base.css — يخدم المقال والصفحة معًا. */ /* الخطّ تابعٌ للعنوان: يغيب بغيابه */ .dlha-page .dlha-head-off{ padding-bottom:0; border-bottom:0; margin-bottom:0; } .dlha-page .dlha-body{ /* ————— الاتجاه يتبع اللغة ————— كان مثبَّتًا على rtl حتى لا ينقلب نصّ المقال العربيّ مع زرّ اللغة. وقد أُلغي ذلك بطلبٍ صريح: كل شيء في المقالات والصفحات — بما فيه المحتوى وما يُدرَج فيه من شورت كود — ينقلب مع التبديل. فالاتجاه يُورَّث من كبقيّة الصفحة، ولا يُفرض هنا. */ color:var(--dlha-c-text); font-size:var(--dlha-fs-body); line-height:2.15; } /* ————— الخطّان الملوّنان ————— موضعهما حافّتا الصندوق: أعلاه وأسفله، ممتدّان بعرضه كاملًا. وكانا داخل النصّ فظهرا محصورَين بالحشو الجانبي — وهو خطأ موضع. فنقلناهما إلى الصندوق نفسه (.dlha-page)، ولونهما من الإعدادات. */ .dlha-page{position:relative;} .dlha-page::before, .dlha-page::after{ content:""; position:absolute; inset-inline:0; height:3px; background:linear-gradient(90deg,transparent,var(--dlha-c-accent),transparent); pointer-events:none; } .dlha-page::before{inset-block-start:0;} .dlha-page::after{inset-block-end:0;} .dlha-page .dlha-body > *:first-child{margin-top:0;} .dlha-page .dlha-body > *:last-child{margin-bottom:0;} .dlha-page .dlha-body > p{margin:0 0 1.35em;} .dlha-page .dlha-body > p a, .dlha-page .dlha-body > ul a, .dlha-page .dlha-body > ol a, .dlha-page .dlha-body > blockquote a, .dlha-page .dlha-body > h2 a, .dlha-page .dlha-body > h3 a, .dlha-page .dlha-body > h4 a, .dlha-page .dlha-body > figure a, .dlha-page .dlha-body > table a{ color:var(--dlha-c-accent); text-decoration:none; border-bottom:1px solid transparent; } .dlha-page .dlha-body > p a:hover, .dlha-page .dlha-body > ul a:hover, .dlha-page .dlha-body > ol a:hover, .dlha-page .dlha-body > blockquote a:hover, .dlha-page .dlha-body > h2 a:hover, .dlha-page .dlha-body > h3 a:hover, .dlha-page .dlha-body > h4 a:hover, .dlha-page .dlha-body > figure a:hover, .dlha-page .dlha-body > table a:hover{border-bottom-color:var(--dlha-c-accent);} .dlha-page .dlha-body > h2, .dlha-page .dlha-body > h3, .dlha-page .dlha-body > h4{ margin:1.8em 0 .7em; color:var(--dlha-c-head); font-weight:800; line-height:1.7; } .dlha-page .dlha-body > h2{ font-size:var(--dlha-fs-h2); padding-inline-start:12px; border-inline-start:4px solid var(--dlha-c-accent); } .dlha-page .dlha-body > h3{font-size:var(--dlha-fs-h3);} .dlha-page .dlha-body > h4{font-size:var(--dlha-fs-h4);} .dlha-page .dlha-body > ul, .dlha-page .dlha-body > ol{margin:0 0 1.35em;padding-inline-start:1.6em;} .dlha-page .dlha-body > ul li, .dlha-page .dlha-body > ol li{margin:0 0 .5em;} .dlha-page .dlha-body > ul li::marker, .dlha-page .dlha-body > ol li::marker{color:var(--dlha-c-accent);} .dlha-page .dlha-body > blockquote{ margin:1.6em 0; padding:16px 20px; border:1px solid var(--dlha-c-border); border-inline-start:4px solid var(--dlha-c-accent); border-radius:12px; background:var(--hp-bg-2); color:var(--dlha-c-head); } .dlha-page .dlha-body > table{ width:100%; border-collapse:collapse; font-size:calc(var(--dlha-fs-body) * .88); background:var(--hp-bg-2); border-radius:10px; overflow:hidden; } .dlha-page .dlha-body > table th, .dlha-page .dlha-body > figure table th, .dlha-page .dlha-body > table td, .dlha-page .dlha-body > figure table td{padding:11px 13px;border:1px solid var(--dlha-c-border);} .dlha-page .dlha-body > table th, .dlha-page .dlha-body > figure table th{ background:var(--dlha-c-wrap); color:var(--dlha-c-head); font-weight:800; } .dlha-page .dlha-body > img,.dlha-page .dlha-body > p img,.dlha-page .dlha-body > figure img{max-width:100%;height:auto;border-radius:12px;} .dlha-page .dlha-body > figure{margin:1.6em 0;} .dlha-page .dlha-body figcaption{ padding-top:8px; color:var(--dlha-c-muted); font-size:12.5px; text-align:center; } .dlha-page .dlha-body > pre{ margin:1.5em 0; padding:15px 16px; border-radius:12px; background:var(--hp-bg); overflow:auto; direction:ltr; text-align:left; } .dlha-page .dlha-body > code{ padding:.16em .45em; border-radius:5px; background:var(--hp-bg); direction:ltr; display:inline-block; } .dlha-page .dlha-pages{ margin:22px 0 0; padding-top:16px; border-top:1px solid var(--dlha-c-border); display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }