پرش به محتوا

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

از ویکی داد
 
بدون خلاصۀ ویرایش
 
(۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
/* =========================================================
/* =========================================================
   WIKIDAD — VECTOR RESPONSIVE
   WIKIDAD — Vector.css
   اصلاح ریسپانسیو پوسته Vector
   فقط تنظیمات اختصاصی پوسته
   ========================================================= */
   ========================================================= */


@media screen {


/* =========================================================
    /* جلوگیری از بیرون‌زدگی افقی */
  1. جلوگیری از بیرون‌زدگی افقی
    html,
  ========================================================= */
     body {
 
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%;
         max-width: 100%;
         box-sizing: border-box;
         overflow-x: hidden;
     }
     }


 
     /* رسانه‌ها */
     /* جدول‌های معمولی */
    img,
 
    video,
     .mw-body table {
     iframe {
         max-width: 100%;
         max-width: 100%;
    }
}
/* =========================================================
  7. موبایل کوچک
  ========================================================= */
@media (max-width: 480px) {
    .mw-first-heading {
        font-size: 1.45rem;
     }
     }


}
}

نسخهٔ کنونی تا ۲۴ سپتامبر ۲۰۲۶، ساعت ۰۲:۳۰

/* =========================================================
   WIKIDAD — Vector.css
   فقط تنظیمات اختصاصی پوسته
   ========================================================= */

@media screen {

    /* جلوگیری از بیرون‌زدگی افقی */
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* رسانه‌ها */
    img,
    video,
    iframe {
        max-width: 100%;
    }

}