Team:Manchester/Outreachtest

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 9: Line 9:
  function showImage()
  function showImage()
  {
  {
-
   $(".slider #1").fadeIn(500);
+
   $(".slider #1").fadeIn(300);
-
   $(".slider #1").delay(2000).fadeOut(500);
+
   $(".slider #1").delay(5000).fadeOut(300);
    
    
   var size = $(".slider img").size();
   var size = $(".slider img").size();
Line 16: Line 16:
    
    
   setInterval(function() {
   setInterval(function() {
-
     $(".slider #"+count).fadeIn(500);
+
     $(".slider #"+count).fadeIn(300);
-
$(".slider #"+count).delay(2000).fadeOut(500);
+
    $(".slider #"+count).delay(5000).fadeOut(300);
 
 
if(count == size){
if(count == size){
Line 23: Line 23:
     }else{
     }else{
  count = count + 1;}
  count = count + 1;}
-
   },3000);
+
   },5000);
  }
  }
Line 243: Line 243:
top:15px;
top:15px;
left:0;
left:0;
-
z-index:100;
+
z-index:300;
}
}
Line 401: Line 401:
padding:10px;
padding:10px;
background-color:white;
background-color:white;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 416: Line 419:
overflow:hidden;
overflow:hidden;
z-index:200;
z-index:200;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 426: Line 432:
width:600px;
width:600px;
height:300px;
height:300px;
 +
}
 +
 +
.text
 +
{
 +
width:900px;
 +
margin:0;
 +
margin-top:310px;
 +
margin-left:20px;
 +
}
 +
 +
.text p
 +
{
 +
margin:5px 5px 5px 5px;
 +
line-height:24px;
 +
background:#E6E6E6;
 +
text-align:justify;
 +
color:black;
 +
font-family:Trebuchet MS;
 +
font-size:14px;
 +
padding:10px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
}
Line 447: Line 481:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/6/6e/Human.png"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/3/3c/Stars.png"></a>
  </div>  
  </div>  
Line 549: Line 583:
          <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg" id="5"/>
          <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg" id="5"/>
                   <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg" id="6"/>
                   <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg" id="6"/>
 +
          </div>
 +
 +
          <div class="text">
 +
          <p>
 +
          Incididunt ut labore et dolore magna
 +
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
          </p>
           </div>
           </div>
</div>
</div>

Latest revision as of 03:22, 29 July 2013

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit