Template:Team:USTC-Software/header-n

From 2012.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<head>
<head>
-
<title>home</title>
+
<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>
-
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
+
 
-
margin:0;
+
-
padding:0;
+
-
}
+
-
html,body {
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
table {
+
-
border-collapse:collapse;
+
-
border-spacing:0;
+
-
}
+
-
fieldset,img {
+
-
border:0;
+
-
}
+
-
address,caption,cite,code,dfn,th,var {
+
-
font-style:normal;
+
-
font-weight:normal;
+
-
}
+
ol,ul {
ol,ul {
list-style:none;
list-style:none;
Line 111: Line 112:
}
}
 +
/*the begin of header-n css*/
-
#navs div{
+
#wrap-global_header-n{
-
float:left;
+
-
display:block;
+
-
}
+
-
 
+
-
#global_header{
+
width:980px;
width:980px;
height:130px;
height:130px;
position:relative;
position:relative;
-
margin:20px auto;
+
margin:30px auto;
float:none;
float:none;
}
}
-
#navs div{
 
-
margin-right:40px;
 
-
}
 
-
#team_logo{
+
#team_logo-n{
width:442px;
width:442px;
height:78px;
height:78px;
Line 138: Line 132:
}
}
-
#home_botton{
+
#wrap-global_header-n.home_botton{
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: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{
+
#wrap-global_header-n.project_botton{
width:80px;
width:80px;
Line 155: 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: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{
+
#wrap-global_header-n.team_botton{
width:118px;
width:118px;
height:35px;
height:35px;
Line 167: 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: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{
+
#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: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{
+
#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: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;
-
}
+
margin-right:40px;
 +
float:left;
 +
} /*the end of header-n css*/
 +
</style>
</style>
          
          
Line 203: 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 244: Line 259:
</style>
</style>
-
</head>
+
 
 +
 
 +
 
 +
</head>
 +
 
<body>
<body>
-
<div id="global_header">
 
-
<div id="team_logo"></div>
 
-
 
-
    <div id="navs">
 
-
                              <ul>
 
-
<li><a href="#"/><div id="home_botton"></div></li>
 
-
<a href="#"/><div id="project_botton"></div>
 
-
<a href="#"/><div id="team_botton"></div>
+
 +
  <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="notes_botton"></div>
+
<a href="#"/><div id="wrap-global_header-n" class="project_botton"></div>
-
<a href="#"/><div id="hp_botton"></div>
+
<a href="#"/><div id="wrap-global_header-n" class="team_botton"></div>
-
                              </ul>
+
 
-
    </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 270: 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 --->
Line 367: Line 384:
-
       
+
  </body>
-
</body>
+
</html>
</html>

Latest revision as of 14:46, 23 September 2012

TOP