Team:Cambridge/Templates/headerMinimalprototypeTheo

From 2010.igem.org

(Difference between revisions)
(Undo revision 38967 by Theos (Talk))
 
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>
-
<style type="text/css" media="screen, print, projection">  
+
<script type="text/javascript">  
-
div#content{background:#9e9e9e; color:white}
+
$(function() {
-
body{background:#4d4d4d;}
+
$('ul.llmenu').lavaLamp({ speed: 300, target:'li'});
-
#bodyContent{position:relative; width:970px;
+
});
-
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;"
+
$(function(){
 +
        $('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;
-
top:-15px;
+
left:5px;
-
width:965px;
+
}
-
+
div.thumb div{
-
background:#7bc885;
+
    background-color:#fff;
-
}
+
    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;
 +
    }
-
text-align:center;
+
#right{
-
padding-top:20px;
+
    float:right;
-
}
+
    width:700px;
-
 
+
    padding:0px;
-
#left ul{list-style:none; }
+
    padding-right:10px;
-
#left ul li{margin-bottom:15px; }
+
    padding-top:12px;
-
#left a{ color:#201b1f; font-size:15px; font-weight:bold;}
+
    background:#20001c;
-
h2 {
+
color:white;
-
margin:0 0 1em;
+
    }
-
}
+
   
-
#right{
+
#camfooter {
-
float:right;
+
    clear:both;
-
width:720px;
+
    height:0px;
-
padding:0px;
+
    background:white;
-
background:#201b1f;
+
    }
-
}
+
#camfooter p {
-
#camfooter {
+
    margin:0;
-
clear:both;
+
    }
-
height:0px;
+
* html #camfooter {
-
background:#201b1f;
+
    height:1px;
-
}
+
-
#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 169: Line 237:
     }
     }
/* 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; border-bottom:2px solid #20001c" src="https://static.igem.org/mediawiki/2010/a/a6/CambridgeTheoHeader.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>
+
<ul id="accmenu">
-
<li><a href="/Team:Cambridge" title="Team:Cambridge"> Home</a> </li>
+
<li><a class="head" href="#"> Introduction</a>
-
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics"> Logistics</a></li>
+
<ul class="llmenu">
-
<li><a href="/Team:Cambridge/TheTeam" title="Team:Cambridge/Notebook/Week1">The Team</a></li>
+
<li><a href="/Team:Cambridge/TestPage" title="Team:Cambridge">Home</a></li>
-
<li><a href="/Team:Cambridge/Notebook/Week2" title="Team:Cambridge/Notebook/Week2"> Notebook</a></li>
+
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics">About the project</a></li>
-
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description"> Description</a> </li>
+
<li><a href="/Team:Cambridge/TheTeamNew" title="Team:Cambridge/Notebook/TheTeam">Meet the Team</a></li>
-
<li><a href="/Team:Cambridge/ProjectBioluminescence" title="Team:Cambridge/ProjectBioluminescence"> Bioluminescence</a> </li>
+
</ul>
-
<li><a href="/Team:Cambridge/Quiescence" title="Team:Cambridge/Quiescence"> Quiescence</a> </li>
+
</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/Safety" title="Team:Cambridge/Safety">Safety</a> </li>
+
<li><a href="/Team:Cambridge/Partners" class="head">Our Partners</a>
-
<li><a href="/Team:Cambridge/Protocols" title="Team:Cambridge/Safety">Protocols</a> </li>
+
<ul class="llmenu">
-
<li><a href="/Team:Cambridge/Partners" title="Team:Cambridge/Partners">Our Partners</a> </li>
+
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description">Sponsors</a> </li>
-
<li>Find us on <a href="http://www.facebook.com/pages/Cambridge-iGEM/123588144352269">facebook</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>
</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 204: Line 322:
   theme: {
   theme: {
     shell: {
     shell: {
-
       background: '#161959',
+
       background: '#28796e',
-
       color: '#20001c'
+
       color: '#9d9d9d'
     },
     },
     tweets: {
     tweets: {
-
       background: '#20001c',
+
       background: '#000000',
-
       color: '#000000',
+
       color: '#9d9d9d',
-
       links: '#3200fa'
+
       links: '#46d3c3'
     }
     }
   },
   },
Line 224: Line 342:
}).render().setUser('camgem').start();
}).render().setUser('camgem').start();
</script>
</script>
-
</div>-->
+
</div>
 +
-->
</p>
</p>
</div>  
</div>  
<div id="right">
<div id="right">

Latest revision as of 15:50, 1 August 2010