Team:Cambridge/Templates/headerMinimalprototypeTheo

From 2010.igem.org

(Difference between revisions)
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/jqueryui/1.8.2/jquery-ui.js"></script>
 
-
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.lavalamp-1.3.4b.js'></script>
 
-
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.easing.1.3.js'></script>
 
-
<script type="text/javascript">  
+
<style type="text/css" media="screen, print, projection">  
-
$(function() {
+
div#content{background:#9e9e9e; color:white}
-
$('ul.llmenu').lavaLamp({ speed: 300, target:'li'});
+
body{background:#4d4d4d;}
-
});
+
#bodyContent{position:relative; width:970px;
-
$(function(){
+
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;"
-
        $('ul#accmenu').accordion({
+
-
              header:'.head',
+
-
              fillSpace:false,
+
-
              autoHeight:false,
+
-
              navigation:true,
+
-
              animated: 'easeslide'})
+
-
});
+
-
</script>
+
 +
}
 +
#paddedcontent{padding:20px;}
 +
#wrap {
-
<style>
 
-
*{margin:0; padding:0}
 
-
body{
 
-
 
-
/*background:#353e39;*/
 
-
background:#333333;}
 
-
#footer{ background:#20001c; color:white;}
 
-
 
-
div.thumb {
 
-
    border:none;
 
-
    }
 
-
div#boxes{
 
position:relative;
position:relative;
-
left:5px;
+
top:-15px;
-
}
+
width:965px;
-
div.thumb div{
+
-
    background-color:#fff;
+
background:#7bc885;
-
    border:none;
+
}
-
}
+
#header {
 +
background:#ddd;
 +
}
 +
 +
 +
#left {
 +
float:left;
 +
width:222px;
 +
padding:10px;
 +
background:#7bc885;
 +
}
 +
.tophome{
 +
text-align:center;
-
div.thumb div a{
 
-
    border:none;
 
-
}
 
-
#bodyContent{
 
-
    position:relative;
 
-
    width:965px;
 
-
    font-family: "Nobile","Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 
-
    color:#323232;
 
-
background:#e5d065;
 
-
    }
 
-
#bodyContent p{
 
-
line-height:160%;
 
}
}
-
#bodyContent a{
 
-
    color:#ffe771;
 
-
    }
 
-
h1,h2,h3,h4,h5,h6{
 
-
    color:#424242;
 
-
}
 
-
#paddedcontent{padding:40px;}
 
-
#wrap {
 
-
   
 
-
    width:965px;   
 
-
background:#333333;                                     
 
-
    }
 
-
#header {}                                                                                                       
 
-
#left {
 
-
font-family: "Nobile";
 
-
    float:left;
 
-
    width:235px;
 
-
padding:10px;
 
-
   
 
-
    }
 
-
.tophome{
 
-
    text-align:center;
 
-
    }
 
.tophome p{
.tophome p{
-
    text-align:center;
 
-
    padding-top:20px;
 
-
    }
 
-
#left{background:#e5d065;}
 
-
#left ul{
 
-
    list-style:none;
 
-
    overflow:hidden;
 
-
    }
 
-
#left ul li{
 
-
    margin-bottom:8px;
 
-
    position:relative; 
 
-
    padding:5px 10px 4px;
 
-
    font-family:verdana;
 
-
    }
 
-
#left ul.llmenu li.backLava{
 
-
    background-color:#ffe771; 
 
-
    /*border:2px solid #A0CA60;*/
 
-
    }
 
-
#left a{
 
-
    color:#20001c;
 
-
    font-size:15px;
 
-
    font-weight:bold;
 
-
    text-decoration:none;
 
-
    outline:none;
 
-
    }
 
-
h2 {
 
-
    margin:0 0 1em;
 
-
    }
 
-
#right{
+
text-align:center;
-
    float:right;
+
padding-top:20px;
-
    width:700px;
+
}
-
    padding:0px;
+
 
-
    padding-right:10px;
+
#left ul{list-style:none; }
-
    padding-top:12px;
+
#left ul li{margin-bottom:15px; }
-
    background:#20001c;
+
#left a{ color:#201b1f; font-size:15px; font-weight:bold;}
-
color:white;
+
h2 {
-
    }
+
margin:0 0 1em;
-
   
+
}
-
#camfooter {
+
#right{
-
    clear:both;
+
float:right;
-
    height:0px;
+
width:720px;
-
    background:white;
+
padding:0px;
-
    }
+
background:#201b1f;
-
#camfooter p {
+
}
-
    margin:0;
+
#camfooter {
-
    }
+
clear:both;
-
* html #camfooter {
+
height:0px;
-
    height:1px;
+
background:#201b1f;
 +
}
 +
#camfooter p {
 +
margin:0;
     }
     }
 +
* html #camfooter {
 +
height:1px;
 +
}
h1.firstHeading {
h1.firstHeading {
-
    display: none;
+
display: none;
-
    }
+
}
-
 
+
/* Wiki Hacks - START */
/* Wiki Hacks - START */
/* Author: Pieter van Boheemen */
/* Author: Pieter van Boheemen */
Line 237: Line 169:
     }
     }
/* Wiki Hacks - END */
/* Wiki Hacks - END */
-
</style>
+
</style>  
-
 
+
</head>  
</head>  
<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/a6/CambridgeTheoHeader.png"> </div>  
+
<div id="header"><img align="center" style="margin-bottom:0px; padding:0; border-bottom:2px solid #20001c" src="https://static.igem.org/mediawiki/2010/a/a6/CambridgeTheoHeader.png"> </div>  
<div id="left">  
<div id="left">  
-
<ul id="accmenu">
+
<ul>
-
<li><a class="head" href="#"> Introduction</a>
+
<li><a href="/Team:Cambridge" title="Team:Cambridge"> Home</a> </li>
-
<ul class="llmenu">
+
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics"> Logistics</a></li>
-
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Home</a></li>
+
<li><a href="/Team:Cambridge/TheTeam" title="Team:Cambridge/Notebook/Week1">The Team</a></li>
-
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">About the project</a></li>
+
<li><a href="/Team:Cambridge/Notebook/Week2" title="Team:Cambridge/Notebook/Week2"> Notebook</a></li>
-
<li><a href="/Team:Cambridge/TheTeamNew" title="Team:Cambridge/Notebook/TheTeam">Meet the Team</a></li>
+
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description"> Description</a> </li>
-
</ul>
+
<li><a href="/Team:Cambridge/ProjectBioluminescence" title="Team:Cambridge/ProjectBioluminescence"> Bioluminescence</a> </li>
-
</li>
+
<li><a href="/Team:Cambridge/Quiescence" title="Team:Cambridge/Quiescence"> Quiescence</a> </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>
+
-
</li>
+
-
 
+
-
<li><a class="head" href="#">Notebook</a>
+
-
<ul class="llmenu">
+
-
<li><a href="/Team:Cambridge/Notebook/Week1" title="Team:Cambridge/Notebook/Week1">Week 1</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week2" title="Team:Cambridge/Notebook/Week2">Week 2</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week3" title="Team:Cambridge/Notebook/Week3">Week 3</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week4" title="Team:Cambridge/Notebook/Week4">Week 4</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week5" title="Team:Cambridge/Notebook/Week5">Week 5</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week6" title="Team:Cambridge/Notebook/Week6">Week 6</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week7" title="Team:Cambridge/Notebook/Week7">Week 7</a></li>
+
-
<li><a href="/Team:Cambridge/Notebook/Week8" title="Team:Cambridge/Notebook/Week8">Week 8</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a class="head" href="#">Logistics</a>
+
-
<ul class="llmenu">
+
-
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description">Protocols</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"> Safety</a> </li>
+
-
</ul>
+
-
</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" class="head">Our Partners</a>
+
<li><a href="/Team:Cambridge/Safety" title="Team:Cambridge/Safety">Safety</a> </li>
-
<ul class="llmenu">
+
<li><a href="/Team:Cambridge/Protocols" title="Team:Cambridge/Safety">Protocols</a> </li>
-
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description">Sponsors</a> </li>
+
<li><a href="/Team:Cambridge/Partners" title="Team:Cambridge/Partners">Our Partners</a> </li>
-
<li><a href="/Team:Cambridge/Quiescence" title="Team:Cambridge/Quiescence"> Advisors</a> </li>
+
<li>Find us on <a href="http://www.facebook.com/pages/Cambridge-iGEM/123588144352269">facebook</a>!</li>
-
</ul> </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>
<script>
<script>
Line 322: Line 204:
   theme: {
   theme: {
     shell: {
     shell: {
-
       background: '#28796e',
+
       background: '#161959',
-
       color: '#9d9d9d'
+
       color: '#20001c'
     },
     },
     tweets: {
     tweets: {
-
       background: '#000000',
+
       background: '#20001c',
-
       color: '#9d9d9d',
+
       color: '#000000',
-
       links: '#46d3c3'
+
       links: '#3200fa'
     }
     }
   },
   },
Line 342: Line 224:
}).render().setUser('camgem').start();
}).render().setUser('camgem').start();
</script>
</script>
-
</div>
+
</div>-->
-
-->
+
</p>
</p>
</div>  
</div>  
<div id="right">
<div id="right">

Revision as of 15:50, 1 August 2010