Team:UGA-Georgia/FAQ

From 2013.igem.org

(Difference between revisions)
(→Human Practice)
m (→Human Practice)
Line 1: Line 1:
<div id="header">{{Template:Team:UGA-Georgia/Templates/Header}}</div>
<div id="header">{{Template:Team:UGA-Georgia/Templates/Header}}</div>
-
= Human Practice =
+
<div id="header">{{Template:Team:UGA-Georgia/Templates/Header}}</div>
 +
 
<html>
<html>
-
<div class="slider-wrapper theme-default">
+
<head>
-
            <div class="ribbon"></div>
+
<title>CSS: drop down menu example</title>
-
            <div id="slider" class="nivoSlider">
+
<style>
-
                <img src="https://static.igem.org/mediawiki/2013/6/62/E_coli.jpg" />
+
body {
-
                <img src="https://static.igem.org/mediawiki/2013/e/e3/E_coli_and_archaea_expansion.jpg" />
+
margin: 0;
-
          </div>
+
padding: 0;
-
    </div>
+
font: 60% Arial;
-
  <script type="text/javascript">
+
background: #C0C0C0;
-
  $(window).load(function() {
+
}
-
    $('#slider').nivoSlider({
+
 
-
        effect:'boxRandom'
+
#navigation {
-
    });
+
margin: 0;
-
  });
+
padding: 0 1em;
-
  </script>
+
background: #000;
-
</div>
+
height: 3em;
 +
list-style: none;
 +
}
 +
 
 +
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 0.5em;
 +
padding: 0 0.6em;
 +
}
 +
 
 +
#navigation > li > a {
 +
float: left;
 +
height: 100%;
 +
color: #F8F8F8;
 +
text-decoration: none;
 +
line-height: 3;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
}
 +
 
 +
#navigation > li > a:hover {
 +
color: red;
 +
text-decoration: underline;
 +
}
 +
 
 +
#navigation > li.sub {
 +
position: relative;
 +
}
 +
 
 +
#navigation > li.sub ul {
 +
width: 10em;
 +
margin: 0;
 +
padding: 0.5em 0;
 +
list-style: none;
 +
background: #008000;
 +
position: absolute;
 +
top: -1000em;
 +
}
 +
 
 +
#navigation > li.sub ul li {
 +
width: 90%;
 +
margin: 0 auto 0.3em auto;
 +
}
 +
 
 +
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.4em;
 +
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 
 +
#navigation > li.sub ul li a:hover {
 +
background: #008000;
 +
text-decoration: underline;
 +
}
 +
 
 +
#navigation > li.sub:hover ul {
 +
top: 3em;
 +
}
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body>
 +
 
 +
<ul id="navigation">
 +
 
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia">Home</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Plan">Plan</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Protocol">Protocols</a></li>
 +
<li class="sub">
 +
 +
<a href="https://2013.igem.org/Team:UGA-Georgia/Notebook">Notebook</a>
 +
 +
<ul>
 +
 +
<li><a href="#">E. coli</a></li>
 +
<li><a href="#">Methanococcus</a></li>
 +
 +
</ul>
 +
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Results">Results</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Parts">Parts</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Safety">Safety</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Outreach">Outreach</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/humanpractice">Human Practice</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Team">The Team</a></li>
 +
<li><a href="https://2013.igem.org/Team:UGA-Georgia/Acknowledgements">Acknowledgements</a></li>
 +
</ul>
 +
 
 +
</body>
 +
</html>

Revision as of 07:06, 23 September 2013

CSS: drop down menu example

Retrieved from "http://2013.igem.org/Team:UGA-Georgia/FAQ"