مدیاویکی:Common.css: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۸۱۹: | خط ۸۱۹: | ||
.video-responsive-player { | .video-responsive-player { | ||
aspect-ratio: 7 / 4 !important; | aspect-ratio: 7 / 4 !important; | ||
} | |||
} | |||
.main-grid { | |||
display: grid; | |||
grid-template-columns: repeat(5, 1fr); /* ۵ ستون با عرض مساوی */ | |||
gap: 15px; /* فاصله بین باکسها */ | |||
margin-top: 20px; | |||
} | |||
.grid-item { | |||
background-color: #f9f9f9; | |||
border: 1px solid #dbe7ff; | |||
border-radius: 8px; | |||
padding: 15px; | |||
text-align: center; | |||
transition: transform 0.2s; | |||
} | |||
.grid-item:hover { | |||
transform: translateY(-5px); /* افکت کوچک هنگام بردن موس روی باکس */ | |||
border-color: #a0c0ff; | |||
} | |||
/* تنظیم ریسپانسیو برای موبایل */ | |||
@media (max-width: 900px) { | |||
.main-grid { | |||
grid-template-columns: repeat(2, 1fr); /* در موبایل ۲ ستونه میشود */ | |||
} | } | ||
} | } | ||