Template:Team:USTC-Software/header-n

From 2012.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<head>
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 +
 +
<!–[if IE 6]> 
 +
<script type="text/javascript"> 
 +
document.execCommand("BackgroundImageCache", false, true); 
 +
</script> 
 +
<![endif]–> 
 +
 +
 +
 +
<!–[if IE 6]> 
 +
<script type=text/javascript>       
 +
try {       
 +
document.execCommand("BackgroundImageCache", false, true);       
 +
}
 +
catch(err) {}       
 +
</script> 
 +
<![endif]–> 
 +
            
            
   <style>
   <style>
Line 93: Line 113:
/*the begin of header-n css*/
/*the begin of header-n css*/
-
#global_header-n{
+
 
 +
#wrap-global_header-n{
width:980px;
width:980px;
height:130px;
height:130px;
position:relative;
position:relative;
-
margin:20px auto;
+
margin:30px auto;
float:none;
float:none;
}
}
-
#navs-n div{
 
-
margin-right:40px;
 
-
        float:left;
 
-
display:block;
 
-
}
 
#team_logo-n{
#team_logo-n{
Line 116: Line 132:
}
}
-
 
+
#wrap-global_header-n.home_botton{
-
#home_botton-n{
+
width:127px;
width:127px;
height:35px;
height:35px;
background:url("https://static.igem.org/mediawiki/igem.org/e/ec/Home_normal.png");
background:url("https://static.igem.org/mediawiki/igem.org/e/ec/Home_normal.png");
background-position:center;
background-position:center;
 +
margin-right:40px;
 +
float:left;
}
}
-
#home_botton-n:active{
+
#wrap-global_header-n.home_botton:active{
background:url("https://static.igem.org/mediawiki/igem.org/d/da/Home_active.png");
background:url("https://static.igem.org/mediawiki/igem.org/d/da/Home_active.png");
background-position:center;
background-position:center;
 +
margin-right:40px;
 +
float:left;
}
}
-
#project_botton-n{
+
#wrap-global_header-n.project_botton{
width:80px;
width:80px;
Line 134: Line 153:
background:url("https://static.igem.org/mediawiki/igem.org/9/93/Project_normal.png");
background:url("https://static.igem.org/mediawiki/igem.org/9/93/Project_normal.png");
background-position:center;
background-position:center;
 +
margin-right:35px;
 +
float:left;
}
}
-
#project_botton-n:active{
+
#wrap-global_header-n.project_botton:active{
background:url("https://static.igem.org/mediawiki/igem.org/8/8b/Project_active.png");
background:url("https://static.igem.org/mediawiki/igem.org/8/8b/Project_active.png");
background-position:center;
background-position:center;
 +
margin-right:35px;
 +
    float:left;
}
}
-
#team_botton-n{
+
#wrap-global_header-n.team_botton{
width:118px;
width:118px;
height:35px;
height:35px;
Line 146: Line 169:
background-position:center;
background-position:center;
position:relative;
position:relative;
-
top:-2px !important; /* because the photo has some problem */
+
top:-2px ; /* because the photo has some problem */
 +
margin-right:45px;
 +
float:left;
}
}
-
#team_botton-n:active{
+
#wrap-global_header-n.team_botton:active{
background:url("https://static.igem.org/mediawiki/igem.org/a/a8/Team_active.png");
background:url("https://static.igem.org/mediawiki/igem.org/a/a8/Team_active.png");
background-position:center;
background-position:center;
 +
margin-right:45px;
 +
float:left;
}
}
-
#notes_botton-n{
+
#wrap-global_header-n.notes_botton{
width:118px;
width:118px;
height:35px;
height:35px;
background:url("https://static.igem.org/mediawiki/igem.org/c/ce/Notes_normal.png");
background:url("https://static.igem.org/mediawiki/igem.org/c/ce/Notes_normal.png");
background-position:center;
background-position:center;
 +
margin-right:40px;
 +
float:left;
}
}
-
#notes_botton-n:active{
+
#wrap-global_header-n.notes_botton:active{
background:url("https://static.igem.org/mediawiki/igem.org/e/ef/Notes_active.png");
background:url("https://static.igem.org/mediawiki/igem.org/e/ef/Notes_active.png");
background-position:center;
background-position:center;
 +
margin-right:40px;
 +
float:left;
}
}
-
#hp_botton-n{
+
#wrap-global_header-n.hp_botton{
width:174px;
width:174px;
height:35px;
height:35px;
background:url("https://static.igem.org/mediawiki/igem.org/5/55/Hp_normal.png");
background:url("https://static.igem.org/mediawiki/igem.org/5/55/Hp_normal.png");
background-position:center;
background-position:center;
 +
margin-right:40px;
 +
float:left;
}
}
-
#hp_botton-n:active{
+
#wrap-global_header-n.hp_botton:active{
background:url("https://static.igem.org/mediawiki/igem.org/1/1a/Hp_active.png");
background:url("https://static.igem.org/mediawiki/igem.org/1/1a/Hp_active.png");
background-position:center;
background-position:center;
-
}/*the end of header-n css*/
+
margin-right:40px;
 +
float:left;
 +
} /*the end of header-n css*/
</style>
</style>
Line 183: Line 218:
#search-control-box {
#search-control-box {
position: absolute;
position: absolute;
-
top: 87px;
+
top: 120px;
-
right: 8px;
+
right: 12px;
width: 158px;
width: 158px;
height: 45px;
height: 45px;
Line 223: Line 258:
}​ /*the end of search box css*/
}​ /*the end of search box css*/
</style>
</style>
 +
 +
 +
</head>
</head>
Line 228: Line 266:
<body>
<body>
-
 
-
       
 
-
     
+
  <div id="wrap-global_header-n">
-
             
+
  <div id="team_logo-n"></div>
 +
 +
        <a href="#"/><div id="wrap-global_header-n" class="home_botton"></div>
 +
 
 +
<a href="#"/><div id="wrap-global_header-n" class="project_botton"></div>
 +
 
 +
<a href="#"/><div id="wrap-global_header-n" class="team_botton"></div>
 +
 
 +
<a href="#"/><div id="wrap-global_header-n" class="notes_botton"></div>
 +
 
 +
<a href="#"/><div id="wrap-global_header-n" class="hp_botton"></div>
 +
 +
 +
       
               <!-- the begin of search box controls -->
               <!-- the begin of search box controls -->
<div id="search-control-box">
<div id="search-control-box">
Line 240: Line 289:
<input type="submit" name="fulltext" class="search_button" id="mw-search_button" value="Search" title="Search the pages for this text" x-webkit-speech="">
<input type="submit" name="fulltext" class="search_button" id="mw-search_button" value="Search" title="Search the pages for this text" x-webkit-speech="">
  </form>
  </form>
-
    </div> <!-- the end of search box controls -->
+
          </div> <!-- the end of search box controls -->
              
              
-
</div>
+
      </div><!-- the end of globle-headeer controls -->
-
 
+
-
 
+
-
 
+
 +
<div class="clr"></div>
   <!-----the begin of go to top div --->
   <!-----the begin of go to top div --->

Latest revision as of 14:46, 23 September 2012

TOP