Team:Wageningen UR/Templates/HeaderFooterStyle

From 2011.igem.org

(Difference between revisions)
Line 6: Line 6:
    
    
-
  <style type="text/css">
+
<STYLE TYPE="text/css">
-
 
+
<!--
-
  @import url(http://fonts.googleapis.com/css?family=Crimson+Text);
+
-
 
+
-
  @import url(http://fonts.googleapis.com/css?family=Ubuntu);
+
-
 
+
-
   
+
-
 
+
-
h2 {
+
-
 
+
-
  font-family: 'Ubuntu', serif;
+
-
 
+
-
  font-size: 19px;
+
-
 
+
-
  color: white;
+
-
 
+
-
  text-shadow: 0 3px 0 #372c24;
+
-
 
+
-
  text-decoration: none;
+
-
 
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/5/5a/Mainbackground-blue2.png');
+
-
 
+
-
  background-repeat: repeat-x;
+
-
 
+
-
  width: 79.2%;
+
-
 
+
-
  padding-left: 5px;
+
-
 
+
-
  margin-left: 225px;
+
-
 
+
-
  /* margin-top: 100px; */
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
h3 {
+
-
 
+
-
  font-family: 'Ubuntu', serif;
+
-
 
+
-
  font-size: 15px;
+
-
 
+
-
  color: #005172;
+
-
 
+
-
  padding-left: 5px;
+
-
 
+
-
  margin: 0 0.5em 0 22%;
+
-
 
+
-
  }
+
-
 
+
-
 
+
-
 
+
-
h4 {
+
-
 
+
-
  font-family: 'Ubuntu', serif;
+
-
 
+
-
  font-size: 13px;
+
-
 
+
-
  color: #507d95;
+
-
 
+
-
  padding-left: 5px;
+
-
 
+
-
  margin: 0 0.5em 0 22%;
+
-
 
+
-
  } 
+
-
 
+
-
 
+
-
 
+
-
  p {
+
-
  color: white;
+
-
+
-
  font-size: 14px;
+
-
 
+
-
  text-align: justify;
+
-
 
+
-
  padding: auto;
+
-
 
+
-
  }
+
-
 
+
-
 
+
-
 
+
-
a:link {
+
-
 
+
-
color: white;
+
-
 
+
-
text-decoration: none;
+
-
 
+
-
font-family: 'Ubuntu', serif;
+
-
 
+
-
        font-size: 13px;
+
-
 
+
-
        font-weight: bold;
+
 +
.menuh {
 +
BORDER-COLOR : #FFFF99 ;
 +
cursor : hand ;
 +
Border-Left : #FFFF99 ;
 +
Border-Top : #FFFF99 ;
 +
Padding-Left : 1px ;
 +
Padding-Top : 1px ;
 +
Background-Color : #FFFF99 ;
}
}
-
 
+
.menu {
-
 
+
Background-Color : white ;
-
 
+
-
        a:visited {
+
-
 
+
-
        color: white;
+
-
 
+
-
text-decoration: none;
+
-
 
+
-
font-family: 'Ubuntu', serif;
+
-
 
+
-
        font-size: 13px;
+
-
 
+
-
        font-weight: bold;
+
-
 
+
-
        }
+
-
 
+
-
 
+
-
 
+
-
        a:hover {
+
-
 
+
-
color: white;  
+
-
 
+
-
text-decoration: none;
+
-
 
+
-
font-family: 'Ubuntu', serif;
+
-
 
+
-
        font-size: 13px;
+
-
 
+
-
        font-weight: bold;
+
-
 
+
}
}
-
 
+
.home {
-
 
+
cursor : hand ;
-
 
+
-
        a:active {
+
-
 
+
-
        color: white;  
+
-
 
+
-
text-decoration: none;
+
-
 
+
-
font-family: 'Ubuntu', serif;
+
-
 
+
-
        font-size: 13px;
+
-
 
+
-
        font-weight: bold;
+
-
 
+
-
        }
+
-
 
+
-
 
+
-
 
+
-
        /* Wiki Hacks - START */
+
-
 
+
-
/* Author: Pieter van Boheemen */
+
-
 
+
-
/* Team: TU Delft */
+
-
 
+
-
/* modified slightly for the Wageningen UR Team */
+
-
 
+
-
+
-
 
+
-
#globalWrapper
+
-
 
+
-
{
+
-
 
+
-
background-color: black;
+
-
+
-
        background-repeat: repeat-x;
+
-
 
+
-
border: none;
+
-
 
+
-
margin: 0;
+
-
 
+
-
padding: 0;
+
-
 
+
-
width: 100%;
+
-
 
+
-
height: 100%;
+
-
 
+
}
}
-
+
.menulinks{
 +
text-decoration:none;
 +
}
 +
//-->
 +
</STYLE>
-
#content
 
-
{
 
-
        background-color: #005172;
 
-
        background-repeat: repeat-x;
+
  </head>
-
border: none;
 
-
   
 
-
padding: -40px 0 0 0;
 
-
margin: auto;
 
-
width: 78%;
+
  <body>
 +
<SCRIPT Language="Javascript1.2">
 +
<!--
-
overflow: hidden;
+
/*
 +
Static menu script (By maXimus, maximus@nsimail.com, http://maximus.ravecore.com/)
 +
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
 +
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
 +
*/
-
height: 100%;
+
//configure below variable for menu width, position on page
 +
var menuwidth=110
 +
var offsetleft=10
 +
var offsettop=90
-
}
+
var ns4=document.layers?1:0
 +
var ie4=document.all?1:0
 +
var ns6=document.getElementById&&!document.all?1:0
-
+
function makeStatic() {
 +
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
 +
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
 +
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
 +
setTimeout("makeStatic()",0);
 +
}
-
#bodyContent
+
if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}
 +
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}
-
{
+
if (ie4||ns6||ns4)
 +
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')
-
        float: right;
+
var menui = new Array();
-
     
+
var menul = new Array();
-
        background-color: #005172;
+
-
border: none;
+
//configure below for menu items. Extend list as desired
-
padding: 0;  
+
menui[0]="Dynamic Drive";
 +
menui[1]="What\'s New?";
 +
menui[2]="What\'s Hot?";
 +
menui[3]="Message Forum";
 +
menui[4]="FAQs";
 +
menui[5]="Submit Script";
 +
menui[6]="Link to us";
 +
menui[7]="Email us";
-
margin: 0;  
+
menul[0]="http://dynamicdrive.com";
 +
menul[1]="http://dynamicdrive.com/new.htm";
 +
menul[2]="http://dynamicdrive.com/hot.htm";
 +
menul[3]="http://wsabstract.com/cgi-bin/Ultimate.cgi";
 +
menul[4]="http://dynamicdrive.com/faqs.htm";
 +
menul[5]="http://dynamicdrive.com/submit.htm";
 +
menul[6]="http://dynamicdrive.com/link.htm";
 +
menul[7]="http://dynamicdrive.com/contact.htm";
-
width: 100%;
+
for (i=0;i<=menui.length-1;i++)
 +
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}
 +
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}
-
height:100%;
+
if (ie4||ns6) {document.write('</TABLE></span>')}
 +
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}
-
}
+
function menu3(){
 +
if (ns6||ie4||ns4)
 +
makeStatic()
 +
}
-
+
window.onload=menu3
-
#top-section
+
//-->
-
 
+
</SCRIPT>
-
{
+
-
 
+
-
height: 15px;
+
-
 
+
-
margin: 0px;
+
-
 
+
-
margin-left: auto;
+
-
 
+
-
margin-right: auto;
+
-
 
+
-
margin-bottom: 0 !important;
+
-
 
+
-
padding: 0;
+
-
 
+
-
border: none;
+
-
 
+
-
font-size: 10px;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
#p-logo
+
-
 
+
-
{
+
-
 
+
-
height: 1px;
+
-
 
+
-
overflow: hidden;
+
-
 
+
-
display: none;
+
-
 
+
-
}
+
-
 
+
-
     
+
-
 
+
-
      #search-controls
+
-
 
+
-
{
+
-
 
+
-
overflow: hidden;
+
-
 
+
-
display: none;
+
-
 
+
-
background: none;
+
-
 
+
-
position: float right;
+
-
 
+
-
}
+
-
 
+
-
       
+
-
 
+
-
      #footer-box
+
-
 
+
-
{
+
-
 
+
-
        background-color: #005172;
+
-
 
+
-
width: 78%;
+
-
 
+
-
margin: -10px auto 0 auto;
+
-
 
+
-
padding: ;
+
-
 
+
-
}
+
-
 
+
-
       
+
-
 
+
-
        .visualClear
+
-
 
+
-
{
+
-
 
+
-
display: none;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
#footer
+
-
 
+
-
{
+
-
border: none;
+
-
 
+
-
width: 965px;
+
-
 
+
-
margin: 0 auto;
+
-
 
+
-
padding: 0;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
.firstHeading
+
-
 
+
-
{
+
-
 
+
-
display: none;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
#f-list a
+
-
 
+
-
{
+
-
 
+
-
color: white;
+
-
 
+
-
font-size: 10px;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
#f-list a:hover
+
-
 
+
-
{
+
-
 
+
-
color: #4f7c94;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
.printfooter
+
-
 
+
-
{
+
-
 
+
-
display: none;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
#footer ul
+
-
 
+
-
{
+
-
        background-color: transparent;
+
-
 
+
-
margin: 0;
+
-
 
+
-
padding: 0;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
#footer ul li
+
-
 
+
-
{
+
-
        background-color: transparent;
+
-
 
+
-
margin-top: 0;
+
-
 
+
-
margin-bottom: 0;
+
-
 
+
-
margin-left: 10px;
+
-
 
+
-
margin-right: 10px;
+
-
 
+
-
padding: 0;
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
/* Wiki Hacks - END */
+
-
 
+
-
 
+
-
 
+
-
  #sideBar
+
-
 
+
-
{
+
-
 
+
-
  /* background-image: url('https://static.igem.org/mediawiki/2011/4/47/NavigationBackground-orange_WUR.png'); */
+
-
+
-
  background-repeat: repeat-y;
+
-
 
+
-
  color: transparent;
+
-
 
+
-
  float: left;
+
-
 
+
-
  width: 200px;
+
-
 
+
-
  height: 100%;
+
-
 
+
-
  padding: 0 1em 0 0;
+
-
 
+
-
  margin: 0px 20px 10px 0;
+
    
    
-
  }
 
-
 
-
 
-
 
-
#navMenupoint {
 
-
 
-
  background: transparent;
 
-
 
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 
-
 
-
  background-repeat: no-repeat;
 
-
 
-
  background-position: 3% 50%;
 
-
 
-
  height: 34px;
 
-
 
-
  padding-top: 12px;
 
-
 
-
  padding-left: 37px;
 
-
 
-
  margin: 0 0 0 1em;
 
-
 
-
  border-style: solid;
 
-
 
-
  border-width: 2px;
 
-
 
-
  border-color: transparent;
 
-
 
-
  }
 
-
 
-
 
 
-
 
-
#navMenupoint.hovered, #navMenupoint:hover {
 
-
 
-
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 
-
 
-
}
 
-
 
-
 
-
 
-
#header {
 
-
 
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/4e/Igemlogofinal_compr.png');
 
-
 
 
-
  background-color: black;
 
-
 
-
  background-position: 25px;
 
-
 
-
  background-repeat: no-repeat;
 
-
 
-
  margin: -40px 0 10px 0;
 
-
 
-
  height: 120px;
 
-
 
-
  width: 100%;
 
-
 
-
  }
 
-
 
-
 
-
 
-
  </style>
 
-
 
-
 
-
 
-
  </head>
 
-
 
-
 
-
 
-
  <body>
 
-
 
-
  <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2011/b/bf/Favico_compr2_WUR.png" />
 
-
 
-
 
-
  <div id ="header">
 
-
 
-
  </div>
 
-
 
-
  <div id="bodyContent">
 
-
  </div>
 
-
 
   </body>
   </body>
   </html>
   </html>

Revision as of 17:49, 30 June 2011

Retrieved from "http://2011.igem.org/Team:Wageningen_UR/Templates/HeaderFooterStyle"