Team:USTC-Software/css/header style

From 2012.igem.org

(Difference between revisions)
Line 31: Line 31:
#project_button:active { background: url("https://static.igem.org/mediawiki/2012/2/24/USTC-Software-images-project_active.png"); }
#project_button:active { background: url("https://static.igem.org/mediawiki/2012/2/24/USTC-Software-images-project_active.png"); }
-
#software_button { width: 104px; height: 35px; background: url("https://static.igem.org/mediawiki/2012/f/f2/USTC-Software-images-software_normal.png"); }
+
#software_button { width: 125px; height: 35px; background: url("https://static.igem.org/mediawiki/2012/f/f2/USTC-Software-images-software_normal.png"); }
#software_button:active { background: url("https://static.igem.org/mediawiki/2012/6/68/USTC-Software-images-software_active.png"); }
#software_button:active { background: url("https://static.igem.org/mediawiki/2012/6/68/USTC-Software-images-software_active.png"); }

Revision as of 21:17, 25 September 2012

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


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

}

  1. team_logo { width: 442px; height: 74px;
           background: url("USTC-Software-images-team-logo-2.png") 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('https://static.igem.org/mediawiki/2012/4/4e/USTC-Software-images-team-logo-changed.png');}
  2. team_logo a{ display:block; height:100%; width:100%;}


  1. home_button { width: 147px; height: 35px; background: url("USTC-Software-images-home_normal.png"); }
  2. home_button:active { background: url("USTC-Software-images-home_active.png"); }
  1. project_button { width: 104px; height: 35px; background: url("USTC-Software-images-project_normal.png"); }
  2. project_button:active { background: url("USTC-Software-images-project_active.png"); }
  1. software_button { width: 125px; height: 35px; background: url("USTC-Software-images-software_normal.png"); }
  2. software_button:active { background: url("USTC-Software-images-software_active.png"); }
  1. team_button { width: 137px; height: 35px; background: url("USTC-Software-images-team_normal.png"); position: relative; top: -2px !important; /* because the photo has some problem */ }
  2. team_button:active { background: url("USTC-Software-images-team_active.png"); }
  1. notes_button { width: 135px; height: 35px; background: url("USTC-Software-images-notes_normal.png"); }
  2. notes_button:active { background: url("USTC-Software-images-notes_active.png"); }
  1. hp_button { width: 210px; height: 35px; background: url("USTC-Software-images-hp_normal.png"); }
  2. hp_button:active { background: url("USTC-Software-images-hp_active.png"); }