/* assets/css/style.css */ body { font-family: 'Tajawal', sans-serif; background-color: #f8f9fa; color: #212529; /* لون نص أساسي أغمق قليلاً */ line-height: 1.6; /* تحسين قابلية القراءة */ } /* استثناء لخلفية صفحة تسجيل الدخول */ body.page-login { /* أضفنا كلاس .page-login لـ في login.php */ background-color: #eef2f7; background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; padding-top: 0 !important; /* لتجاوز أي padding من header عام */ } /* إخفاء النافبار والفوتر العامين في صفحة تسجيل الدخول */ body.page-login .navbar.main-navbar, /* افترض أن النافبار الرئيسي له كلاس main-navbar */ body.page-login footer.site-footer { /* افترض أن الفوتر الرئيسي له كلاس site-footer */ display: none !important; } body.page-login .main-content-wrapper { /* افترض أن لديك حاوية محتوى رئيسية */ padding: 0 !important; /* إزالة أي حشوات من الحاوية الرئيسية */ } h1, h2, h3, h4, h5, h6, .navbar-brand { font-family: 'Cairo', sans-serif; font-weight: 700; color: #343a40; /* لون أغمق للعناوين */ } /* استثناء لألوان العناوين في الـ navbar إذا كان داكنًا */ .navbar-dark .navbar-brand, .navbar-dark .nav-link { color: rgba(255,255,255,.85); } .navbar-dark .nav-link:hover, .navbar-dark .nav-link.active { color: #fff; } /* تأثير التحويم على البطاقات العامة */ .card { transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; border: 1px solid #e0e0e0; /* حد خفيف جدًا بدلاً من لا شيء */ border-radius: 0.5rem; background-color: #fff; /* ضمان خلفية بيضاء */ } .card:hover:not(.stat-card):not(.login-card) { /* استثناء بطاقات الإحصاء وتسجيل الدخول من هذا التأثير إذا كان لها تأثير خاص */ transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); } /* بطاقات الإحصائيات في admin/index.php */ .stat-card { border-radius: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease; color: #fff; /* ضمان أن النص أبيض على الخلفيات الملونة */ } .stat-card:hover { transform: translateY(-7px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); } .stat-card .icon-circle { width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; opacity: 0.9; } .stat-card h6 { /* جعل نص "إجمالي الطلاب" الخفيف أبيض أيضًا */ color: rgba(255,255,255,0.75) !important; } .stat-card.bg-warning h6, .stat-card.bg-warning h3, .stat-card.bg-warning .icon-circle i { /* لبطاقة الفصول الصفراء */ color: #212529 !important; /* نص داكن */ } .stat-card.bg-warning .icon-circle { background-color: rgba(0,0,0,0.1); } /* بطاقة تسجيل الدخول */ .login-container { max-width: 450px; width: 100%; padding: 15px; } .login-card { background-color: #fff; border-radius: 15px; padding: 30px 35px; border: none; /* إزالة الحد من البطاقات العامة */ box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .login-logo { max-width: 90px; margin-bottom: 1rem; } .login-header h2 { font-family: 'Cairo', sans-serif; font-size: 1.6rem; margin-bottom: 0.5rem; font-weight: 700; } .login-card .form-floating > label { padding-right: 2.8rem; font-size: 0.9rem; color: #6c757d; /* لون الليبل الافتراضي */ } .login-card .form-floating > .form-control:focus ~ label, .login-card .form-floating > .form-control:not(:placeholder-shown) ~ label { color: var(--bs-primary); /* لون الليبل عند التركيز أو الملء */ } .login-card .form-floating > label > i { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); color: #adb5bd; transition: color 0.2s ease-in-out; } .login-card .form-floating > .form-control:focus ~ label > i { color: var(--bs-primary); /* تغيير لون الأيقونة عند التركيز */ } .login-btn { padding-top: 0.85rem; padding-bottom: 0.85rem; letter-spacing: 0.5px; font-size: 1rem; } .login-card .alert ul { list-style-type: none; padding-right: 0; margin-bottom: 0; } .login-card .alert li { margin-bottom: 0.3rem; } /* تحسينات على الجداول العامة */ .table { margin-bottom: 0; } .table th { font-weight: 600; background-color: #f8f9fa; /* خلفية خفيفة لرؤوس الأعمدة */ } .table-hover tbody tr:hover { background-color: #e9ecef; /* لون التحويم */ } /* تحسينات بسيطة على الـ breadcrumb */ .breadcrumb { background-color: #fff; /* جعله أبيض ليتناسب مع الخلفية العامة */ padding: 0.75rem 1rem; border-radius: 0.375rem; /* Bootstrap 5 default */ border: 1px solid #dee2e6; /* حد خفيف */ margin-bottom: 1.5rem !important; /* زيادة الهامش السفلي */ } /* أزرار أكثر جاذبية قليلاً */ .btn { border-radius: 0.375rem; /* Bootstrap 5 default */ padding: 0.5rem 1rem; /* زيادة الحشوة قليلاً */ font-weight: 500; /* جعل الخط أثقل قليلاً */ transition: all 0.2s ease-in-out; } .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .btn-xs { /* كلاس إضافي للأزرار الصغيرة جدًا في الجداول */ padding: 0.2rem 0.4rem; font-size: 0.75rem; } /* تنسيق خاص لخلايا الجدول الدراسي */ .timetable-table-student td, .timetable-table-teacher td { min-height: 75px; padding: 0.5rem; } .timetable-slot-select option small { color: #495057 !important; } /* تنسيق الصورة الشخصية */ .profile-image-container img, img.profile-image { /* كلاس عام لصور الملف الشخصي */ border: 3px solid #dee2e6; padding: 3px; /* حشوة داخلية صغيرة */ background-color: #fff; /* خلفية بيضاء للصورة */ } /* كلاسات البطاقات الرئيسية في لوحة تحكم المدير */ .main-module-card .list-group-item { border-left: 0; border-right: 0; border-top: 1px solid rgba(0,0,0,.05); /* خط فاصل أفتح */ transition: all 0.25s ease; padding: 0.85rem 1.25rem; /* تعديل الحشوة */ } .main-module-card .list-group-item:first-child { border-top: 0; } .main-module-card .list-group-item:hover { background-color: var(--bs-primary-bg-subtle, #cfe2ff); /* لون Bootstrap للتأكيد */ color: var(--bs-primary-text-emphasis, #052c65); padding-right: 1.75rem; } .main-module-card .list-group-item i.fa-chevron-left { transition: transform 0.2s ease-in-out; opacity: 0.6; } .main-module-card .list-group-item:hover i.fa-chevron-left { transform: translateX(-4px); opacity: 1; } /* تحسينات على الـ Navbar إذا كنت تستخدم اللون الأساسي */ .navbar.bg-primary { /* يمكنك إضافة تدرج هنا إذا أردت */ /* background: linear-gradient(to right, var(--bs-primary), #0056b3) !important; */ } .navbar.bg-primary .navbar-brand, .navbar.bg-primary .nav-link { color: rgba(255,255,255,0.9); } .navbar.bg-primary .nav-link.active, .navbar.bg-primary .nav-link:hover { color: #fff; font-weight: 500; /* تمييز الرابط النشط/عند التحويم */ } /* فوتر محسن */ .site-footer { background-color: #343a40; /* لون داكن للفوتر */ color: #adb5bd; /* لون نص فاتح */ font-size: 0.875rem; } .site-footer h5 { color: #f8f9fa; margin-bottom: 1rem; font-weight: 600; } .site-footer .footer-links a, .site-footer .footer-contact li { color: #ced4da; margin-bottom: 0.5rem; display: block; /* جعل الروابط تأخذ عرض كامل لتسهيل النقر */ } .site-footer .footer-links a:hover { color: #fff; text-decoration: none; /* إزالة الخط السفلي الافتراضي للروابط */ } .site-footer .social-icons .btn-floating { color: #adb5bd; border-color: #495057; } .site-footer .social-icons .btn-floating:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); } .site-footer .bottom-footer { background-color: rgba(0,0,0,0.2); padding: 0.8rem 0; font-size: 0.8rem; } .site-footer .bottom-footer a { color: #fff; font-weight: 500; }