Team:WHU-China/headercss

From 2013.igem.org

(Difference between revisions)

Revision as of 17:58, 11 September 2013

@charset "utf-8"; /* @zhl 2011.08.18 */ /*header*/

header{position:relative;z-index:1000;min-height:88px;height:auto!important;height:88px;background-color:#f3f5f2;border: 1px solid rgb(204, 204, 204);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);}
header-inner{position:relative;margin-top:0;margin-right:2%;width:960px;height:88px;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;}
menu{position:absolute;right:7px;bottom:0;height:34px;font-size:13px;_font-size:12px;}

.toplist{float:left;height:34px;line-height:34px;}

menu_lbg{position:absolute;left:-7px;top:0;width:7px;height:34px;background:url(../images/mbg_l.png) 0 0 no-repeat;_background-image:url(../images/mbg_l.jpg);}
menu_rbg{position:absolute;right:-7px;top:0;width:7px;height:34px;background:url(../images/mbg_r.png) 0 0 no-repeat;_background-image:url(../images/mbg_r.jpg);}

.topla{display:inline-block;height:34px;line-height:37px\9;background:url(../images/mbg_rp.png) 0 0 repeat-x;_background:url(../images/mbg_rp.jpg) 0 0 repeat-x;text-decoration:none;color:#000;overflow:hidden;cursor:pointer;-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);} .toplist a.first{border:none;} .topla:hover{border: 1px solid rgb(204, 204, 204);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;background:url(../images/mbg_s.jpg) right 0 no-repeat;} .toplist a.last span{background:none!important;} .toplist a.hover{background-image:url(../images/mbg_rp_h.png);background-color:rgb(204, 204, 204);} .toplist a.hover span{background-image:url(../images/mbg_s_h.jpg);} .hover #menu_lbg{background-image:url(../images/mbg_l_h.png);_background-image:url(../images/mbg_l_h.jpg);} .hover #menu_rbg{background-image:url(../images/mbg_r_h.png);_background-image:url(../images/mbg_r_h.jpg);} .sec{display:none;}

menu-sub-container{margin-top:0;margin-right:3%;width:100%;height:0;background-color:rgb(204, 204, 204);color:#000;overflow:hidden;border: 1px solid rgb(204, 204, 204);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:-380px;width:960px;}

.menu-sub-list-row{margin:0 auto;padding-top:12px;} .menu-sub-list-row li{width:150px;} .menu-sub-list-row a{color:#000;text-decoration:none;} .menu-sub-list-row h3 a{color:#000;} .menu-sub-list-row .hover h3,.menu-sub-list-row .hover h3 a{color:#fc3;} .menu-sub-list-row .hover a{color:#000;text-decoration:none;} .menu-sub-list-row a:hover{text-decoration:underline;} .iframe_gd{float:right;margin-right:20px;margin-top:1px;margin-top:-5px\9;*margin-top:1px;} @-moz-document url-prefix(){.iframe_gd{margin-top:-5px;}}

@@ Line 21: / Line 21: @@
 .sec{display:none;}
 #menu-sub-container{margin-top:0;margin-right:3%;width:100%;height:0;background-color:rgb(204, 204, 204);color:#000;overflow:hidden;border: 1px solid rgb(204, 204, 204);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:-480px;width:960px;}
+#menu-sub-container-inner{display:block;position:absolute;left:50%;top:0;margin-left:-380px;width:960px;}
 .menu-sub-list-row{margin:0 auto;padding-top:12px;}
 .menu-sub-list-row li{width:150px;}