Team:Wageningen UR/Templates/HeaderFooterStyle

From 2011.igem.org

(Difference between revisions)
 
(434 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
-
<head>
+
<style>
-
 
+
-
  <script src="jquery.js" type="text/javascript"></script>
+
-
 
+
-
  <style type="text/css">
+
-
  @import url(http://fonts.googleapis.com/css?family=Crimson+Text);
+
-
  @import url(http://fonts.googleapis.com/css?family=Lekton);
+
-
   
+
-
h2 {
+
-
  font-family: 'Lekton', serif;
+
-
  font-size: 23px;
+
-
  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;
+
-
  -moz-border-radius: 7px;
+
-
  -webkit-border-radius: 7px
+
-
  width: 99.5%;
+
-
  padding-left: 5px;
+
-
  margin: 0 0.5em 0 23%;
+
-
  }
+
-
 
+
-
h3 {
+
-
  font-family: 'Lekton', serif;
+
-
  font-size: 19px;
+
-
  color: #005172;
+
-
  margin: 0 0.5em 0 23%; 
+
-
  }
+
-
 
+
-
h4 {
+
-
  font-family: 'Lekton', serif;
+
-
  font-size: 17px;
+
-
  color: #005172;
+
-
  } 
+
-
 
+
-
  p {
+
-
  text-align: justify;
+
-
  padding: 1em;
+
-
  margin: 0 0 0 22%;
+
-
  }
+
-
 
+
-
a:link {
+
-
color: #005172;
+
-
text-decoration: none;
+
-
font-family: 'Lekton', serif;
+
-
        font-size: 15px;
+
-
        font-weight: bold;
+
-
}
+
-
        a:visited {
+
#smoothmenu1 ul {
-
        color: #005172;
+
list-style: none;
-
text-decoration: none;  
+
}
-
font-family: 'Lekton', serif;
+
-
        font-size: 15px;
+
-
        font-weight: bold;
+
-
        }
+
-
        a:hover {
+
#smoothmenu2 ul {
-
color: #34b233;
+
list-style: none;
-
text-decoration: none;  
+
}
-
font-family: 'Lekton', serif;
+
-
        font-size: 15px;
+
-
        font-weight: bold;
+
-
}
+
-
        a:active {
+
.ddsmoothmenu{
-
        color: #005172;
+
font: bold 12px 'Quattrocento', arial, sans;
-
text-decoration: none;
+
background: #244F62; /*background of menu bar (default state)*/
-
font-family: 'Lekton', serif;
+
margin:0px 5px 0px 5px;
-
        font-size: 15px;
+
}
-
        font-weight: bold;
+
-
        }
+
-
        /* Wiki Hacks - START */
+
.ddsmoothmenu ul{
-
/* Author: Pieter van Boheemen */
+
z-index:100;
-
/* Team: TU Delft */
+
margin: 0;
-
/* modified sligthly by Dorett Odoni for the Wageningen UR Team */
+
padding: 0;
-
+
list-style-type: none;
-
#globalWrapper
+
}
-
{
+
 
-
background-color: #005172;  
+
/*Top level list items*/
-
background-image: url('https://static.igem.org/mediawiki/2011/f/f0/Mainbackground-blue.png');
+
.ddsmoothmenu ul li{
-
background-repeat: repeat-x;  
+
position: relative;
-
border: none;
+
display: inline;
-
margin: 0;  
+
float: left;
-
padding: 0;  
+
}
-
width: 100%;  
+
 
-
height:100%;
+
/*Top level menu link items style*/
-
}
+
.ddsmoothmenu ul li a{
 +
display: block;
 +
background: #244F62; /*background of menu items (default state)*/
 +
padding: 8px 10px;
 +
color: white;
 +
border-right: 1px solid #298BB6;
 +
color: #2d2b2b;
 +
text-decoration: none;
 +
padding-left: 20px;
 +
}
 +
 
 +
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
 +
display: inline-block;
 +
}
 +
 
 +
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
 +
color: white;
 +
}
 +
 
 +
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
 +
background: #096790;  
 +
color: white;
 +
}
 +
 
 +
.ddsmoothmenu ul li a:hover{
 +
background: #096790;
 +
}
-
#content
+
/*1st sub level menu*/
-
{  
+
.ddsmoothmenu ul li ul{
-
background-color: white;  
+
position: absolute;
-
border: none;
+
left: 0;
-
padding: 0;
+
display: none; /*collapse all sub menus to begin with*/
-
margin: auto;
+
visibility: hidden;
-
width: 1000px;
+
}
-
overflow: hidden;
+
 
-
height: 100%;
+
/*Sub level menu list items (undo style from Top level List Items)*/
-
}
+
.ddsmoothmenu ul li ul li{
-
+
display: list-item;
-
#bodyContent
+
float: none;
-
{
+
}
-
border: none;
+
 
-
padding:0;
+
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
-
margin:0;
+
.ddsmoothmenu ul li ul li ul{
-
width:100%;
+
top: 0;
-
height:100%;
+
}
-
}
+
 
-
+
/* Sub level menu links style */
-
#top-section
+
.ddsmoothmenu ul li ul li a{
-
{
+
font: normal 13px 'Quattrocento', arial, sans;
-
height: 15px;
+
width: 160px; /*width of sub menus*/
-
margin: 0px;
+
height: 20px;
-
margin-left: auto;
+
margin: 0;
-
margin-right: auto;
+
padding-left: 37px;
-
margin-bottom: 0 !important;
+
padding-top: 10px;
-
padding: 0;
+
}
-
border: none;  
+
 
-
font-size: 10px;
+
.ddsmoothmenu ul li ul li a:hover{
-
}
+
background: #096790 url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png') center left no-repeat;
-
+
}
-
#p-logo
+
 
-
{
+
</style>
-
height: 1px;
+
 
-
overflow: hidden;
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-
display: none;
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
}
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-
     
+
 
-
      #search-controls
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
{
+
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.js">
-
overflow: hidden;  
+
-
display: block;
+
-
background: none;  
+
-
position: absolute;
+
-
top: 35px;
+
-
right: -10px;
+
-
}
+
-
       
+
-
      #footer-box
+
-
{  
+
-
width: 1000px;
+
-
margin: -10px auto 0 auto;  
+
-
padding: 20px 0;
+
-
}
+
-
       
+
-
        .visualClear
+
-
{  
+
-
display: none;  
+
-
}
+
-
+
-
#footer
+
-
{
+
-
border: none;  
+
-
width: 965px;
+
-
margin: 0 auto;  
+
-
padding: 0;
+
-
}
+
-
+
-
.firstHeading
+
-
{
+
-
display: none;
+
-
}
+
-
+
-
#f-list a
+
-
{
+
-
color: #005172;  
+
-
font-size: 10px;
+
-
}
+
-
+
-
#f-list a:hover  
+
-
{  
+
-
color: #34b233;
+
-
}
+
-
+
-
.printfooter
+
-
{
+
-
display: none;  
+
-
}
+
-
+
-
#footer ul
+
-
{
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
+
-
#footer ul li
+
-
{
+
-
margin-top: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 10px;
+
-
margin-right: 10px;
+
-
padding: 0;
+
-
}
+
-
+
-
/* Wiki Hacks - END */
+
-
  #sideBar
+
/***********************************************
-
{
+
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
-
  float: left;
+
* This notice MUST stay intact for legal use
-
  width: 20%;
+
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
-
  height: 100%;
+
***********************************************/
-
  }
+
-
+
</script>
-
#navIntroduction {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navIntroduction.hovered, #navIntroduction:hover {
+
-
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
}
+
-
+
-
#navTeam {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navTeam.hovered, #navTeam:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
 
+
-
  #navTeamProfile {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navTeamProfile.hovered, #navTeamProfile:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
 
+
-
  #navParts {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navParts.hovered, #navParts:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
 
+
-
#navProject1 {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navProject1.hovered, #navProject1:hover {
+
-
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
}
+
-
+
-
#navProject2 {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navProject2.hovered, #navProject2:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
}
+
-
+
-
#navModeling {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navModeling.hovered, #navModeling:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
 
+
-
  #navNotebook {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navNotebook.hovered, #navNotebook:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  } 
+
-
 
+
-
  #navSoftware {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navSoftware.hovered, #navSoftware:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  } 
+
-
+
-
#navSafety {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navSafety.hovered, #navSafety:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
#navSponsors {
+
<script type="text/javascript">
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navSponsors.hovered, #navSponsors:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
 
+
-
  #navAttributions {
+
-
  background: transparent;
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
-
  background-repeat: no-repeat;
+
-
  position: center;
+
-
  height: 47px;
+
-
  padding-left: 37px;
+
-
  }
+
-
 
+
-
#navAttributions.hovered, #navAttributions:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
#navLinks {
+
ddsmoothmenu.init({
-
  background: transparent;
+
mainmenuid: "smoothmenu1", //menu DIV id
-
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
+
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
-
  background-repeat: no-repeat;
+
classname: 'ddsmoothmenu', //class added to menu's outer DIV
-
  position: center;
+
//customtheme: ["#1c5a80", "#18374a"],
-
  height: 47px;
+
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
-
  padding-left: 37px;
+
})
-
  }
+
-
 
+
-
#navLinks.hovered, #navLinks:hover {
+
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
+
-
  }
+
-
  #mainContent {
 
-
  background: transparent;
 
-
  float: right;
 
-
  width: 74%;
 
-
  height: 98.1%;
 
-
  margin: 1em;
 
-
  padding: auto;
 
-
  }
 
-
 
-
#header {
 
-
  background: white;
 
-
  background-image: url('https://static.igem.org/mediawiki/2011/2/2c/1chameleon.png');
 
-
  background-repeat: no-repeat;
 
-
  background-position: center;
 
-
  margin: 0 1em 1em 1em;
 
-
  height: 98px;
 
-
  width: 975px;
 
-
  }
 
-
 
-
  </style>
 
-
  </head>
+
</script>
 +
</head>
 +
<body>
-
   <body>
+
<div id="smoothmenu1" class="ddsmoothmenu">
 +
<ul>
 +
<li><a href="#">Project Description</a>
 +
<ul>
 +
   <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1">Abstract</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="padding-top: 5px !important; height: 28px;">Complete Project Description</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="padding-right: 20px !important;">Devices</a></li>
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="padding-right: 20px !important;">Modeling</a></li>
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1">Notebook</a>
 +
  <ul>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/February" target="_self">February</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/March" target="_self">March</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/April" target="_self">April</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/May" target="_self">May</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/June" target="_self">June</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/July" target="_self">July</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/August" target="_self">August</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Notebook/Proj1/September" target="_self">September</a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1" style="padding-right: 20px !important;">Parts submitted to the registry</a></li>
 +
</ul>
 +
<br style="clear: left" />
 +
</div>
-
  <div id ="header">
 
-
  </div>
 
-
 
-
  </body>
 
-
  </html>
+
</body>
 +
</html>

Latest revision as of 22:22, 28 July 2011