Template:Imperial/09/MenuD

From 2009.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> - →----------------------------------------------------------------------------: /* Menu headers ...)
 
(One intermediate revision not shown)
Line 1: Line 1:
 +
{{Imperial/NoTitle}}__NOEDITSECTION__{{Imperial/CalendarCode}}__NOTOC__<html><style type="text/css">
 +
 +
/* Toolbar */
 +
div.Toolbar {
 +
background-image: url(http://i59.photobucket.com/albums/g305/Timpski/ToolbarBackground.png);
 +
background-size: 100%;
 +
background-origin: content;
 +
}
 +
 +
/* Our Content Area */
 +
div.Section {
 +
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
color:#E5EBFF;
 +
background-image: url(http://openwetware.org/images/a/a0/Background.PNG);
 +
background-size: 100%;
 +
background-origin: content;
 +
background-color: transparent;
 +
}
 +
 +
/* General Page Formatting */
 +
body, div#footer-box {
 +
background-color:#E5EBFF;
 +
}
 +
 +
div#top-section, div#content, div#footer-box {
 +
border-width: 4px; border-color: #66aadd
 +
}
 +
 +
#p-logo {
 +
filter:alpha(opacity=00);-moz-opacity:.00;opacity:.00;
 +
}
 +
 +
#top-section {
 +
background-image: url(http://i59.photobucket.com/albums/g305/Timpski/wiki.png);
 +
background-size: 100%;
 +
background-origin: content;
 +
}
 +
 +
#content {
 +
background-color: #E5EBFF;
 +
}
 +
 +
/* Text (paragraphs) */
 +
div.Section p {
 +
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
text-align:justify;
 +
margin-top:0px;
 +
margin-left:30px;
 +
margin-right:30px;
 +
}
 +
 +
/* Headings */
 +
div.Section h1 {
 +
font:22pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
text-align:left;
 +
color:#E5EBFF;
 +
font-weight:bold;
 +
}
 +
 +
/* Subheadings */
 +
div.Section h2 {
 +
font:18pt Calibri, Verdana, Arial, Geneva, sans-serif; 
 +
color:#E5EBFF;
 +
margin-left:5px;
 +
font-weight:bold;
 +
}
 +
 +
/* Subsubheadings */
 +
div.Section h3 {
 +
font:22pt Calibri, Verdana, Arial, sans-serif;
 +
color:#E5EBFF;
 +
margin-left:10px;
 +
font-weight:bold;
 +
background-color:transparent;
 +
}
 +
 +
/* Subsubsubheadings */
 +
div.Section h4 {
 +
font:22pt Calibri, Verdana, Arial, sans-serif;
 +
color:#2B48B3;
 +
margin-left:10px;
 +
font-weight:bold;
 +
background-color:transparent;
 +
}
 +
 +
/* Subsubsubsubheadings */
 +
div.Section h5 {
 +
font:12pt Calibri, Verdana, Arial, sans-serif;
 +
font-weight:bold;
 +
font-style:italic;
 +
color:#E5EBFF;
 +
margin-left:25px;
 +
background-color:transparent;
 +
}
 +
 +
/* References */
 +
div.Section h6 {
 +
font:12pt Calibri, Verdana, Arial, sans-serif;
 +
font-weight:bold;
 +
font-style:italic;
 +
color:#2B48B3;
 +
margin-left:25px;
 +
background-color:transparent;
 +
}
 +
 +
/* Hyperlinks */
 +
a:link {
 +
color: #66aadd
 +
}
 +
 +
a:visited {
 +
color: #66aadd
 +
}
 +
 +
a:active {
 +
color: #66aadd
 +
}
 +
 +
a:hover {
 +
color: #66aadd
 +
}
 +
 +
/* Tables */
 +
div.Section td {
 +
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; 
 +
text-align:justify;
 +
vertical-align:top;
 +
padding:2px 4px 2px 4px;
 +
background-color:trasparent;
 +
}
 +
 +
/* Lists */
 +
div.Section li {
 +
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
text-align:left;
 +
margin-top:0px;
 +
margin-left:30px;
 +
margin-right:0px;
 +
}
 +
 +
/* TOC stuff */
 +
table.toc {
 +
margin-left:10px;
 +
}
 +
 +
table.toc li {
 +
font: 11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
text-align: justify;
 +
margin-top: 0px;
 +
margin-left:2px;
 +
margin-right:2px;
 +
}
 +
 +
/* [edit] links */
 +
span.editsection {
 +
color:#BBBBBB;
 +
font-size:10pt;
 +
font-weight:normal;
 +
font-style:normal;
 +
vertical-align:bottom;
 +
}
 +
 +
span.editsection a {
 +
color:#BBBBBB;
 +
font-size:10pt;
 +
font-weight:normal;
 +
font-style:normal;
 +
vertical-align:bottom;
 +
}
 +
 +
span.editsection a:hover {
 +
color:#3366FF;
 +
font-size:10pt;
 +
font-weight:normal;
 +
font-style:normal;
 +
vertical-align:bottom;
 +
}
 +
 +
/* Drop-down Menu */
 +
#sddm {
 +
margin: 0;
 +
padding: 0;
 +
z-index: 30;
 +
margin: 0;
 +
padding: 0;
 +
float: center;
 +
font: bold 12pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
border: 0px;
 +
list-style: none;
 +
display: inline; /* IE Fix - gets rid of gaps */
 +
}
 +
 +
#sddm a {
 +
display: block;
 +
margin: 0px 0px 0px 0px;
 +
padding: 0 0 12px 0;
 +
color: #FFFFFF;
 +
text-align: center;
 +
text-decoration: none;
 +
vertical-align: center;
 +
}
 +
 +
#sddm a:hover {
 +
border: 0px
 +
}
 +
 +
#sddm div {
 +
position: absolute;
 +
visibility: hidden;
 +
height: 8.75em; /* IE fix - allows block to be clicked */
 +
margin: 0;
 +
padding: 0;
 +
z-index: 30;
 +
background: #66aadd;
 +
border: 1px solid #66aadd
 +
}
 +
#sddm div a {
 +
position: relative;
 +
left: 0;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #FFFFFF;
 +
color: #2875DE;
 +
font: 11pt Calibri, Verdana, Arial, Geneva, sans-serif
 +
}
 +
#sddm div a:hover {
 +
background: #66aadd;
 +
color: #FFFFFF
 +
}
 +
 +
/* Highlight function - proprietary, beware! */
 +
.highlight img{
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 +
-moz-opacity: 0.5;
 +
border: 1px solid #ccc;
 +
}
 +
 +
.highlight:hover img{
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 +
-moz-opacity: 1;
 +
border: 1px solid navy;
 +
}
 +
 +
.highlight a{
 +
border:1px solid navy;
 +
}
 +
 +
.highlight:hover a{
 +
border:1px solid navy;
 +
}
 +
 +
/* Wiki Image properties */
 +
div.floatright {
 +
    float: right;
 +
    clear: right;
 +
    margin: 0.5em 0.5em 0.5em 0.5em;
 +
    position:relative;
 +
    border: 0.5em solid White;
 +
    border-width: 0 0 0 0;
 +
}
 +
div.floatright p { font-style: italic;}
 +
div.floatleft {
 +
    float: left;
 +
    margin: 0.3em 0.5em 0.5em 0.5em;
 +
    position:relative;
 +
    border: 0.5em solid White;
 +
    border-width: 0 0 0 0;
 +
}
 +
div.floatleft p { font-style: italic; }
 +
/* thumbnails */
 +
div.thumb {
 +
    margin-bottom: 0.5em;
 +
    border-style: solid; border-color: White;
 +
    width: auto;
 +
    overflow: hidden;
 +
}
 +
div.thumb div {
 +
    border:1px solid #66aadd;
 +
    padding: 3px !important;
 +
    background-color:transparent;
 +
    font-size: 94%;
 +
    margin-right:1.5em;
 +
    text-align: center;
 +
}
 +
div.thumb div a img {
 +
    border:1px solid #66aadd;
 +
}
 +
div.thumb div div.thumbcaption {
 +
    border: none;
 +
    padding: 0.3em 0 0.1em 0;
 +
}
 +
div.magnify { display: none; }
 +
div.tright {
 +
    float: right;
 +
    clear: right;
 +
    margin-left:0.5em;
 +
    border-width: 0 0 0 0;
 +
}
 +
div.tleft {
 +
    float: left;
 +
    margin-right:0.5em;
 +
    border-width: 0 0 0 0;
 +
}
 +
img.thumbborder {
 +
border: 1px solid #2B48B3;
 +
}
 +
</style></html><table width="100%" "style="border: 4px solid #66aadd" cellpadding="0" cellspacing="0" ><tr><td><div class=Toolbar>{{Imperial/Navbar2}}</div></td></tr><tr><td><div class=Section>
 +
<!--
 +
 +
 +
 +
 +
 +
PUT BACK IN CSS IF NEEDED/* Top bar images */
 +
.wetlab {
 +
background-image: url('http://i59.photobucket.com/albums/g305/Timpski/Bottles.png');
 +
background-size: 100%;
 +
background-origin: content;
 +
width: 100%;
 +
}
 +
-->
 +
<!--
 +
<script type="text/javascript">
 +
 +
function toggleNext(el) {
 +
var next=el.nextSibling;
 +
while(next.nodeType != 1) next=next.nextSibling;
 +
next.style.display=((next.style.display=="none") ? "block" : "none");
 +
}
 +
 +
function getElementsByIdTagAndClassName(id,tag,cname) {
 +
var tags=document.getElementById(id).getElementsByTagName(tag);
 +
var cEls=new Array();
 +
for (i=0; i<tags.length; i++) {
 +
  var rE=new RegExp("(^|\s)" + cname + "(\s|$)");
 +
  if (rE.test(tags[i].className)) {
 +
  cEls.push(tags[i]);
 +
  }
 +
  }
 +
return cEls;
 +
}
 +
function toggleNextByIdTagAndClassName(id,tag,cname) {
 +
var ccn="clicker";
 +
clickers=getElementsByIdTagAndClassName(id,tag,cname);
 +
for (i=0; i<clickers.length; i++) {
 +
  clickers[i].className+=" "+ccn;
 +
  clickers[i].onclick=function() {toggleNext(this)}
 +
  toggleNext(clickers[i]);
 +
}
 +
}
 +
window.onload=function(){toggleNextByIdTagAndClassName('byidtagandclass','p','num')}
 +
</script>
 +
<div id="byidtagandclass" class="eg">
 +
-->
 +
<html><script language="JavaScript">
 +
var timeout = 250;
 +
var closetimer = 0;
 +
var ddmenuitem = 0;
 +
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
// close layer when click-out
 +
//document.onclick = mclose;
 +
</script><table style="background-color:transparent;" link="#ffffff" cellpadding="0" cellspacing="1" border="0" bordercolor="#ffffff" align="center" width="100%"><tr><td colspan="6"><table style="background-color:transparent;" link="#ffffff" cellpadding="5" cellspacing="1" border="0" bordercolor="#ffffff" align="center" width="100%"><tr><td><img width="150px" src="http://i59.photobucket.com/albums/g305/Timpski/Imperial_Logo.png"></td></tr></table></td></tr><tr><td colspan="6"></td></tr>
 +
<tr><td align="left" width="10%" valign="bottom"><ul id="sddm"><a href="https://2008.igem.org/Team:Imperial_College">  Home  </a></ul>
 +
</td><td align="left" width="20%" valign="bottom"><ul id="sddm"><a href="#"
 +
        onclick="mopen('m1')"
 +
        onmouseover="mopen('m1')"
 +
        onmouseout="mclosetime()">Biofabricator Subtilis</a>
 +
        <div id="m1"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Project">Project Specifications</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Chassis_1">Why B. subtilis?</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Chassis_2">B. subtilis: Benefits vs Challenges</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Summary">Project Summary</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Cellulose">Example Application: <i>Biocouture</i></a>
 +
        </div></ul>
 +
</td><td align="left" width="18%" valign="bottom"><ul id="sddm"><a href="#"
 +
        onclick="mopen('m2')"
 +
        onmouseover="mopen('m2')"
 +
        onmouseout="mclosetime()">Dry Lab</a>
 +
        <div id="m2"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Dry_Lab">Dry Lab Hub</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Growth_Curve">Growth Curves</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Genetic_Circuit">Genetic Circuits</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Motility">Motility Analysis</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Appendices">Appendices - Code etc.</a>
 +
        </div></ul>
 +
</td><td align="left" width="18%" valign="bottom"><ul id="sddm"><a href="#"
 +
        onclick="mopen('m3')"
 +
        onmouseover="mopen('m3')"
 +
        onmouseout="mclosetime()">Wet Lab</a>
 +
        <div id="m3"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Wet_Lab">Wet Lab Hub</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Cloning_Strategy">Cloning Strategy</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Protocols">Experiments & Protocols</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/BioBricks">BioBricks Submitted</a>
 +
        <a href="https://2008.igem.org/Team:Imperial_College/Major_Results">Experimental Results</a>
 +
        </div></ul>
 +
</td><td align="left" width="17%" valign="bottom"><ul id="sddm"><a href="https://2008.igem.org/Team:Imperial_College/Notebook">  Notebook  </a></ul>
 +
</td><td align="left" width="17%" valign="bottom"><ul id="sddm"><a href="https://2008.igem.org/Team:Imperial_College/Team">  Our Team  </a></ul></td></tr></table></html>
 +
<html>
<html>
<style type="text/css">
<style type="text/css">

Latest revision as of 14:41, 10 September 2009

Template:Imperial/NoTitleTemplate:Imperial/CalendarCode
Template:Imperial/Navbar2
Retrieved from "http://2009.igem.org/Template:Imperial/09/MenuD"