الگو:صفحهٔ اصلی/styles.css: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱۰۰: | خط ۱۰۰: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-color: #3a5a40; | border-color: #3a5a40; | ||
} | |||
#mp-article, #mp-help { | |||
flex: 1 1 67%; | |||
margin-left: 2px; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.mp-article-box, #mp-article-box, #mp-help-box { | |||
margin-left: 0.3em; | |||
margin-bottom: 1em; | |||
padding: 1.2em; | |||
border-radius: 10px; | |||
border: 1px solid #a3b18a; | |||
box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05); | |||
background: #ffffff; | |||
transition: box-shadow 0.2s ease; | |||
} | |||
.mp-article-box:hover, #mp-article-box:hover, #mp-help-box:hover { | |||
box-shadow: 0 6px 16px rgba(52, 78, 65, 0.1); | |||
} | |||
#mp-help-box { | |||
background: #f4f5f0; | |||
} | |||
#mp-sidebar { | |||
flex: 1 1 33%; | |||
} | |||
#mp-sidebar-box { | |||
margin-right: 0.3em; | |||
margin-bottom: 1em; | |||
padding: 1.2em; | |||
background: #ffffff; | |||
border-radius: 10px; | |||
border: 1px solid #a3b18a; | |||
border-top: 4px solid #3a5a40; | |||
box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05); | |||
} | |||
.mp-h2 { | |||
padding: 10px 15px; | |||
border-radius: 8px; | |||
background: linear-gradient(135deg, #3a5a40 0%, #588157 100%); | |||
color: #ffffff; | |||
margin-bottom: 15px; | |||
} | |||
.mp-h2 span { | |||
font-size: 16px; | |||
font-weight: bold; | |||
position: relative; | |||
color: #ffffff; | |||
} | |||
.mp-article-footer { | |||
border-top: 1px dashed #a3b18a; | |||
text-align: center; | |||
font-size: 95%; | |||
margin-top: 15px; | |||
padding-top: 10px; | |||
color: #344e41; | |||
} | |||
#mp-more { | |||
float: left; | |||
margin-left: 10px; | |||
color: #3a5a40; | |||
font-weight: bold; | |||
} | |||
#mp-new ol { | |||
margin: 10px 10px 0 0; | |||
padding: 0; | |||
} | |||
#mp-new ol li { | |||
list-style: none; | |||
line-height: 1.8; | |||
color: #344e41; | |||
} | |||
#mp-new ol li:before { | |||
content: ""; | |||
line-height: 1em; | |||
width: 6px; | |||
height: 6px; | |||
background-color: #588157; | |||
float: right; | |||
margin: 9px 0 0 8px; | |||
border-radius: 50%; | |||
} | |||
#badge { | |||
font-weight: bold; | |||
color: #588157; | |||
} | |||
@media (max-width: 875px) { | |||
.mp-topbanner { | |||
margin: 5px 0; | |||
} | |||
.mp-welcome { | |||
font-size: 20px; | |||
} | |||
.mp-menu { | |||
border-bottom: 0; | |||
} | |||
.mp-menu .hlist > ul li { | |||
margin-left: 0; | |||
} | |||
#mp-upper, #mp-bottom { | |||
flex-direction: column; | |||
} | |||
.mp-article-box, #mp-article-box { | |||
margin-left: 0; | |||
} | |||
#mp-sidebar-box { | |||
margin-right: 0; | |||
} | |||
#mp-help-box { | |||
background: #f4f5f0; | |||
} | |||
} | } | ||