الگو:صفحهٔ اصلی/styles.css: تفاوت میان نسخه‌ها

جز
بدون خلاصۀ ویرایش
جزبدون خلاصۀ ویرایش
جزبدون خلاصۀ ویرایش
 
(۱۷ نسخهٔ میانی ویرایش شده توسط ۳ کاربر نشان داده نشد)
خط ۲: خط ۲:
.mainpage_head {
.mainpage_head {
     text-align: center;
     text-align: center;
padding: 10px;
margin: 5px;
min-width: 210px;
border-width: 1px;
border-style: solid;
}
}


.mainpage_body {
.mainpage_body {
     display: flex;
     display: flex;
     flex-direction: row;
     flex-flow: row wrap;
}
}


خط ۲۷: خط ۳۲:
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
flex: 75%;
flex: 7;
}
}


.mainpage_body_left {  
.mainpage_body_left {  
flex: 25%;
flex: 3;
}
}


.mainpage_box {  
.mainpage_box {  
padding: 10px;
padding: 5px 10px;
margin: 5px;
margin: 5px;
min-width: 210px;
min-width: 210px;
border: 1px solid #CCC;
border-width: 1px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
border-style: solid;
}
}


.mainpage_box_header {  
.mainpage_box_header {  
padding: 0 5px 10px 0;
padding: 5px;
margin-bottom: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style: solid;
background: #f8f9fa;
}
.mainpage_box_title {
border-bottom: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 5px 10px;
margin: 5px;
}
}


خط ۵۴: خط ۶۷:
.mainpage_box_more {
.mainpage_box_more {
float: left;
float: left;
}
#mp-topbanner {
background: #f9f9f9;
border-color: #ddd;
}
#mp-right .mainpage_box {
background: #f5fffa;
border-color: #cef2e0;
}
#mp-left .mainpage_box {
background: #f5faff;
border-color: #cedff2;
}
#mp-middle {
background: #fff5fa;
border-color: #f2cedd;
}
#mp-lower {
background: #faf5ff;
border-color: #ddcef2;
}
#mp-right .mainpage_box_header {
background: #cef2e0;
border-color: #a3bfb1;
}
#mp-left .mainpage_box_header {
background: #cedff2;
border-color: #a3b0bf;
}
#mp-middle .mainpage_box_header {
background: #f2cedd;
border-color: #bfa3af;
}
#mp-lower .mainpage_box_header {
background: #ddcef2;
border-color: #afa3bf;
}
}