مدیاویکی:Common.css: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۹۲۰: | خط ۹۲۰: | ||
.trust-item:hover { | .trust-item:hover { | ||
transform: scale(1.05); /* افکت کوچک هنگام بردن موس روی لوگو */ | transform: scale(1.05); /* افکت کوچک هنگام بردن موس روی لوگو */ | ||
} | |||
/* کادر اصلی مستطیلی */ | |||
.footer-container { | |||
display: flex; | |||
flex-wrap: wrap; /* برای ریسپانسیو شدن در موبایل */ | |||
background: #ffffff; | |||
border: 2px solid #e1e1e1; | |||
border-radius: 12px; | |||
padding: 20px; | |||
margin-top: 30px; | |||
gap: 20px; | |||
} | |||
/* هر ستون */ | |||
.footer-col { | |||
flex: 1; /* تقسیم مساوی فضا */ | |||
min-width: 250px; /* حداقل عرض برای اینکه در موبایل خوششکل باشد */ | |||
text-align: center; | |||
} | |||
/* عنوانهای داخل کادر */ | |||
.footer-heading { | |||
font-weight: bold; | |||
margin-bottom: 15px; | |||
padding-bottom: 10px; | |||
border-bottom: 1px solid #eee; | |||
color: #444; | |||
} | |||
/* تنظیمات آیکونهای نماد */ | |||
.trust-icons { | |||
display: flex; | |||
justify-content: center; | |||
gap: 15px; | |||
margin-top: 10px; | |||
} | |||
/* ریسپانسیو برای موبایل (اگر عرض صفحه کم شد، همه چیز وسطچین شود) */ | |||
@media (max-width: 768px) { | |||
.footer-container { | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
} | } | ||