مدیاویکی:Common.css: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۷٬۴۱۵: | خط ۷٬۴۱۵: | ||
} | } | ||
/* کانتینر اصلی */ | |||
/* | |||
.category-grid { | .category-grid { | ||
display: grid; | display: grid; | ||
gap: | gap: 10px; /* فاصله کمتر بین باکسها */ | ||
margin: | margin: 15px auto; | ||
max-width: | max-width: 800px; /* هماهنگ با کادر خوشآمدگویی */ | ||
padding: | padding: 5px; | ||
} | } | ||
/* حالت موبایل: ۲ ستون */ | /* حالت موبایل: ۲ ستون (اصلاح شد) */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.category-grid { | .category-grid { | ||
| خط ۷٬۴۳۹: | خط ۷٬۴۳۸: | ||
} | } | ||
/* استایل باکسهای | /* استایل باکسهای کوچک و باریک */ | ||
.category-card { | .category-card { | ||
display: flex; | display: flex; | ||
| خط ۷٬۴۴۵: | خط ۷٬۴۴۴: | ||
justify-content: center; | justify-content: center; | ||
text-align: center; | text-align: center; | ||
height: | height: 45px; /* ارتفاع کمتر */ | ||
padding: 10px; | padding: 5px 10px; | ||
border-radius: | border-radius: 8px; /* گردی کمتر لبهها برای نمای مدرنتر */ | ||
text-decoration: none !important; | text-decoration: none !important; | ||
transition: transform 0.2s | transition: transform 0.2s ease; | ||
box-shadow: 0 4px | box-shadow: 0 2px 4px rgba(0,0,0,0.08); | ||
font-weight: | font-weight: 600; | ||
font-size: 0. | font-size: 0.85em; /* فونت کمی کوچکتر */ | ||
color: #ffffff !important; | color: #ffffff !important; | ||
} | } | ||
.category-card:hover { | .category-card:hover { | ||
transform: translateY(- | transform: translateY(-2px); | ||
} | } | ||