مدیاویکی:Vector.css

نکته: پس از انتشار ممکن است برای دیدن تغییرات نیاز باشد که حافظهٔ نهانی مرورگر خود را پاک کنید.

فایرفاکس / سافاری: کلید Shift را نگه دارید و روی دکمهٔ Reload کلیک کنید، یا کلید‌های Ctrl-F5 یا Ctrl-R را با هم فشار دهید (در رایانه‌های اپل مکینتاش کلید‌های ⌘-R)
گوگل کروم: کلیدهای Ctrl+Shift+R را با هم فشار دهید (در رایانه‌های اپل مکینتاش کلید‌های ⌘-Shift-R)
Edge: کلید Ctrl را نگه‌دارید و روی دکمهٔ Refresh کلیک کنید، یا کلید‌های Ctrl-F5 را با هم فشار دهید

/* =========================================================
   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;
    }

}