مدیاویکی:Common.css: تفاوت میان نسخهها
admin>Esfandiari بدون خلاصۀ ویرایش |
admin>Esfandiari بدون خلاصۀ ویرایش |
||
| خط ۸۲۱: | خط ۸۲۱: | ||
} | } | ||
} | } | ||
.main-grid { | .main-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(6, 1fr); | /* طبق فرمایش شما ۶ ستونه */ | ||
gap: 18px; | grid-template-columns: repeat(6, 1fr); | ||
gap: 18px; | |||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
.grid-item { | .grid-item { | ||
background-color: # | /* تغییر رنگ پسزمینه به آبی-خاکستری بسیار روشن */ | ||
border: | background-color: #f4f7fa; | ||
/* تغییر رنگ حاشیه به آبی مایل به خاکستریِ پررنگتر و با ضخامت بیشتر */ | |||
border: 2px solid #9bbbd9; | |||
border-radius: 8px; | border-radius: 8px; | ||
padding: | padding: 12px; | ||
text-align: center; | text-align: center; | ||
transition: | transition: all 0.2s ease-in-out; | ||
} | } | ||
.grid-item:hover { | .grid-item:hover { | ||
transform: translateY(-5px); /* | transform: translateY(-5px); | ||
border-color: # | /* رنگ حاشیه در حالت هاور برای جذابیت بیشتر */ | ||
border-color: #5a8ab8; | |||
background-color: #e8f0f8; | |||
box-shadow: 0 4px 6px rgba(0,0,0,0.08); | |||
} | } | ||
| خط ۸۴۵: | خط ۸۵۴: | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.main-grid { | .main-grid { | ||
grid-template-columns: repeat(3, 1fr); | /* در موبایل ۳ ستونه باقی میماند */ | ||
grid-template-columns: repeat(3, 1fr); | |||
} | } | ||
} | } | ||