Template:Imperial/09/MenuD

From 2009.igem.org

(Difference between revisions)
 
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">
<html><script language="JavaScript">
var timeout = 250;
var timeout = 250;

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"