Difference between revisions of "Team:Duesseldorf/Test3"

Line 4: Line 4:
 
<head>
 
<head>
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
<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>
 +
 
<style>
 
<style>
−
@media only screen and (max-width: 1024px) {
+
#slidewrapper {
−
video {display:none;}
+
  padding: 20px;
−
}
+
  }
 +
 
 +
.rslides {
 +
  margin: 0 auto 40px;
 +
  }
 +
 
 +
#slider {
 +
  box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  -webkit-box-shadow: none;
 +
  margin: 0 auto;
 +
  }
 +
 
 +
.rslides_tabs {
 +
  list-style: none;
 +
  padding: 0;
 +
  background: rgba(0,0,0,.25);
 +
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
 +
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
 +
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
 +
  font-size: 18px;
 +
  list-style: none;
 +
  margin: 0 auto 50px;
 +
  max-width: 540px;
 +
  padding: 10px 0;
 +
  text-align: center;
 +
  width: 100%;
 +
  }
 +
 
 +
.rslides_tabs li {
 +
  display: inline;
 +
  float: none;
 +
  margin-right: 1px;
 +
  }
 +
 
 +
.rslides_tabs a {
 +
  width: auto;
 +
  line-height: 20px;
 +
  padding: 9px 20px;
 +
  height: auto;
 +
  background: transparent;
 +
  display: inline;
 +
  }
 +
 
 +
.rslides_tabs li:first-child {
 +
  margin-left: 0;
 +
  }
 +
 
 +
.rslides_tabs .rslides_here a {
 +
  background: rgba(255,255,255,.1);
 +
  color: #fff;
 +
  font-weight: bold;
 +
  }
 +
 
 +
  h3 {
 +
  font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
  text-align: center;
 +
  color: #fff;
 +
  }
 +
 
 +
.events {
 +
  list-style: none;
 +
  }
 +
 
 +
.callbacks_container {
 +
  margin-bottom: 50px;
 +
  position: relative;
 +
  float: left;
 +
  width: 100%;
 +
  }
 +
 
 +
.callbacks {
 +
  position: relative;
 +
  list-style: none;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  padding: 0;
 +
  margin: 0;
 +
  }
 +
 
 +
.callbacks li {
 +
  position: absolute;
 +
  width: 100%;
 +
  left: 0;
 +
  top: 0;
 +
  }
 +
 
 +
.callbacks img {
 +
  display: block;
 +
  position: relative;
 +
  z-index: 1;
 +
  height: auto;
 +
  width: 100%;
 +
  border: 0;
 +
  }
 +
 
 +
.callbacks .caption {
 +
  display: block;
 +
  position: absolute;
 +
  z-index: 2;
 +
  font-size: 20px;
 +
  text-shadow: none;
 +
  color: #fff;
 +
  background: #000;
 +
  background: rgba(0,0,0, .8);
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  padding: 10px 20px;
 +
  margin: 0;
 +
  max-width: none;
 +
  }
 +
 
 +
.callbacks_nav {
 +
  position: absolute;
 +
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 +
  top: 52%;
 +
  left: 0;
 +
  opacity: 0.7;
 +
  z-index: 3;
 +
  text-indent: -9999px;
 +
  overflow: hidden;
 +
  text-decoration: none;
 +
  height: 61px;
 +
  width: 38px;
 +
  background: transparent url("themes/themes.gif") no-repeat left top;
 +
  margin-top: -45px;
 +
  }
 +
 
 +
.callbacks_nav:active {
 +
  opacity: 1.0;
 +
  }
 +
 
 +
.callbacks_nav.next {
 +
  left: auto;
 +
  background-position: right top;
 +
  right: 0;
 +
  }
 +
  .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;
 +
  }
 
</style>
 
</style>
 
</head>
 
</head>
Line 120: Line 291:
 
</div>
 
</div>
 
       <div class="article">
 
       <div class="article">
−
<h2 id="Medal_Criteria">Medal Criteria</h2>
 
−
<div class="w3-container" style="margin-bottom:50px;margin-top: 20px;">
 
−
  <div class="w3-row">
 
−
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
 
−
      <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/a/a8/T--duesseldorf--medalbronze.PNG" style="width: 120px; height:120px; margin:auto;"></span>
 
−
    </a>
 
−
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');">
 
−
      <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--duesseldorf--medalsilver.PNG" style="width: 120px; height:120px; margin:auto;"></span>
 
−
    </a>
 
−
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');">
 
−
      <span class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/8/86/T--duesseldorf--medalgold.PNG" style="width: 120px; height:120px; margin:auto;"></span>
 
−
    </a>
 
−
  </div>
 
  
−
  <div id="Bronze" class="w3-container requirement">
+
    <div id="slidewrapper">
−
     <h2>Bronze</h2>
+
     <!-- Slideshow 4 -->
−
     <p>Bronze text.</p>
+
     <div class="callbacks_container">
−
  </div>
+
      <ul class="rslides" id="slider">
−
 
+
        <li>
−
  <div id="Silver" class="w3-container requirement">
+
          <img src="https://static.igem.org/mediawiki/2016/c/cb/T--duesseldorf--team--lustigrichtig.jpg" alt="">
−
    <h2>Silver</h2>
+
        </li>
−
    <p>Silver text.</p>
+
        <li>
−
  </div>
+
          <img src="https://static.igem.org/mediawiki/2016/7/77/T--duesseldorf--HDU_Poster.jpg" alt="">
−
 
+
        </li>
−
  <div id="Gold" class="w3-container requirement">
+
        <li>
−
    <h2>Gold</h2>
+
          <img src="https://static.igem.org/mediawiki/2016/c/cc/T--duesseldorf--stock-pipette4stock-pipette7.jpg" alt="">
−
     <p>Gold text.</p>
+
        </li>
 +
      </ul>
 +
     </div>
 
   </div>
 
   </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 
</div>
 
</div>
−
 
−
 
−
 
−
 
−
<div class="sponsor">
 
−
<h3>Many thanks to our sponsors!</h3>
 
−
<table style="border: hidden" class="footer">
 
−
<tr style="border: hidden">
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/f/f5/T--Duesseldorf--Bayer_Logo.svg" alt="Bayer"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/5b/T--Duesseldorf--Biozym_Logo.jpg" alt="Biozym"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/5b/Muc16_Sponsor_CarlRoth.png" alt="Carl Roth"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Duesseldorf--Ceplas_Logo.jpg" alt="Ceplas"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/55/T--Duesseldorf--Ella_Biotech_Logo.jpg" alt="Ella Biotech"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/f/fa/Eppendorf-Logo.svg.png" alt="Eppendorf"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/e/e6/Eurofins_logo.png" alt="Eurofins"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/9/95/GATC_Biotech_Logo.tiff.png" alt="GATC Biotech"></td>
 
−
</tr>
 
−
<tr style="border: hidden">
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/a/ad/Muc16_Sponsor_Geneious.png" alt="Geneious"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/5/56/T--Duesseldorf--HHU_Logo.gif" alt="HHU"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/6/67/Idt_logo.png" alt="IDT"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/b/b1/2000px-MLP-Logo.svg.png" alt="MLP"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/2/27/Muc16_Sponsor_NEB.png" alt="New England Biolabs"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/c/cf/2000px-Promega-Logo.svg.png" alt="Promega"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/9/9c/Qiagen_Logo.svg" alt="Qiagen"></td>
 
−
<td style="border: hidden"><img src="https://static.igem.org/mediawiki/2016/a/a1/Untitled.png" alt="Starlab"></td>
 
−
</tr>
 
−
</table>
 
−
 
−
</div>
 
−
</div>
 
−
 
 
</div>
 
</div>
 
     </div>
 
     </div>

Revision as of 19:46, 18 October 2016


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