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

نسخهٔ ۱۷ سپتامبر ۲۰۲۶، ساعت ۱۲:۵۰

/* =========================================================
   WIKIDAD — VECTOR RESPONSIVE
   اصلاح ریسپانسیو پوسته Vector
   ========================================================= */


/* =========================================================
   1. جلوگیری از بیرون‌زدگی افقی
   ========================================================= */

html,
body {
    max-width: 100%;
}


/* =========================================================
   2. محتوای اصلی
   ========================================================= */

.mw-body {
    box-sizing: border-box;
    max-width: 100%;
}


/* =========================================================
   3. عناصر رسانه‌ای و محتوای عریض
   ========================================================= */

.mw-body img,
.mw-body video,
.mw-body iframe {
    max-width: 100%;
    height: auto;
}


/* =========================================================
   4. جدول‌ها
   ========================================================= */

.mw-body table {
    max-width: 100%;
}


/* =========================================================
   5. تبلت
   ========================================================= */

@media (max-width: 1000px) {

    .mw-body {
        box-sizing: border-box;
    }

}


/* =========================================================
   6. موبایل
   ========================================================= */

@media (max-width: 700px) {

    /* فاصله محتوای اصلی */

    .mw-body {
        box-sizing: border-box;
    }


    /* عنوان صفحه */

    .mw-first-heading {
        font-size: 1.65rem;
        line-height: 1.6;
    }


    /* تصاویر */

    .mw-body img {
        max-width: 100%;
        height: auto;
    }


    /* فرم‌ها */

    .mw-body input,
    .mw-body textarea,
    .mw-body select,
    .mw-body button {
        max-width: 100%;
        box-sizing: border-box;
    }


    /* جدول‌های معمولی */

    .mw-body table {
        max-width: 100%;
    }

}


/* =========================================================
   7. موبایل کوچک
   ========================================================= */

@media (max-width: 480px) {

    .mw-first-heading {
        font-size: 1.45rem;
    }

}


/* =========================================================
   WIKIDAD — مخفی کردن سایدبار Vector در موبایل
   ========================================================= */

@media (max-width: 700px) {

    /* Vector جدید */
    .vector-sidebar {
        display: none !important;
    }

    /* Vector قدیمی */
    #mw-panel {
        display: none !important;
    }

    /* جلوگیری از ایجاد فضای خالی سایدبار */
    .mw-body {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}