12 / 10 / 2026
18:56:09
إعلان
⚡ عاجل
إثيوبيا تعلن دبلوماسيا مصريا "شخصاً غير مرغوب فيه" وتطالبه بالمغادرة خلال 48 ساعة الخارجية الإريترية: قررنا قطع جميع العلاقات الدبلوماسية مع إثيوبيا عاجل... إبراهيم جابر:الشعب السوداني لن يقبل إلا النصر، وبلادنا ستنهض من الرماد طائرات مسيرة استهدفت مستودعات وقود بمدينة ود مدني عاصمة ولاية الجزيرة عاجل...أ ف ب: جبهة تيغراي في إثيوبيا تسيطر على مطار عاصمة الإقليم عاجل...بيان سعودي مصري باكستاني تركي: رفض أي كيانات موازية من شأنها تقويض سيادة السودان عاجل... هيئة أركان الجيش تقدم تنويرا لرئيس الوزراء وأعضاء حكومته حول الموقف العسكري في البلاد عاجل... دفاعات الجيش السوداني تسقط مسيّرات لـ "الدعم السريع" هاجمت الخرطوم وأم درمان عاجل... بنك النيل: عودة نشاطنا المصرفي بالكامل في قطاعي الاستيراد والصادر عاجل... حظر قيادة المركبات بلوحات الخرطوم القديمة "ما قبل الحرب" وتحذير من حجز السيارات

الرأي

د. عبد اللطيف البوني
✍️ الرأي
حاطب ليل

فاقدين حنان

د. عبد اللطيف البوني
10 أكتوبر 2026 - 10:00
إسحق أحمد فضل الله
✍️ الرأي
اخر الليل

حتى نفهم

إسحق أحمد فضل الله
5 أكتوبر 2026 - 10:22
إسحق أحمد فضل الله
✍️ الرأي
اخر الليل

حدث غداً

إسحق أحمد فضل الله
4 أكتوبر 2026 - 11:37
``` ### CSS الخاص بشبكة البطاقات ضع هذا CSS **بعد CSS الموقع العام أو في نهاية ملف CSS الرئيسي** حتى تكون له الأولوية: ```css /* ========================================================== OPINIONS شبكة بطاقات الرأي ========================================================== */ .opinions-list { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: stretch; box-sizing: border-box; } /* ========================================================== جميع بطاقات الرأي ========================================================== */ .opinions-list .opinion-card { width: 100%; height: 245px; min-height: 245px; max-height: 245px; margin: 0; padding: 0; display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 8px; } /* ========================================================== صورة الكاتب ========================================================== */ .opinions-list .opinion-author { width: 100%; height: 70px; min-height: 70px; max-height: 70px; padding: 7px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .opinions-list .opinion-author a { display: block; width: 52px; height: 52px; overflow: hidden; border-radius: 50%; } .opinions-list .opinion-author img { display: block; width: 52px; height: 52px; min-width: 52px; min-height: 52px; max-width: 52px; max-height: 52px; object-fit: cover; border-radius: 50%; } /* ========================================================== محتوى البطاقة ========================================================== */ .opinions-list .opinion-content { width: 100%; flex: 1; min-width: 0; min-height: 0; padding: 7px 10px 0; display: flex; flex-direction: column; box-sizing: border-box; } /* ========================================================== شارة الرأي ========================================================== */ .opinions-list .opinion-badge { width: fit-content; height: 19px; min-height: 19px; max-height: 19px; display: inline-flex; align-items: center; padding: 0 8px; margin: 0 0 4px; background: #6A1B9A; color: #fff; border-radius: 10px; font-size: 8px; line-height: 1; box-sizing: border-box; } /* ========================================================== اسم العمود ========================================================== */ .opinions-list .column-name { width: 100%; height: 20px; min-height: 20px; max-height: 20px; margin: 0 0 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'Cairo', sans-serif; font-size: 9px; font-weight: 600; line-height: 20px; color: var(--primary); box-sizing: border-box; } /* ========================================================== عنوان المقال ========================================================== */ .opinions-list .opinion-title { width: 100%; height: 36px; min-height: 36px; max-height: 36px; margin: 0 0 4px; padding: 0; overflow: hidden; font-family: 'Cairo', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.5; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .opinions-list .opinion-title a { color: var(--text); text-decoration: none; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .opinions-list .opinion-title a:hover { color: var(--primary); } /* ========================================================== اسم الكاتب ========================================================== */ .opinions-list .author-name { width: 100%; height: 20px; min-height: 20px; max-height: 20px; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'Cairo', sans-serif; font-size: 9px; font-weight: 700; line-height: 20px; box-sizing: border-box; } /* ========================================================== التاريخ ========================================================== */ .opinions-list .opinion-footer { width: 100%; height: 25px; min-height: 25px; max-height: 25px; margin-top: auto; padding: 0; display: flex; align-items: center; border-top: 1px solid var(--border); font-size: 8px; color: var(--text-light); box-sizing: border-box; } /* ========================================================== الكمبيوتر الكبير ========================================================== */ @media (min-width: 1200px) { .opinions-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } } /* ========================================================== الكمبيوتر المتوسط ========================================================== */ @media (min-width: 992px) and (max-width: 1199px) { .opinions-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } } /* ========================================================== التابلت ========================================================== */ @media (min-width: 600px) and (max-width: 991px) { .opinions-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } } /* ========================================================== الجوال ========================================================== */ @media (max-width: 599px) { .opinions-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .opinions-list .opinion-card { height: 220px; min-height: 220px; max-height: 220px; } .opinions-list .opinion-author { height: 58px; min-height: 58px; max-height: 58px; } .opinions-list .opinion-author a, .opinions-list .opinion-author img { width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; } .opinions-list .opinion-content { padding: 6px 8px 0; } .opinions-list .opinion-title { font-size: 11px; height: 33px; min-height: 33px; max-height: 33px; } .opinions-list .column-name { font-size: 8px; height: 18px; min-height: 18px; max-height: 18px; line-height: 18px; } .opinions-list .author-name { font-size: 8px; } }