مدیاویکی:Common.css: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۷٬۴۹۰: خط ۷٬۴۹۰:
.social-link-item:hover {
.social-link-item:hover {
     transform: scale(1.15); /* کمی بزرگ شدن هنگام نگه داشتن موس */
     transform: scale(1.15); /* کمی بزرگ شدن هنگام نگه داشتن موس */
}
/* کانتینر اصلی برای جلوگیری از هرگونه تداخل */
.fgb-social-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 10px 0 !important;
    clear: both !important; /* برای جلوگیری از تداخل با فلوت‌های سایت */
}
.fgb-social-box {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    justify-content: center !important;
    align-items: center !important;
}
.fgb-social-icon {
    display: inline-block !important;
    width: 35px !important; /* اندازه ثابت */
    height: 35px !important; /* اندازه ثابت */
    text-decoration: none !important;
    transition: transform 0.2s ease !important;
}
.fgb-social-icon img {
    width: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */
    height: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */
    max-width: 35px !important; /* جلوگیری از بزرگ شدن توسط دستورات سایت */
    min-width: 35px !important; /* جلوگیری از کوچک شدن */
    display: block !important;
    object-fit: contain !important;
}
.fgb-social-icon:hover {
    transform: scale(1.2) !important;
}
}