Team:Wageningen UR/Templates/NavigationLeft

From 2011.igem.org

(Difference between revisions)
 
(130 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Wageningen_UR/Templates/navMenupoint2}}
<html>
<html>
   <head>  
   <head>  
   <style type="text/css">
   <style type="text/css">
-
 
 
-
/**
 
-
*********************************************
 
-
* Prototype of styles for horizontal CSS-menu
 
-
* @data 25.01.2010
 
-
*********************************************
 
-
* (X)HTML-scheme:
 
-
*  <div id="menu">
 
-
*      <ul class="menu">
 
-
*          <li><a href="#" class="parent"><span>level 1</span></a>
 
-
*              <div><ul>
 
-
*                  <li><a href="#" class="parent"><span>level 2</span></a>
 
-
*                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 
-
*                  </li>
 
-
*              </ul></div>
 
-
*          </li>
 
-
*          <li class="last"><a href="#"><span>level 1</span></a></li>
 
-
*      </ul>
 
-
*  </div>
 
-
*********************************************
 
-
*/
 
-
/* menu::base */
+
#sideBar ul{  
-
#menu {
+
  list-style: none;
-
    position:relative;
+
  margin-top: 30px;
-
    z-index:100;
+
-
    height:32px;
+
}
}
-
#menu .menu {
 
-
    position:absolute;
 
-
}
 
-
#menu * {
 
-
    list-style:none;
 
-
    border:0;
 
-
    padding:0;
 
-
    margin:0;
 
-
}
 
-
#menu a {
 
-
    display:block;
 
-
    padding:7px 14px 7px 14px;
 
-
    white-space:nowrap;
 
-
}
 
-
#menu li {
 
-
    float:left;
 
-
    background:#fff;
 
-
}
 
-
#menu li li {
 
-
    float:none;
 
-
    _border:1px solid #737373; /** fix for ie6 */
 
-
}
 
-
#menu div {
 
-
    visibility:hidden;
 
-
    position:absolute;
 
-
    background:url(images/pix.gif);
 
-
}
 
-
#menu div div {
 
-
    margin:-24px 0 0 -1px;
 
-
    left:100%;
 
-
}
 
-
#menu li:hover>div { visibility:visible; }
 
-
/* menu::special styles */
+
#navMenupoint a {
-
/* menu::level 1 */
+
  display:block;
-
#menu a {
+
  height: 28px;
-
    text-decoration:none;
+
  padding-top: 9px;
-
    color:#fff;
+
-
    position:relative;
+
-
    z-index:77;
+
}
}
-
#menu a:hover {
 
-
    background:url(images/back.png);
 
-
    color:#ffa500;
 
-
}
 
-
#menu a:hover span { color:#ffa500; }
 
-
#menu>ul>li:hover>a {
 
-
    background:url(images/back.png);
 
-
    color:#ffa500;
 
-
}
 
-
#menu>ul>li:hover>a span { color:#ffa500; }
 
-
#menu span {
 
-
    text-transform:uppercase;
 
-
    font:12px/18px 'Trebuchet MS', Arial, Helvetica, Sans-serif;
 
-
    color:#fff;
 
-
}
 
-
#menu li { background:none; }
 
-
/* menu::level >= 2 */
 
-
#menu li li a {
 
-
    padding:0;
 
-
    position:static;
 
-
}
 
-
#menu li li a:hover { background:#cf8700; }
 
-
#menu li li a span { color:#fff; }
 
-
#menu li li a:hover span { color:#ffffff; }
 
-
#menu li li a.parent span { background:url(images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
 
-
*+html #menu li li a.parent span { background-position:right 10px; }
 
-
#menu li li span {
 
-
    display:block;
 
-
    text-transform:none;
 
-
    line-height:16px;
 
-
    padding:4px 25px 4px 14px;
 
-
    font-size:11px;
 
-
}
 
-
#menu li div { background:url(images/back.png); }
 
-
/** <fix for ie6> */
 
-
#menu div div {
 
-
    _margin-top:-25px;
 
-
    _background:#393939;
 
-
}
 
-
#menu li li li { _border:1px solid #393939; }
 
-
#menu div div div { _background:#292929; }
 
-
#menu li li li li { _border:1px solid #292929; }
 
-
/** </fix for ie6> */
 
-
/* lava lamp */
+
 
-
div#menu li.back {
+
#navMenupoint3 a {
-
    width:10px;
+
  display:block;
-
    height:32px;
+
  height: 50px;
-
    z-index:8;
+
  padding-top: 9px;
-
    position:absolute;
+
-
}
+
-
div#menu li.back .left {
+
-
    width:auto;
+
-
    height:32px;
+
-
    float:none;
+
-
    position:relative;
+
-
    top:0;
+
-
    left:0;
+
-
    visibility:visible;
+
}
}
-
   </style>  
+
#clustrmaps-widget {
 +
margin: 55px 0px 30px 20px;
 +
}
 +
 
 +
#donation{
 +
margin: 30px 0 10px 75px;
 +
  }
 +
 
 +
 
 +
   </style>
   </head>
   </head>
<body>
<body>
 +
<div id="sideBar">
 +
<ul>
 +
<li id="navMenupoint"><a class="currentlink1" href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1">Abstract</a></li>
 +
<li id="navMenupoint"><a class="currentlink2" href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description">Project Description</a></li>
 +
<li id="navMenupoint"><a class="currentlink2m" href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1">Modeling</a></li>
 +
        <li id="navMenupoint"><a class="currentlink5" href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1">Data Page</a></li>
 +
        <li id="navMenupoint"><a class="currentlink5a" href="https://2011.igem.org/Team:Wageningen_UR/Project/Applications">Possible Applications</a></li>
 +
        <li id="navMenupoint"><a class="currentlink4" href="https://2011.igem.org/Team:Wageningen_UR/Project/Notebook">Notebook</a></li>
 +
        <li id="navMenupoint"><a class="currentlink6" href="https://2011.igem.org/Team:Wageningen_UR/Project/ProtocolsProj1">Protocols</a></li>
 +
        </ul>
 +
 +
<div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2011.igem.org/Team:Wageningen_UR', 'user' : 897814, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2011-06-08', 'lang' : 'en' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/885db316" target="_tab"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-Wageningen_UR-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
 +
 +
  </div>
 +
 +
-
<div id="menu">
 
-
      <ul class="menu">
 
-
          <li><a href="https://2011.igem.org/Team:Wageningen_UR" class="parent"><span>Home</span></a>
 
-
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Team" class="parent"><span>Team</span></a>
 
-
  <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1" class="parent"><span>Synchronized Oscillatory System</span></a>
 
-
              <div><ul>
 
-
                  <li><a href="#" class="parent"><span>level 2</span></a>
 
-
                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 
-
                  </li>
 
-
              </ul></div>
 
-
          </li>
 
-
          <li class="last"><a href="#"><span>level 1</span></a></li>
 
-
      </ul>
 
-
  </div>
 
-
+
</div>
-
  </body>
+
      </body>
-
  </html>
+
        </html>

Latest revision as of 00:44, 22 September 2011

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