Template:11SJTU header

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> p{text-indent:2em; text-align:justify;} #main_wrapper { position:absolute; ...")
 
(52 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
       <style type="text/css">
       <style type="text/css">
-
      p{text-indent:2em;
+
#globalWrapper{background:url(/wiki/images/6/68/11SJTU_background.jpg);}
 +
body{font-family:verdana,Arial;}     
 +
h2{background:#fadb28;
 +
            padding:5px;
 +
            font-weight:bold;}
 +
        p{text-indent:2em;
         text-align:justify;}
         text-align:justify;}
         #main_wrapper {
         #main_wrapper {
                         position:absolute;  
                         position:absolute;  
-
                         left:0px; top:0px;
+
                         left:0px; top:-100px;
margin: 0;
margin: 0;
width: 967px;
width: 967px;
-
height: 220px;
+
height: 230px;
align: center;
align: center;
-
                         background:url(http://igem.bio-x.cn/wiki/images/f/f0/11SJTU_header.jpg);
+
                         background-color:#fff;
-
border:4px solid #fff;
+
                        background-image:url(/wiki/images/4/43/11SJTU-Header-n.jpg);
-
                        }
+
                        border:4px solid #fff;
 +
}
         #bodyContent {  
         #bodyContent {  
                       width: 967px;
                       width: 967px;
-
                       margin: 200px 0px 0px;
+
                       margin: 100px 0px 0px;
                       }
                       }
-
        #toc{position:absolute;                     /*侧栏*/
+
        #HQ{position:absolute;
-
              top:270px;
+
                top:20px;left:20px;
-
              float:left;
+
                width:130px;height:110px;
-
              font-size:16px;                   
+
                  list-style:none; }
-
              height:20px;
+
-
              width:220px;
+
-
              border:none;
+
-
              }
+
-
 
+
-
     
+
-
/*-----下拉菜单----*/
+
-
#navi{
+
-
      position:absolute;
+
-
      top:220px;left:2px;
+
-
      margin: 2px;
+
-
      height:21px;
+
-
      width: 967px;
+
-
      background:#5cf;
+
-
      }
+
-
 
+
-
#nav{
+
-
padding:0;
+
-
margin:0px 20px 0px 20px;
+
-
list-style:none;
+
-
}
+
-
 
+
-
#nav li{
+
-
float:left;            /*!---横向---*/
+
-
        width:80px         
+
-
}
+
-
li .menu {
+
-
display:none;   
+
-
        list-style:none;      /*!---隐藏下拉菜单---*/
+
-
}
+
-
li:hover .menu,.over .menu{
+
-
display:block;        /*!---显示下拉菜单---*/
+
-
}
+
-
#nav a{
+
-
display:block;
+
-
font:12px verdana;
+
-
        margin-top:0;
+
-
margin-left:0;
+
-
padding:3px;
+
-
text-decoration:none;
+
-
color:#000;
+
-
        background-color:#5cf;
+
-
 
+
-
}
+
-
 
+
-
#nav a:hover{
+
-
background-color:#f77;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*-----下拉菜单end---*/
+
</style>
</style>
Line 82: Line 36:
<!-- ############################# BODY!!!!! #################################### -->
<!-- ############################# BODY!!!!! #################################### -->
-
 
<body>
<body>
-
<div id="main_wrapper">
+
<div id="main_wrapper">
-
</div>
+
-
<div id="navi">
+
-
<ul id="nav">
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai">Home</a>
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai/team">Team</a>
+
-
        <div><ul class="menu">
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/team">Overview</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/team/students">Students</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/team/advisors">Advisors</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/team/gallary">Gallery</a></li>
+
-
        </ul></div>
+
-
    </li>   
+
-
    <li><a href="Team:SJTU-BioX-Shanghai/project">Project</a>
+
-
        <div><ul class="menu">
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project" style="width:100px">Abstract</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/introduction" style="width:100px">Introduction</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/Subproject1" style="width:100px">Subproject1</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/Subproject2" style="width:100px">Subproject2</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/Subproject3" style="width:100px">Subproject3</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/results" style="width:100px">Results</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/application" style="width:100px">Application</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/project/reference" style="width:100px">Reference</a></li>
+
-
        </ul></div> 
+
-
    </il>
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai/parts">Parts</a>
+
-
        <div> <ul  class="menu"> 
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/parts" style="width:110px">BioBricks</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/parts/characterization"style="width:110px">Characterization</a></li>
+
-
        </ul></div>
+
-
    </il>
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai/modeling" style="width:100px">Modeling</a>
+
-
    </il>
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai/notebook" style="width:100px;">Notebook</a>
+
-
        <div><ul  class="menu">
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/notebook">Lablog</a></li>
+
-
            <li><a href="/Team:SJTU-BioX-Shanghai/notebook/protocol">Protocol</a></li>
+
-
        </ul></div>
+
-
    </il>
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai/safety">Safety</a>
+
-
    </il>
+
-
    <li style="width:130px;"><a href="/Team:SJTU-BioX-Shanghai/human_practice">Human Practice</a>
+
-
    </il>
+
-
    <li><a href="/Team:SJTU-BioX-Shanghai/sponsors">Sponsors</a>
+
-
    </il>
+
-
 
+
-
</ul>
+
</div>
</div>
 +
<a href="https://2011.igem.org"><li id="HQ">
 +
</li></a>
</body></html>
</body></html>

Latest revision as of 03:17, 29 October 2011