مدیاویکی: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-light;
	src: url('/fonts/IRANSansX-Light.woff2') format('woff2');
}
@font-face {
	font-family: iransans-black;
	src: url(/fonts/IRANSansX-Black.woff2) format('woff2');
}

/* quran Font */
@font-face {
  font-family: me_quran;
  src: url(/fonts/Uthman_Taha_Naskh.ttf);
}

body {
    font-family: iransans-light;
    line-height: 2;
}

h1, h2, h3, h4 {
	/* generally a sans-serif font should be here */
	font-family: iransans-light, Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Sans Arabic', 'Noto Kufi Arabic', 'Droid Arabic Kufi', sans-serif !important;
}
/* حذف فاصله خالی اول مقالات */
p br {
	display: none;
}
p {
text-align: justify
}
/* 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%;
	}
}