ميدياويكي:Common.css: الفرق بين النسختين
BasraweAdmin (نقاش | مساهمات) لا ملخص تعديل |
BasraweAdmin (نقاش | مساهمات) لا ملخص تعديل |
||
| سطر ١٢٤: | سطر ١٢٤: | ||
.basrawe-hero h1 { | .basrawe-hero h1 { | ||
font-size: 28px; | font-size: 28px; | ||
} | |||
} | |||
/* ================================================== | |||
Basrawe Wiki - Responsive Mobile UI | |||
================================================== */ | |||
/* صندوق المعلومات الموحد */ | |||
.basrawe-infobox { | |||
width: 310px; | |||
max-width: 100%; | |||
float: left; | |||
margin: 0 0 18px 20px; | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
background: #f8f9fa; | |||
font-size: 95%; | |||
box-sizing: border-box; | |||
} | |||
.basrawe-infobox th, | |||
.basrawe-infobox td { | |||
padding: 7px 9px; | |||
vertical-align: top; | |||
} | |||
.basrawe-infobox th { | |||
background: #eaecf0; | |||
} | |||
.basrawe-infobox img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/* الصور داخل المقالات */ | |||
.mw-parser-output img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/* الجداول العامة */ | |||
.mw-parser-output table.wikitable { | |||
max-width: 100%; | |||
} | |||
/* تحسين القراءة */ | |||
.mw-parser-output p, | |||
.mw-parser-output li { | |||
line-height: 1.85; | |||
} | |||
/* ========================= | |||
الهواتف والأجهزة الصغيرة | |||
========================= */ | |||
@media screen and (max-width: 720px) { | |||
/* صندوق المعلومات يصبح بعرض الصفحة */ | |||
.basrawe-infobox { | |||
float: none !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
margin: 0 0 18px 0 !important; | |||
font-size: 94%; | |||
} | |||
.basrawe-infobox th { | |||
width: 38%; | |||
} | |||
/* منع الصور من الخروج عن الشاشة */ | |||
.mw-parser-output img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
} | |||
/* تحسين العناوين */ | |||
.mw-parser-output h1 { | |||
font-size: 1.75em; | |||
} | |||
.mw-parser-output h2 { | |||
font-size: 1.4em; | |||
line-height: 1.45; | |||
} | |||
.mw-parser-output h3 { | |||
font-size: 1.18em; | |||
} | |||
/* تحسين النص */ | |||
.mw-parser-output p { | |||
line-height: 1.9; | |||
text-align: right; | |||
} | |||
/* الجداول الكبيرة تمرر أفقياً بدلاً من كسر الصفحة */ | |||
.mw-parser-output .wikitable { | |||
display: block; | |||
overflow-x: auto; | |||
white-space: normal; | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
/* القوائم */ | |||
.mw-parser-output ul, | |||
.mw-parser-output ol { | |||
padding-right: 22px; | |||
padding-left: 5px; | |||
} | |||
/* المراجع والروابط الطويلة */ | |||
.references li, | |||
.mw-parser-output a { | |||
overflow-wrap: anywhere; | |||
word-break: normal; | |||
} | } | ||
} | } | ||