مدیاویکی:Mobile.css
نکته: پس از انتشار ممکن است برای دیدن تغییرات نیاز باشد که حافظهٔ نهانی مرورگر خود را پاک کنید.
- فایرفاکس / سافاری: کلید Shift را نگه دارید و روی دکمهٔ Reload کلیک کنید، یا کلیدهای Ctrl-F5 یا Ctrl-R را با هم فشار دهید (در رایانههای اپل مکینتاش کلیدهای ⌘-R)
- گوگل کروم: کلیدهای Ctrl+Shift+R را با هم فشار دهید (در رایانههای اپل مکینتاش کلیدهای ⌘-Shift-R)
- اینترنت اکسپلورر/ Edge: کلید Ctrl را نگهدارید و روی دکمهٔ Refresh کلیک کنید، یا کلیدهای Ctrl-F5 را با هم فشار دهید
- اپرا: Ctrl-F5 را بفشارید.
@font-face {
font-family: 'iransans';
src: url('/fonts/IRANSansX-Light.woff2') format('woff2'),
}
@font-face {
font-family: iransans;
font-weight: bold;
src: url('/fonts/IRANSansX-Bold.woff2') format('woff2');
}
/* quran Font */
@font-face {
font-family: 'Uthman_Taha_Naskh';
font-style: normal;
src: url('/fonts/Uthman_Taha_Naskh.ttf') format('ttf');
src: url('/fonts/Uthman_Taha_Naskh.woff2') format('woff2');
}
body, html, p {
/* generally a sans-serif font should be here */
font-family: iransans, Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Sans Arabic', 'Noto Kufi Arabic', 'Droid Arabic Kufi', sans-serif !important;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body #firstHeading,
.mw-body .mw-editsection, .mw-body .mw-editsection-like,
.mw-body #toc h2, .mw-body .toc h2, .mw-body .toc h3, .mw-body .toc h4, .mw-body .toc h5,
#documentation-meta-data, .vector-sticky-header-context-bar-primary {
/* generally a serif font should be here but Arial is not acceptable for Persian */
font-family: iransans, 'Iranian Serif', 'Noto Naskh Arabic', 'Iranian Sans', 'DejaVu Sans', serif;
font-weight: bold;
}
/* حذف فاصله خالی اول مقالات */
p br {
dis play: none;
}
/* portals */
.mainpage-portals {
float: right;
width: 12.5%;
margin: 12px auto;
}
.portal-container-2 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(2, auto);
grid-template-rows: auto;
width: 100%
}
.portal-container-3 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, auto);
grid-template-rows: auto;
width: 100%
}
.portal-container-4 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(4, auto);
grid-template-rows: auto;
width: 100%
}
.portal-container-5 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(5, auto);
grid-template-rows: auto;
width: 100%
}
.portal-container-6 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(6, auto);
grid-template-rows: auto;
width: 100%
}
.portal-container-7 {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(7, auto);
grid-template-rows: auto;
width: 100%
}
.portal-column-2-3 {
grid-column-end: span 2;
}
.portal-column-3-4 {
grid-column-end: span 3;
}
.portal-column-1-2,
.portal-column-1-3,
.portal-column-1-4,
.portal-column-1-5,
.portal-column-1-6,
.portal-column-1-7 {
grid-column-end: span 1;
}
.portal-column-2-2 {
grid-column-end: span 2;
}
.portal-column-3-3 {
grid-column-end: span 3;
}
.portal-column-4-4 {
grid-column-end: span 4;
}
.portal-column-5-5 {
grid-column-end: span 5;
}
.portal-column-6-6 {
grid-column-end: span 6;
}
.portal-column-7-7 {
grid-column-end: span 7;
}
@media only screen and (max-width: 700px) {
.mainpage-portals {
width: 25%;
}
/* Decouple the columns on narrow screens */
.portal-container-2,
.portal-container-3,
.portal-container-4,
.portal-container-5,
.portal-container-6,
.portal-container-7 {
display: block;
}
.portal-column-1-2,
.portal-column-3-4,
.portal-column-1-3,
.portal-column-2-3,
.portal-column-2-2,
.portal-column-3-3,
.portal-column-4-4,
.portal-column-5-5,
.portal-column-6-6,
.portal-column-7-7 {
flo at: inherit;
width: 100%;
margin-top: 16px;
display: block !important;
text-align: center;
}
.portal-column-1-4 {
wid th: calc(50% - 16px);
}
.portal-column-1-6 {
wid th: calc(33.3% - 16px);
}
.portal-column-1-7 {
flo at: right;
wid th: calc(25% - 16px);
}
}
@media only screen and (max-width: 600px) {
.portal-column-1-4,
.portal-column-1-6,
.portal-column-1-5 {
float: inherit;
width: 100%;
margin: 0;
display: block !important;
text-align: center;
}
}
/* ثابت کردن منوی بالا */
.header-container.header-chrome {
position: fixed;
width: 100%;
z-index: 1;
}
.branding-box {
background: url("/design/wiki.png");
background-repeat: no-repeat;
background-position: right;
background-size: 60px;
padding: 25px 65px 0 60px;
height: 50px;
}
.page-heading {
margin-top: 54px;
}
.overlay {
z-index: 10
}
.header-container.header-chrome.overlay-header-container {
width: 100%;
}
img {
max-width: 100%;
height: auto !important;
clip: rect(auto, auto, auto, auto) !important;
}
.ns-202 .in-block {
display: initial;
}
.ns-202 .page-heading {
display: none;
}
* {
box-sizing: border-box;
}
/* جعبه گفتاورد */
.quotebox {
width: 30%
}
@media only screen and (max-width: 600px) {
.quotebox {
width: 100%;
}
}
p, li {
text-align: justify;
line-height: 2;
}