Template:Imperial/StartPage

From 2008.igem.org

(Difference between revisions)
m
m
Line 6: Line 6:
<style type="text/css">
<style type="text/css">
div.Section {  
div.Section {  
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;
+
font:9pt/14pt Calibri, Verdana, Arial, Geneva, sans-serif;
}
}
/* Text (paragraphs) */
/* Text (paragraphs) */
div.Section p {  
div.Section p {  
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;  
+
font:9pt/14pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align:justify;
text-align:justify;
margin-top:0px;  
margin-top:0px;  
Line 20: Line 20:
/* Headings */
/* Headings */
div.Section h1 {  
div.Section h1 {  
-
font:20pt Verdana, Arial, Geneva, sans-serif;  
+
font:20pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align:left;
text-align:left;
color:#3366FF;
color:#3366FF;
Line 27: Line 27:
/* Subheadings */
/* Subheadings */
div.Section h2 {  
div.Section h2 {  
-
font:16pt Verdana, Arial, Geneva, sans-serif;   
+
font:16pt Calibri, Verdana, Arial, Geneva, sans-serif;   
color:#3366FF;
color:#3366FF;
margin-left:5px;
margin-left:5px;
Line 34: Line 34:
/* Subsubheadings */
/* Subsubheadings */
div.Section h3 {  
div.Section h3 {  
-
font:14pt Verdana, Arial, sans-serif;
+
font:14pt Calibri, Verdana, Arial, sans-serif;
font-weight:bold;
font-weight:bold;
color:#3366FF;
color:#3366FF;
Line 42: Line 42:
/* Subsubsubheadings */
/* Subsubsubheadings */
div.Section h4 {  
div.Section h4 {  
-
font:10pt Verdana, Arial, sans-serif;
+
font:10pt Calibri, Verdana, Arial, sans-serif;
color:#3366FF;
color:#3366FF;
margin-left:15px;
margin-left:15px;
Line 49: Line 49:
/* Subsubsubsubheadings */
/* Subsubsubsubheadings */
div.Section h5 {  
div.Section h5 {  
-
font:10pt Verdana, Arial, sans-serif;
+
font:10pt Calibri, Verdana, Arial, sans-serif;
color:#3366FF;
color:#3366FF;
margin-left:20px;
margin-left:20px;
Line 56: Line 56:
/* References */
/* References */
div.Section h6 {  
div.Section h6 {  
-
font:10pt Verdana, Arial, sans-serif;
+
font:10pt Calibri, Verdana, Arial, sans-serif;
font-weight:bold;
font-weight:bold;
font-style:italic;
font-style:italic;
Line 74: Line 74:
/* Tables */
/* Tables */
div.Section td {
div.Section td {
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;   
+
font:9pt/14pt Calibri, Verdana, Arial, Geneva, sans-serif;   
text-align:justify;
text-align:justify;
vertical-align:top;
vertical-align:top;
Line 82: Line 82:
/* Lists */
/* Lists */
div.Section li {  
div.Section li {  
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;  
+
font:9pt/14pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align:left;
text-align:left;
margin-top:0px;  
margin-top:0px;  
Line 95: Line 95:
table.toc li {  
table.toc li {  
-
font: 9pt/14pt Verdana, Arial, Geneva, sans-serif;  
+
font: 9pt/14pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align: justify;
text-align: justify;
margin-top: 0px;  
margin-top: 0px;  
Line 124: Line 124:
vertical-align:bottom;
vertical-align:bottom;
}
}
-
#sddm
+
#sddm {
-
{ margin: 0;
+
margin: 0;
padding: 0;
padding: 0;
-
z-index: 30}
+
z-index: 30
-
 
+
}
-
#sddm li
+
#sddm li {
-
{ margin: 0;
+
margin: 0;
padding: 0;
padding: 0;
list-style: none;
list-style: none;
float: left;
float: left;
-
font: bold 11px arial}
+
font: bold 14px Calibri, Verdana, Arial, Geneva, sans-serif
-
 
+
}
-
#sddm li a
+
#sddm li a {
-
{ display: block;
+
display: block;
margin: 0 1px 0 0;
margin: 0 1px 0 0;
padding: 4px 10px;
padding: 4px 10px;
-
width: 60px;
 
background: #5970B2;
background: #5970B2;
color: #FFF;
color: #FFF;
text-align: center;
text-align: center;
-
text-decoration: none}
+
text-decoration: none
 +
}
 +
#sddm li a:hover {
 +
background: #49A3FF
 +
}
-
#sddm li a:hover
+
#sddm div {
-
{ background: #49A3FF}
+
position: absolute;
-
 
+
-
#sddm div
+
-
{ position: absolute;
+
visibility: hidden;
visibility: hidden;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
background: #EAEBD8;
background: #EAEBD8;
-
border: 1px solid #5970B2}
+
border: 1px solid #5970B2
-
 
+
}
-
#sddm div a
+
#sddm div a {
-
{ position: relative;
+
position: relative;
display: block;
display: block;
margin: 0;
margin: 0;
Line 168: Line 168:
background: #EAEBD8;
background: #EAEBD8;
color: #2875DE;
color: #2875DE;
-
font: 11px arial}
+
font: 12px Calibri, Verdana, Arial, Geneva, sans-serif
-
 
+
}
-
#sddm div a:hover
+
#sddm div a:hover {
-
{ background: #49A3FF;
+
background: #49A3FF;
-
color: #FFF}
+
color: #FFF
-
 
+
}
</style>
</style>
Line 207: Line 207:
</script>
</script>
<div id="byidtagandclass" class="eg">
<div id="byidtagandclass" class="eg">
-
</html>
 
-
<html><SCRIPT LANGUAGE="JavaScript">
 
-
 
-
// Copyright 2006-2007 javascript-array.com
 
-
 
-
var timeout = 500;
 
-
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></html>
 
-
 
-
<html><ul id="sddm">
 
-
    <li><a href="#"
 
-
        onmouseover="mopen('m1')"
 
-
        onmouseout="mclosetime()">Home</a>
 
-
        <div id="m1"
 
-
            onmouseover="mcancelclosetime()"
 
-
            onmouseout="mclosetime()">
 
-
        <a href="#">HTML Drop Down</a>
 
-
        <a href="#">DHTML Menu</a>
 
-
        <a href="#">JavaScript DropDown</a>
 
-
        <a href="#">Cascading Menu</a>
 
-
        <a href="#">CSS Horizontal Menu</a>
 
-
        </div>
 
-
    </li>
 
-
    <li><a href="#"
 
-
        onmouseover="mopen('m2')"
 
-
        onmouseout="mclosetime()">Download</a>
 
-
        <div id="m2"
 
-
            onmouseover="mcancelclosetime()"
 
-
            onmouseout="mclosetime()">
 
-
        <a href="#">ASP Dropdown</a>
 
-
        <a href="#">Pulldown menu</a>
 
-
        <a href="#">AJAX Drop Submenu</a>
 
-
        <a href="#">DIV Cascading Menu</a>
 
-
        </div>
 
-
    </li>
 
-
    <li><a href="#">Order</a></li>
 
-
    <li><a href="#">Help</a></li>
 
-
    <li><a href="#">Contact</a></li>
 
-
</ul>
 
-
<div style="clear:both"></div>
 
</html>
</html>
<br>
<br>
<div class=Section>
<div class=Section>

Revision as of 14:26, 8 September 2008