موضيل:الصفحة اللّولا/styles.css

@media screen and (max-width: 720px) {

 .mp-main {
   flex-direction: column;
 }
 
 .mp-creatbox, .mp-said, .mp-cil, .mp-tfp {
 	display:none;
 }
   body.skin-minerva td,
   body.skin-minerva tr,
   body.skin-minerva tbody,
   body.skin-minerva table {
       display: block !important;
       width: 100% !important;
       box-sizing: border-box;
   }
   #wikiportals tbody tr:nth-child(1) {
   	columns: 2 auto;
   	text-align: center;
   }

}

.mp-main {

 display: flex;
 flex-wrap: nowrap;

} .mp-right {

 flex: 65%;

} .mp-left {

 flex: 35%;

}

.mp-Sec {

 padding: 10px;
 margin: 3px;
 vertical-align: text-top;
 border: 1px solid #c6c9ff;
 border-radius: 5px;
 color: #000;
 background: #fafaff;

} .mp-intro, .mp-sister {

 background: #f8f8f8;
 clear: both;

}

/* عناوين الأقسام */ .mp-SecTitle {

 position: relative;
 height: 25px;
 margin:2px 0 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: 1px;
 font-weight: bold;
 font-size: 130%;

}