Team:TU Delft/Header

From 2010.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
 +
 +
h1 { color: white; }
 +
h2 { color: white; }
 +
h3 { color: white; }
 +
h4 { color: white; }
 +
 +
a { color: white;
 +
text-decoration:none; }
 +
a:visited{ color: white; }
#decoy {}
#decoy {}
Line 29: Line 38:
#contentSub {
#contentSub {
display:none;
display:none;
-
}
 
-
 
-
 
-
#banner {
 
-
width: 965px;
 
-
height: 180px;
 
-
background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg");
 
}
}
Line 50: Line 52:
}
}
-
#menu {
+
#header {
width: 965px;
width: 965px;
-
height: 30px;
+
height: 222px;
-
background-color: #8bce9e;
+
/*background-color: #001d1d*/
-
border-top: 1px solid #032725;
+
background-color: orange;
-
border-bottom: 1px solid #032725;
+
color: #8bce9e;
-
}
+
-
 
+
-
.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-family: Verdana, Sans-Serif;
-
font-size: 16px;
+
font-size: 12px;
-
font-weight: bold;
+
text-align: justify;
-
position: relative;
+
margin: 0 auto;
}
}
-
.menuItemLink {
+
#banner {
-
font-weight: bold;
+
width: 965px;
-
color: #032725;
+
height: 222px;
-
font-family: Verdana, Sans-Serif;
+
background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg");
-
font-size: 16px;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
.menuItemLink:visited {
+
-
color: #032725;
+
-
}
+
-
 
+
-
.menuItemLink:hover {
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.submenuItemLink:visited {
+
-
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;
+
}
}
 +
 +
#menu {
 +
width: 965px;
 +
height: 24px;
 +
text-align: center;
 +
margin-top:-32px;
 +
padding-left:5px;
 +
}
 +
 +
.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;
 +
}
 +
.menuItem:hover {
 +
background-color: #6bae6e;
 +
}
 +
 +
.menuItemLink {
 +
color: #032725;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
text-decoration: none;
 +
}
 +
 +
.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: #6bae6e;
 +
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;
 +
}
 +
#BodyText {
#BodyText {
Line 237: Line 227:
#Sponsor3 {
#Sponsor3 {
-
width: 150px;
+
width: 120px;
-
height: 99px;
+
height: 79px;
margin: 0 auto;
margin: 0 auto;
-
background-image: url("images/NGI_large.png");
+
background-image: url("https://static.igem.org/mediawiki/2010/0/04/NGI_logo.png");
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
Line 402: Line 392:
border: 1px solid #0d3a3f;
border: 1px solid #0d3a3f;
}
}
-
 
-
 
-
 
-
h2 {
 
-
color: white;
 
-
}
 
-
h3 {
 
-
color: white;
 
-
}
 
-
h4 {
 
-
color: white;
 
-
}
 
-
 
Line 448: Line 425:
</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 557: Line 500:
</div>
</div>
</div>
</div>
-
<!-- End of header -->
 
</div>
</div>
 +
<div id="mainContent">
</html>
</html>

Latest revision as of 13:00, 2 June 2010