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: background .5s ease-out;
+
     -webkit-transition: all .5s ease-out;
-
     -moz-transition: background .5s ease-out;
+
     -moz-transition: all .5s ease-out;
-
     -o-transition: background .5s ease-out;
+
     -o-transition: all .5s ease-out;
-
     -ms-transition: background .5s ease-out;          
+
     -ms-transition: all .5s ease-out;
-
     transition: background .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;
}
}
-
#team_logo:hover{ }
 

Revision as of 16:24, 23 October 2012

  1. header_wrapper {
   width: 980px;
   position: relative;
   margin: 0px auto;
   margin-bottom:100px;
   float: none; 

}

  1. header_wrapper a{
   display:block;
   text-decoration:none;
   color:white;

}


  1. 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;

}

  1. 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;
   }


  1. header_wrapper a#igem_home{
   position:absolute;
   top:0px;
   right:0px;

}


  1. navs {
   clear:both;
   margin-bottom:30px;

}

  1. navs div { margin-right: 5px; float:left;}
  2. navs div a{
   display:block;
   height:100%;
   width:100%;
   text-decoration:none;
   color:white;

}