مدیاویکی:Common.css: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۸۲۱: | خط ۸۲۱: | ||
} | } | ||
} | } | ||
.main-grid { | .main-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(6, 1fr); | |||
grid-template-columns: repeat(6, 1fr); | gap: 10px; /* کاهش فاصله بین گریدها */ | ||
gap: | margin-top: 15px; | ||
margin-top: | |||
} | } | ||
.grid-item { | .grid-item { | ||
/* | background-color: #f4f7fa; | ||
border: 2px solid #9bbbd9; | |||
border-radius: 6px; /* کمی گردتر و ظریفتر */ | |||
/* کاهش فضای داخلی برای کوچک شدن ارتفاع و عرض */ | |||
padding: 5px 2px; | |||
/* | /* تنظیم سایز فونت برای باکسهای کوچکتر */ | ||
font-size: 0.9em; | |||
text-align: center; | text-align: center; | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
/* جلوگیری از بزرگ شدن بیش از حد ارتفاع */ | |||
min-height: 40px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
.grid-item:hover { | .grid-item:hover { | ||
transform: translateY(- | transform: translateY(-2px); /* کاهش شدت حرکت هاور */ | ||
border-color: #5a8ab8; | |||
border-color: #5a8ab8; | |||
background-color: #e8f0f8; | background-color: #e8f0f8; | ||
} | } | ||
| خط ۸۵۴: | خط ۸۶۱: | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.main-grid { | .main-grid { | ||
grid-template-columns: repeat(3, 1fr); | |||
grid-template-columns: repeat(3, 1fr); | gap: 8px; | ||
} | } | ||
} | } | ||