Template:USTC-China/header/css
From 2013.igem.org
- top {
position: fixed; background: #305d7b; width:100%; height:50px; z-index: 5000; top:0px; left:0px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 15px 15px;
}
- header {
position: relative; background: #fff; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 15px 15px; height: 45px; font-family: "Helvetica Neue","Arial",sans-serif; /*border: 5px #1bb6dd solid;*/ border-top-width:0px; max-width:960px; width:955px; margin-left:-15px;
}
- nav-strip a {
color: #fff; text-decoration: none; cursor: pointer; cursor: hand;
}
- nav-strip ul {
margin:0; padding:0; list-style:none;
}
- nav-strip {
margin:0; width: auto;/*总宽度*/ height: 45px; position: absolute; z-index:9999; left:270px;
}
- nav-strip a:hover { text-decoration:none;}
- nav-strip ul li.nav-item {
display: inline; float: left; position:relative; padding-top:15px; width:110px;/*主菜单宽*/ height: 30px; text-align:center;
}
- nav-strip ul li.nav-item:hover,
- nav-strip ul li.nav-item.hover { background: #1bb6dd;}
- nav-strip ul li.nav-item:hover a,
- nav-strip ul li.nav-item.hover a {color: #FFF;}/*鼠标接触时的颜色浓绿*/
- nav-strip ul li a {
color: #213443; display:block; font-size: 14px;/*主菜单字体大小*/
}
- nav-strip ul li .subnav {
display: none; position:absolute; background: #1bb6dd; top:45px;
}
- nav-strip .subnav-inner {
float: left; width: 110px;
}
- nav-strip ul li .subnav ul {
float: left; width: 110px; list-style:none;
}
- nav-strip ul li .subnav ul li {
display:block; border-bottom:1px solid #fff; float:left; width: 110px;
}
- nav-strip ul li .subnav ul li a {
font-weight: normal; margin-top:5px; height:20px; margin-bottom:2px;
}
- nav-strip ul li .subnav ul li a,
- nav-strip ul li.nav-item:hover .subnav ul li a{
position: relative; color: #fff; text-align:center;
}
- nav-strip ul li .subnav ul li a,
- nav-strip ul li.nav-item:hover .subnav ul li a { white-space: normal;}
- nav-strip ul li .subnav ul li.active a,
- nav-strip ul li .subnav ul li a:hover { color:#000!important;}
- team_logo {
width: auto; height: 15px; float: left; margin-top:12px; margin-left:5px; font-size:36px; font-family:'Open Sans',"Helvetica Neue",arial,serif; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out;
}
- team_logo a{
color:#39af87; text-decoration:none; text-shadow: 4px 3px 0.5px #f2f1f1; position:relative; -webkit-transition: color .5s ease-out; -moz-transition: color .5s ease-out; -o-transition: color .5s ease-out; -ms-transition: color .5s ease-out; transition: color .5s ease-out;
}
- team_logo a:active{
text-shadow:6px 4px 1px #999; left:1px; top:1px;
}
- team_logo:hover a{ color:#1bb6dd;}
- igem {
float:right; margin-top:-1px; margin-right:-25px; background: url() no-repeat center; height:80px; width:160px; border-bottom-right-radius:1000px; border-bottom-left-radius:1000px; border-top-left-radius:0px; border-top-right-radius:0px;
}
- igem a img{
transition:width 1s, height 1s; -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */ -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */ -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */ -ms-transition:width 1s, height 1s, -ms-transform 1s;
}
- igem a img:hover{
transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ -ms-transition:width 1s, height 1s, -ms-transform 1s;/*IE*/
}