/* التغليف الأساسي للشريط */ .au-header-ticker { background-color: #fffff; /* كحلي غامق فخم */ height: 35px; /* ارتفاع ثابت للموبايل والكمبيوتر */ width: 100%; overflow: hidden; display: relative; align-items: center; position: relative; box-sizing: border-box; border-bottom: 2px solid #DCA93A; /* خط دهبي رفيع من تحت */ } /* المسار اللي بيتحرك جواه الكلام */ .au-ticker-track { display: flex; width: fit-content; /* سرعة الحركة (25 ثانية)، تقدر تقلل الرقم لو عايزه أسرع */ animation: au-scroll-left 25s linear infinite; } /* إيقاف الحركة عند الوقوف بالماوس */ .au-ticker-track:hover { animation-play-state: paused; } /* تنسيق النص والسلوجان */ .au-ticker-item { display: inline-flex; align-items: center; padding: 0 30px; white-space: nowrap; color: #DCA93A; /* اللون الدهبي */ font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } /* النجمة الفاصلة بين الجمل */ .au-ticker-icon { margin: 0 15px; color: #0B162C; /* لون أبيض للنجمة */ font-size: 0.9rem; } /* كود الأنيميشن للحركة المستمرة */ @keyframes au-scroll-left { 0% { transform: translateX(0); } /* بيتحرك لـ 50% عشان الكود مقسوم نصين متطابقين للحركة السلسة */ 100% { transform: translateX(-50%); } } /* تأكيد على ثبات الارتفاع في الموبايل */ @media (max-width: 768px) { .au-header-ticker { height: 35px; } .au-ticker-item { font-size: 1rem; /* تصغير الخط سيكا في الموبايل */ } }
AU 32890