Team:USTC-Software/css/header style
From 2012.igem.org
(Difference between revisions)
Line 20: | Line 20: | ||
font-size:64px; | font-size:64px; | ||
font-family: 'Marcellus SC', serif; | font-family: 'Marcellus SC', serif; | ||
- | -webkit-transition: | + | -webkit-transition: all .5s ease-out; |
- | -moz-transition: | + | -moz-transition: all .5s ease-out; |
- | -o-transition: | + | -o-transition: all .5s ease-out; |
- | -ms-transition: | + | -ms-transition: all .5s ease-out; |
- | transition: | + | transition: all .5s ease-out; |
+ | } | ||
+ | #team_logo:hover{ | ||
+ | background-image: -webkit-gradient( | ||
+ | linear, | ||
+ | left top, left bottom, | ||
+ | from(rgba(0, 0, 0, 1)), | ||
+ | to(rgba(0, 0, 0, 0.2)) | ||
+ | ); | ||
+ | -webkit-background-clip: text; | ||
+ | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | |||
Revision as of 16:24, 23 October 2012
- header_wrapper {
width: 980px; position: relative; margin: 0px auto; margin-bottom:100px; float: none;
}
- header_wrapper a{
display:block; text-decoration:none; color:white;
}
- team_logo {
height: 74px; float: left; margin-top: 30px; font-size:64px; font-family: 'Marcellus SC', 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:hover{
background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.2)) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.nav_button + .nav_button{
margin-left:10px; } .nav_button a{ font-size:22px; font-family: 'Marcellus SC', serif; }
- header_wrapper a#igem_home{
position:absolute; top:0px; right:0px;
}
- navs {
clear:both; margin-bottom:30px;
}
- navs div { margin-right: 5px; float:left;}
- navs div a{
display:block; height:100%; width:100%; text-decoration:none; color:white;
}