Difference between revisions of "Team:Duesseldorf/Test3"

Line 2: Line 2:
  
 
<html>
 
<html>
−
<head>
+
<head>
 +
  <meta name="viewport" content="width=device-width,initial-scale=1">
 +
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
   <style>
 
   <style>
 +
  /*! http://responsiveslides.com v1.55 by @viljamis */
 +
 +
.rslides {
 +
  position: relative;
 +
  list-style: none;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  padding: 0;
 +
  margin: 0;
 +
  }
 +
 +
.rslides li {
 +
  -webkit-backface-visibility: hidden;
 +
  position: absolute;
 +
  display: none;
 +
  width: 100%;
 +
  left: 0;
 +
  top: 0;
 +
  }
 +
 +
.rslides li:first-child {
 +
  position: relative;
 +
  display: block;
 +
  float: left;
 +
  }
 +
 +
.rslides img {
 +
  display: block;
 +
  height: auto;
 +
  float: left;
 +
  width: 100%;
 +
  border: 0;
 +
  }
 +
 +
  * {
 +
  margin: 0;
 +
  padding: 0;
 +
  }
 +
 +
html {
 +
  background: #fff;
 +
  }
 +
 +
body {
 +
  color: #333;
 +
  font: 14px/24px sans-serif;
 +
  margin: 0 auto;
 +
  max-width: 700px;
 +
  _width: 700px;
 +
  padding: 0 30px;
 +
  text-align: center;
 +
  -webkit-font-smoothing: antialiased;
 +
  }
 +
 
#sliderwrapper {
 
#sliderwrapper {
 
   float: left;
 
   float: left;
Line 95: Line 151:
 
   }
 
   }
  
−
</style>
+
 
−
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+
 
 +
 
 +
  </style>
 +
 
 +
 
 
<script type="text/javascript" src="https://2016.igem.org/Template:Duesseldorf/jquery?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:Duesseldorf/jquery?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:Duesseldorf/responsiveslides?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:Duesseldorf/responsiveslides?action=raw&ctype=text/javascript"></script>
Line 102: Line 162:
 
     // You can also use "$(window).load(function() {"
 
     // You can also use "$(window).load(function() {"
 
     $(function () {
 
     $(function () {
−
       // Slideshow 4
+
       // Slideshow 3
−
       $("#slider").responsiveSlides({
+
       $("#slider3").responsiveSlides({
 
         auto: false,
 
         auto: false,
 
         pager: false,
 
         pager: false,
 
         nav: true,
 
         nav: true,
 
         speed: 500,
 
         speed: 500,
−
         namespace: "callbacks",
+
        maxwidth: 800,
 +
         namespace: "large-btns"
 
       });
 
       });
  
Line 225: Line 286:
 
       <div class="article">
 
       <div class="article">
  
−
    <div id="sliderwrapper">
+
 
−
    <!-- Slideshow 4 -->
+
−
    <div class="callbacks_container">
+
−
      <ul class="rslides" id="slider">
+
−
        <li>
+
−
          <img src="https://static.igem.org/mediawiki/2016/c/cb/T--duesseldorf--team--lustigrichtig.jpg" alt="">
+
−
        </li>
+
−
        <li>
+
−
          <img src="https://static.igem.org/mediawiki/2016/7/77/T--duesseldorf--HDU_Poster.jpg" alt="">
+
−
        </li>
+
−
        <li>
+
−
          <img src="https://static.igem.org/mediawiki/2016/c/cc/T--duesseldorf--stock-pipette4stock-pipette7.jpg" alt="">
+
−
        </li>
+
−
      </ul>
+
−
    </div>
+
−
  </div>
+
 
   
 
   
 
   
 
   
Line 248: Line 294:
 
</div>
 
</div>
 
</div>
 
</div>
−
    </div>
+
</div>
−
  </div>
+
</div>
  
 
<script>
 
<script>

Revision as of 20:27, 18 October 2016


Heinrich-Heine University
Universitätsstraße 1
40225 Düsseldorf
Design by Marvin van Aalst