Team:Cambridge/Templates/headerMinimalprototypeTheo

From 2010.igem.org

(Difference between revisions)
(Undo revision 38967 by Theos (Talk))
 
(59 intermediate revisions not shown)
Line 15: Line 15:
</script>
</script>
-
 
+
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
Line 37: Line 37:
<style>
<style>
-
body{background:#fff;}
+
*{margin:0; padding:0}
 +
body{
 +
 
 +
/*background:#353e39;*/
 +
background:#333333;}
 +
#footer{ background:#20001c; color:white;}
div.thumb {
div.thumb {
     border:none;
     border:none;
     }
     }
 +
div#boxes{
 +
position:relative;
 +
left:5px;
 +
}
div.thumb div{
div.thumb div{
     background-color:#fff;
     background-color:#fff;
Line 53: Line 62:
#bodyContent{
#bodyContent{
     position:relative;  
     position:relative;  
-
     width:970px;
+
     width:965px;
-
     font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+
     font-family: "Nobile","Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
     color:#323232;
     color:#323232;
 +
background:#e5d065;
 +
     }
     }
 +
#bodyContent p{
 +
line-height:160%;
 +
}
#bodyContent a{
#bodyContent a{
-
     color:#28796e;
+
     color:#ffe771;
     }
     }
h1,h2,h3,h4,h5,h6{
h1,h2,h3,h4,h5,h6{
     color:#424242;
     color:#424242;
}
}
-
#paddedcontent{padding:20px;}
+
#paddedcontent{padding:40px;}
#wrap {
#wrap {
-
     position:relative;
+
      
-
    top:-15px;
+
     width:965px;     
     width:965px;     
-
background:red;                                       
+
background:#333333;                                       
     }
     }
#header {}                                                                                                         
#header {}                                                                                                         
#left {
#left {
 +
font-family: "Nobile";
     float:left;
     float:left;
-
     width:230px;
+
     width:235px;
-
    padding:10px;
+
padding:10px;
 +
   
     }
     }
.tophome{
.tophome{
Line 83: Line 98:
     padding-top:20px;
     padding-top:20px;
     }
     }
-
 
+
#left{background:#e5d065;}
#left ul{
#left ul{
     list-style:none;  
     list-style:none;  
Line 95: Line 110:
     }
     }
#left ul.llmenu li.backLava{
#left ul.llmenu li.backLava{
-
     background-color:#46d3c3;   
+
     background-color:#ffe771;   
     /*border:2px solid #A0CA60;*/
     /*border:2px solid #A0CA60;*/
     }
     }
#left a{
#left a{
-
     color:#727272;
+
     color:#20001c;
     font-size:15px;
     font-size:15px;
     font-weight:bold;
     font-weight:bold;
Line 115: Line 130:
     padding-right:10px;
     padding-right:10px;
     padding-top:12px;
     padding-top:12px;
-
     background:blue;
+
     background:#20001c;
 +
color:white;
     }
     }
      
      
Line 147: Line 163:
     }
     }
#bodyContent {
#bodyContent {
-
    border: none;
+
border:5px red;
     }
     }
#top-section {
#top-section {
Line 164: Line 180:
  * border:none;
  * border:none;
  * }*/
  * }*/
 +
#menubar a{color:white;}
#p-logo {
#p-logo {
     height:1px;
     height:1px;
Line 192: Line 209:
     margin: 0 auto;
     margin: 0 auto;
     padding: 0;
     padding: 0;
 +
position:relative;
 +
top:-5px;
     }
     }
#footer {
#footer {
Line 223: Line 242:
<body>  
<body>  
<div id="wrap">  
<div id="wrap">  
-
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/a/a7/CamBillHeader.png"> </div>  
+
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/a/a6/CambridgeTheoHeader.png"> </div>  
<div id="left">  
<div id="left">  
<ul id="accmenu">
<ul id="accmenu">
-
<li><a class="head" href="#"> Home</a>
+
<li><a class="head" href="#"> Introduction</a>
<ul class="llmenu">
<ul class="llmenu">
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Home</a></li>
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Home</a></li>
-
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics"> Logistics</a></li>
+
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">About the project</a></li>
-
<li><a href="/Team:Cambridge/TheTeamNew" title="Team:Cambridge/Notebook/TheTeam">The Team</a></li>
+
<li><a href="/Team:Cambridge/TheTeamNew" title="Team:Cambridge/Notebook/TheTeam">Meet the Team</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a class="head" href="#">Bioluminescence</a>
 +
<ul class="llmenu">
 +
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Introduction</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">Firefly luciferase</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">Bacterial luciferase</a></li>
 +
<li><a href="/Team:Cambridge/TheTeamNew" title="Team:Cambridge/Notebook/TheTeam">Luciferin regeneration</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="head" href="#">Quiescence</a>
 +
<ul class="llmenu">
 +
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Introduction</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">The mechanism</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">Aptazyme control</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="head" href="#">Human Practices</a>
 +
<ul class="llmenu">
 +
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Survey</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">Image Competition</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">Documentary</a></li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">Interviews</a></li>
</ul>
</ul>
</li>
</li>
Line 249: Line 292:
</li>
</li>
-
<li><a class="head" href="#">Project</a>
+
<li><a class="head" href="#">Logistics</a>
<ul class="llmenu">
<ul class="llmenu">
-
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description">Description</a> </li>
+
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description">Protocols</a> </li>
-
<li><a href="/Team:Cambridge/ProjectBioluminescenceNew" title="Team:Cambridge/ProjectBioluminescenceNew">Bioluminescence</a> </li>
+
<li><a href="/Team:Cambridge/ProjectBioluminescenceNew" title="Team:Cambridge/ProjectBioluminescenceNew">References</a> </li>
-
<li><a href="/Team:Cambridge/Quiescence" title="Team:Cambridge/Quiescence"> Quiescence</a> </li>
+
<li><a href="/Team:Cambridge/Quiescence" title="Team:Cambridge/Quiescence"> Safety</a> </li>
</ul>
</ul>
</li>
</li>
<li><a href="/Team:Cambridge/Parts" title="Team:Cambridge/Pars">Parts submitted</a> </li>
<li><a href="/Team:Cambridge/Parts" title="Team:Cambridge/Pars">Parts submitted</a> </li>
-
<li><a href="/Team:Cambridge/Partners" title="Team:Cambridge/Partners">Our Partners</a> </li>
+
<li><a href="/Team:Cambridge/Partners" class="head">Our Partners</a>
 +
<ul class="llmenu">
 +
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description">Sponsors</a> </li>
 +
 
 +
<li><a href="/Team:Cambridge/Quiescence" title="Team:Cambridge/Quiescence"> Advisors</a> </li>
 +
</ul> </li>
<li>Find us on <a href="http://www.facebook.com/cambridgeigem">facebook</a>!</li>
<li>Find us on <a href="http://www.facebook.com/cambridgeigem">facebook</a>!</li>
</ul>
</ul>
 +
<!--
<div style="float:left; padding-left:10px; padding-bottom:10px;">
<div style="float:left; padding-left:10px; padding-bottom:10px;">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
Line 294: Line 343:
</script>
</script>
</div>
</div>
 +
-->
</p>
</p>
</div>  
</div>  
<div id="right">
<div id="right">

Latest revision as of 15:50, 1 August 2010