Team:Wageningen UR/Templates/NavigationTop Outreach

From 2011.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
   <head>  
   <head>  
-
  <style type="text/css">
+
    <style type="text/css">
.menu{
.menu{
border:none;
border:none;
border:0px;
border:0px;
-
margin:0px 12px 0px 5px;
 
padding:0px;
padding:0px;
-
font-family: 'Quattrocento', arial, sans;
 
-
color: white;
 
text-decoration: none;  
text-decoration: none;  
font-size: 13px;
font-size: 13px;
         font-weight: bold;
         font-weight: bold;
 +
        position: relative;
 +
        margin-bottom: 100px;
 +
        /* border: 1px solid black; */
}
}
.menu ul{
.menu ul{
-
background: #244F62;  
+
        /* background-image:url('https://static.igem.org/mediawiki/2011/6/6c/Communication2_WUR.png'); */
-
height:35px;
+
/* background: #D8D8D8; */
 +
        background-repeat: no-repeat;
 +
height:37px;
list-style:none;
list-style:none;
-
margin:0;
 
padding:0;
padding:0;
 +
        border:  1px solid transparent;
 +
}
}
.menu li{
.menu li{
Line 26: Line 29:
}
}
.menu li a{
.menu li a{
-
background: #244F62 url("images/seperator.gif") bottom right no-repeat;
+
                /* background: transparent; */
-
color: white;
+
display:block;
display:block;
-
font-family: 'Quattrocento', arial, sans;
+
font-family: arial, sans;
-
        color: white;  
+
        color: black !important;
        text-decoration: none;  
        text-decoration: none;  
        font-size: 13px;
        font-size: 13px;
                 font-weight: bold;
                 font-weight: bold;
line-height:35px;
line-height:35px;
 +
                padding: 0px 25px;
margin:0px;
margin:0px;
-
padding:0px 25px;
 
text-align:center;
text-align:center;
text-decoration:none;
text-decoration:none;
-
                 border-left: 1px solid #298BB6;
+
                 border: 1px dotted transparent;
-
}
+
                }
.menu li a:hover, .menu ul li:hover a{
.menu li a:hover, .menu ul li:hover a{
-
background: #096790 url("images/hover.gif") bottom center no-repeat;
+
/* background: transparent !important; */
-
font-family: 'Quattrocento', arial, sans;
+
font-family: arial, sans;  
-
                color: white;  
+
                        color: #01b0db !important;
                text-decoration: none;  
                text-decoration: none;  
                font-size: 13px;
                font-size: 13px;
                         font-weight: bold;
                         font-weight: bold;
text-decoration:none;
text-decoration:none;
 +
                        border: 1px dotted transparent;
}
}
 +
.menu li ul{
.menu li ul{
-
background: #298BB6;
+
/* background: transparent; */
display:none;
display:none;
height:auto;
height:auto;
Line 59: Line 63:
position:absolute;
position:absolute;
width:225px;
width:225px;
-
z-index:200;
+
/* z-index:200; */
/*top:1em;
/*top:1em;
/*left:0;*/
/*left:0;*/
Line 82: Line 86:
display:block;
display:block;
height:35px;
height:35px;
-
font-family: 'Quattrocento', arial, sans;
+
font-family: arial, sans;
-
        color: white;  
+
        color: #01b0db !important;  
        text-decoration: none;  
        text-decoration: none;  
        font-size: 13px;
        font-size: 13px;
                 font-weight: bold;
                 font-weight: bold;
margin:0px;
margin:0px;
-
padding:0px 10px 0px 15px;
+
padding:0px 10px 0px 23px;
text-align:left;
text-align:left;
-
                 border: 1px solid #244F62;
+
                 border: 1px solid transparent;
}
}
.menu li ul a:hover, .menu li ul li:hover a{
.menu li ul a:hover, .menu li ul li:hover a{
-
background: #096790 url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png') center left no-repeat;
+
background: white url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png') center left no-repeat;
                         padding-left: 37px;
                         padding-left: 37px;
                         border:0px;
                         border:0px;
-
font-family: 'Quattrocento', arial, sans;
+
font-family: arial, sans;
-
                color: white;  
+
                color: black !important;  
                text-decoration: none;  
                text-decoration: none;  
                font-size: 13px;
                font-size: 13px;
                         font-weight: bold;
                         font-weight: bold;
text-decoration:none;
text-decoration:none;
 +
                        border: 1px solid transparent;
}
}
-
.menu p{
+
              .menu p{
clear:left;
clear:left;
}
}
 +
 +
#navMenupoint3 a {
 +
  display:block;
 +
  height: 50px;
 +
}
 +
 +
 +
#navMenupoint3 {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/2/27/IGEMlogo_1_WUR.png');
 +
  background-repeat: no-repeat;
 +
  background-position: right;
 +
  height: 30px;
 +
  padding-right: 3px;
 +
  padding-bottom: 25px;
 +
  margin-right: 5px;
 +
  border: dotted 1px transparent;
 +
  margin-left: 260px;
 +
  }
 +
 +
#social {
 +
float: right;
 +
}
 +
</style>
</style>
   </head>
   </head>
Line 113: Line 141:
<div class="menu">
<div class="menu">
<ul>
<ul>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/Basisschool" target="_self" >Basisschool</a>
+
<li><a class="currentlinkoutreach1" href="https://2011.igem.org/Team:Wageningen_UR/Outreach" target="_self" >Introductie</a></li>
 +
<li><a class="currentlinkoutreach2" href="https://2011.igem.org/Team:Wageningen_UR/Outreach/Basisschool" target="_self" >Basisschool</a>
<ul>
<ul>
Line 122: Line 151:
</li>
</li>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool" target="_self" >Middelbare school</a>
+
<li><a class="currentlinkoutreach3" href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool" target="_self" >Middelbare school</a>
<ul>
<ul>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool/SynthetischeBiologie" target="_self">Synthetische biologie</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool/PresentatieSynthetischeBiologie" target="_self">Presentatie SynBio</a></li>
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool/Profielwerkstuk" target="_self">Profielwerkstuk</a></li>
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool/Profielwerkstuk" target="_self">Profielwerkstuk</a></li>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/MiddelbareSchool/Presentatie" target="_self">Presentatie</a></li></ul>
+
</ul>
</li>
</li>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach/Sticker" target="_self" >Bestel een sticker</a>
+
<li><a class="currentlinkoutreach4" href="https://2011.igem.org/Team:Wageningen_UR/Outreach/Sticker" target="_self" >Bestel een sticker</a>
</li>
</li>
 +
<div id="social">
 +
<a href="https://2011.igem.org" target="_blank">
-
</li>
+
<img src="https://static.igem.org/mediawiki/2011/2/27/IGEMlogo_1_WUR.png"
 +
    style="margin-top:17px;"
 +
    alt="Go to iGEM 2011 homepage"
 +
    title="Go to iGEM 2011 homepage">
 +
</a>
 +
<a href="http://www.facebook.com/iGEMWageningen" target="_blank">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/7/72/Facebook_logo_25px.png"
 +
    style="margin-top:17px;"
 +
    alt="Join Team Wageningen UR on Facebook!"
 +
    title="Join Team Wageningen UR on Facebook!">
 +
</a>
 +
<a href="http://twitter.com/#!/igemwageningen" target="_blank">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/3/3c/Twitter_logo_25px.png"
 +
style="margin-top:17px;"
 +
    alt="Follow Team Wageningen UR on Twitter!"
 +
    title="Follow Team Wageningen UR on Twitter!">
 +
</a>
 +
</a>
 +
<a href="http://www.youtube.com/igemwageningenur" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2011/7/7d/Youtube_icon_25px.png"
 +
style="margin-top:17px";    alt="Watch Team Wageningen UR videos on YouTube!"
 +
    title="Watch Team Wageningen UR videos on YouTube!">
 +
</a>
 +
 
 +
</div>
 +
</ul>
</div>
</div>

Latest revision as of 18:22, 20 September 2011