٨٧٣
تعديل
الفرق بين المراجعتين لصفحة: «قالب:الصفحة الرئيسية/styles.css»
ط
لا يوجد ملخص تحرير
Wikivahdat (نقاش | مساهمات) طلا ملخص تعديل |
Wikivahdat (نقاش | مساهمات) طلا ملخص تعديل |
||
| سطر ٦١: | سطر ٦١: | ||
#mp-upper { | #mp-upper { | ||
display: flex; | display: flex; | ||
} | |||
#mp-right { | |||
flex: 1 1 70%; | |||
margin-left: 2px; | |||
padding: 0 5px; | |||
} | |||
#mp-left { | |||
flex: 1 1 30%; | |||
margin-right: 2px; | |||
} | |||
#mp-article { | |||
display: flex; | |||
flex-direction: column; | |||
padding-top: 1em; | |||
} | |||
#mp-f-article, #mp-s-article, #mp-help { | |||
margin-bottom: 1em; | |||
} | |||
.item-box { | |||
background: #e1f9f7; | |||
border: 1px solid #90ebe8; | |||
border-radius: 0.5em; | |||
padding: 1em; | |||
margin-bottom: 1em; | |||
} | |||
.mp-h2 { | |||
padding: 10px; | |||
border-radius: 6px; | |||
background: #90ebe8; | |||
margin-bottom: 10px; | |||
} | |||
.mp-h2 span { | |||
font-size: 15px; | |||
position: relative; | |||
padding-right: 45px; | |||
} | |||
#mp-article .mp-h2 span:before, #mp-new .mp-h2 span:before, #mp-top .mp-h2 span:before, #mp-help .mp-h2 span:before { | |||
width: 43px; | |||
height: 43px; | |||
position: absolute; | |||
right: -1px; | |||
top: -9px; | |||
content: " "; | |||
} | |||
.mp-more { | |||
float: left; | |||
margin-left: 10px; | |||
} | |||
#mp-new, #mp-top { | |||
width: 100%; | |||
height: auto; | |||
margin-bottom: 10px; | |||
} | |||
#mp-new ol { | |||
margin: 10px 10px 0 0; | |||
padding: 0; | |||
text-align: right !important; | |||
} | |||
#mp-new ol li { | |||
list-style: none; | |||
} | |||
#mp-new ol li:before { | |||
content: ""; | |||
line-height: 1em; | |||
width: 5px; | |||
height: 5px; | |||
background-color: #00528C; | |||
float: right; | |||
margin: 7px 0 0 7px; | |||
border-radius: 50%; | |||
} | } | ||
@media (max-width: 875px) { | @media (max-width: 875px) { | ||
.mp-topbanner { | .mp-topbanner { | ||
margin-bottom:0px; | margin-bottom: 0px; | ||
} | } | ||
| سطر ٧٤: | سطر ١٥٧: | ||
.mp-menu { | .mp-menu { | ||
border-bottom: unset; | border-bottom: unset; | ||
} | |||
#mp-upper { | |||
flex-direction: column; | |||
} | |||
.mp-h2 { | |||
padding: 10px; | |||
border-radius: 6px; | |||
background: #90ebe8; | |||
margin-bottom: 10px; | |||
} | |||
.mp-h2 span { | |||
padding-right: 45px; | |||
position: relative; | |||
} | |||
#mp-article .mp-h2 span:before, #mp-new .mp-h2 span:before, #mp-top .mp-h2 span:before, #mp-help .mp-h2 span:before { | |||
width: 43px; | |||
height: 43px; | |||
position: absolute; | |||
right: -1px; | |||
top: -9px; | |||
content: " "; | |||
} | } | ||
} | } | ||