Team:TU Delft/Header

From 2010.igem.org

(Difference between revisions)
(css add menuItem:hover)
Line 37: Line 37:
display:none;
display:none;
}
}
-
 
+
#header {
-
 
+
-
#banner {
+
-
width: 965px;
+
-
height: 180px;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg");
+
-
}
+
-
 
+
-
#body {
+
width: 965px;
width: 965px;
-
height: 1200px;
+
height: 222px;
-
background-color: #001d1d;
+
background-color: #001d1d
-
padding: 5px;
+
color: #8bce9e;
color: #8bce9e;
font-family: Verdana, Sans-Serif;
font-family: Verdana, Sans-Serif;
Line 55: Line 46:
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;
 
-
color: #032725;
 
-
text-align: center;
 
-
font-family: Verdana, Sans-Serif;
 
-
font-size: 16px;
 
-
font-weight: bold;
 
-
position: relative;
 
}
}
-
.menuItem:hover {
+
#banner {
-
background-color: #6bae6e;
+
width: 965px;
-
}
+
height: 222px;
-
 
+
background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg");
-
.menuItemLink {
+
-
font-weight: bold;
+
-
color: #032725;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 16px;
+
-
text-decoration: none;
+
}
}
-
 
+
-
.menuItemLink:visited {
+
#menu {
-
color: #032725;
+
width: 965px;
-
}
+
height: 24px;
-
 
+
text-align: center;
-
.menuItemLink:hover {
+
margin-top:-32px;
-
text-decoration:none;
+
padding-left:5px;
-
}
+
}
-
 
+
-
.submenuItemLink:visited {
+
.menuItem {
 +
width: auto;
 +
height: 20px;
 +
padding: 2px 11px;
 +
border-right: 1px solid #032725;
 +
float: left;
 +
background-color: #8bce9e;
 +
color: #032725;
 +
text-align: center;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
position: relative;
 +
}
 +
 +
.menuItemLink {
 +
color: #032725;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
text-decoration: none;
 +
}
 +
 +
.menuItemLink:hover {
 +
color: #8bce9e;
 +
}
 +
 +
.menuItemLink:visited {
 +
color: #032725;
 +
}
 +
 +
.submenu {
 +
width: 200px;
 +
height: auto;
 +
position: absolute;
 +
top: 31px;
 +
left: 0px;
 +
margin: -7px 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;
 +
}
 +
 +
.submenuItem:hover {
 +
background-color: #8bce9e;
 +
color: #032725;
 +
}
 +
 +
.submenuItemLink {
 +
text-align:left;
 +
font-weight: normal;
 +
text-decoration: none;
 +
color: #8bce9e;
 +
margin: 1px 2px 1px 2px;
 +
}
 +
 +
.submenuItemLink:visited {
 +
color: #8bce9e;
 +
}
 +
 +
.submenuItemLink:hover {
 +
color: #032725;
 +
}
 +
 +
#mainContent {
 +
width: 965px;
 +
height: 880px;
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;
 +
margin: 0 auto;
 +
}
 +
 +
.SmallPic {
 +
height: 120px;
 +
width: 180px;
 +
margin: 5px 6px 2px 5px;
 +
float: left;
 +
border: 1px solid #001d1d;
 +
link: url("https://2010.igem.org/Team:TU_Delft/Gallery");
}
}
-
 
+
-
#GroupPhoto {
+
#small_1 {
-
width: 700px;
+
background-image: url("images/small_1.png");
-
height: 465px;
+
-
background-image:url("https://static.igem.org/mediawiki/2010/d/d2/TUDelft_2010.png");
+
-
margin: 2px auto;
+
}
}
-
 
+
-
.LinkinText {
+
#small_2 {
-
text-decoration: none;
+
background-image: url("images/small_2.png");
-
color: white;
+
-
font-weight: bold;
+
}
}
-
 
+
-
#HomeRight {
+
#small_3 {
-
width: 200px;
+
background-image: url("images/small_3.png");
-
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 {
+
#small_4 {
-
width: 196px;
+
background-image: url("images/small_4.png");
-
height: auto;
+
-
background-color: #001d1d;
+
-
border: 1px solid #8bce9e;
+
-
color: white;
+
-
text-align: center;
+
-
padding: 2px;
+
}
}
-
 
+
-
#Upcoming {
+
#small_5 {
-
width: 200px;
+
background-image: url("images/small_5.png");
-
height: auto;
+
-
color: white;
+
}
}
-
 
+
-
#Sponsors {
+
#small_6 {
-
width: 200px;
+
background-image: url("images/small_6.png");
-
height: auto;
+
-
color: white;
+
}
}
-
#Sponsor1 {
+
#small_7 {
-
width: 180px;
+
background-image: url("images/small_7.png");
-
height: 131px;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/c/c1/SuitSupply.png");;
+
-
margin: 0 auto;
+
}
}
-
 
+
-
#Sponsor2 {
+
#HomeCenter {
-
width: 200px;
+
width: 747px;
-
height: 65px;
+
height: auto;
-
background-image: url("https://static.igem.org/mediawiki/2010/b/b5/DSM.png");
+
background-color: #001d1d;
-
background-color: white;
+
margin: 10px 5px 0px 1px;
-
margin: 0 auto;
+
float: left;
 +
color: white;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
}
}
-
 
+
-
#Sponsor3 {
+
#HomeCenterBox1 {
-
width: 150px;
+
Width: 731px;
-
height: 99px;
+
height: 170px;
-
margin: 0 auto;
+
margin: 0px 0px 2px 4px;
-
background-image: url("images/NGI_large.png");
+
padding: 5px;
-
background-repeat:no-repeat;
+
background-color: #0d3a3f;
-
}
+
border: 1px solid #001d1d;
-
 
+
}
-
#HomeCenter {
+
-
width: 747px;
+
#HomeCenterBox2 {
-
height: auto;
+
Width: 731px;
-
background-color:#001d1d;
+
height: 170px;
-
margin: 5px 5px 0px 1px;
+
margin: 0px 0px 2px 4px;
-
float: left;
+
padding: 5px;
-
color: white;
+
background-color: #001d1d;
-
font-family: Verdana, Sans-Serif;
+
border: 1px solid #0d3a3f;
-
font-size: 12px;
+
}
-
text-align: justify;
+
-
}
+
#CenterbodyText1 {
-
 
+
width: 465px;
-
#HomeCenterBox1 {
+
height: auto;
-
Width: 735px;
+
padding-right: 4px;
-
height: 170px;
+
margin: 0px 5px 0px 4px;
-
margin:0px 0px 2px 0px;
+
font-family: Verdana, Sans-Serif;
-
padding: 5px;
+
font-size: 12px;
-
background-color:#0d3a3f;  
+
text-align: justify;
-
border: 1px solid #0d3a3f;
+
float: left;
-
}
+
color: white;
-
 
+
text-decoration: none;
-
#HomeCenterBox2 {
+
}
-
Width: 735px;
+
-
height: 170px;
+
#CenterbodyText2 {
-
margin: 5px 0px;
+
width: 470px;
-
padding: 5px;
+
height: auto;
-
background-color:#001d1d;  
+
margin: 0px 0px 0px 4px;
-
border: 1px solid #0d3a3f;
+
font-family: Verdana, Sans-Serif;
-
}
+
font-size: 12px;
-
 
+
text-align: justify;
-
#CenterbodyText1 {
+
float: left;
-
width:465px;
+
color: white;
-
height:auto;
+
text-decoration: none;
-
padding-right: 4px;
+
}
-
margin: 0px 5px 0px 4px;
+
-
font-family: Verdana, Sans-Serif;
+
#GroupphotoSmall {
-
font-size: 12px;
+
width: 245px;
-
text-align: justify;
+
height: 166px;
-
float: left;
+
float: left;
-
color: white;
+
padding-left: 5px;
-
text-decoration: none;
+
margin-top: 1px;
 +
background-image: url("images/groupphoto_small.jpg");
 +
border: 1px solid #001d1d;
 +
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("images/ProjectPic.jpg");
 +
margin: 4px 0px 4px 4px;
 +
}
 +
 +
#newslogo {
 +
width: 245px;
 +
height: 160px;
 +
float: left;
 +
padding-right: 0px;
 +
margin-top: 1px;
 +
background-image: url("images/news.png");
 +
border: 1px solid #001d1d;
 +
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("images/iJAM.png");
 +
}
 +
 +
#HomeRight {
 +
width: 195px;
 +
height: 723px;
 +
background-color: #2c5983;
 +
margin: 10px 5px 0px 0px;
 +
padding: 5px;
 +
float: left;
 +
color: #e0fea0;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
}
}
-
#CenterbodyText2 {
+
#Countdown {
-
width:472px;
+
width: 189px;
-
height: auto;
+
height: auto;
-
margin: 0px 0px 0px 4px;
+
background-color: #001d1d;
-
font-family: Verdana, Sans-Serif;
+
border: 1px solid #8bce9e;
-
font-size: 12px;
+
color: white;
-
text-align: justify;
+
text-align: center;
-
float: left;
+
padding: 2px;
-
color: white;
+
}
-
text-decoration: none;
+
-
}
+
#Upcoming {
-
 
+
width: 195px;
-
#HomeLeft {
+
height: auto;
-
width: 250px;
+
color: white;
-
height: auto;
+
}
-
background-color: none;
+
-
margin: 0px 0px 0px 2px;
+
#Sponsors {
-
pading-right: 1px;
+
width: 200px;
-
float: left;
+
height: auto;
-
color: #e0fea0;
+
color: white;
-
font-family: Verdana, Sans-Serif;
+
}
-
font-size: 12px;
+
-
text-align: justify;
+
#Sponsor1 {
-
}
+
width: 180px;
-
 
+
height: 131px;
-
#GroupphotoSmall {
+
background-image: url("images/suitsupply.png");;
-
width: 245px;
+
margin: 0 auto;
-
height: 166px;
+
}
-
float: left;
+
-
padding-left: 5px;
+
#Sponsor2 {
-
margin-top: 1px;
+
width: 200px;
-
background-image: url("https://static.igem.org/mediawiki/2010/b/b4/Groupphoto_small.jpg");
+
height: 65px;
-
border: 1px solid #0d3a3f;
+
background-image: url("images/DSM.png");
-
color: #8bce9e;
+
background-color: white;
-
}
+
margin: 0 auto;
-
 
+
}
-
#ProjectPic {
+
-
width: 240px;
+
#Sponsor3 {
-
height: 150px;
+
width: 120px;
-
color: white;
+
height: 80px;
-
font-size: 12px;
+
margin: 0 auto;
-
font-weight: bold;
+
background-image: url("images/NGI_logo.png");
-
float: left;
+
background-repeat: no-repeat;
-
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;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
</style>
+
-
<script type="text/javascript">
+
h3 {
-
function showMenu(callerObject) {
+
margin-top: 3px;
-
// document.getElementById('sub1').style.display = 'block';
+
-
callerObject.childNodes[3].style.display = 'block';
+
}
}
-
function hideMenu(callerObject) {
+
h4 {
-
// document.getElementById('sub1').style.display = 'none';
+
margin-bottom: 3px;
-
callerObject.childNodes[3].style.display = 'none';
+
}
}
-
</script>
 
<div id="header">
<div id="header">
Line 445: Line 366:
</div>
</div>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team">Team</a>
<a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team">Team</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team">Who we are</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Students">Students</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/TUDelft">Where we're from</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Advisors">Advisors/Supporters</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://igem.org/Team.cgi?year=2010">Official team profile</a>
 +
</div>
 +
</div>
</div>
</div>
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project">Project</a>
<a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project">Project</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project">In short</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part1">Part 1</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part2">Part 2</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part3">Part 3</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part4">Part 4</a>
 +
</div>
 +
</div>
</div>
</div>
Line 520: Line 475:
</div>
</div>
</div>
</div>
 +
<!-- End of header -->
</div>
</div>
-
 
-
 
-
<div id="mainContent">
 
-
 
-
</html>
 

Revision as of 16:08, 18 May 2010