"
Template:USTC-Software/header/css
From 2013.igem.org
(Difference between revisions)
| Line 57: | Line 57: | ||
#nav-strip a:hover { | #nav-strip a:hover { | ||
| - | + | text-decoration:none; | |
} | } | ||
| Line 74: | Line 74: | ||
#nav-strip ul li.nav-item:hover, | #nav-strip ul li.nav-item:hover, | ||
#nav-strip ul li.nav-item.hover { | #nav-strip ul li.nav-item.hover { | ||
| - | + | background: #fff; | |
} | } | ||
| Line 83: | Line 83: | ||
#nav-strip ul li a { | #nav-strip ul li a { | ||
| - | + | color:#fff; | |
| - | + | display:block; | |
| - | + | font-size: 20px; | |
| - | + | font-weight:200; | |
} | } | ||
| Line 97: | Line 97: | ||
} | } | ||
#nav-strip ul li .subnav ul li:hover{ | #nav-strip ul li .subnav ul li:hover{ | ||
| - | + | background-color:#4d77a1; | |
| - | + | } | |
#nav-strip .subnav-inner { | #nav-strip .subnav-inner { | ||
| Line 105: | Line 105: | ||
} | } | ||
#nav-strip .subnav .subnav-inner ul li.hp{ | #nav-strip .subnav .subnav-inner ul li.hp{ | ||
| - | + | height:60px; | |
| - | + | background:#34495e; | |
| - | + | } | |
#nav-strip .subnav .subnav-inner ul .hp:hover{ | #nav-strip .subnav .subnav-inner ul .hp:hover{ | ||
| - | + | background:#7599bc; | |
| - | + | } | |
| Line 117: | Line 117: | ||
width: 120px; | width: 120px; | ||
list-style:none; | list-style:none; | ||
| - | + | height:auto; | |
} | } | ||
| Line 134: | Line 134: | ||
height:32px; | height:32px; | ||
margin-bottom:2px; | margin-bottom:2px; | ||
| - | + | margin-top:8px; | |
} | } | ||
| Line 178: | Line 178: | ||
} | } | ||
| + | |||
#team_logo a img{ | #team_logo a img{ | ||
| - | + | width:220px; | |
| - | + | height:134px; | |
| - | + | } | |
#team_logo a:active{ | #team_logo a:active{ | ||
| Line 199: | Line 200: | ||
height:83px; | height:83px; | ||
width:110px; | width:110px; | ||
| - | + | } | |
#igem a img{ | #igem a img{ | ||
transition:width 1s, height 1s; | transition:width 1s, height 1s; | ||
Revision as of 17:05, 21 September 2013
- top {
position: fixed;
background-color:#34495e;
width:100%;
height:100px;
z-index: 5000;
top:0px;
left:0px;
opacity:1;
}
- header {
position: relative;
background-color:#34495e;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 15px 15px;
height:95px;
font-family: "Helvetica Neue","Arial",sans-serif;
border-top-width:0px;
max-width:980px;
width:970px;
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-top:50px;
margin-left:-25px;
width: auto;
height: 25px;
position: absolute;
z-index:9999;
left:190px;
}
- nav-strip a:hover {
text-decoration:none;
}
- nav-strip ul li.nav-item {
display: inline;
float: left;
position:relative;
padding-top:10px;
width:120px;
height: 35px;
text-align:center;
}
- nav-strip ul li.nav-item:hover,
- nav-strip ul li.nav-item.hover {
background: #fff;
}
- nav-strip ul li.nav-item:hover a,
- nav-strip ul li.nav-item.hover a {
color: #000;
}
- nav-strip ul li a {
color:#fff;
display:block;
font-size: 20px;
font-weight:200;
}
- nav-strip ul li .subnav {
display: none;
position:absolute;
background: #34495e;
top:45px;
}
- nav-strip ul li .subnav ul li:hover{
background-color:#4d77a1;
}
- nav-strip .subnav-inner {
float: left;
width: 120px;
}
- nav-strip .subnav .subnav-inner ul li.hp{
height:60px;
background:#34495e;
}
- nav-strip .subnav .subnav-inner ul .hp:hover{
background:#7599bc;
}
- nav-strip ul li .subnav ul {
float: left;
width: 120px;
list-style:none;
height:auto;
}
- nav-strip ul li .subnav ul li {
display:block;
border-top:2px outset #34495e;
float:left;
width: 120px;
}
- nav-strip ul li .subnav ul li a {
font-weight: normal;
margin-top:12px;
height:32px;
margin-bottom:2px;
margin-top:8px;
}
- 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;
}
- team_logo {
width: 275px;
height: 45px;
float: left;
margin-top:5px;
margin-left:-95px;
font-size:35px;
font-family:'Open Sans',"Helvetica Neue",arial,serif;
}
- team_logo a{
color:#ed7751;
text-decoration:none;
text-shadow: 4px 3px 0.5px #03C 0.6;
position:relative;
}
- team_logo a img{
width:220px;
height:134px;
}
- team_logo a:active{
text-shadow:2px 2px 2px #f1f0f0;
left:1px;
top:1px;
}
- team_logo:hover a{
color:#439b66;
}
- igem {
float:right;
margin-top:-1px;
margin-right:-55px;
height:83px;
width:110px;
}
- igem a img{
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
-o-transition:width 1s, height 1s, -o-transform 1s;
-ms-transition:width 1s, height 1s, -ms-transform 1s;
}
- igem a img:hover{
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transition:width 1s, height 1s, -ms-transform 1s;
}
