Template:Team:USTC-China/temp/bar3

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <style> #toc{ width:230px; margin-left:auto; margin-right:auto; margin-top:10px; } h1{ font-weight:normal; color:red; float:right; } h2{ font-weight:normal; color:black...")
 
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<style>
+
-
#toc{
+
<head>
-
width:230px;
+
<script type="text/javascript" src="http://2011.igem-bielefeld.de/includes/wiki/jquery.js"></script>
-
margin-left:auto;
+
        <script type='text/javascript' src='http://2011.igem-bielefeld.de/includes/wiki/superfish.js'></script>
-
margin-right:auto;
+
        <script type='text/javascript' src='http://2011.igem-bielefeld.de/includes/wiki/supersubs.js'></script>
-
margin-top:10px;
+
        <script type='text/javascript' src="http://2011.igem-bielefeld.de/includes/wiki/jquery.tools.min.js"></script>
-
}
+
<link rel="stylesheet" type="text/css" href="http://2011.igem-bielefeld.de/includes/wiki/bielefeld-wiki.css" media="screen" />
-
h1{
+
        <script type='text/javascript'>
-
font-weight:normal;
+
    $(document).ready(function() {
-
color:red;
+
        $('ul.sf-menu').supersubs({
-
float:right;
+
            minWidth:   12,
-
}
+
            maxWidth:   27,
 +
            extraWidth:  1
-
h2{
+
        }).superfish({
-
font-weight:normal;
+
animation:   {opacity:'show',height:'show',width:'show'},
-
color:black;
+
speed:       'normal',
-
text-indent: 10px;
+
-
}
+
});
 +
    });
 +
</script>
-
#left p, #left pre{
+
<style type="text/css">a#vlb{display:none}</style>
-
margin-left:35px;
+
</head>
-
margin-right:35px;
+
-
}
+
-
p{
+
<body>
-
text-align:justify;
+
        <div id="back2igem"><a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2010/3/3f/IGEM_basic_Logo_mini.png" border="0"/></a></div>
-
}
+
-
#left h3{
+
<div id="menu-igem">
-
font-weight:bold;
+
-
text-vertical-align:middle;
+
-
background-image:url(https://static.igem.org/mediawiki/2010/3/31/UCSF_meihuabiao.png);
+
-
text-indent: 35px;
+
-
background-repeat: no-repeat;
+
-
color:green;
+
-
}
+
-
#right p{
+
<ul id='menu' class='sf-menu'>
-
margin-left:10px;
+
    <li><a href='https://2011.igem.org/Team:Bielefeld-Germany'>Home</a></li>
-
margin-right:10px;
+
    <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Project'>Project</a></li>
-
}
+
<li><a href='#'>Wet Lab</a>
 +
        <ul>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Labjournal'>Labjournal</a></li>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Protocols'>Protocols</a></li>
 +
        </ul>
 +
        </li>
 +
        <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Results'>Results</a></li>
 +
<li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Team'>Team</a></li>
 +
<li><a href='#'>Human Practices</a>
 +
        <ul>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Public_relations_Overview'>Overview</a></li>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/cebitec-symposium'>CeBiTec Symposium</a></li>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/student-convention'>Student Convention</a></li>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/high-school'>High School</a></li>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/strategic-process'>Strategic Process</a></li>
 +
            <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Public_relations#Press_about_iGEM_Bielefeld_2011'>Press</a></li>
 +
        </ul>
 +
        </li>
 +
        <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Safety'>Safety</a></li>
 +
<li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Partner'>Partner</a></li>
 +
        <li><a href='https://2011.igem.org/Team:Bielefeld-Germany/Contact'>Contact</a></li>
 +
</ul>
-
#right h3, #right h4, #right h5{
 
-
text-indent: 10px;
 
-
font-weight:normal;
 
-
}
 
-
 
-
#All p{
 
-
margin-left:35px;
 
-
margin-right:35px;
 
-
}
 
-
 
-
#All h3, #All h4, #All h5{
 
-
text-indent: 35px;
 
-
font-weight:normal;
 
-
}
 
-
 
-
h4{
 
-
color: grey;
 
-
font-weight:normal;
 
-
text-indent: 35px;
 
-
}
 
-
div#search-controls{
 
-
    display: none;
 
-
}
 
-
div#top-section{
 
-
background-color:#fa883c;
 
-
width:959px;
 
-
height: 24px;
 
-
border:none;
 
-
z-index:100;
 
-
border-bottom-right-radius:8px;
 
-
border-bottom-left-radius:8px;
 
-
-moz-border-radius-bottomright:8px;
 
-
-moz-border-radius-bottomleft:8px;
 
-
}
 
-
#mw-searchButton{
 
-
    display: none;
 
-
}
 
-
div#contentSub{
 
-
    display: none;
 
-
}
 
-
div#menubar{
 
-
    //display: none;
 
-
    //text-indent:10px;
 
-
    top: 0px;
 
-
    color:black;
 
-
}
 
-
 
-
div#p-logo{
 
-
    display: none;
 
-
    width:1000px;
 
-
}
 
-
h1.firstHeading {
 
-
        height:0px;
 
-
display: none;
 
-
}
 
-
#content{
 
-
background-image:url(https://static.igem.org/mediawiki/2010/4/45/UCSF_DropShadow.png);
 
-
background-repeat:vertical;
 
-
margin-top:-24px;
 
-
padding-left:8px;
 
-
border:none;
 
-
padding-right:8px;
 
-
padding-top:2px;
 
-
z-index:0;
 
-
width:959px;
 
-
}
 
-
#footer-box{
 
-
background-image:url(https://static.igem.org/mediawiki/2010/d/df/UCSF_FooterDropShadow.png);
 
-
background-position:center bottom;
 
-
background-repeat:no-repeat;
 
-
width:955px;
 
-
padding-left:10px;
 
-
padding-right:10px;
 
-
padding-bottom:10px;
 
-
border:none;
 
-
margin-bottom:24px;
 
-
}
 
-
 
-
#navigation ul,
 
-
#navigation li{
 
-
margin: 0;
 
-
padding: 0;
 
-
border: 0;
 
-
outline: 0;
 
-
font-weight: inherit;
 
-
font-style: inherit;
 
-
font-size: 100%;
 
-
font-family: inherit;
 
-
vertical-align: baseline;
 
-
}
 
-
#navigation ul li.active > a,
 
-
#navigation > ul li a:hover,
 
-
#navigation ul li.sub-nav:hover > a {
 
-
border-color: #53a5ed;
 
-
background: #256fdf;
 
-
background: -webkit-gradient(linear, left top, left bottom, from(#2f88ec), to(#256fdf));
 
-
background: -moz-linear-gradient(top,  #2f88ec,  #256fdf);
 
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f88ec', endColorstr='#256fdf');
 
-
}
 
-
#navigation ul li.sub-nav > a:hover:before,
 
-
#navigation ul li.sub-nav:hover > a:before {
 
-
border-top-color: #53a5ed !important;
 
-
}
 
-
#navigation ul li.sub-nav > a:hover:after,
 
-
#navigation ul li.sub-nav:hover > a:after {
 
-
border-top-color: #256fdf !important;
 
-
}
 
-
#navigation ul ul li a:hover {
 
-
background: #246cde;
 
-
}
 
-
#navigation {
 
-
filter:alpha(opacity=95);
 
-
opacity: 0.95;
 
-
    position: relative;
 
-
    //top: 5px;
 
-
    margin-top:5px;
 
-
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 
-
}
 
-
#navigation > ul {
 
-
      height: 27px;
 
-
      background: #fff;
 
-
      border: 1px solid #222;
 
-
      padding: 0 5px;
 
-
      -moz-border-radius: 4px;
 
-
    -webkit-border-radius: 4px;
 
-
    border-radius: 4px;
 
-
}
 
-
#navigation > ul li {
 
-
        display: block;
 
-
        float: left;
 
-
        font-size: 11px;
 
-
      line-height: 15px;
 
-
      margin: 0 1px;
 
-
      margin-top: -2px;
 
-
      list-style: none;
 
-
      padding-bottom: 15px;
 
-
}
 
-
#navigation > ul li.right{
 
-
        display: block;
 
-
        float: right;
 
-
        font-size: 11px;
 
-
      line-height: 15px;
 
-
      margin: 0 1px;
 
-
      margin-top: -2px;
 
-
      list-style: none;
 
-
      padding-bottom: 15px;
 
-
}
 
-
#navigation > ul li a {
 
-
        position: relative;
 
-
        display: block;
 
-
        float: left;
 
-
        padding: 6px 7px 8px 7px;
 
-
        border: 1px solid transparent;
 
-
        color: black;
 
-
        text-decoration: none;
 
-
}
 
-
#navigation ul li.active > a,
 
-
#navigation > ul li a:hover,
 
-
#navigation ul li.sub-nav:hover > a {
 
-
        color: #fff;
 
-
        -moz-border-radius: 4px;
 
-
        -webkit-border-radius: 4px;
 
-
        border-radius: 4px;
 
-
}
 
-
#navigation ul li.sub-nav > a:hover:before,
 
-
#navigation ul li.sub-nav:hover > a:before {
 
-
content: "\00a0";
 
-
display: block;
 
-
position: absolute;
 
-
bottom: -14px;
 
-
left: 37%;
 
-
width: 0;
 
-
height: 0;
 
-
border: 7px solid transparent;
 
-
}
 
-
#navigation ul li.sub-nav > a:hover:after,
 
-
#navigation ul li.sub-nav:hover > a:after {
 
-
content:"\00a0";
 
-
display:block;
 
-
position:absolute;
 
-
bottom: -13px;
 
-
left: 37%;
 
-
width: 0;
 
-
height: 0;
 
-
border: 7px solid transparent;
 
-
}     
 
-
#navigation ul li ul {
 
-
  clear: left;
 
-
  position: absolute;
 
-
  left: -999em;
 
-
  z-index: 999;
 
-
  width: 140px;
 
-
  background: #fff;
 
-
  border: 1px solid #363636;
 
-
  list-style: none;
 
-
  padding: 5px 4px;
 
-
  outline: 1px solid #000;
 
-
}
 
-
#navigation ul li li {
 
-
  display: block;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
}
 
-
#navigation ul ul li a {
 
-
  border: none;
 
-
  background: none;
 
-
  color: #000;
 
-
  display: block;
 
-
  float: left;
 
-
  font-size: 12px !important;
 
-
  width: 120px;
 
-
  padding: 4px 10px 5px 10px;
 
-
}
 
-
#navigation ul ul li a:hover {
 
-
  border: none;
 
-
  -moz-border-radius: 0px;
 
-
  -webkit-border-radius: 0px;
 
-
  border-radius: 0px;
 
-
}
 
-
#navigation ul li:hover ul,
 
-
#navigation ul li.sfhover ul{
 
-
  left: auto;
 
-
  top: 42px;
 
-
}
 
-
</style>
 
-
<style>
 
-
#banner{
 
-
margin-top:24px;
 
-
width:957px;
 
-
overflow:hidden;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
#Main{
 
-
width:959px;
 
-
//overflow:hidden;
 
-
margin-top:2px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
</style>
 
-
<div id="banner">
 
-
<img src="https://static.igem.org/mediawiki/2010/f/f3/UCSF_GGB.jpg"/>
 
</div>
</div>
-
 
+
</body>
-
<div id="Main">
+
-
</html>
+

Latest revision as of 12:53, 24 August 2011