Team:USTC-Software/css/header style

From 2012.igem.org

Revision as of 01:47, 23 September 2012

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

1. navs { margin-bottom:30px;}
2. navs a div { margin-right: 5px; float:left;}

1. team_logo { width: 442px; height: 74px;

           background: url("") no-repeat; 
           float: none; margin-top: 30px;
           -webkit-transition: background .5s ease-out;
           -moz-transition: background .5s ease-out;
           -o-transition: background .5s ease-out;
           -ms-transition: background .5s ease-out;            
           transition: background .5s ease-out;
           }

1. team_logo:hover{ background:url('../images/team-logo-changed.png');}
2. team_logo a{ display:block; height:100%; width:100%;}

1. home_button { width: 147px; height: 35px; background: url("../images/home_normal.png"); }
2. home_button:active { background: url("../images/home_active.png"); }

1. project_button { width: 104px; height: 35px; background: url("../images/project_normal.png"); }
2. project_button:active { background: url("../images/project_active.png"); }

1. team_button { width: 137px; height: 35px; background: url("../images/team_normal.png"); position: relative; top: -2px !important; /* because the photo has some problem */ }
2. team_button:active { background: url("../images/team_active.png"); }

1. notes_button { width: 135px; height: 35px; background: url("../images/notes_normal.png"); }
2. notes_button:active { background: url("../images/notes_active.png"); }

1. hp_button { width: 210px; height: 35px; background: url("../images/hp_normal.png"); }
2. hp_button:active { background: url("../images/hp_active.png"); }