نمایش مبدأ برای الگو:صفحه اصلی/بالا/style.css

.mp-main {
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%; /* EI8 - EI7 */
}

/*==========================*/
#welcome {
	color: #1E398D;
    font-size: 215%;
    margin-top: 6px;
    margin-bottom: 0.3em;
    font-family: "IRANSansRegular";
    text-align: center;
    line-height: 1.25;
}

#about {
	margin-left: 0.5em;
	font-size: 100%;
	text-align: center;
}

#number {
    padding-top: 0.8em;
    margin-top: 0.3em;
    margin-bottom: 1.3em;
    font-size: 95%;
    text-align: center;
}

#linkTop {
    margin-top: 1.2em;
    margin-bottom: 1em;
    font-size: 95%;
    text-align: center;
}

/*==========================*/
.mp-right {
	flex: 65%;
	display: flex;
	flex-direction: column;
	float: right; /* EI9 - EI8 - EI7 */
	max-width: 65%; /* EI9 - EI8 - EI7 */
	width: 64%; /* EI6 - EI5 - EI4 */
}
/*==========================*/

.mp-R1 {
	flex-grow: 1;
}
.mp-R2 {
	flex-grow: 2;
}
.mp-R3 {
	flex-grow: 3;
}
.mp-R4 {
	flex-grow: 4;
}
/*==========================*/
/*==========================*/

.mp-left {
	flex: 35%;
    display: flex;
    flex-direction: column;
    float: left; /* EI9 - EI8 - EI7*/
	max-width: 35%; /* EI9 - EI8 - EI7*/
	width: 35%; /* EI6 - EI5 - EI4 */
}
/*==========================*/

.mp-L1 {
	flex-grow: 1;
}
.mp-L2 {
	flex-grow: 2;
}
.mp-L3 {
	flex-grow: 3;
}
/*==========================*/
/*==========================*/

.mp-Sec {
	overflow-x: auto;
	border-top: 2px solid #67dac2;
	background: #fff;
	margin: 8px;
	box-shadow: 0 0 0.3rem #308cc1;
	border-radius: 15px 0 0;
	padding: 1.2rem;
	margin-bottom: 1rem;
}
.mp-SecTitle {
    position: relative;
    height: 25px;
    margin:2px -8px 8px 0;
    top:4px;
}
.mp-SecCont {
    position: absolute;
    right: 4px;
    top: -5px;
}
.mp-SecBg {
    position: relative;
    right: -8px;
    top: 0;
}
.mp-SecIcon {
    position: absolute;
    right: -3px;
    top: -6px;
}
.mp-h2 {
    position: absolute;
    right: 40px;
    top: -5px;
    font-family: 'IRANSansRegular';
    font-size: 130%;
     color: black;
}
/*==========================*/
/*==========================*/

body img {
   	max-width: 100%;
    height: auto;
}
/*==========================*/
/*==========================*/

@media screen and (max-width: 845px) {
	.mp-main {
    	flex-direction: column;
    }
    
    .mp-right {
		float: none; /* EI9 */
		min-width: 100%; /* EI9 */
	}
	
	/* Order Right */
    .mp-R1 {
		order: 1;
	}
	.mp-R2 {
		order: 2;
	}
	.mp-R3 {
		order: 3;
	}
	.mp-R4 {
		order: 4;
	}
/*==========================*/
	
	/* Order Left */
	.mp-left {
		float: none; /* EI9 */
		min-width: 100%; /* EI9 */
	}
	
	.mp-L1c{
		order: 1;
	}
	.mp-L2 {
		order: 2;
	}
	.mp-L3 {
		order: 3;
	}
/*==========================*/

	/* Block hidden */
	.mp-R4 {
  		display:none;
    }
}

/*==========================*/

.pcs-widen-image-ancestor {
	width: initial !important;
	height: initial !important;
}
div[class="mp-SecCont pcs-widen-image-ancestor"] {
	position: initial !important;
}
/*==========================*/
/*==========================*/

@media screen and (max-width: 845px) {
	body.skin-minerva table,
	body.skin-minerva tbody,
	body.skin-minerva tr,
    body.skin-minerva td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    body table,
	body tbody,
	body tr,
    body td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
}

/*@media (min-width: 43em)*/
/*body.skin-vector #frame-welcome2 {*/
/*    background-image: url(//commons.wikishia.net/w/images/9/92/Logo_MainPage.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: -64px -45px;*/
/*    background-size: 300px;*/
/*    padding: 10px 42px 10px 164px;*/
/*}*/

.recoArticles {
	display: block !important;
	font-weight: bold;
}

body.skin-vector ul {
    margin: 0.3em 0.6em 0 0;
    text-align: justify;
}

body.skin-vector ol {
    margin: 0.3em 1em 0 -10px;
}

body.skin-minerva ol {
    padding-right: unset;
    margin: 0.3em 0.7em 0 -4px;
}

body.skin-minerva ul {
    list-style-type: square;
    padding-right: 0.6em;
    text-align: justify;
}

/*#catlinks {*/
/*    display: none!important;*/
/*}*/
/*.catlinks {*/
/*    display: none!important;*/
/*}*/