"
Team:Wageningen UR/Templates/HeaderFooterStyle
From 2011.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | |||
| + | |||
<head> | <head> | ||
| + | |||
| + | |||
<script src="jquery.js" type="text/javascript"></script> | <script src="jquery.js" type="text/javascript"></script> | ||
| + | |||
| + | |||
<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=Crimson+Text); | ||
| + | |||
@import url(http://fonts.googleapis.com/css?family=Ubuntu); | @import url(http://fonts.googleapis.com/css?family=Ubuntu); | ||
| + | |||
| + | |||
h2 { | h2 { | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 19px; | font-size: 19px; | ||
| + | |||
color: white; | color: white; | ||
| + | |||
text-shadow: 0 3px 0 #372c24; | text-shadow: 0 3px 0 #372c24; | ||
| + | |||
text-decoration: none; | text-decoration: none; | ||
| + | |||
background-image: url('https://static.igem.org/mediawiki/2011/5/5a/Mainbackground-blue2.png'); | background-image: url('https://static.igem.org/mediawiki/2011/5/5a/Mainbackground-blue2.png'); | ||
| + | |||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
| + | |||
-moz-border-radius: 7px; | -moz-border-radius: 7px; | ||
| + | |||
-webkit-border-radius: 7px | -webkit-border-radius: 7px | ||
| + | |||
width: 99.5%; | width: 99.5%; | ||
| + | |||
padding-left: 5px; | padding-left: 5px; | ||
| + | |||
margin-left: 225px; | margin-left: 225px; | ||
| + | |||
/* margin-top: 100px; */ | /* margin-top: 100px; */ | ||
| + | |||
} | } | ||
| + | |||
| + | |||
h3 { | h3 { | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 15px; | font-size: 15px; | ||
| + | |||
color: #005172; | color: #005172; | ||
| + | |||
padding-left: 5px; | padding-left: 5px; | ||
| + | |||
margin: 0 0.5em 0 22%; | margin: 0 0.5em 0 22%; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
h4 { | h4 { | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 13px; | font-size: 13px; | ||
| + | |||
color: #507d95; | color: #507d95; | ||
| + | |||
padding-left: 5px; | padding-left: 5px; | ||
| + | |||
margin: 0 0.5em 0 22%; | margin: 0 0.5em 0 22%; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
p { | p { | ||
| + | |||
text-align: justify; | text-align: justify; | ||
| + | |||
padding: auto; | padding: auto; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
a:link { | a:link { | ||
| + | |||
color: #005172; | color: #005172; | ||
| + | |||
text-decoration: none; | text-decoration: none; | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 13px; | font-size: 13px; | ||
| + | |||
font-weight: bold; | font-weight: bold; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
a:visited { | a:visited { | ||
| + | |||
color: #005172; | color: #005172; | ||
| + | |||
text-decoration: none; | text-decoration: none; | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 13px; | font-size: 13px; | ||
| + | |||
font-weight: bold; | font-weight: bold; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
a:hover { | a:hover { | ||
| + | |||
color: #34b233; | color: #34b233; | ||
| + | |||
text-decoration: none; | text-decoration: none; | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 13px; | font-size: 13px; | ||
| + | |||
font-weight: bold; | font-weight: bold; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
a:active { | a:active { | ||
| + | |||
color: #005172; | color: #005172; | ||
| + | |||
text-decoration: none; | text-decoration: none; | ||
| + | |||
font-family: 'Ubuntu', serif; | font-family: 'Ubuntu', serif; | ||
| + | |||
font-size: 13px; | font-size: 13px; | ||
| + | |||
font-weight: bold; | font-weight: bold; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
/* Wiki Hacks - START */ | /* Wiki Hacks - START */ | ||
| + | |||
/* Author: Pieter van Boheemen */ | /* Author: Pieter van Boheemen */ | ||
| + | |||
/* Team: TU Delft */ | /* Team: TU Delft */ | ||
| + | |||
/* modified sligthly by Dorett Odoni for the Wageningen UR Team */ | /* modified sligthly by Dorett Odoni for the Wageningen UR Team */ | ||
| + | |||
| + | |||
#globalWrapper | #globalWrapper | ||
| + | |||
{ | { | ||
| + | |||
background-color: #005172; | background-color: #005172; | ||
| + | |||
background-image: url('https://static.igem.org/mediawiki/2011/f/f0/Mainbackground-blue.png'); | background-image: url('https://static.igem.org/mediawiki/2011/f/f0/Mainbackground-blue.png'); | ||
| + | |||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
| + | |||
border: none; | border: none; | ||
| + | |||
margin: 0; | margin: 0; | ||
| + | |||
padding: 0; | padding: 0; | ||
| + | |||
width: 100%; | width: 100%; | ||
| + | |||
height: 100%; | height: 100%; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#content | #content | ||
| + | |||
{ | { | ||
| + | |||
background-color: white; | background-color: white; | ||
| + | |||
border: none; | border: none; | ||
| + | |||
padding: 0 1em 0 1em; | padding: 0 1em 0 1em; | ||
| + | |||
margin: auto; | margin: auto; | ||
| + | |||
width: 1000px; | width: 1000px; | ||
| + | |||
overflow: hidden; | overflow: hidden; | ||
| + | |||
height: 100%; | height: 100%; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#bodyContent | #bodyContent | ||
| + | |||
{ | { | ||
| + | |||
background-color: white; | background-color: white; | ||
| + | |||
border: none; | border: none; | ||
| + | |||
padding: auto; | padding: auto; | ||
| + | |||
margin:0; | margin:0; | ||
| + | |||
width:100%; | width:100%; | ||
| + | |||
height:100%; | height:100%; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#top-section | #top-section | ||
| + | |||
{ | { | ||
| + | |||
height: 15px; | height: 15px; | ||
| + | |||
margin: 0px; | margin: 0px; | ||
| + | |||
margin-left: auto; | margin-left: auto; | ||
| + | |||
margin-right: auto; | margin-right: auto; | ||
| + | |||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
| + | |||
padding: 0; | padding: 0; | ||
| + | |||
border: none; | border: none; | ||
| + | |||
font-size: 10px; | font-size: 10px; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#p-logo | #p-logo | ||
| + | |||
{ | { | ||
| + | |||
height: 1px; | height: 1px; | ||
| + | |||
overflow: hidden; | overflow: hidden; | ||
| + | |||
display: none; | display: none; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#search-controls | #search-controls | ||
| + | |||
{ | { | ||
| + | |||
overflow: hidden; | overflow: hidden; | ||
| + | |||
display: block; | display: block; | ||
| + | |||
background: none; | background: none; | ||
| + | |||
position: absolute; | position: absolute; | ||
| + | |||
top: 35px; | top: 35px; | ||
| + | |||
right: -10px; | right: -10px; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#footer-box | #footer-box | ||
| + | |||
{ | { | ||
| + | |||
width: 1000px; | width: 1000px; | ||
| + | |||
margin: -10px auto 0 auto; | margin: -10px auto 0 auto; | ||
| + | |||
padding: 20px 1em; | padding: 20px 1em; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
.visualClear | .visualClear | ||
| + | |||
{ | { | ||
| + | |||
display: none; | display: none; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#footer | #footer | ||
| + | |||
{ | { | ||
| + | |||
border: none; | border: none; | ||
| + | |||
width: 965px; | width: 965px; | ||
| + | |||
margin: 0 auto; | margin: 0 auto; | ||
| + | |||
padding: 0; | padding: 0; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
.firstHeading | .firstHeading | ||
| + | |||
{ | { | ||
| + | |||
display: none; | display: none; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#f-list a | #f-list a | ||
| + | |||
{ | { | ||
| + | |||
color: #005172; | color: #005172; | ||
| + | |||
font-size: 10px; | font-size: 10px; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#f-list a:hover | #f-list a:hover | ||
| + | |||
{ | { | ||
| + | |||
color: #34b233; | color: #34b233; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
.printfooter | .printfooter | ||
| + | |||
{ | { | ||
| + | |||
display: none; | display: none; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#footer ul | #footer ul | ||
| + | |||
{ | { | ||
| + | |||
margin: 0; | margin: 0; | ||
| + | |||
padding: 0; | padding: 0; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#footer ul li | #footer ul li | ||
| + | |||
{ | { | ||
| + | |||
margin-top: 0; | margin-top: 0; | ||
| + | |||
margin-bottom: 0; | margin-bottom: 0; | ||
| + | |||
margin-left: 10px; | margin-left: 10px; | ||
| + | |||
margin-right: 10px; | margin-right: 10px; | ||
| + | |||
padding: 0; | padding: 0; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
/* Wiki Hacks - END */ | /* Wiki Hacks - END */ | ||
| + | |||
| + | |||
#sideBar | #sideBar | ||
| + | |||
{ | { | ||
| - | background-image: url('https://static.igem.org/mediawiki/2011/b/b7/Navigationbackground-blue.png'); | + | |
| - | + | /* background-image: url('https://static.igem.org/mediawiki/2011/b/b7/Navigationbackground-blue.png'); */ | |
| + | |||
float: left; | float: left; | ||
| + | |||
width: 200px; | width: 200px; | ||
| + | |||
| + | height: 1000px; | ||
| + | |||
padding: 60px 1em 0 0; | padding: 60px 1em 0 0; | ||
| - | margin: 0 20px | + | |
| + | margin: 0 20px auto 0; | ||
| + | |||
-moz-border-radius: 7px; | -moz-border-radius: 7px; | ||
| + | |||
-webkit-border-radius: 7px | -webkit-border-radius: 7px | ||
| + | |||
} | } | ||
| + | |||
#navMenupoint { | #navMenupoint { | ||
| + | |||
background: transparent; | background: transparent; | ||
| + | |||
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
| + | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| + | |||
background-position: 3% 50%; | background-position: 3% 50%; | ||
| + | |||
height: 34px; | height: 34px; | ||
| + | |||
padding-top: 12px; | padding-top: 12px; | ||
| + | |||
padding-left: 37px; | padding-left: 37px; | ||
| + | |||
margin: 0 0 0 1em; | margin: 0 0 0 1em; | ||
| + | |||
border-style: solid; | border-style: solid; | ||
| + | |||
border-width: 2px; | border-width: 2px; | ||
| + | |||
border-color: transparent; | border-color: transparent; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#navMenupoint.hovered, #navMenupoint:hover { | #navMenupoint.hovered, #navMenupoint:hover { | ||
| + | |||
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
| + | |||
} | } | ||
| - | #header { | + | |
| + | |||
| + | #header { | ||
| + | |||
background-image: url('https://static.igem.org/mediawiki/2011/4/4e/Igemlogofinal_compr.png'); | background-image: url('https://static.igem.org/mediawiki/2011/4/4e/Igemlogofinal_compr.png'); | ||
| + | |||
background-position: 25px; | background-position: 25px; | ||
| + | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| + | |||
margin: -40px 0 0 0; | margin: -40px 0 0 0; | ||
| + | |||
height: 120px; | height: 120px; | ||
| + | |||
width: 1000px; | width: 1000px; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#header.hovered, #header:hover { | #header.hovered, #header:hover { | ||
| + | |||
background-image: url('https://static.igem.org/mediawiki/2011/archive/2/2e/20110408231755!Justforfun.png'); | background-image: url('https://static.igem.org/mediawiki/2011/archive/2/2e/20110408231755!Justforfun.png'); | ||
| + | |||
background-repeat: repeat; | background-repeat: repeat; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
| + | |||
</style> | </style> | ||
| + | |||
| + | |||
</head> | </head> | ||
| + | |||
| + | |||
<body> | <body> | ||
| + | |||
| + | |||
<div id ="header"> | <div id ="header"> | ||
| + | |||
</div> | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
</body> | </body> | ||
| + | |||
| + | |||
</html> | </html> | ||
Revision as of 20:42, 19 April 2011
