مدیاویکی:Mobile.css

* Vazir Font */
 @font-face {
     font-family: 'vazir';
     src: url('/fonts/Vazir.woff2') format('woff2'), url('/fonts/Vazir.woff') format('woff'), url('/fonts/Vazir.ttf') format('truetype');
}
/* Amiri Font */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v13/J7aRnpd8CGxBHpUrtLMA7w.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
body, h1, h2, h3, h4 {
  /* generally a sans-serif font should be here */
  font-family:  vazir, Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Sans Arabic', 'Noto Kufi Arabic', 'Droid Arabic Kufi', sans-serif  !important;
}
/* طراحی صفحه اول */
 .mainpage-top {
    background-image: url(/mainpage-top-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position-y: 60%;
	background-position-x: center;
}
/* حذف فاصله خالی اول مقالات */
p br {
	display: none;
}
/* portals */
.portal-column-1-2 {
    float: right;
	width: calc(50% - 8px);
}
.portal-column-right-wide {
    float: right;
    width: 60%;
}
.portal-column-left-narrow {
    float: left;
    width: calc(40% - 16px);
}
.portal-column-1-4 {
    float: right;
	width: calc(25% - 16px);
}
.portal-column-3-4 {
    float: right;
	width: 75%;
	margin-left: 16px;
}
.portal-column-1-3 {
	float: right;
	width: calc(33% - 16px);
}
.portal-column-2-3 {
    float: right;
    width: 67%;
    margin-left: 16px;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
.portal-column-1-2,
.portal-column-right-wide,
.portal-column-left-narrow,
.portal-column-3-4,
.portal-column-1-3,
.portal-column-2-3 {
        float: inherit;
        width: 100%;
        margin: 0;
        display: block !important;
    }
    .portal-column-1-4 {
		width: calc(50% - 16px);
    }
}
/* ثابت کردن منوی بالا */
.header-container.header-chrome {
    position: fixed;
    width: calc(100% - 32px);
    z-index: 1;
}
.page-heading {
    margin-top: 54px;
}
.overlay {
    z-index: 10
}
.header-container.header-chrome.overlay-header-container {
    width: 100%;
}