مدیاویکی:Common.css: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۶۷: | خط ۶۷: | ||
button { | button { | ||
font-family: 'IRANSansX', Tahoma, Arial, sans-serif !important; | font-family: 'IRANSansX', Tahoma, Arial, sans-serif !important; | ||
} | |||
/**************** first page template ******************/ | |||
/* Main page layout */ | |||
.mp-container { | |||
max-width: 1120px; | |||
margin: 0 auto; | |||
direction: rtl; /* remove this if your wiki is LTR */ | |||
} | |||
.mp-hero { | |||
border: 1px solid #c8d6ee; | |||
border-radius: 14px; | |||
background: linear-gradient(#ffffff, #f8fbff); | |||
padding: 24px; | |||
margin: 16px 0; | |||
box-shadow: 0 2px 8px rgba(0,0,0,.06); | |||
text-align: center; | |||
} | |||
.mp-grid { | |||
display: grid; | |||
grid-template-columns: 1fr 1.45fr; | |||
gap: 18px; | |||
align-items: start; | |||
} | |||
.mp-column { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 18px; | |||
} | |||
/* Widget/card style */ | |||
.mp-box { | |||
border: 1px solid #b8c9e6; | |||
border-radius: 14px; | |||
background: #fff; | |||
box-shadow: 0 2px 8px rgba(0,0,0,.06); | |||
overflow: hidden; | |||
} | |||
.mp-box-header { | |||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
padding: 8px 14px; | |||
background: linear-gradient(#f9fcff, #eef5ff); | |||
border-bottom: 1px solid #c8d6ee; | |||
font-weight: bold; | |||
color: #1f3f73; | |||
} | |||
.mp-box-title { | |||
font-size: 1.05em; | |||
} | |||
.mp-box-body { | |||
padding: 14px 18px; | |||
line-height: 1.8; | |||
} | |||
.mp-box-body img { | |||
max-width: 100%; | |||
height: auto; | |||
border-radius: 6px; | |||
} | |||
/* Responsive mobile layout */ | |||
@media screen and (max-width: 850px) { | |||
.mp-grid { | |||
grid-template-columns: 1fr; | |||
} | |||
.mp-container { | |||
padding: 0 10px; | |||
} | |||
} | } | ||