Team:Wageningen UR/Templates/NavigationLeft2

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
 +
*/
 +
 +
a {
 +
font-family: 'Ubuntu', serif;
 +
font-size: 13px;
 +
font-weight: bold;
 +
color: white;
 +
text-shadow: 0 0px 0 #372c24;
 +
}
 +
 +
ul.dropdown {
 +
font-family: 'Ubuntu', serif;
 +
color: transparent;
 +
margin-bottom: -34px;
 +
}
 +
 +
ul.dropdown li {
 +
        /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */
 +
        background-repeat: no-repeat;
 +
        background-position: 3% 50%;
 +
        height: 34px;
 +
        padding-top: 12px;
 +
        padding-left: 37px;
 +
        margin: 0 0 0 1em;
 +
        border-style: solid;
 +
        border-width: 2px;
 +
        border-color: transparent;
 +
}
 +
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
        background-color: transparent;
 +
background-image: url('https://static.igem.org/mediawiki/2011/8/80/5menubar.png');
 +
        border-color: transparent;
 +
}
 +
 +
ul.dropdown a:link {
 +
color: white;
 +
        text-shadow: 0 0px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
}
 +
 +
ul.dropdown a:visited {
 +
        color: white;
 +
        text-shadow: 0 0px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
        }
 +
 +
ul.dropdown  a:hover {
 +
color: white;
 +
        text-shadow: 0 0px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
       
 +
        }
 +
 +
ul.dropdown a:active {
 +
        color: white;
 +
        text-shadow: 0 0px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
        }
 +
 +
 +
 +
/* -- level mark -- */
 +
 +
ul.dropdown ul {
 +
        margin-left: -32px;
 +
        width: 190px !important;
 +
        }
 +
 +
ul.dropdown ul li {
 +
font-weight: normal;
 +
                }
 +
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Support Class `dir`
 +
* @level sep ul, .class
 +
*/
 +
 +
 +
ul.dropdown *.dir {
 +
padding-right: 0px;
 +
background-image: url(images/nav-arrow-down.png);
 +
background-position: 100% 50%;
 +
background-repeat: no-repeat;
 +
}
 +
 +
 +
/* -- Components override -- */
 +
 +
 +
@import "dropdown.css";
 +
 +
* html ul.dropdown li {
 +
height: 1px;
 +
}
 +
 +
ul.dropdown ul li,
 +
ul.dropdown-vertical {
 +
margin-left: 100px;
 +
mar\gin-left: 0px;
 +
}
 +
 +
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 ul {
 +
  list-style: none !important;
 +
  margin-bottom: 100px;
 +
}
 +
 +
#intr {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 +
#intr:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 48%;
 +
    }
 +
#team {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 +
#team:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 45%;
 +
    }
 +
 +
#proj {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position:left;
 +
 +
}
 +
 +
#proj:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png');
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 1.5%;
 +
    padding-bottom: 289px; 
 +
}
 +
 +
#md {
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 +
#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>   
   </style>   
   </head>
   </head>
Line 9: Line 301:
<div id="sideBar">
<div id="sideBar">
-
<ul>
+
<div id="Logo">
-
<li id="navMenupoint"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a></li>
+
    </div>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a></li>
+
 
-
        <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1" style="text-decoration:none">Synchronized Oscillatory System</a></li>
+
<ul id="nav" class="dropdown dropdown-vertical" class="cfix">
-
        <ul>
+
<li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="text-decoration:none">Project Description</a></li>
+
<li id="team" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</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>
 +
<ul>
 +
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="text-decoration:none">Project Description</a></li>
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="text-decoration:none">Devices</a></li>
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="text-decoration:none">Devices</a></li>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="text-decoration:none">Modeling</a></li>
+
 
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1" style="text-decoration:none">Notebook</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="text-decoration:none">Modeling</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1" style="text-decoration:none">Notebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1" style="text-decoration:none">Parts Submitted to the Registry</a></li>
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1" style="text-decoration:none">Parts Submitted to the Registry</a></li>
-
</ul>
+
</ul>
</li>
</li>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2">Fungal Track 'n Trace</a>
+
 
-
        <ul>
+
<li id="proj" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2">Fungal Track 'n Trace</a>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject2Description" style="text-decoration:none">Project Description</a></li>
+
<ul>
-
<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/CompleteProject2Description" style="text-decoration:none">Project Description</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><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>
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Softwaretool" style="text-decoration:none">Software Tool</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Safety">Safety</a></li>
+
-
         <li><a href="https://2011.igem.org/Team:Wageningen_UR/ownpresentations">Presentations</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Attributions">Attributions</a>
+
<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>
-
         <li><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a>
+
 
 +
         <li id="socmed" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a>
         </li>
         </li>
-
         <li><a href="https://2011.igem.org/Team:Wageningen_UR/Links">Links</a>
+
 
-
<ul>
+
         <li id="linkses" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Links">Links</a>
-
<li><a href="https://igem.org/Main_Page">iGEM</a>
+
<ul>
-
        <li><a href="http://www.wageningenuniversity.nl/NL/?gclid=CIifsvf0m6gCFcos3goduHf9HA">WUR</a>
+
<li id="spons"><a href="https://igem.org/Main_Page">iGEM</a>
-
        <li><a href="http://www.mlab.nl/">Microscopy ML@b Wageningen UR</a>
+
 
-
</ul>
+
                      <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>
-
         <li><a href="https://2011.igem.org/Team:Wageningen_UR/Protocols">Protocols</a>
+
         <li id="prot" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Protocols">Protocols</a>
         </li>       
         </li>       
-
        </ul>
+
 
-
        </div>
+
</ul>
 +
</div>
   </body>
   </body>
   </html>
   </html>

Revision as of 23:44, 24 May 2011