Team:TU Delft/Header
From 2010.igem.org
(Difference between revisions)
(Header for all pages of main menu) |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 5: | Line 8: | ||
#decoy {} | #decoy {} | ||
- | + | .firstHeading { | |
- | + | display:none; | |
} | } | ||
- | # | + | #top-section{ |
- | + | width: 965px; | |
+ | margin: 0 auto; | ||
} | } | ||
- | #content { | + | #content{ |
- | + | width: 965px; | |
+ | background-color: #001d1d; | ||
+ | padding:0px; | ||
+ | margin:0 auto; | ||
} | } | ||
- | # | + | #siteSub { |
- | + | display:none; | |
} | } | ||
- | + | #contentSub { | |
- | + | display:none; | |
} | } | ||
- | # | + | #banner { |
- | width: 965px; | + | width: 965px; |
- | + | height: 180px; | |
- | background-image: url( | + | background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg"); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #body { |
width: 965px; | width: 965px; | ||
- | height: | + | height: 1200px; |
- | background-color: #001d1d | + | background-color: #001d1d; |
+ | padding: 5px; | ||
color: #8bce9e; | color: #8bce9e; | ||
font-family: Verdana, Sans-Serif; | font-family: Verdana, Sans-Serif; | ||
Line 44: | Line 48: | ||
text-align: justify; | text-align: justify; | ||
margin: 0 auto; | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | width: 965px; | ||
+ | height: 30px; | ||
+ | background-color: #8bce9e; | ||
+ | border-top: 1px solid #032725; | ||
+ | border-bottom: 1px solid #032725; | ||
+ | } | ||
+ | |||
+ | .menuItem { | ||
+ | width: auto; | ||
+ | height: 20px; | ||
+ | padding: 5px; | ||
+ | border-right: 1px solid #032725; | ||
+ | float: left; | ||
+ | background-color: #8bce9e; | ||
+ | color: #032725; | ||
+ | text-align: center; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | position: relative; | ||
} | } | ||
- | + | .menuItemLink { | |
- | + | font-weight: bold; | |
- | + | color: #032725; | |
- | + | font-family: Verdana, Sans-Serif; | |
+ | font-size: 16px; | ||
+ | text-decoration: none; | ||
} | } | ||
- | + | .menuItemLink:visited { | |
- | + | color: #032725; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .menuItemLink:hover { | |
- | + | text-decoration:none; | |
- | + | } | |
- | + | ||
+ | .submenuItemLink:visited { | ||
color: #8bce9e; | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | .submenu { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | position: absolute; | ||
+ | top: 31px; | ||
+ | left: 0px; | ||
+ | margin:-1px 0px 0px -1px; | ||
+ | background-color: #8bce9e; | ||
+ | border:1px solid #032725; | ||
+ | display: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .submenuItem { | ||
+ | width: 196px; | ||
+ | height: 20px; | ||
+ | background-color:#032725; | ||
+ | border: 1px Solid #032725; | ||
+ | font-weight: normal; | ||
+ | margin: 1px 2px 1px 1px; | ||
+ | } | ||
+ | .submenuItemLink:hover { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .submenuItemLink { | ||
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | color: #8bce9e; | ||
+ | margin: 1px 2px 1px 2px; | ||
+ | } | ||
+ | |||
+ | .sidemenu { | ||
+ | width: 152px; | ||
+ | height: auto; | ||
+ | background-color: #2c5983; | ||
+ | margin:2px; | ||
+ | padding: 2px; | ||
+ | float: left; | ||
+ | } | ||
+ | .sidemenuItem { | ||
+ | width: 146px; | ||
+ | margin: 1px 0px 2px 0px; | ||
+ | height: auto; | ||
+ | background-color: #001d1d; | ||
+ | border: 1px solid #8bce9e; | ||
+ | padding: 1px 1px 1px 2px; | ||
+ | font-size: 14px; | ||
+ | color: #8bce9e; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .sidemenuItemLink { | ||
+ | font-size: 14px; | ||
+ | color: #8bce9e; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .sidemenuItemLink:visited { | ||
+ | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | .sidemenuItemLink:hover { | ||
+ | font-weight: bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #BodyText { | ||
+ | width: 792px; | ||
+ | height: auto; | ||
+ | background-color: #0d3a3f; | ||
+ | margin: 2px 1px 0px 2px; | ||
+ | padding: 5px; | ||
+ | float: left; | ||
+ | color: white; | ||
font-family: Verdana, Sans-Serif; | font-family: Verdana, Sans-Serif; | ||
font-size: 12px; | font-size: 12px; | ||
text-align: justify; | text-align: justify; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #GroupPhoto { | |
- | + | width: 700px; | |
- | + | height: 465px; | |
- | + | background-image:url("https://static.igem.org/mediawiki/2010/d/d2/TUDelft_2010.png"); | |
- | + | margin: 2px auto; | |
- | + | } | |
- | + | ||
- | + | .LinkinText { | |
- | + | text-decoration: none; | |
- | + | color: white; | |
- | + | font-weight: bold; | |
- | + | } | |
- | + | ||
- | + | #HomeRight { | |
- | + | width: 200px; | |
- | + | height: auto; | |
- | + | background-color: #2c5983; | |
- | + | margin: 5px 2px 0px 0px; | |
+ | padding: 5px; | ||
+ | float: left; | ||
+ | color: e0fea0; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #Countdown { | ||
+ | width: 196px; | ||
+ | height: auto; | ||
+ | background-color: #001d1d; | ||
+ | border: 1px solid #8bce9e; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | |||
+ | #Upcoming { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #Sponsors { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | color: white; | ||
} | } | ||
- | + | #Sponsor1 { | |
- | + | width: 180px; | |
- | + | height: 131px; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/c/c1/SuitSupply.png");; | |
- | + | margin: 0 auto; | |
- | + | } | |
- | + | ||
- | + | #Sponsor2 { | |
- | + | width: 200px; | |
- | + | height: 65px; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/b/b5/DSM.png"); | |
- | + | background-color: white; | |
- | + | margin: 0 auto; | |
- | + | } | |
- | + | ||
- | + | #Sponsor3 { | |
- | + | width: 150px; | |
- | + | height: 99px; | |
- | + | margin: 0 auto; | |
- | + | background-image: url("images/NGI_large.png"); | |
- | + | background-repeat:no-repeat; | |
- | + | } | |
- | + | ||
- | + | #HomeCenter { | |
- | + | width: 747px; | |
- | + | height: auto; | |
- | + | background-color:#001d1d; | |
- | + | margin: 5px 5px 0px 1px; | |
- | + | float: left; | |
- | + | color: white; | |
- | + | font-family: Verdana, Sans-Serif; | |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | } | |
- | + | ||
- | + | #HomeCenterBox1 { | |
- | + | Width: 735px; | |
- | + | height: 170px; | |
- | + | margin:0px 0px 2px 0px; | |
- | + | padding: 5px; | |
- | + | background-color:#0d3a3f; | |
- | + | border: 1px solid #0d3a3f; | |
- | + | } | |
- | + | ||
- | + | #HomeCenterBox2 { | |
- | + | Width: 735px; | |
- | + | height: 170px; | |
- | + | margin: 5px 0px; | |
- | + | padding: 5px; | |
- | + | background-color:#001d1d; | |
- | + | border: 1px solid #0d3a3f; | |
- | + | } | |
- | + | ||
- | + | #CenterbodyText1 { | |
- | + | width:465px; | |
- | + | height:auto; | |
- | + | padding-right: 4px; | |
- | + | margin: 0px 5px 0px 4px; | |
- | + | font-family: Verdana, Sans-Serif; | |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | float: left; | |
- | + | color: white; | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #CenterbodyText2 { | |
- | + | width:472px; | |
- | + | height: auto; | |
- | + | margin: 0px 0px 0px 4px; | |
- | + | font-family: Verdana, Sans-Serif; | |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | float: left; | |
- | + | color: white; | |
- | + | text-decoration: none; | |
- | + | } | |
- | + | ||
- | + | #HomeLeft { | |
- | + | width: 250px; | |
- | + | height: auto; | |
- | + | background-color: none; | |
- | + | margin: 0px 0px 0px 2px; | |
- | + | pading-right: 1px; | |
- | + | float: left; | |
- | + | color: #e0fea0; | |
- | + | font-family: Verdana, Sans-Serif; | |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | } | |
- | + | ||
- | + | #GroupphotoSmall { | |
- | + | width: 245px; | |
- | + | height: 166px; | |
- | + | float: left; | |
- | + | padding-left: 5px; | |
- | + | margin-top: 1px; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/b/b4/Groupphoto_small.jpg"); | |
- | + | border: 1px solid #0d3a3f; | |
- | + | color: #8bce9e; | |
- | + | } | |
- | + | ||
- | + | #ProjectPic { | |
- | + | width: 240px; | |
- | + | height: 150px; | |
- | + | color: white; | |
- | + | font-size: 12px; | |
- | + | font-weight: bold; | |
- | + | float: left; | |
- | + | padding: 5px; | |
+ | border: 1px solid #0d3a3f; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/2/2c/ProjectPic.jpg"); | ||
+ | margin: 4px 0px 4px 4px; | ||
+ | } | ||
+ | |||
+ | #newslogo { | ||
+ | width: 245px; | ||
+ | height: 160px; | ||
+ | float: left; | ||
+ | padding-right: 0px; | ||
+ | margin-top: 1px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/0/07/News.png"); | ||
+ | border: 1px solid #0d3a3f; | ||
+ | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | #iJAM { | ||
+ | width: 230px; | ||
+ | height: 150px; | ||
+ | color: white; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | float: left; | ||
+ | padding: 5px; | ||
+ | margin: 4px 0px 4px 4px; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/7/73/IJAM.png"); | ||
+ | } | ||
+ | |||
+ | #TUlogo { | ||
+ | width: 250px; | ||
+ | height: 147px; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | margin-top:5px; | ||
+ | color: white; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/2/2b/TUlogo_250.jpg"); | ||
+ | } | ||
+ | |||
+ | .SmallPic { | ||
+ | height: 120px; | ||
+ | width: 180px; | ||
+ | margin: 5px 6px 2px 7px; | ||
+ | float: left; | ||
+ | link: url("https://2010.igem.org/Team:TU_Delft/Gallery"); | ||
+ | } | ||
+ | |||
+ | #small_1 {background-image: url("https://static.igem.org/mediawiki/2010/4/48/Small_1.png");} | ||
+ | #small_2 {background-image: url("https://static.igem.org/mediawiki/2010/b/bd/Small_2.png");} | ||
+ | #small_3 {background-image: url("https://static.igem.org/mediawiki/2010/a/ae/Small_3.png");} | ||
+ | #small_4 {background-image: url("https://static.igem.org/mediawiki/2010/7/7b/Small_4.png");} | ||
+ | #small_5 {background-image: url("https://static.igem.org/mediawiki/2010/5/59/Small_5.png");} | ||
+ | #small_6 {background-image: url("https://static.igem.org/mediawiki/2010/c/c9/Small_6.png");} | ||
+ | #small_7 {background-image: url("https://static.igem.org/mediawiki/2010/8/86/Small_7.png");} | ||
+ | |||
+ | #StudentBox1 { | ||
+ | Width: 700px; | ||
+ | height: 170px; | ||
+ | margin:0px 0px 2px 0px; | ||
+ | padding: 5px; | ||
+ | background-color:#0d3a3f; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | } | ||
+ | |||
+ | #StudentBox2 { | ||
+ | Width: 700px; | ||
+ | height: 170px; | ||
+ | margin: 5px 0px; | ||
+ | padding: 5px; | ||
+ | background-color:#001d1d; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
h3 { | h3 { | ||
- | margin-top:3px | + | margin-top:3px; |
- | + | ||
} | } | ||
h4 { | h4 { | ||
margin-bottom: 3px; | margin-bottom: 3px; | ||
- | + | } | |
- | + | ||
</style> | </style> |
Revision as of 21:53, 16 May 2010