Template:Zjuheader

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
-
<link rel='stylesheet' type='text/css' href='main.css' />
+
<title>无标题文档</title>
-
<link href="Modeling.css" rel="stylesheet" type="text/css">
+
<style>
 +
#contentwrapper{
 +
vertical-align:middle;
 +
width:970px;margin:0 auto;text-align:left;position:relative;
 +
font-family:'Molengo', sans-serif;
 +
background-color:#e9e9e9;
 +
}
 +
 
 +
.header{
 +
background-color:transparent;
 +
background-image:url(https://static.igem.org/mediawiki/2011/e/ef/Header-endv1.jpg);
 +
width:970px;
 +
height:320px;
 +
position:static ;
 +
top:1px;
 +
}
 +
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 +
div#top-section{
 +
background-color:white;
 +
background-image:url(https://static.igem.org/mediawiki/2011/5/51/Topsectionbg.png);
 +
background-repeat:no-repeat;
 +
height: 10px;
 +
    width:  970px;
 +
border: 0;
 +
z-index: 10;
 +
}
 +
div#p-logo{
 +
    display: none;
 +
}
 +
div#menubar{
 +
/*text-align:center;*/
 +
top: 0;
 +
height:20px;
 +
width:300px;
 +
    font-family: 'Molengo', sans-serif;
 +
font-size:8pt;
 +
}
 +
div#menubar .selected a{
 +
    color: #529dd9;
 +
}
 +
 +
 +
.left-menu, .left-menu a {
 +
    color:#529dd9;
 +
z-index: 1;
 +
}
 +
.left-menu:hover {
 +
background-color: #666666;
 +
}
 +
 +
.right-menu{
 +
    top: 0;
 +
z-index: 1;
 +
 +
}
 +
 
 +
.right-menu li {
 +
#    background-color: transparent;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: #529dd9;
 +
    background-color: white;
 +
}
 +
.right-menu li a:hover {
 +
    color: #529dd9;
 +
}
 +
div#search-controls{
 +
    display: none;
 +
    position: absolute;
 +
    float: right;
 +
}
 +
#mw-searchButton{
 +
    display: none;
 +
    border: none;
 +
}
 +
 +
 
 +
 
 +
 
 +
#content {
 +
z-index: 1;
 +
background-color: #e9e9e9;;
 +
border: none;
 +
width: 970px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
padding:0px;
 +
font-family:'Molengo', sans-serif;
 +
}
 +
#content p{
 +
display:none;
 +
}
 +
#contentwrapper{
 +
vertical-align:middle;
 +
width:970px;margin:0 auto;text-align:left;position:relative;
 +
font-family:'Molengo', sans-serif;
 +
}
 +
#contentwrapper p{
 +
display:block;
 +
}
 +
 +
.firstHeading {
 +
display:none;}
 +
 
 +
 +
#contentSub {
 +
display:none;
 +
}
 +
 
 +
#catlinks {
 +
display:none;
 +
}
 +
 
 +
#footer-box{
 +
display: none;
 +
}
 +
 
 +
#contentSub {
 +
display:none;
 +
}
 +
 
 +
#catlinks {
 +
display:none;
 +
}
 +
 
 +
#footer-box{
 +
display: none;
 +
}
 +
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 +
ul#topnav {
 +
margin: 0; padding: 0;
 +
padding-top:200px;
 +
left:20px;
 +
float: left;
 +
width: 710px;
 +
list-style: none;
 +
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
 +
 +
background:transparent;
 +
/*background: url(topnav_stretch.gif) repeat-x;*/
 +
 +
/*set the alpha*/
 +
}
 +
.search {
 +
margin: 0; padding: 0;
 +
padding-top:190px;
 +
padding-left:710px;
 +
}
 +
#contentwrapper .header .nav #topnav  a {
 +
font-family: 'Hammersmith One', sans-serif;;
 +
}
 +
 
 +
 
 +
ul#topnav li {
 +
float: left;
 +
margin: 0; padding: 0;
 +
border-right: 1px solid #555; /*--Divider for each parent level links--*/
 +
filter:alpha(opacity=50);
 +
-moz-opacity:0.5;
 +
-khtml-opacity: 0.5;
 +
opacity: 0.5;
 +
}
 +
ul#topnav li a {
 +
padding: 5px 15px;
 +
font-size: 1.7em;
 +
display: block;
 +
color: #f0f0f0;
 +
text-decoration: none;
 +
}
 +
ul#topnav li:hover {
 +
filter:alpha(opacity=100);
 +
-moz-opacity:1.0;
 +
-khtml-opacity:1.0;
 +
opacity:1.0;
 +
 
 +
/*set the alpha*/}
 +
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
 +
 
 +
.nav #topnav #P_Project span {
 +
background-color: #f19226;
 +
}
 +
.nav #topnav #P_Team span {
 +
background-color: #56b74c;
 +
}
 +
.nav #topnav #P_Notebook span {
 +
background-color: #0068b1;
 +
}
 +
.nav #topnav #P_HumanPractice span {
 +
background-color: #4700b1;
 +
}
 +
ul#topnav li span {
 +
float:left;
 +
padding: 3px;
 +
position: absolute;
 +
width:682px;
 +
left: 0;
 +
top:242px;
 +
display: none; /*--Hide by default--*/
 +
 
 +
background:transparent;
 +
color: #fff;
 +
/*--Bottom right rounded corner--*/
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
/*--Bottom left rounded corner--*/
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
 +
}
 +
#not{
 +
margin-left:300px;}
 +
#pro{
 +
margin-left:50px;}
 +
#tea{
 +
margin-left:200px;}
 +
#hum{
 +
margin-left:400px;}
 +
ul#topnav span a{
 +
font-size:1.2em;}
 +
ul#topnav li:hover span {
 +
filter:alpha(opacity=90);
 +
-moz-opacity:0.9;
 +
-khtml-opacity:0.9;
 +
opacity:0.9;
 +
display: block; } /*--Show subnav on hover--*/
 +
ul#topnav li span a {
 +
                      display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
 +
 
 +
ul#topnav li span a:hover {text-decoration: underline;}
 +
.nav #P_Home {
 +
background-color: #ed4334;
 +
 +
}
 +
.nav  #P_Project {
 +
background-color: #f19226;
 +
 
 +
/*set the alpha*/
 +
}
 +
.nav  #P_Team {
 +
background-color: #56b74c;
 +
 
 +
/*set the alpha*/
 +
}
 +
.nav  #P_Notebook {
 +
background-color: #0068b1;
 +
 
 +
/*set the alpha*/
 +
}
 +
.nav  #P_HumanPractice {
 +
background-color: #4700b1;
 +
 
 +
/*set the alpha*/
 +
}
 +
 
 +
a:hover{
 +
text-decoration:none;
 +
}
 +
</style>
 +
 
</head>
</head>
 +
<body>
<body>
<div id="contentwrapper">
<div id="contentwrapper">
   <div class="header">
   <div class="header">
-
   
+
   <div class="nav">
-
   </div>
+
-
                <div class="nav">
+
                   <ul id="topnav">
                   <ul id="topnav">
   <li id="P_Home"><a href="https://2011.igem.org/Team:ZJU-China">Home</a></li>
   <li id="P_Home"><a href="https://2011.igem.org/Team:ZJU-China">Home</a></li>
Line 19: Line 279:
         <a href="https://2011.igem.org/Team:ZJU-China/Project">Project</a>
         <a href="https://2011.igem.org/Team:ZJU-China/Project">Project</a>
         <!--Subnav Starts Here-->
         <!--Subnav Starts Here-->
-
         <span >
+
         <span>
-
             <a href="#">Introduction</a> |
+
             <a id="pro" href="#">Introduction</a> |
             <a href="#">Modeling</a> |
             <a href="#">Modeling</a> |
             <a href="#">Data Page</a>
             <a href="#">Data Page</a>
Line 28: Line 288:
     <li id="P_Team"><a href="https://2011.igem.org/Team:ZJU-China/Team">Team</a>
     <li id="P_Team"><a href="https://2011.igem.org/Team:ZJU-China/Team">Team</a>
     <span >
     <span >
-
             <a href="#">Meet our Team</a> |
+
             <a id="tea" href="https://2011.igem.org/Team:ZJU-China/Team">Meet our Team</a> |
-
            <a href="#">Team member</a> |
+
 
-
            <a href="#">Vedio</a> |
+
             <a href="#">Our University</a>
-
            <a href="#">Gallery</a> |
+
-
             <a href="#">University</a>
+
       </span>
       </span>
     </li>
     </li>
     <li id="P_Notebook"><a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook</a>
     <li id="P_Notebook"><a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook</a>
-
     <span >
+
     <span>
-
             <a href="#">Summary</a> |
+
 
-
            <a href="#">Diaries</a> |
+
             <a id="not" href="#">Diaries</a> |
             <a href="#">Protocol</a>  
             <a href="#">Protocol</a>  
       </span>
       </span>
     </li><li id="P_HumanPractice"><a href=""https://2011.igem.org/Team:ZJU-China/HumanPractice">HumanPractice</a>
     </li><li id="P_HumanPractice"><a href=""https://2011.igem.org/Team:ZJU-China/HumanPractice">HumanPractice</a>
     <span >
     <span >
-
             <a href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</a> |
+
             <a id="hum" href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</a> |
             <a href="#">...</a> |
             <a href="#">...</a> |
             <a href="#">...</a>
             <a href="#">...</a>
Line 49: Line 307:
     </li>
     </li>
</ul>
</ul>
-
                </div>
 
-
 
</div>
</div>
 +
<div class="search">
 +
<div id="searchbar">
 +
 
 +
  <div>
 +
  <form action="http://www.google.com.hk/cse" id="cse-search-box" target="_blank" >
 +
  <div>
 +
    <input type="hidden" name="cx" value="005438704919531788579:zbfi5n-q5du" />
 +
    <input type="hidden" name="cof" value="FORID:10" />
 +
    <input type="hidden" name="ie" value="UTF-8" />
 +
    <input type="text" name="q" size="31" />
 +
    <input type="submit" name="sa" value="Search" />
 +
   
 +
  </div>
 +
</form>
 +
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div></div>
</div>
</div>
 +
 +
</div></div>
 +
</body>
</body>
</html>
</html>
-
{{Template:Zjucss_main}}
 

Revision as of 13:01, 13 September 2011

无标题文档

Retrieved from "http://2011.igem.org/Template:Zjuheader"