Team:Wageningen UR/Templates/NavigationLeft

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
   <head>  
   <head>  
-
<style type="text/css"><link rel="stylesheet" type="text/css" href="cssverticalmenu.css" />
+
  <style type="text/css">
 +
 
 +
  @charset "UTF-8";
-
<script type="text/javascript" src="cssverticalmenu.js">
+
/**
 +
* 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);
-
* CSS Vertical List Menu- by JavaScript Kit (www.javascriptkit.com)
 
-
* Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
 
-
* This notice must stay intact for usage
 
-
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
 
-
***********************************************/
+
/*-------------------------------------------------/
 +
* @section Base Drop-Down Styling
 +
* @structure ul (unordered list)
 +
* ul li (list item)
 +
* ul li a (links)
 +
* /*\.class|(li|a):hover/
 +
* @level sep ul
 +
*/
-
</script>
+
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/a/ae/4menubar.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/a/ae/4menubar.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%;
 +
    margin-left: 250px; 
 +
}
 +
 
 +
#md {
 +
background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.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/a/ae/4menubar.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/a/ae/4menubar.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/a/ae/4menubar.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/a/ae/4menubar.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/a/ae/4menubar.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;
 +
}
 +
 
 +
  </style>  
   </head>
   </head>
-
<ul id="verticalmenu" class="glossymenu">
+
 
-
<li><a href="http://www.javascriptkit.com/">JavaScript Kit</a></li>
+
<body>
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JavaScripts</a></li>
+
<div id="sideBar">
-
<li><a href="http://www.javascriptkit.com/">JavaScript Tutorials</a></li>
+
-
<li><a href="#">References</a>
+
<div id="Logo">
-
    <ul>
+
    </div>
-
    <li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
+
 
-
    <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
+
<ul id="nav" class="dropdown dropdown-vertical" class="cfix">
-
    <li><a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml">CSS Reference</a></li>
+
<li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a>
-
    </ul>
+
<li id="team" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a>                 
-
</li>
+
</li>
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >DHTML/ CSS Tutorials</a></li>
+
 
-
<li><a href="http://www.javascriptkit.com/howto/">web Design Tutorials</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><a href="#" >Helpful Resources</a>
+
<ul>
-
    <ul>
+
-
    <li><a href="http://www.dynamicdrive.com">Dynamic HTML</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="text-decoration:none">Project Description</a></li>
-
    <li><a href="http://www.codingforums.com">Coding Forums</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="text-decoration:none">Devices</a></li>
-
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
+
 
-
    <li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="text-decoration:none">Modeling</a></li>
-
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
+
-
    <li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator</a></li>
+
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1" style="text-decoration:none">Notebook</a></li>
-
    </ul>
+
-
</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>
 +
</li>
 +
 
 +
<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="att" 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>
 +
 +
        </ul>
 +
        </li>            
</ul>
</ul>
 +
</div>
 +
 +
  </body>
 +
 +
  </html>

Revision as of 18:25, 17 May 2011

Retrieved from "http://2011.igem.org/Team:Wageningen_UR/Templates/NavigationLeft"