Team:Manchester/openday

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
  {
  {
   $(".slider #1").fadeIn(300);
   $(".slider #1").fadeIn(300);
-
   $(".slider #1").delay(5000).fadeOut(300);
+
   $(".slider #1").delay(3000).fadeOut(300);
    
    
   var size = $(".slider img").size();
   var size = $(".slider img").size();
Line 396: Line 396:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:940px;
+
width:960px;
-
height:705px;
+
height:550px;
top:110px;
top:110px;
left:0;
left:0;
-
padding:10px;
 
background-color:white;
background-color:white;
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.wrapper .left
 +
{
 +
float:left;
 +
margin:10px 0 5px 20px;
 +
-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);
}
}
.slider
.slider
{
{
-
position:absolute;
+
float:left;
-
top:5;
+
margin:10px 10px 5px 10px;
-
left:200px;
+
width:600px;
width:600px;
height:300px;
height:300px;
Line 418: Line 425:
z-index:200;
z-index:200;
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.wrapper .right
 +
{
 +
float:left;
 +
margin:10px 20px 5px 0;
 +
-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 432: Line 448:
.text
.text
{
{
-
width:900px;
+
clear:both;
 +
width:960px;
margin:0;
margin:0;
-
margin-top:310px;
+
 
-
margin-left:20px;
+
}
}
.text p
.text p
{
{
-
margin:5px 5px 5px 5px;
+
margin:20px;
-
line-height:24px;
+
background:#F2F2F2;
-
background:#E6E6E6;
+
text-align:justify;
text-align:justify;
color:black;
color:black;
Line 448: Line 463:
font-size:14px;
font-size:14px;
padding:10px;
padding:10px;
 +
color:#4c0082;
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
}
Line 457: Line 473:
.next a
.next a
{
{
-
width:185px;
+
width:150px;
text-decoration:none;
text-decoration:none;
color:white;
color:white;
position:fixed;
position:fixed;
-
bottom:5px;
+
bottom:400px;
right:5px;
right:5px;
text-align:center;
text-align:center;
Line 481: Line 497:
.back a
.back a
{
{
-
width:180px;
+
width:150px;
text-decoration:none;
text-decoration:none;
color:white;
color:white;
position:fixed;
position:fixed;
-
bottom:5px;
+
bottom:400px;
left:5px;
left:5px;
text-align:center;
text-align:center;
Line 544: Line 560:
                     <li><a href="#" id="link2">About</a>
                     <li><a href="#" id="link2">About</a>
                  <ul class="submenu" id="sub1">
                  <ul class="submenu" id="sub1">
-
        <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
-
                        <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
+
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
  </ul>
  </ul>
                     </li>
                     </li>
Line 558: Line 574:
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
-
                             <li><a href="#" id="link3">Lab Book</a></li>
+
                             <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li>
                    <li><a href="#" id="link3">Contributions</a></li>
                    <li><a href="#" id="link3">Contributions</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
Line 571: Line 587:
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
               <ul class="list">
               <ul class="list">
-
                   <li><a href="#" id="link6">Modelling</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a>
                <ul class="submenu">
                <ul class="submenu">
    <li><a href="#" id="link6">Fatty Acid Production</a></li>
    <li><a href="#" id="link6">Fatty Acid Production</a></li>
Line 615: Line 631:
 
 
</div>
</div>
-
 
<div class="wrapper">
<div class="wrapper">
-
             <div class="slider">
+
             <img src="https://static.igem.org/mediawiki/2013/7/7c/ScienceMan.png" class="left" width="150" height="300"/>
 +
           
 +
<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"/>
          <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png" id="2"/>
          <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png" id="2"/>
Line 624: Line 641:
          <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>
 +
 
 +
          <img src="https://static.igem.org/mediawiki/2013/c/c7/StarsMan.png" class="right" width="150" height="300"/>
-
           <div class="text">
+
           <div class="text">                
           <p>
           <p>
           Incididunt ut labore et dolore magna  
           Incididunt ut labore et dolore magna  
Line 652: Line 671:
           </div>
           </div>
</div>
</div>
-
      <div class="next">
+
    <div class="next">
         <a href="https://2013.igem.org/Team:Manchester/Projecttest" class="nextButton">Next</a>
         <a href="https://2013.igem.org/Team:Manchester/Projecttest" class="nextButton">Next</a>
       </div>
       </div>

Revision as of 02:00, 6 August 2013

Top

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