Team:UGA-Georgia/FAQ

From 2013.igem.org

(Difference between revisions)
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>
<div id="header">{{Template:Team:UGA-Georgia/Templates/Header}}</div>
<html>
<html>
 +
<head>
<head>
-
<title>CSS: drop down menu example</title>
+
<meta charset='UTF-8'>
-
<style>
+
-
body {
+
<title>Simple jQuery Slideshow</title>
-
margin: 0;
+
-
padding: 0;
+
<link rel='stylesheet' href='css/style.css'>
-
font: 60% Arial;
+
-
background: #C0C0C0;
+
<style>
-
}
+
#slideshow {
 +
    margin: 80px auto;  
 +
    position: relative;
 +
    width: 240px;
 +
    height: 240px;
 +
    padding: 10px;
 +
    box-shadow: 0 0 20px rgba(0,0,0,0.4);  
 +
}
 +
 +
#slideshow > div {
 +
    position: absolute;
 +
    top: 10px;
 +
    left: 10px;
 +
    right: 10px;
 +
    bottom: 10px;
 +
}
 +
</style>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
 +
<script>
 +
$(function() {
 +
 +
$("#slideshow > div:gt(0)").hide();
 +
 +
setInterval(function() {
 +
  $('#slideshow > div:first')
 +
    .fadeOut(1000)
 +
    .next()
 +
    .fadeIn(1000)
 +
    .end()
 +
    .appendTo('#slideshow');
 +
},  3000);
 +
 +
});
 +
</script>
 +
</head>
-
#navigation {
+
<body>
-
margin: 0;
+
 
-
padding: 0 1em;
+
<div id="slideshow">
-
background: #000;
+
  <div>
-
height: 3em;
+
    <img src="https://static.igem.org/mediawiki/2013/5/5c/Outreach_1.jpg">
-
list-style: none;
+
  </div>
-
}
+
<div>
 +
    <img src="https://static.igem.org/mediawiki/2013/8/86/Outreach_2.jpg">
 +
  </div>
 +
<div>
 +
    <img src="https://static.igem.org/mediawiki/2013/3/3b/Outreach_3.jpg">
 +
  </div>
 +
<div>
 +
    <img src="https://static.igem.org/mediawiki/2013/a/a6/Outreach_4.jpg">
 +
  </div>
 +
  <div>
 +
    <img src="https://static.igem.org/mediawiki/2013/d/dd/Outreach_5.jpg">
 +
  </div>
 +
</div>
 +
 +
<style type="text/css" style="display: none !important;">
 +
* {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
body {
 +
overflow-x: hidden;
 +
}
 +
.bsa_it_ad {
 +
padding: 8px 4px 8px 12px !important;
 +
position: relative;
 +
border: 0 !important;
 +
background: #D6D5D5 !important;
 +
border-top: 0 !important;
 +
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
 +
font: 11px "Lucida Grande", Sans-Serif !important;
 +
}
 +
.bsa_it_ad:before, .bsa_it_ad:after {
 +
content: "";
 +
position: absolute;
 +
top: 0;
 +
left: 6px;
 +
width: 100%;
 +
height: 100%;
 +
background: #989898;
 +
border-bottom: 6px solid #989898;
 +
z-index: -1;
 +
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
 +
}
 +
.bsa_it_ad:before {
 +
top: 0;
 +
left: 12px;
 +
z-index: -2;
 +
background: #6C6666;
 +
border-bottom: 12px solid #6C6666;
 +
}
-
#navigation > li {
+
.bsa_it_ad a {
-
float: left;
+
  margin: 0 !important;
-
height: 100%;
+
padding: 0 !important;
-
margin-right: 0.5em;
+
}
-
padding: 0 0.6em;
+
.bsa_it_ad a img {
-
}
+
  border: 0 !important;
 +
position: static !important;
 +
}
 +
.bsa_it_ad a:hover img {
 +
margin: 0 !important;
 +
}
 +
.bsa_it_ad a:hover {
 +
  background: none !important;
 +
}
 +
.bsa_it_i {
 +
margin: 0 15px 0 0 !important;
 +
}
 +
.bsa_it_t {
 +
font-size: 14px !important;
 +
margin: 12px 0 0 0 !important;
 +
}
 +
.bsa_it_d {
 +
padding-right: 10px;
 +
}
 +
.bsa_it_p{
 +
display: none !important;
 +
}
 +
#demo-bar-ad {
 +
width: 416px;
 +
position: absolute;
 +
right: 0;
 +
top: -20px;
 +
font: 11px "Lucida Grande", Sans-Serif !important;
 +
}
 +
#bsap_aplink {
 +
position: absolute;
 +
color: #999;
 +
text-decoration: none;
 +
bottom: 8px !important;
 +
right: 8px !important;
 +
padding: 0 !important;
 +
}
 +
.bsa_it_p a:hover {
 +
background:none !important;
 +
}
 +
#demo-top-bar {
 +
text-align: left;
 +
background: #e18728;
 +
position: relative;
 +
zoom: 1;
 +
width: 100% !important;
 +
z-index: 6000;
 +
box-shadow: 0 0 10px black;
 +
padding: 20px 0 15px;
 +
}
 +
#demo-bar-inside {
 +
width: 960px;
 +
margin: 0 auto;
 +
position: relative;
 +
}
 +
#demo-top-bar:before, #demo-top-bar:after {
 +
content: "";
 +
position: absolute;
 +
top: 0;
 +
left: 6px;
 +
width: 100%;
 +
height: 100%;
 +
background: #e18728;
 +
border-bottom: 6px solid #8F5314;
 +
z-index: -1;
 +
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
 +
}
 +
#demo-top-bar:before {
 +
top: 0;
 +
left: 12px;
 +
background: #6C6666;
 +
border-bottom: 12px solid #62390E;
 +
}
-
#navigation > li > a {
+
#demo-bar-buttons {
-
float: left;
+
display: inline-block;
-
height: 100%;
+
width: 236px;
-
color: #F8F8F8;
+
text-align: center;
-
text-decoration: none;
+
vertical-align: top;
-
line-height: 3;
+
font-size: 0;
-
font-weight: bold;
+
}
-
text-transform: uppercase;
+
#demo-bar-buttons a {
-
}
+
font-size: 12px;
-
 
+
color: white;
-
#navigation > li > a:hover {
+
display: block;
-
color: red;
+
margin: 2px 0;
-
text-decoration: underline;
+
text-decoration: none;
-
}
+
font: 14px "Lucida Grande", Sans-Serif !important;
-
 
+
}
-
#navigation > li.sub {
+
#demo-bar-buttons a:hover,
-
position: relative;
+
#demo-bar-buttons a:focus {
-
}
+
color: #333;
-
 
+
}
-
#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;
+
-
}
+
 +
#demo-bar-badge {
 +
display: inline-block;
 +
width: 302px;
 +
padding: 0 !important;
 +
margin: 0 !important;
 +
background-color: transparent !important;
 +
}
 +
#demo-bar-badge a {
 +
display: block;
 +
width: 100%;
 +
height: 38px;
 +
border-radius: 0;
 +
bottom: auto;
 +
margin: 0;
 +
background: url(/images/examples-logo.png) no-repeat;
 +
background-size: 100%;
 +
overflow: hidden;
 +
text-indent: -9999px;
 +
}
 +
#demo-bar-badge:before, #demo-bar-badge:after {
 +
display: none !important;
 +
}
</style>
</style>
-
</head>
 
-
<body>
+
<script type="text/javascript">
 +
(function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })();
 +
</script>
-
<ul id="navigation">
+
<script type="text/javascript">
 +
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-68528-29']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })();
 +
</script>
 +
</body>
-
<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>
</html>

Revision as of 21:39, 23 September 2013

Simple jQuery Slideshow