"
Team:WHU-China/headercss
From 2013.igem.org
IgnatzZeng (Talk | contribs) |
IgnatzZeng (Talk | contribs) |
||
| (7 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
/*header*/ | /*header*/ | ||
#header{ | #header{ | ||
| + | height:180px; | ||
| + | width:1280px; | ||
| + | background-color:rgb(255,255,238); | ||
| + | border: 1px solid rgb(204, 204, 204); | ||
| + | box-shadow: 6px 6px 9px rgba(142,195,31,0.5); | ||
position: relative;z-index: 1000;min-height: 180px;height: auto !important; | position: relative;z-index: 1000;min-height: 180px;height: auto !important; | ||
| - | + | background: -moz-linear-gradient(right, rgba(200, 255, 40, 0.8), rgba(142, 97, 41, 0)); | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | background: -moz-linear-gradient(right, rgba(200, 255, 40, 0.8), rgba(142, 97, 41, 0) | + | |
background:-webkit-gradient(linear, right top, left top, from(rgba(200, 255, 40,0.8)),to(rgba(142,97,41,0))) ; | background:-webkit-gradient(linear, right top, left top, from(rgba(200, 255, 40,0.8)),to(rgba(142,97,41,0))) ; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
#header-inner{position:relative;margin-top:0;width:100%;height:180px;float:right;} | #header-inner{position:relative;margin-top:0;width:100%;height:180px;float:right;} | ||
| Line 19: | Line 16: | ||
#logo img{_display:none;} | #logo img{_display:none;} | ||
.right-menu li a {background-color:rgb(255,255,238);} | .right-menu li a {background-color:rgb(255,255,238);} | ||
| - | #menu{position:absolute;right:7px;bottom:0;height:34px;font-size:16px;_font-size:12px;margin-right: | + | #menu{position:absolute;right:7px;bottom:0;height:34px;font-size:16px;_font-size:12px;margin-right: 4%;} |
.toplist{float:left;height:34px;line-height:34px;border: 0;} | .toplist{float:left;height:34px;line-height:34px;border: 0;} | ||
#menu_lbg{position:absolute;left:-7px;top:0;width:7px;height:34px;} | #menu_lbg{position:absolute;left:-7px;top:0;width:7px;height:34px;} | ||
Latest revision as of 03:24, 27 September 2013
@charset "utf-8"; /* @zhl 2011.08.18 */ /*header*/
#header{
height:180px; width:1280px;
background-color:rgb(255,255,238);
border: 1px solid rgb(204, 204, 204); box-shadow: 6px 6px 9px rgba(142,195,31,0.5); position: relative;z-index: 1000;min-height: 180px;height: auto !important;
background: -moz-linear-gradient(right, rgba(200, 255, 40, 0.8), rgba(142, 97, 41, 0)); background:-webkit-gradient(linear, right top, left top, from(rgba(200, 255, 40,0.8)),to(rgba(142,97,41,0))) ;
}
#header-inner{position:relative;margin-top:0;width:100%;height:180px;float:right;}
- logo{position:relative;top:17px;zoom:1;width:129px;height:58px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='image');}
- logo img{_display:none;}
.right-menu li a {background-color:rgb(255,255,238);}
- menu{position:absolute;right:7px;bottom:0;height:34px;font-size:16px;_font-size:12px;margin-right: 4%;}
.toplist{float:left;height:34px;line-height:34px;border: 0;}
- menu_lbg{position:absolute;left:-7px;top:0;width:7px;height:34px;}
- menu_rbg{position:absolute;right:-7px;top:0;width:7px;height:34px;}
.topla{display:inline-block;height:34px;line-height:37px\9;text-decoration:bold;overflow:hidden;cursor:pointer;} .toplist a.first{border:none;} .topla:hover{border: 1px solid rgb(142,195,31);box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);} .topla span{display:inline-block;padding:0 18px;height:34px;} .toplist a.last span{background:none!important;} .toplist a.hover{;background-color:rgb(142,195,31);} .sec{display:none;}
- menu-sub-container{margin-top:0;width:100%;height:0;background-color:rgb(142,195,31);color:#000;overflow:hidden;border: 1px solid rgb(142,195,31);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);}
- menu-sub-container-inner{display:block;position:absolute;left:50%;top:0;margin-left:-580px;width:960px;}
.menu-sub-list-row{margin:0;padding-top:12px;} .menu-sub-list-row li{width:150px;margin-right:0;padding-left:0;} .menu-sub-list-row a{color:#000;text-decoration:none;} .menu-sub-list-row h3 a{color:#000;} .menu-sub-list-row .hover{width:150px;border:0;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);} .menu-sub-list-row .hover h3,.menu-sub-list-row .hover h3 a{color: rgb(0,107,61);} .menu-sub-list-row .hover a{color:#000;text-decoration:none;} .menu-sub-list-row a:hover{text-decoration:underline;} .broad, .broad ul, .broad ul li {
width:240px;
} .right-menu li a{background:none;}
