Team:Wageningen UR/Templates/NavigationLeft3

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Wageningen_UR/Templates/navMenupoint}}
 
<html>
<html>
   <head>  
   <head>  
   <style type="text/css">
   <style type="text/css">
 +
 
 +
  @charset "UTF-8";
 +
 +
/**
 +
* Default CSS Drop-Down Menu Theme
 +
*
 +
* @file default.css
 +
* @name Default
 +
* @version 0.1
 +
* @type transitional
 +
* @browsers Windows: IE5+, Opera7+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2008 Live Web Institute. All Rights Reserved.
 +
*
 +
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 +
* Expected directory tag - li
 +
*
 +
*/
 +
 +
@import "helper.css";
 +
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Base Drop-Down Styling
 +
* @structure ul (unordered list)
 +
* ul li (list item)
 +
* ul li a (links)
 +
* /*\.class|(li|a):hover/
 +
* @level sep ul
 +
*/
 +
 +
 +
ul.dropdown {
 +
}
 +
 +
ul.dropdown li {
 +
}
 +
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
}
 +
 +
ul.dropdown a:link {
 +
font-family: 'Quattrocento', arial, sans;
 +
color: #244F62;
 +
text-decoration: none;
 +
font-size: 13px;
 +
        font-weight: bold;
 +
}
 +
 +
ul.dropdown a:visited {
 +
        font-family: 'Quattrocento', arial, sans;
 +
color: #244F62;
 +
text-decoration: none;
 +
font-size: 13px;
 +
        font-weight: bold;
 +
        }
 +
 +
ul.dropdown  a:hover {
 +
font-family: 'Quattrocento', arial, sans;
 +
color: #244F62;
 +
text-decoration: none;
 +
font-size: 13px;
 +
        font-weight: bold;       
 +
        }
 +
 +
ul.dropdown a:active {
 +
        font-family: 'Quattrocento', arial, sans;
 +
color: #244F62;
 +
text-decoration: none;
 +
font-size: 13px;
 +
        font-weight: bold;
 +
        }
 +
 +
 +
 +
/* -- level mark -- */
 +
 +
ul.dropdown ul {
 +
        }
 +
       
 +
 +
ul.dropdown ul li {
 +
font-weight: normal;
 +
                margin-left: 300px;
 +
                }
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Support Class `dir`
 +
* @level sep ul, .class
 +
*/
 +
 +
 +
ul.dropdown *.dir {
 +
/* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 37px;
 +
  padding-left: 34px;
 +
  padding-right: 5px;
 +
  border: dotted 1px transparent;
 +
  margin-left: -13px;
 +
}
 +
 +
 +
 +
 +
/* -- Components override -- */
 +
 +
 +
@import "dropdown.css";
 +
 +
* html ul.dropdown li {
 +
height: 1px;
 +
}
 +
 +
ul.dropdown ul li,
 +
ul.dropdown-vertical {
 +
}
 +
 +
ul.dropdown ul,
 +
ul.dropdown li:hover ul ul,
 +
ul.dropdown li:hover ul ul ul,
 +
ul.dropdown li:hover ul ul ul ul,
 +
ul.dropdown li:hover ul ul ul ul ul {
 +
visibility: hidden;
 +
}
 +
 +
ul.dropdown li:hover ul,
 +
ul.dropdown ul li:hover ul,
 +
ul.dropdown ul ul li:hover ul,
 +
ul.dropdown ul ul ul li:hover ul,
 +
ul.dropdown ul ul ul ul li:hover ul {
 +
visibility: visible;
 +
}
 +
 +
ul.dropdown ul ul ul ul ul ul {
 +
visibility: hidden !important;
 +
}
 +
 +
#sideBar
 +
{
 +
  background-image: url('https://static.igem.org/mediawiki/2011/7/75/Navigationbackground_grey_WUR.png');
 +
  float: left;
 +
  height: 100%;
 +
  margin-right: 20px;
 +
  margin-top: 30px;
 +
  padding-right: 5px;
 +
  }
#sideBar ul{  
#sideBar ul{  
Line 8: Line 161:
}
}
 +
#intr {
 +
  display:block;
 +
  height: 28px;
 +
  padding-top: 9px;
 +
  border: dotted 1px transparent;
 +
}
-
#logo {  
+
#intr:hover {
-
  background-color: transparent;  
+
    background-color: #D8D8D8;
-
  background-image: url('https://static.igem.org/mediawiki/2011/4/4e/Igemlogofinal_compr.png');  
+
    background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
-
  background-repeat: no-repeat;  
+
    /* background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); */
-
  background-position: center;
+
    /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */
-
  height: 130px;  
+
    /* background-image: url('https://static.igem.org/mediawiki/2011/8/80/5menubar.png'); */
-
  width: 99.8%;
+
    border: dotted 1px #298BB6;
-
  margin-bottom: 1em;  
+
    /* width: 88%;
-
  margin-top: 40px;
+
    }
-
  }  
+
 +
#proj {
 +
display:block;
 +
  height: 28px;
 +
  padding-top: 9px;
 +
  border: dotted 1px transparent;
-
#navMenupoint {
 
-
  font-size: 13px;
 
-
  margin-right: 20px;
 
}
}
 +
#proj:hover {
 +
    background-color: #D8D8D8;
 +
    background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
    /* background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); */
 +
    /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */
 +
    /* background-image: url('https://static.igem.org/mediawiki/2011/8/80/5menubar.png'); */
 +
    border: dotted 1px #298BB6;
 +
    /* width: 88%; 
 +
}
-
#navMenupoint a {
+
#md {
-
  display:block;
+
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
-
  height: 28px;
+
background-repeat: no-repeat;
-
  padding-top: 9px;
+
background-position: left;
}
}
-
   </style>
+
#md:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#saf {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#saf:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#pres {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#pres:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#att {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#att:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
 
 +
#socmed {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#socmed:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#linkses {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#linkses:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-position: 0% 3%;
 +
    background-repeat: no-repeat;
 +
    padding-bottom: 136px;
 +
}
 +
 
 +
#prot {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#prot:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-position: 0% 3%;
 +
    background-repeat: no-repeat;
 +
    padding-bottom: 136px;
 +
}
 +
 
 +
   </style>  
   </head>
   </head>
<body>
<body>
<div id="sideBar">
<div id="sideBar">
-
        <div id="logo">
+
<ul id="nav" class="dropdown dropdown-vertical" class="cfix">
-
        </div>
+
<li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a></li>
-
<ul>
+
<li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a>                  
-
<li id="navMenupoint" style="margin-top: 37px;"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a></li>
+
</li>
-
<li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a></li>
+
 
-
        <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1" style="text-decoration:none; padding-top:0 !important;">Synchronized Oscillatory System</a></li>
+
<li id="proj" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1" style="text-decoration:none">Synchronized Oscillatory System</a>
-
      <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2">Fungal Track 'n Trace</a></li>
+
<ul>
-
        <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Softwaretool" style="text-decoration:none">Software Tool</a></li>
+
-
        <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/ownpresentations">Presentations</a></li>
+
<li id="compl_proj"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="text-decoration:none">Project Description</a></li>
-
<li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Safety">Safety</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="text-decoration:none">Devices</a></li>
-
        <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Attributions">Collaboration & Attributions</a></li>
+
 
-
  <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Sponsors">Sponsors</a></li>  
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="text-decoration:none">Modeling</a></li>
-
        <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a></li>
+
-
  <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Contact">Contact Information</a></li>  
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1" style="text-decoration:none">Notebook</a></li>
-
         <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Links">Links</a></li>  
+
-
<br>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1" style="text-decoration:none">Parts Submitted to the Registry</a></li>
-
<br>
+
</ul>
-
  <li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR/Outreach">Outreach (in Dutch)</a></li>
+
</li>
-
        </ul>
+
 
 +
<li id="proj" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2">Fungal Track 'n Trace</a>
 +
<ul>
 +
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject2Description" style="text-decoration:none">Project Description</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj2" style="text-decoration:none">Modeling</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj2" style="text-decoration:none">Notebook</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj2" style="text-decoration:none">Parts Submitted to the Registry</a></li>
 +
</ul>
 +
</li>
 +
 +
 +
 +
<li id="md" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Softwaretool" style="text-decoration:none">Software Tool</a></li>
 +
 +
<li id="saf" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Safety">Safety</a></li>
 +
 
 +
        <li id="pres" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/ownpresentations">Presentations</a></li>
 +
 
 +
<li id="att" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Attributions">Attributions</a>
 +
        </li>
 +
 
 +
        <li id="socmed" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a>
 +
        </li>
 +
 
 +
         <li id="linkses" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Links">Links</a>
 +
<ul>
 +
<li  id="spons"><a href="https://igem.org/Main_Page">iGEM</a>
 +
 
 +
                      <li id="spons"><a href="http://www.wageningenuniversity.nl/NL/?gclid=CIifsvf0m6gCFcos3goduHf9HA">WUR</a>
 +
 
 +
<li  id="spons"><a href="http://www.mlab.nl/">Microscopy ML@b Wageningen UR</a>
 +
 +
        </ul>
 +
        </li>
 +
        <li id="prot" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Protocols">Protocols</a>
 +
        </li>    
 +
 
 +
</ul>
</div>
</div>
-
      </body>
+
  </body>
-
        </html>
+
  </html>

Revision as of 22:47, 31 July 2011