Team:Manchester/Outreachtest

From 2013.igem.org

(Difference between revisions)
 
(11 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 232: Line 232:
width:950px;
width:950px;
height:1600px;
height:1600px;
-
border:1px solid black;
 
}
}
Line 242: Line 241:
background-color:#F2F2F2;
background-color:#F2F2F2;
position:absolute;
position:absolute;
-
top:0;
+
top:15px;
left:0;
left:0;
-
z-index:100;
+
z-index:300;
}
}
Line 402: 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 411: Line 413:
{
{
position:absolute;
position:absolute;
-
top:300px;
+
top:5;
left:200px;
left:200px;
width:600px;
width:600px;
Line 417: 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 427: 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 448: 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 459: Line 492:
<div class="global">
<div class="global">
-
<div class="wrapper">
 
<div class="container">
<div class="container">
         <div id="block">
         <div id="block">
Line 543: Line 575:
</div>
</div>
 +
<div class="wrapper">
             <div class="slider">
             <div class="slider">
                   <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"    id="1"/>
                   <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"    id="1"/>
Line 550: 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