Team:UGA-Georgia/FAQ

From 2013.igem.org

(Difference between revisions)
m
 
(5 intermediate revisions not shown)
Line 1: Line 1:
<div id="header">{{Template:Team:UGA-Georgia/Templates/Header}}</div>
<div id="header">{{Template:Team:UGA-Georgia/Templates/Header}}</div>
-
= FAQ =
 
<html>
<html>
-
<div class="slider-wrapper theme-default">
+
 
-
            <div class="ribbon"></div>
+
<head>
-
            <div id="slider" class="nivoSlider">
+
<meta charset='UTF-8'>
-
                <img src="https://static.igem.org/mediawiki/2013/6/62/E_coli.jpg" />
+
-
                <img src="https://static.igem.org/mediawiki/2013/e/e3/E_coli_and_archaea_expansion.jpg" />
+
<title>Simple jQuery Slideshow</title>
-
          </div>
+
-
    </div>
+
<link rel='stylesheet' href='css/style.css'>
-
  <script type="text/javascript">
+
-
  $(window).load(function() {
+
<style>
-
    $('#slider').nivoSlider({
+
#slideshow {
-
        effect:'boxRandom'
+
    margin: 80px auto;
-
    });
+
    position: relative;
-
  });
+
    width: 645px;
-
  </script>
+
    height: 485px;
-
</div>
+
    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');
 +
},  6000);
 +
 +
});
 +
</script>
 +
</head>
 +
 
 +
<body>
 +
 
 +
<div id="slideshow">
 +
  <div>
 +
    <img src="https://static.igem.org/mediawiki/2013/5/5c/Outreach_1.jpg">
 +
  </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;
 +
}
 +
 
 +
.bsa_it_ad a {
 +
  margin: 0 !important;
 +
padding: 0 !important;
 +
}
 +
.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;
 +
}
 +
 
 +
#demo-bar-buttons {
 +
display: inline-block;
 +
width: 236px;
 +
text-align: center;
 +
vertical-align: top;
 +
font-size: 0;
 +
}
 +
#demo-bar-buttons a {
 +
font-size: 12px;
 +
color: white;
 +
display: block;
 +
margin: 2px 0;
 +
text-decoration: none;
 +
font: 14px "Lucida Grande", Sans-Serif !important;
 +
}
 +
#demo-bar-buttons a:hover,
 +
#demo-bar-buttons a:focus {
 +
color: #333;
 +
}
 +
 
 +
#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>
 +
 
 +
<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>
 +
 
 +
<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>
 +
 
 +
</html>

Latest revision as of 21:51, 23 September 2013

Simple jQuery Slideshow