Team:Wageningen UR/Templates/HeaderFooterStyle

From 2011.igem.org

(Difference between revisions)

Revision as of 10:46, 8 April 2011

<head>

 <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;
 }

h3 {

 font-family: 'Lekton', serif;
 font-size: 19px;
 color: #005172;
 }
 
h4 {
 font-family: 'Lekton', serif;
 font-size: 17px;
 color: #005172;
 }   
 
 p {
 text-align: justify;
 }

a:link { color: #005172; text-decoration: none; font-family: 'Lekton', serif;

       font-size: 15px;
       font-weight: bold;

}

       a:visited {
       color: #005172;

text-decoration: none; font-family: 'Lekton', serif;

       font-size: 15px;
       font-weight: bold;
       }

       a:hover {

color: #34b233; text-decoration: none; font-family: 'Lekton', serif;

       font-size: 15px;
       font-weight: bold;

}

       a:active {
       color: #005172;

text-decoration: none; font-family: 'Lekton', serif;

       font-size: 15px;
       font-weight: bold;
       }

       /* Wiki Hacks - START */

/* Author: Pieter van Boheemen */ /* Team: TU Delft */ /* modified sligthly by Dorett Odoni for the Wageningen UR Team */

#globalWrapper { background-color: #005172; background-image: url('https://static.igem.org/mediawiki/2011/f/f0/Mainbackground-blue.png'); background-repeat: repeat-x; border: none; margin: 0; padding: 0; width: 100%; height:100%; }

#content { background-color: white; border: none; padding: 0; margin: auto; width: 1000px; overflow: hidden; height: 100%; }

#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%; }

#top-section { 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: 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
{
 float: left;
 width: 20%;
 height: 100%;
 margin: 1em;
 }

#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 {
 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 {
 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;
 }
 
#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;
 }

#project1{
 background: white;
 /* background-image: url('https://static.igem.org/mediawiki/2011/0/07/Oscillation.png');
 background-position: -230% 15%;
 background-repeat: no-repeat; */
 width: 99.7%;
 padding: 0.3%;
 }

#TitleProject1{
 }

#project2 {
 background: white;
 width: 99.7%;
 margin: auto;
 padding:  0.3%;
 }
  
#TitleProject2{
 }

#header {
 background: white;
 background-image: url('https://static.igem.org/mediawiki/2011/2/2c/1chameleon.png');
 background-repeat: no-repeat;
 background-position: center;
 margin: 1em;
 height: 98px;
 width: 975px;
 }

 </style>

 </head>

 <body>

 </body>

 </html>