فایلcss/template.css
body {
overflow-x:hidden;
position:relative;
font-family: tahoma;
line-height:18px;
font-size:12px;
background-color:#fff;
color:#333;
background-image: url(../images/mw_bg.png);
background-position:top right;
background-repeat:repeat;
}
#modernweb {
direction:rtl;
text-align:right;
margin:0 auto;
}
#mw_1_modernweb {
position:relative;
height:80px;
background-color:#f2f2f2;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc;
}
#mw_1 {
position:relative;
width:980px;
height:80px;
margin:0 auto;
}
#mw_menu {
float:right;
height:80px;
width:700px;
}
.sticky #mw_1{
position:fixed;
width :100%;
z-index:9999;
height:80px;
background-color:#f2f2f2;
-webkit-box-shadow: 0px 0px 5px 1px #ccc;
box-shadow: 0px 0px 5px 1px #ccc;
background-image: url(../images/mw_bg1.png);
background-position:top right;
background-repeat:repeat;
}
.sticky #mw_menu {
margin-right:12px;
}
#mw_logo {
float:left;
height:80px;
width:280px;
}
.mw_logo {
text-align:center;
font-family:google;
color:#272727;
font-size:60px;
font-weight:100;
line-height:60px;
text-shadow:2px 2px 1px #CCC;
}
#mw_2_modernweb {
position:relative;
}
#mw_2 {
position:relative;
width:980px;
height:370px;
margin:0 auto;
}
#mw_slideshow {
float:right;
width:980px;
height:330px;
margin-top:20px;
overflow:hidden;
}
#mw_3_modernweb {
position:relative;
height:auto;
}
#mw_3 {
position:relative;
width:980px;
height:270px;
margin:0 auto;
}
#mw_top_01 {
float:right;
width:230px;
height:250px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_top_02 {
float:left;
width:230px;
height:250px;
margin-right:20px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_top_03 {
float:left;
width:230px;
height:250px;
margin-right:20px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_top_04 {
float:left;
width:230px;
height:250px;
margin-right:20px;
margin-top:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_3 .moduletable {
width:90%;
margin:0 auto;
overflow:hidden;
}
#mw_3 .moduletable h3 {
color:#000;
margin:10px 0px;
font-family:BBardiya;
text-align:center;
}
#mw_3 .moduletable ul li {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_3 .moduletable ul li:hover {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
padding-right:5px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_3 .moduletable ul li a{
color:#8d8d8d;
}
#mw_3 .moduletable ul li:hover a {
color:#0063a1;
}
#mw_4_modernweb {
position:relative;
}
#mw_4 {
position:relative;
width:980px;
margin:0 auto;
margin-top:20px;
}
#mw_content {
float:left;
width:500px;
}
#mw_component {
width:470px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_comtop {
width:470px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_combot {
width:470px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_mid {
float:left;
width:740px;
}
#mw_content_mid #mw_component {
width:710px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_mid #mw_comtop {
width:710px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_mid #mw_combot {
width:710px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_full {
float:left;
width:980px;
}
#mw_content_full #mw_component {
width:950px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_full #mw_comtop {
width:950px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_content_full #mw_combot {
width:950px;
padding:15px 15px 40px 15px;
background-color:#fff;
border:1px #d8d8d8 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
margin-bottom:20px;
overflow:hidden;
}
#mw_left {
float:left;
width:220px;
margin-right:20px;
}
#mw_right {
float:right;
width:220px;
margin-left:20px;
}
#mw_right .module ,#mw_right .module_menu ,#mw_left .module ,#mw_left .module_menu {
width:220px;
margin-bottom:20px;
background-color:#fff;
border:1px #dddddd solid;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
}
#mw_right .module h3 ,#mw_right .module_menu h3 ,#mw_left .module h3 ,#mw_left .module_menu h3 {
font-size:20px;
margin-bottom:10px;
}
#mw_right #mod_module ,#mw_left #mod_module {
width:200px;
margin:0 auto;
margin-bottom:20px;
overflow:hidden;
}
#mw_right .module_menu ul li ,#mw_left .module_menu ul li {
border-bottom:1px #d8d8d8 solid;
padding-top:3px;
padding-bottom:5px;
line-height:20px;
}
#mw_right .module_menu ul ul ,#mw_left .module_menu ul ul {
margin:5px 10px 5px 0px;
}
#mw_right .module_menu ul ul li ,#mw_left .module_menu ul ul li {
border-bottom:none;
line-height:10px;
font-size:10px;
}
#mw_5_modernweb {
position:relative;
clear:both;
}
#mw_5 {
position:relative;
width:980px;
height:230px;
margin:0 auto;
}
#mw_bottom_01 {
float:right;
width:230px;
height:210px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_bottom_02 {
float:left;
width:230px;
height:210px;
margin-right:20px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_bottom_03 {
float:left;
width:230px;
height:210px;
margin-right:20px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_bottom_04 {
float:left;
width:230px;
height:210px;
margin-right:20px;
margin-bottom:20px;
background-color:#fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
box-shadow: 0px 0px 5px 0px #dddddd;
overflow:hidden;
}
#mw_5 .moduletable {
width:90%;
margin:0 auto;
overflow:hidden;
}
#mw_5 .moduletable h3 {
color:#000;
margin:10px 0px;
font-family:BBardiya;
}
#mw_5 .moduletable ul li {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_5 .moduletable ul li:hover {
line-height:22px;
margin-bottom:1px;
padding-bottom:2px;
padding-right:5px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#mw_5 .moduletable ul li a{
color:#8d8d8d;
}
#mw_5 .moduletable ul li:hover a {
color:#0063a1;
}
#mw_6_modernweb {
position:relative;
height:70px;
padding-top:30px;
clear:both;
}
#mw_6 {
position:relative;
width:980px;
height:40px;
margin:0 auto;
background-image: url(../images/mw_footer.png);
background-position:top center;
background-repeat:no-repeat;
}
.mw_footer {
line-height:20px;
text-align:center;
font-family:google;
font-size:11px;
padding-top:20px;
padding-right:10px;
}
.mw_footer a {
color:#999999;
}
.mw_footer a:hover {
color:#0063a1;
}
