Template:Imperial/StartPage

From 2008.igem.org

(Difference between revisions)
m
m (Redirecting to Template:Imperial/StartPage2)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
 +
#REDIRECT [[Template:Imperial/StartPage2]]
 +
{{Imperial/NoTitle}}
{{Imperial/NoTitle}}
{{Imperial/CalendarCode}}
{{Imperial/CalendarCode}}
-
{{Imperial/Navbar}}
+
<table width="100%" style="border: 4px solid #66aadd" cellpadding="0" cellspacing="0">
-
<!--Find out what's with the fonts, usable fonts etc.-->
+
<tr><td>{{Imperial/Navbar2}}
-
<html>
+
</td></tr><tr><td>
-
<style type="text/css">
+
<html><style type="text/css">
div.Section {  
div.Section {  
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;
+
font:11pt/16pt 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:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align:justify;
text-align:justify;
margin-top:0px;  
margin-top:0px;  
Line 20: Line 22:
/* Headings */
/* Headings */
div.Section h1 {  
div.Section h1 {  
-
font:20pt Verdana, Arial, Geneva, sans-serif;  
+
font:22pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align:left;
text-align:left;
color:#3366FF;
color:#3366FF;
 +
font-weight:bold;
}
}
/* Subheadings */
/* Subheadings */
div.Section h2 {  
div.Section h2 {  
-
font:16pt Verdana, Arial, Geneva, sans-serif;   
+
font:18pt Calibri, Verdana, Arial, Geneva, sans-serif;   
color:#3366FF;
color:#3366FF;
margin-left:5px;
margin-left:5px;
 +
font-weight:bold;
}
}
/* Subsubheadings */
/* Subsubheadings */
div.Section h3 {  
div.Section h3 {  
-
font:14pt Verdana, Arial, sans-serif;
+
font:16pt Calibri, Verdana, Arial, sans-serif;
-
font-weight:bold;
+
color:#3366FF;
color:#3366FF;
margin-left:10px;
margin-left:10px;
Line 42: Line 45:
/* Subsubsubheadings */
/* Subsubsubheadings */
div.Section h4 {  
div.Section h4 {  
-
font:10pt Verdana, Arial, sans-serif;
+
font:12pt Calibri, Verdana, Arial, sans-serif;
color:#3366FF;
color:#3366FF;
margin-left:15px;
margin-left:15px;
Line 49: Line 52:
/* Subsubsubsubheadings */
/* Subsubsubsubheadings */
div.Section h5 {  
div.Section h5 {  
-
font:10pt Verdana, Arial, sans-serif;
+
font:12pt Calibri, Verdana, Arial, sans-serif;
color:#3366FF;
color:#3366FF;
margin-left:20px;
margin-left:20px;
Line 56: Line 59:
/* References */
/* References */
div.Section h6 {  
div.Section h6 {  
-
font:10pt Verdana, Arial, sans-serif;
+
font:12pt Calibri, Verdana, Arial, sans-serif;
font-weight:bold;
font-weight:bold;
font-style:italic;
font-style:italic;
Line 65: Line 68:
/* Hyperlinks */
/* Hyperlinks */
div.Section a {
div.Section a {
-
+
}
-
}
+
div.Section a:hover {
div.Section a:hover {
-
+
}
-
}
+
/* Tables */
/* Tables */
div.Section td {
div.Section td {
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;   
+
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;   
text-align:justify;
text-align:justify;
vertical-align:top;
vertical-align:top;
padding:2px 4px 2px 4px;
padding:2px 4px 2px 4px;
-
}
+
}
/* Lists */
/* Lists */
div.Section li {  
div.Section li {  
-
font:9pt/14pt Verdana, Arial, Geneva, sans-serif;  
+
font:11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align:left;
text-align:left;
margin-top:0px;  
margin-top:0px;  
Line 95: Line 96:
table.toc li {  
table.toc li {  
-
font: 9pt/14pt Verdana, Arial, Geneva, sans-serif;  
+
font: 11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;  
text-align: justify;
text-align: justify;
margin-top: 0px;  
margin-top: 0px;  
Line 110: Line 111:
vertical-align:bottom;
vertical-align:bottom;
}
}
 +
span.editsection a {
span.editsection a {
color:#BBBBBB;
color:#BBBBBB;
Line 117: Line 119:
vertical-align:bottom;
vertical-align:bottom;
}
}
 +
span.editsection a:hover {
span.editsection a:hover {
color:#3366FF;
color:#3366FF;
Line 124: Line 127:
vertical-align:bottom;
vertical-align:bottom;
}
}
-
#sddm
 
-
{ margin: 0;
 
-
padding: 0;
 
-
z-index: 30}
 
-
#sddm li
+
/* Drop-down Menu */
-
{ margin: 0;
+
#sddm {
 +
margin: 0;
padding: 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;
list-style: none;
-
float: left;
+
}
-
font: bold 11px arial}
+
-
#sddm li a
+
#sddm a {
-
{ display: block;
+
display: block;
-
margin: 0 1px 0 0;
+
margin: 0px 0px 0px 0px;
-
padding: 4px 10px;
+
padding: 0 0 12px 0;
-
width: 60px;
+
color: #FFFFFF;
-
background: #5970B2;
+
-
color: #FFF;
+
text-align: center;
text-align: center;
-
text-decoration: none}
+
text-decoration: none;
 +
}
-
#sddm li a:hover
+
#sddm a:hover {
-
{ background: #49A3FF}
+
border: 0px
 +
}
-
#sddm div
+
#sddm div {
-
{ position: absolute;
+
position: absolute;
visibility: hidden;
visibility: hidden;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
background: #EAEBD8;
+
background: #66aadd;
-
border: 1px solid #5970B2}
+
border: 1px solid #66aadd
-
 
+
}
-
#sddm div a
+
#sddm div a {
-
{ position: relative;
+
position: relative;
 +
left: 0;
display: block;
display: block;
margin: 0;
margin: 0;
Line 166: Line 172:
text-align: left;
text-align: left;
text-decoration: none;
text-decoration: none;
-
background: #EAEBD8;
+
background: #FFFFFF;
color: #2875DE;
color: #2875DE;
-
font: 11px arial}
+
font: 11pt Calibri, Verdana, Arial, Geneva, sans-serif
-
 
+
}
-
#sddm div a:hover
+
#sddm div a:hover {
-
{ background: #49A3FF;
+
background: #66aadd;
-
color: #FFF}
+
color: #FFFFFF
-
 
+
}
-
</style>
+
</style></html>
-
 
+
<!--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">
<script type="text/javascript">
Line 207: Line 221:
</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>
+
-
<br>
+
<div class=Section>
<div class=Section>

Latest revision as of 17:52, 16 October 2008

  1. REDIRECT Template:Imperial/StartPage2