|
|
| (۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| /* ========================================================= | | /* ========================================================= |
| 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%; | | max-width: 100%; |
| height: auto; | | overflow-x: hidden; |
| } | | } |
|
| |
|
| | | /* رسانه‌ها */ |
| /* فرم‌ها */ | | img, |
| | | video, |
| .mw-body input,
| | iframe { |
| .mw-body textarea, | |
| .mw-body select, | |
| .mw-body button { | |
| max-width: 100%; | | 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;
| |
| } | | } |
|
| |
|
| } | | } |
