Team:ETH Zurich/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
-
<style type="text/css">
+
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>
-
div#preload
+
-
{
+
-
display: none;
+
-
}
+
-
div.thumb
 
-
{
 
-
border-color: transparent;
 
-
}
 
-
#catlinks
 
-
{
 
-
display: none;
 
-
}
 
-
#top-section
 
-
{
 
-
margin-top: 10px;
 
-
padding-bottom:55px;
 
-
border: none;
 
-
border-top-left-radius: 10px;
 
-
border-top-right-radius: 10px;
 
-
}
 
-
.left-menu
 
-
{
 
-
border: none;
 
-
border-top-left-radius: 10px;
 
-
}
 
-
.right-menu
 
-
{
 
-
border: none;
 
-
border-top-right-radius: 10px;
 
-
}
 
-
#footer-box
 
-
{
 
-
border: none;
 
-
border-radius: 10px;
 
-
margin-top: 10px;
 
-
}
 
-
/*
 
-
#globalWrapper
 
-
{
 
-
width: 900px;
 
-
margin: 0px auto 0px auto;
 
-
}*/
 
-
 
-
table
 
-
{
 
-
background-color:transparent;
 
-
}
 
-
.overview, .overview a {
 
-
color: #548C82
 
-
}
 
-
.biology, .biology a {
 
-
color: #31695E
 
-
}
 
-
.process, .process a {
 
-
color: #26584F
 
-
}
 
-
.modeling, .modeling a {
 
-
color: #1A473F
 
-
}
 
-
.achievements, .achievements a {
 
-
color: #09241F
 
-
}
 
-
.team, .team a {
 
-
color: #000D0A
 
-
}
 
-
 
-
div.gallerybox[style] div.thumb[style]
 
-
{
 
-
border: none !important;
 
-
padding:0 !important;
 
-
margin:0 !important;
 
-
}
 
-
div.gallerybox[style]
 
-
{
 
-
border:none !important;
 
-
padding:0 !important;
 
-
margin:0 !important;
 
-
}
 
-
 
-
 
-
 
-
 
-
.roundContainer
 
-
{
 
-
width:900px;
 
-
background:#f0f0f0;
 
-
text-align:justify;
 
-
font-family: helvetica, arial, sans-serif;
 
-
/* font-size: 10pt; */
 
-
margin-top:25px;
 
-
border-radius:10px;
 
-
border-spacing:6px;
 
-
}
 
-
 
-
.roundContainer td
 
-
{
 
-
padding:4px;
 
-
}
 
-
 
-
.linkMap, .linkMapJournal
 
-
{
 
-
border: none;
 
-
border-radius: 10px;
 
-
border-spacing: 0px;
 
-
font-family: helvetica, arial, sans-serif;
 
-
font-size:1.4em;
 
-
}
 
-
 
-
.linkMap td
 
-
{
 
-
border-left: 1px white solid;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 0px;
 
-
text-align: center;
 
-
white-space: nowrap;
 
-
}
 
-
 
-
.linkMapJournal
 
-
{
 
-
padding-left: 5px;
 
-
padding-right: 5px;
 
-
}
 
-
 
-
.linkMapJournal td
 
-
{
 
-
width: 1.5em;
 
-
border-left: 1px white solid;
 
-
margin: 0px;
 
-
text-align: center;
 
-
white-space: nowrap;
 
-
}
 
-
 
-
 
-
</style>
 
<script type="text/javascript">
<script type="text/javascript">
var colors = new Array();
var colors = new Array();
Line 162: Line 25:
var currSection = "</html>{{{currSection}}}<html>";
var currSection = "</html>{{{currSection}}}<html>";
-
var currPage = "</html>{{{currPage}}}<html>";
+
var currPage = "</html>{{{currPage}}}<html>";
function restoreMenu(fadeOutOnly)
function restoreMenu(fadeOutOnly)
Line 243: Line 106:
});
});
</script>
</script>
-
<style type="text/css">
 
-
/*
 
-
a:link {
 
-
color:#20548f;
 
-
}
 
-
a:visited {
 
-
color:#20548f;
 
-
}
 
-
a:hover {
 
-
color:#20548f;
 
-
}
 
-
a:active {
 
-
color:#20548f;
 
-
}*/
 
-
#top-section {
 
-
background-color: #ffffff;
 
-
height: 100px;
 
-
border: none;
 
-
width:910px;
 
-
height:20px
 
-
}
 
-
#p-logo {
 
-
position: absolute;
 
-
display: none;
 
-
}
 
-
#search-controls {
 
-
display: none;
 
-
}
 
-
#menubar, #menubar ul, #menubar ul li
 
-
{
 
-
background-color: transparent;
 
-
}
 
-
#menubar.left-menu {
 
-
position: absolute;
 
-
top:0px;
 
-
left:0px;
 
-
}
 
-
#menubar.right-menu {
 
-
position: absolute;
 
-
top:0px;
 
-
right:0px;
 
-
}
 
-
#pt-userpage, #pt-logout, #pt-preferences {background-color: transparent}
 
-
#menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited {
 
-
color: #000000;
 
-
background-color: transparent;
 
-
}
 
-
#footer-box {
 
-
width:900px;
 
-
}
 
-
body {
 
-
background-color: #AAAAAA
 
-
}
 
-
.firstHeading {
 
-
display: none;
 
-
}
 
-
#content {
 
-
width: 900px;
 
-
border: none;
 
-
font-family: helvetica, arial, sans-serif;
 
-
color: #555555;
 
-
border-bottom-left-radius: 10px;
 
-
border-bottom-right-radius: 10px;
 
-
padding-bottom: 10px;
 
-
}
 
-
#title {
 
-
width:900px;
 
-
height:80px;
 
-
position: relative;
 
-
background-color: #FFFFFF;
 
-
top: 0px;
 
-
left: 0px;
 
-
}
 
-
#smocolilogo {
 
-
width:400px;
 
-
height:55px;
 
-
position: relative;
 
-
top: -70px;
 
-
left: 0px;
 
-
}
 
-
#bsselogo {
 
-
width:200px;
 
-
height:50px;
 
-
position: absolute;
 
-
top: 10px;
 
-
left: 435px;
 
-
}
 
-
#igemlogo {
 
-
position:absolute;
+
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheet?action=raw&amp;ctype=text/css" type="text/css" />
-
top:20px;
+
-
left:785px;
+
-
}
+
-
#ethlogo {
+
-
width:140px;
+
-
height:55px;
+
-
position:absolute;
+
-
top:30px;
+
-
left:570px;
+
-
}
+
-
img {
+
-
border:0px;
+
-
}
+
-
#csbl {
+
-
width:140px;
+
-
height:35px;
+
-
}
+
-
#menu {
+
-
width:900px;
+
-
height:180px;
+
-
position: relative;
+
-
top: 20px;
+
-
left: 0px;
+
-
}
+
-
#menuback {
+
-
width:150px;
+
-
height:180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
background-color: #ffffff;
+
-
}
+
-
#headpic {
+
-
width:750px;
+
-
height:180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 150px;
+
-
background-color: #888888;
+
-
 
+
-
border:1px;
+
-
border-radius : 10px;
+
-
-moz-border-radius: 10px;
+
-
}
+
-
#headover {
+
-
width: 750px;
+
-
height: 180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
z-index: 10000;
+
-
}
+
-
#overlay, #overlayFront, #overlayBack {
+
-
width: 750px;
+
-
height: 180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
background-image: none;
+
-
border:1px;
+
-
border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
}
+
-
#overlayBack {
+
-
background-image: url(https://static.igem.org/mediawiki/2011/3/3f/ETHZ-bg-smoke.png);
+
-
}
+
-
a {
+
-
outline:none;
+
-
}
+
-
#headtit {
+
-
font-family: helvetica, arial, sans-serif;
+
-
font-size: 1.2em;
+
-
color: #ffffff;
+
-
position: absolute;
+
-
top: 0em;
+
-
right: 10px;
+
-
height: 30px;
+
-
line-height: 30px;
+
-
vertical-align: middle;
+
-
border: 0; padding: 0; margin: 0;
+
-
}
+
-
 
+
-
.dark {
+
-
color: #dddddd;
+
-
}
+
-
.highlight {
+
-
color: #ea8828;
+
-
}
+
-
#menulist {
+
-
position: absolute;
+
-
top: 0px; /* 16px; */
+
-
border: 0;
+
-
margin: 0;
+
-
padding: 0;
+
-
left: 0px;
+
-
width:100%;
+
-
list-style: none;
+
-
}
+
-
#menulist li {
+
-
        padding-left: 8px;
+
-
line-height: 30px;
+
-
height: 30px;
+
-
width: 100%;
+
-
vertical-align: bottom;
+
-
border: 1px;
+
-
border-top-left-radius: 5px;
+
-
border-bottom-left-radius: 5px;
+
-
-moz-border-radius-topleft: 5px;
+
-
-moz-border-radius-bottomleft: 5px;
+
-
margin: 0px;
+
-
list-style: none;
+
-
}
+
-
#menulist a {
+
-
font-weight: 600;
+
-
        font-size: 1.2em;
+
-
text-decoration: none;
+
-
font-family: helvetica, arial, sans-serif;
+
-
+
-
/* color: #ffffff; */}
+
-
 
+
-
#headover ul {
+
-
+
-
/* display: none;  */
+
-
position: absolute;
+
-
top: 0px; /* 1.2em; */
+
-
border: 0px;
+
-
margin-top: 10px;
+
-
margin-bottom: 0px;
+
-
margin-left: 10px;
+
-
padding-top: 0px;
+
-
padding-bottom: 0px;
+
-
left: 20px; /* 0.2em; */
+
-
list-style:none;
+
-
list-style-image: none;
+
-
}
+
-
#headover ul ul {
+
-
position: absolute;
+
-
width:15em;
+
-
top:-10px;
+
-
left: 15em;
+
-
list-style:none;
+
-
}
+
-
#headover ul li {
+
-
list-style: none;
+
-
line-height: 40px;
+
-
        height: 40px;
+
-
margin: 0px;
+
-
}
+
-
#headover ul li a {
+
-
font-weight: 600;
+
-
font-size: 1.2em;
+
-
text-decoration: none;
+
-
font-family: helvetica, arial, sans-serif;
+
-
color: #dddddd;
+
-
}
+
-
.submenu
+
-
{
+
-
display: none;
+
-
}
+
-
</style>
+
<style type="text/css">
<style type="text/css">
</html> {{{css|}}} <html>
</html> {{{css|}}} <html>
</style>
</style>
-
</head>
 
<div id="preload">
<div id="preload">
   <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />
   <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />
Line 504: Line 118:
   <img src="/wiki/images/3/3d/ETHZ-bg-achievements.png" width="1" height="1" alt="Menu image preload" />
   <img src="/wiki/images/3/3d/ETHZ-bg-achievements.png" width="1" height="1" alt="Menu image preload" />
   <img src="/wiki/images/e/ed/ETHZ-bg-team.png" width="1" height="1" alt="Menu image preload" />
   <img src="/wiki/images/e/ed/ETHZ-bg-team.png" width="1" height="1" alt="Menu image preload" />
 +
</div>
 +
<div id="easteregg" style="position:absolute; left:200px; top:100px;display:none;z-index:99999999">
 +
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="400" height="325" src="http://www.youtube.com/embed/n8FM8nyy_Fk?hd=1" frameborder="0"></iframe>
</div>
</div>
<div id='title'>
<div id='title'>
   <div id='smocolilogo'> <a href='/Team:ETH_Zurich'> <img src='/wiki/images/5/5f/ETH_Zurich_iGEM_new.png'> </a> </div>
   <div id='smocolilogo'> <a href='/Team:ETH_Zurich'> <img src='/wiki/images/5/5f/ETH_Zurich_iGEM_new.png'> </a> </div>
   <!--<div id='bsselogo'> <a href='http://www.bsse.ethz.ch' target="_blank"><img src='/wiki/images/0/08/BSSE_small.png'></a> </div>-->
   <!--<div id='bsselogo'> <a href='http://www.bsse.ethz.ch' target="_blank"><img src='/wiki/images/0/08/BSSE_small.png'></a> </div>-->
-
   <div id='ethlogo'> <a href='http://www.ethz.ch' target="_blank"> <img src='/wiki/images/d/da/ETH_Zurich_Logo.png'> </a> </div>
+
   <div id='slogan'><b><a href="#" onclick="document.getElementById('easteregg').style.display='block'" style="text-decoration:none;color:#000000;">Can you feel the smoke tonight?</a></b></div>
 +
  <!-- <div id='ethlogo'> <a href='http://www.ethz.ch' target="_blank"> <img src='/wiki/images/d/da/ETH_Zurich_Logo.png'> </a> </div>-->
   <div id='igemlogo'> <a href='https://2011.igem.org'> <img src='/wiki/images/f/fb/IGEM_small.png'> </a> </div>
   <div id='igemlogo'> <a href='https://2011.igem.org'> <img src='/wiki/images/f/fb/IGEM_small.png'> </a> </div>
</div>
</div>
Line 516: Line 134:
       <li id='overview' class='overview overviewTitle'><a href='/Team:ETH_Zurich' class='listhead'>Overview</a></li>
       <li id='overview' class='overview overviewTitle'><a href='/Team:ETH_Zurich' class='listhead'>Overview</a></li>
       <li id='biology' class='biology biologyTitle'><a href='/Team:ETH_Zurich/Biology' class='listhead' >Biology</a></li>
       <li id='biology' class='biology biologyTitle'><a href='/Team:ETH_Zurich/Biology' class='listhead' >Biology</a></li>
-
       <li id='process' class='process processTitle'><a href='/Team:ETH_Zurich/Process/Microfluidics' class='listhead' >Process Design</a></li>
+
       <li id='process' class='process processTitle'><a href='/Team:ETH_Zurich/Process/Microfluidics' class='listhead' >Microfluidics</a></li>
       <li id='modeling' class='modeling modelingTitle'><a href='/Team:ETH_Zurich/Modeling' class='listhead' >Modeling</a></li>
       <li id='modeling' class='modeling modelingTitle'><a href='/Team:ETH_Zurich/Modeling' class='listhead' >Modeling</a></li>
-
       <li id='achievements' class='achievements achievementsTitle'><a href='/Team:ETH_Zurich/Achievements/Data_page' class='listhead' >Results</a></li>
+
       <li id='achievements' class='achievements achievementsTitle'><a href='/Team:ETH_Zurich/Achievements/Data_page' class='listhead' >Human practices</a></li>
       <li id='team' class='team teamTitle'><a href='/Team:ETH_Zurich/Team' class='listhead' >Team</a></li>
       <li id='team' class='team teamTitle'><a href='/Team:ETH_Zurich/Team' class='listhead' >Team</a></li>
     </ul>
     </ul>
Line 532: Line 150:
         <li><a href='/Team:ETH_Zurich/Overview/Project' class='listmain'>Project Idea</a></li>
         <li><a href='/Team:ETH_Zurich/Overview/Project' class='listmain'>Project Idea</a></li>
         <li><a href='/Team:ETH_Zurich/Overview/CircuitDesign' class='listmain'>Circuit Design</a></li>
         <li><a href='/Team:ETH_Zurich/Overview/CircuitDesign' class='listmain'>Circuit Design</a></li>
 +
        <li><a href='/Team:ETH_Zurich/Achievements/Data_page' class='listmain'>Data page</a></li>
       </ul>
       </ul>
       <ul class='biologySub submenu'>
       <ul class='biologySub submenu'>
         <li><a href='/Team:ETH_Zurich/Biology' class='listmain'>Overview</a></li>
         <li><a href='/Team:ETH_Zurich/Biology' class='listmain'>Overview</a></li>
-
         <li><a href='/Team:ETH_Zurich/Biology/MolecularMechanism' class='listmain'>Circuit design</a></li>
+
         <li><a href='/Team:ETH_Zurich/Biology/Detector' class='listmain'>Network Elements</a></li>
-
         <li><a href='/Team:ETH_Zurich/Biology/Detector' class='listmain'>Smoke detectors</a></li>
+
         <li><a href='/Team:ETH_Zurich/Biology/MolecularMechanism' class='listmain'>Genetic Design</a></li>
-
         <li><a href='/Team:ETH_Zurich/Biology/Validation' class='listmain'>Validation</a></li>
+
         <li><a href='/Team:ETH_Zurich/Biology/Validation' class='listmain'>Results</a></li>
         <li>
         <li>
           <ul class='biologySub submenu'>
           <ul class='biologySub submenu'>
             <li><a href='/Team:ETH_Zurich/Biology/Cloning' class='listmain'>Material and Methods</a></li>
             <li><a href='/Team:ETH_Zurich/Biology/Cloning' class='listmain'>Material and Methods</a></li>
             <li><a href='/Team:ETH_Zurich/Biology/Journal' class='listmain'>Lab journal</a></li>
             <li><a href='/Team:ETH_Zurich/Biology/Journal' class='listmain'>Lab journal</a></li>
-
            <li><a href='/Team:ETH_Zurich/Biology/Safety' class='listmain'>Safety</a></li>
+
       
           </ul>
           </ul>
         </li>
         </li>
Line 557: Line 176:
             <li><a href='/Team:ETH_Zurich/Modeling/References' class='listmain'>References</a></li>
             <li><a href='/Team:ETH_Zurich/Modeling/References' class='listmain'>References</a></li>
             <!--<li><a href='/Team:ETH_Zurich/Modeling/Code' class='listmain'>Code</a></li>-->
             <!--<li><a href='/Team:ETH_Zurich/Modeling/Code' class='listmain'>Code</a></li>-->
 +
            <li><a href='/Team:ETH_Zurich/Achievements/Model_Results' class='listmain'>Results</a></li>
           </ul>
           </ul>
         </li>
         </li>
       </ul>
       </ul>
       <ul class='processSub submenu'>
       <ul class='processSub submenu'>
-
         <li><a href='/Team:ETH_Zurich/Process/Microfluidics' class='listmain'>Microfluidics</a></li>
+
         <li><a href='/Team:ETH_Zurich/Process/Microfluidics' class='listmain'>Channel Design</a></li>
-
         <li><a href='/Team:ETH_Zurich/Process/Validation' class='listmain'>Systems Validation</a></li>
+
         <li><a href='/Team:ETH_Zurich/Process/Validation' class='listmain'>Evaluation</a></li>
         <!--<li><a href='/Team:ETH_Zurich/Process/ModelVSExperiment' class='listmain'>Model VS Experiment</a></li>-->
         <!--<li><a href='/Team:ETH_Zurich/Process/ModelVSExperiment' class='listmain'>Model VS Experiment</a></li>-->
       </ul>
       </ul>
       <ul class='achievementsSub submenu'>
       <ul class='achievementsSub submenu'>
-
         <li><a href='/Team:ETH_Zurich/Achievements/Data_page' class='listmain'>Data page</a></li>
+
         <li><a href='/Team:ETH_Zurich/Biology/Safety' class='listmain'>Safety</a></li>
-
         <li><a href='/Team:ETH_Zurich/Achievements/Model_Results' class='listmain'>Modeling Results</a></li>
+
         <li><a href='/Team:ETH_Zurich/Team/Human practices' class='listmain'>Outreach</a></li>
-
        <li><a href='/Team:ETH_Zurich/Achievements/Results' class='listmain'>Experimental Results</a></li>
+
 
-
        <li><a href='/Team:ETH_Zurich/Achievements/BioBricks' class='listmain'>BioBricks</a></li>
+
         <li>
         <li>
           <ul class='achievementsSub submenu'>
           <ul class='achievementsSub submenu'>
-
             <li><a href='/Team:ETH_Zurich/Achievements/Model_Toolbox' class='listmain'>Model Toolbox</a></li>
+
             <!--<li><a href='/Team:ETH_Zurich/Achievements/Model_Toolbox' class='listmain'>Model Toolbox</a></li>-->
           </ul>
           </ul>
         </li>
         </li>
Line 583: Line 202:
         <li>
         <li>
           <ul class='teamSub submenu'>
           <ul class='teamSub submenu'>
-
             <li><a href='https://igem.org/Team.cgi?year=2011&team_name=ETH_Zurich' class='listmain'>Official Team Overview</a></li>
+
             <li><a href='https://igem.org/Team.cgi?year=2011&team_name=ETH_Zurich' target='_blank' class='listmain'>Official Team Overview</a></li>
             <li><a href='/Team:ETH_Zurich/Team/Sponsors' class='listmain'>Sponsors</a></li>
             <li><a href='/Team:ETH_Zurich/Team/Sponsors' class='listmain'>Sponsors</a></li>
 +
         
           </ul>
           </ul>
         </li>
         </li>

Latest revision as of 11:48, 13 October 2011

Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload