جدول المبارايات
/* تنسيق عام */
body {
font-family: "Tajawal", Arial, sans-serif;
background: #f5f5f5;
margin: 0;
padding: 0;
}
/* الحاوية الرئيسية */
.matches {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
}
/* كل مباراة */
.match {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
overflow: hidden;
transition: transform 0.3s ease;
}
.match:hover {
transform: translateY(-5px);
}
/* رأس المباراة */
.match-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid #eee;
}
/* الفريق */
.team {
display: flex;
align-items: center;
gap: 10px;
}
.team-logo img {
border-radius: 50%;
border: 2px solid #ddd;
}
/* النتيجة */
.score {
font-size: 1.5rem;
font-weight: bold;
color: #333;
}
/* تفاصيل المباراة */
.match-details {
display: flex;
justify-content: space-around;
padding: 10px 15px;
background: #fafafa;
font-size: 0.95rem;
color: #555;
}
.match-details span {
display: flex;
align-items: center;
gap: 5px;
}
/* أيقونات */
.match-details i {
color: #007bff;
}
/* استجابة الهواتف */
@media (max-width: 768px) {
.match-header {
flex-direction: column;
text-align: center;
}
.score {
margin: 10px 0;
}
.match-details {
flex-direction: column;
gap: 8px;
text-align: center;
}
}
برشلونة
2 - 2
ريال مدريد
الدوري الإسباني
انتهت
بين سبورت 1
برشلونة
4 - 2
إشبيلية
الدوري الإسباني
انتهت
بين سبورت 3
ريال مدريد
2 - 1
ليفانتي
الدوري الإسباني
انتهت
بين سبورت 3
تشيلسي
0 - 0
مانشستر سيتي
نهائي
25/02/2019 09:30 PM
بين سبورت 3