الصالح نيوز : أفضل 20 مباراة في مشوار كريستيانو رونالدو مع منتخب البرتغال @font-face { عائلة الخط: '365 بلا'؛ src: url('/wp-content/uploads/fonts/365-Sans-Regular.otf') format('opentype'); وزن الخط: 400؛ نمط الخط: عادي؛ عرض الخط: مبادلة؛ } @font-face { عائلة الخط: '365 Sans'; src: url('/wp-content/uploads/fonts/365-Sans-Bold.otf') format('opentype'); وزن الخط: 700؛ نمط الخط: عادي؛ عرض الخط: مبادلة؛ } #scores-article-template { --primary: #3B82F6; --native-hover: #2563EB; --page-bg: #ffffff; --surface-bg: #ffffff; --card-bg: #ffffff; - الحدود: #F3F4F6؛ --النص: #111827؛ --كتم الصوت: #4B5563; --سوفت: #F3F4F6؛ --soft-hover: #E5E7EB; --shadow: rgba(15, 23, 42, 0.12); --overlay: rgba(0, 0, 0, 0.52); عائلة الخطوط: '365 Sans'، system-ui، -apple-system، BlinkMacSystemFont، 'Segoe UI'، sans-serif! مهم؛ الخلفية: var(--page-bg) !مهم; اللون: فار(--نص) !مهم; دقيقة. الارتفاع: 100vh! مهم؛ سلوك التمرير: سلس؛ الموقف:نسبي؛ مؤشر z: 1؛ ارتفاع الخط: 1.5؛ الاتجاه: رتل؛ /* تمت إضافته فقط لاستيعاب اتجاه اللغة العربية، ويمكنك إزالته إذا أردت */ } #scores-article-template.scores-dark { --page-bg: #020617; --السطح-bg: #0F172A; --card-bg: #111827; -- المخطط التفصيلي: #1F2937; --النص: #F9FAFB؛ --كتم الصوت: #D1D5DB; --سوفت: #1F2937؛ --soft-hover: #374151; --shadow: rgba(0, 0, 0, 0.42); --overlay: rgba(0, 0, 0, 0.75); } #scores-article-template * { حجم الصندوق: border-box ! مهم؛ } #scores-article-template .scores-header { الموضع: ثابت! مهم؛ أعلى: 0 !مهم; اليسار: 0 !مهم; حق: 0! مهم؛ مؤشر z: 99999! مهم؛ الخلفية: فار(--surface-bg); الحد السفلي: 1 بكسل صلب var(-border); ظل الصندوق: 0 2px 10px var(--shadow); } Button.scores-next-button { width: 145px; لون الخلفية: #3b82f6؛ اللون: أبيض؛ نصف قطر الحدود: 15 بكسل؛ الهامش العلوي: 30 بكسل؛ دقيقة. الارتفاع: 40 بكسل؛ } .scores-header-inner { الحد الأقصى للعرض: 1280 بكسل؛ الهامش: 0 تلقائي؛ الحشو: 14 بكسل 16 بكسل؛ عرض: فليكس؛ محاذاة العناصر: المركز؛ فارغ: 16 بكسل؛ } .scores-nav { العرض: فليكس؛ فارغ: 8 بكسل؛ تجاوز السعة-x: تلقائي؛ فليكس: 1؛ عرض شريط التمرير: لا شيء؛ } .scores-nav::-webkit-scrollbar { العرض: لا شيء؛ } .scores-nav-button { الحد الأدنى للعرض: 40 بكسل؛ الارتفاع: 40 بكسل؛ الحشو: 0 13 بكسل؛ نصف قطر الحدود: 999 بكسل؛ الخلفية:فار(--ناعمة); اللون: فار(--صامت); وزن الخط: 600؛ الحدود: لا شيء؟ المؤشر:المؤشر؛ مسافة بيضاء: nowrap؛ الانتقال: لا شيء؟ } .scores-nav-button.is-active { الخلفية: var(--primary); اللون: #fff! مهم؟ } .scores-hero { الحد الأدنى للارتفاع: 52vh؛ الموقف:نسبي؛ عرض: فليكس؛ محاذاة العناصر: المركز؛ ضبط المحتوى: مركز؛ الحشو: 88 بكسل 16 بكسل 36 بكسل؛ محاذاة النص: مركز؛ اللون: #fff! مهم؟ لون الخلفية: #000؛ } .scores-hero-bg { الموضع: مطلق؛ المجموع: 0؛ حجم الخلفية: الغلاف؛ موقف الخلفية: أعلى المركز؛ مؤشر z: 1؛ العتامة: 0.5؛ } .scores-hero-content { الموضع: نسبي؛ مؤشر z: 2؛ أقصى عرض: 800 بكسل؛ } .scores-hero-title { حجم الخط: المشبك (28px، 5vw، 48px)! مهم؛ وزن الخط: 800؛ الهامش السفلي: 10 بكسل؛ اللون: #fff! مهم؟ ارتفاع الخط: 1.15! مهم؛ } .scores-hero-subtitle { هامش: 0 0 14px; حجم الخط: المشبك (16px، 2.2vw، 20px)؛ وزن الخط: 700!مهم؛ اللون: #fff! مهم؟ ظل النص: 0 0 20px rgba(59, 130, 246, 0.85), 0 2px 10px rgba(0, 0, 0, 0.5); } #js-hero-copy { اللون: #fff !important; } #js-hero-copy p { هامش: 0; اللون: #fff! مهم؟ حجم الخط: المشبك (15px، 2vw، 18px)؛ ارتفاع الخط: 1.55؛ } #js-start { العرض: لا شيء! مهم؛ } .scores-section-shell { الحد الأدنى للارتفاع: 0؛ هامش التمرير العلوي: 80 بكسل ؛ } .scores-section-shell.is-first .scores-card { هامش أعلى: 16px؛ } .scores-card { الحد الأقصى للعرض: 800 بكسل؛ الهامش: 32 بكسل تلقائي؛ الخلفية: فار(--card-bg); نصف قطر الحدود: 24 بكسل؛ الحدود: 1 بكسل صلب var(--border); صندوق الظل: 0 10px 30px var(-shadow); الفائض: مخفي؛ } .scores-card-header { الحشو: 30px 30px 12px; الحد السفلي: 0؛ } .scores-card-header h2 { هامش: 0; حجم الخط: 28 بكسل؛ وزن الخط: 800؛ } .scores-card-body { الحشو: 10px 30px 30px; اللون: فار(--صامت); حجم الخط: 18 بكسل؛ ارتفاع الخط: 1.7؛ } .scores-card-body > p:first-child { هامش أعلى: 0; } .scores-image-wrap { width: 100%; الهامش: 20 بكسل 0؛ نصف قطر الحدود: 12 بكسل؛ الفائض: مخفي؛ ارتفاع الخط: 0; } .scores-image-wrap img { العرض: كتلة؛ العرض: 100%؛ الارتفاع: تلقائي؛ } .scores-stats-grid { العرض: الشبكة؛ أعمدة قالب الشبكة: كرر (2، minmax (0، 1fr))؛ الفجوة: 15 بكسل؛ الهامش العلوي: 25 بكسل؛ محاذاة العناصر: تمتد؛ } .scores-stats-grid.is-empty { العرض: لا شيء؛ } .scores-stats-count-1 { أعمدة قالب الشبكة: minmax(0, 260px); ضبط المحتوى: مركز؛ } .scores-stats-count-2 { أعمدة قالب الشبكة: كرر (2، minmax (0، 1fr))؛ } .scores-stats-count-3 .scores-stat:last-child { عمود الشبكة: 1 / -1؛ تبرير الذات: مركز؛ العرض: الحد الأدنى (100%، 260 بكسل)؛ } .scores-stat { الحد الأدنى للعرض: 0؛ الحشو: 18 بكسل 12 بكسل؛ الخلفية:فار(--ناعمة); نصف قطر الحدود: 16 بكسل؛ محاذاة النص: مركز؛ الحدود: 1 بكسل صلب var(--border); عرض: فليكس؛ الاتجاه المرن: العمود؛ محاذاة العناصر: المركز؛ ضبط المحتوى: مركز؛ الفائض: مرئي؟ } .scores-stat-icon { width: 32px; الارتفاع: 32 بكسل؛ الهامش: 0 تلقائي 10 بكسل؛ اللون: فار(--رئيسي); عرض: فليكس؛ محاذاة العناصر: المركز؛ ضبط المحتوى: مركز؛ فليكس: 0 0 تلقائي؛ } .scores-stat-icon img { width: 100%; الارتفاع: 100%؛ تناسب الهدف: يحتوي على؟ } .scores-stat.no-icon .scores-stat-value { هامش أعلى: 0; } .scores-stat-value { حجم الخط: المشبك (18px، 2.8vw، 28px)؛ وزن الخط: 800؛ اللون: فار(--رئيسي); ارتفاع الخط: 1.25؛ الهامش السفلي: 6 بكسل؛ أقصى عرض: 100%؛ مسافة بيضاء: عادي؛ التفاف الفائض: عادي؛ فاصل كلمة: عادي؟ شرطات: لا شيء؟ } .scores-stat-label { حجم الخط: 14px؛ اللون: فار(--صامت); تحويل النص: أحرف كبيرة؛ وزن الخط: 700؛ تباعد الحروف: 0.05 سم ارتفاع الخط: 1.35؛ أقصى عرض: 100%؛ مسافة بيضاء: عادي؛ التفاف الفائض: عادي؛ فاصل كلمة: عادي؟ شرطات: لا شيء؟ } @media (أقصى عرض: 599 بكسل) { .scores-card { هامش: 56 بكسل 12 بكسل; نصف قطر الحدود: 20 بكسل؛ } .scores-section-shell.is-first .scores-card { هامش أعلى: 12px؛ الهامش السفلي: 32 بكسل؛ } .scores-card-header { الحشو: 22px 18px 14px; } .scores-card-header h2 { حجم الخط: 24px; ارتفاع الخط: 1.2؛ } .scores-card-body { الحشو: 8px 18px 24px؛ حجم الخط: 16 بكسل؛ ارتفاع الخط: 1.65؛ } .scores-image-wrap { الهامش: 18px 0; } .scores-stats-grid { العرض: الشبكة؛ أعمدة قالب الشبكة: كرر (2، minmax (0، 1fr))؛ الفجوة: 10 بكسل؛ الهامش العلوي: 22 بكسل؛ } .scores-stats-count-1 { أعمدة قالب الشبكة: minmax(0, 1fr); } .scores-stats-count-3 .scores-stat:last-child { عمود الشبكة: 1 / -1؛ تبرير الذات: مركز؛ العرض: الحد الأدنى (100%، 260 بكسل)؛ } .scores-stat { الحد الأدنى للارتفاع: 118 بكسل؛ الارتفاع: تلقائي؛ الحشو: 14 بكسل 10 بكسل؛ } .scores-stat-icon { width: 28px; الارتفاع: 28 بكسل؛ الهامش السفلي: 8 بكسل؛ } .scores-stat-value { حجم الخط: المشبك (16px، 4.2vw، 24px)؛ ارتفاع الخط: 1.25؛ } .scores-stat-label { حجم الخط: 12px؛ ارتفاع الخط: 1.35؛ } Button.scores-next-button { width: 100%; الهامش العلوي: 24 بكسل؛ } } @media (min-width: 600px) { .scores-stats-grid { أعمدة قالب الشبكة: Repeat(4, minmax(0, 1fr)); } .scores-stats-count-1 { أعمدة قالب الشبكة: minmax(0, 260px); ضبط المحتوى: مركز؛ } .scores-stats-count-2 { أعمدة قالب الشبكة: كرر (2، minmax (0، 1fr))؛ الحد الأقصى للعرض: 520 بكسل؛ الهامش الأيسر: تلقائي؛ الهامش الأيمن: تلقائي؛ } .scores-stats-count-3 { أعمدة قالب الشبكة: كرر (3، minmax (0، 1fr))؛ الحد الأقصى للعرض: 690 بكسل؛ الهامش الأيسر: تلقائي؛ الهامش الأيمن: تلقائي؛ } .scores-stats-count-3 .scores-stat:last-child { عمود الشبكة: تلقائي؛ تبرير الذات: تمتد؛ العرض: تلقائي؛ } .scores-stats-count-4 { أعمدة قالب الشبكة: كرر (4، minmax (0، 1fr))؛ أقصى عرض: لا شيء؛ } } .scores-icon-button { الخلفية: var(--soft); الحدود: لا شيء؟ العرض: 40 بكسل؛ الارتفاع: 40 بكسل؛ نصف قطر الحدود: 20 بكسل؛ المؤشر:المؤشر؛ عرض: فليكس؛ محاذاة العناصر: المركز؛ ضبط المحتوى: مركز؛ اللون:فار(--نص); } .scores-toc-drawer { الموضع: ثابت؛ أعلى: 0؛ الحق: 0؛ للأسفل: 0؛ العرض: 300 بكسل؛ الخلفية: فار(--surface-bg); مؤشر z: 100000؛ تحويل: ترجمة X (100٪)؛ الانتقال: سهولة التحول 0.3 ثانية؛ الحشو: 20 بكسل؛ ظل الصندوق: -5px 0 15px var(--shadow); تجاوز السعة ص: تلقائي؛ } .scores-toc-drawer.is-open { تحويل: ترجمة X (0)؛ } .scores-toc-overlay { الموضع: ثابت؛ المجموع: 0؛ الخلفية: رغبا (0،0،0،0.5)؛ مؤشر z: 99999؛ العرض: لا يوجد؟ } .scores-toc-overlay.is-open {عرض: كتلة؛ } ☰ ابدأ القراءة محتويات س الصالح نيوز : أفضل 20 مباراة في مشوار كريستيانو رونالدو مع منتخب البرتغال