"
Template:USTC-Software/header/css
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
#top { | #top { | ||
position: fixed; | position: fixed; | ||
| - | background: #0D97F2; | + | background: #0D97F2; |
width:100%; | width:100%; | ||
height:50px; | height:50px; | ||
| Line 7: | Line 7: | ||
top:0px; | top:0px; | ||
left:0px; | left:0px; | ||
| - | border-radius: 0 0 5px 5px; | + | border-radius: 0 0 5px 5px; |
| - | -moz-border-radius: 0 0 5px 5px; | + | -moz-border-radius: 0 0 5px 5px; |
| - | -webkit-border-radius: 0 0 15px 15px; | + | -webkit-border-radius: 0 0 15px 15px; |
} | } | ||
| - | #header { | + | #header { |
position: relative; | position: relative; | ||
| - | background: url(https://static.igem.org/mediawiki/2013/3/3f/USTC-Software_header_bg.png) no-repeat right top; | + | background: url(https://static.igem.org/mediawiki/2013/3/3f/USTC-Software_header_bg.png) no-repeat right top; |
| - | border-radius: 0 0 5px 5px; | + | border-radius: 0 0 5px 5px; |
| - | -moz-border-radius: 0 0 5px 5px; | + | -moz-border-radius: 0 0 5px 5px; |
-webkit-border-radius: 0 0 15px 15px; | -webkit-border-radius: 0 0 15px 15px; | ||
| - | height: 45px; | + | height: 45px; |
font-family: "Helvetica Neue","Arial",sans-serif; | font-family: "Helvetica Neue","Arial",sans-serif; | ||
border: 5px #0D97F2 solid; | border: 5px #0D97F2 solid; | ||
| Line 29: | Line 29: | ||
#nav-strip a { | #nav-strip a { | ||
| - | + | color: #fff; | |
| - | + | text-decoration: none; | |
| - | + | cursor: pointer; | |
| - | + | cursor: hand; | |
} | } | ||
#nav-strip ul { | #nav-strip ul { | ||
| - | + | margin:0; | |
| - | + | padding:0; | |
| - | + | list-style:none; | |
} | } | ||
| Line 58: | Line 58: | ||
| - | #nav-strip ul li.nav-item { | + | #nav-strip ul li.nav-item { |
display: inline; | display: inline; | ||
float: left; | float: left; | ||
| Line 70: | Line 70: | ||
#nav-strip ul li.nav-item:hover, | #nav-strip ul li.nav-item:hover, | ||
| - | #nav-strip ul li.nav-item.hover{ background: #0D97F2;} | + | #nav-strip ul li.nav-item.hover { background: #0D97F2;} |
#nav-strip ul li.nav-item:hover a, | #nav-strip ul li.nav-item:hover a, | ||
| - | #nav-strip ul li.nav-item.hover a{color: #FFF;}/*鼠标接触时的颜色浓绿*/ | + | #nav-strip ul li.nav-item.hover a {color: #FFF;}/*鼠标接触时的颜色浓绿*/ |
| - | #nav-strip ul li a{ | + | #nav-strip ul li a { |
color: #000; | color: #000; | ||
display:block; | display:block; | ||
| Line 96: | Line 96: | ||
| - | #nav-strip ul li .subnav ul{ | + | #nav-strip ul li .subnav ul { |
float: left; | float: left; | ||
width: 130px; | width: 130px; | ||
| Line 103: | Line 103: | ||
| - | #nav-strip ul li .subnav ul li{ | + | #nav-strip ul li .subnav ul li { |
| - | + | display:block; | |
| - | + | border-bottom:1px solid #fff; | |
| - | + | float:left; | |
| - | + | width: 130px; | |
} | } | ||
| - | #nav-strip ul li .subnav ul li a{ | + | #nav-strip ul li .subnav ul li a { |
font-weight: normal; | font-weight: normal; | ||
margin-top:5px; | margin-top:5px; | ||
| - | height:20px; | + | height:20px; |
margin-bottom:2px; | margin-bottom:2px; | ||
} | } | ||
Revision as of 06:54, 8 August 2013
- top {
position: fixed; background: #0D97F2; 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: url(
) no-repeat right top;
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 #0D97F2 solid; border-top-width:0px; max-width:1340px; width:100%; }
- 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: 670px;/*总宽度*/ height: 45px; position: absolute; z-index:9999; left:350px; }
- nav-strip a:hover { text-decoration:none;}
- nav-strip ul li.nav-item {
display: inline;
float: left;
position:relative; padding-top:15px; width:130px;/*主菜单宽*/ height: 30px; text-align:center; }
- nav-strip ul li.nav-item:hover,
- nav-strip ul li.nav-item.hover { background: #0D97F2;}
- nav-strip ul li.nav-item:hover a,
- nav-strip ul li.nav-item.hover a {color: #FFF;}/*鼠标接触时的颜色浓绿*/
- nav-strip ul li a {
color: #000; display:block; font-size: 14px;/*主菜单字体大小*/ }
- nav-strip ul li .subnav {
display: none; position:absolute; background: #0D97F2; top:45px; }
- nav-strip .subnav-inner {
float: left; width: 130px; }
- nav-strip ul li .subnav ul {
float: left; width: 130px; list-style:none; }
- nav-strip ul li .subnav ul li {
display:block;
border-bottom:1px solid #fff;
float:left;
width: 130px;
}
- 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:290px;
height: 15px;
float: left;
margin-top:0px;
margin-left:60px;
font-size:36px;
font-family:"汉仪蝶语体简";
-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:#99cc99;
text-decoration:none;
text-shadow: 4px 3px 0.5px #666666;
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 black; left:1px; top:1px;
}
- team_logo:hover a{ color:#0D97F2;}
- igem {
float:right;
margin-top:-1px;
margin-right:100px;
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;
}
