Team:Wageningen UR/Testpage

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Wageningen_UR/Templates/Header}}
+
<html>
 +
  <head>
 +
  <style type="text/css">
 +
 
 +
  @charset "UTF-8";
-
{{:Team:Wageningen_UR/Templates/Style}}
+
/**
 +
* 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
 +
*
 +
*/
-
== does this work ==
+
@import "helper.css";
-
==== even with a subtitle ====
+
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
-
test
+
 
 +
 
 +
/*-------------------------------------------------/
 +
* @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 1px 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/e/e0/1menubar.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/4/43/3menubar.png');
 +
        border-color: transparent;
 +
}
 +
 
 +
ul.dropdown a:link {
 +
color: white;
 +
        text-shadow: 0 1px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
}
 +
 +
ul.dropdown a:visited {
 +
        color: white;
 +
        text-shadow: 0 1px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
        }
 +
 +
ul.dropdown  a:hover {
 +
color: white;
 +
        text-shadow: 0 1px 0 #372c24;
 +
text-decoration: none;
 +
font-family: 'Ubuntu', serif;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
       
 +
        }
 +
 +
ul.dropdown a:active {
 +
        color: white;
 +
        text-shadow: 0 1px 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/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#intr:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 48%;
 +
    }
 +
#team {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#team:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 45%;
 +
    }
 +
 
 +
#proj {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position:left;
 +
 
 +
}
 +
 
 +
#proj:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 1.5%;
 +
    padding-bottom: 289px; 
 +
}
 +
 
 +
#md {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#md:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#saf {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#saf:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#pres {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#pres:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#att {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#att:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
 
 +
#socmed {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#socmed:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
#linkses {
 +
background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 
 +
#linkses:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
    background-position: 0% 3%;
 +
    background-repeat: no-repeat;
 +
    padding-bottom: 136px;
 +
}
 +
 
 +
  </style> 
 +
  </head>
 +
 
 +
<body>
 +
<div id="sideBar">
 +
 +
<div id="Logo">
 +
    </div>
 +
 
 +
<ul id="nav" class="dropdown dropdown-vertical" class="cfix">
 +
<li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a>
 +
<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/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>
 +
</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" 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/">Presentations</a></li>
 +
 
 +
<li id="att" class="dir"><a>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>
 +
</div>
 +
 
 +
  </body>
 +
 
 +
  </html>

Revision as of 23:23, 24 May 2011