Difference between revisions of "Template:NYMU-2015project-wetlab"

Line 14: Line 14:
 
}
 
}
  
−
#Slider .Slides {
 
−
width: 100%;
 
−
height: 100%;
 
−
background-image: url(https://static.igem.org/mediawiki/2015/2/2a/Intro.gif);
 
−
}
 
  
−
 
+
        #topleft {
−
 
+
  left:5%
−
 
+
          top:5%                 
−
#topleft {
+
          height:10%
−
border-top-style: solid;
+
          width:10%
−
border-right-style: solid;
+
          }
−
border-bottom-style: solid;
+
                                           
−
border-left-style: solid;
+
        #topright {
−
margin-right: auto;
+
          height:10%
−
margin-left: auto;
+
          width:10%
−
width:10%
+
          left:20%
−
}
+
          top:5%
−
 
+
          }
−
#topright {
+
                               
−
border-top-style: solid;
+
        #downleft {
−
border-right-style: solid;
+
          height:10%
−
border-bottom-style: solid;
+
          width:10%
−
border-left-style: solid;
+
          bottom:5%
−
margin-right: auto;
+
          left:5%
−
margin-left: auto;
+
          }
−
width:10%
+
                                           
−
}
+
        #downright {
−
 
+
          height:10%
−
#downleft {
+
          width:10%
−
border-top-style: solid;
+
          left:20%                 
−
border-right-style: solid;
+
          bottom:5%
−
border-bottom-style: solid;
+
                         
−
border-left-style: solid;
+
          }
−
margin-right: auto;
+
−
margin-left: auto;
+
−
width:10%
+
−
}
+
−
 
+
−
#downright {
+
−
border-top-style: solid;
+
−
border-right-style: solid;
+
−
border-bottom-style: solid;
+
−
border-left-style: solid;
+
−
margin-right: auto;
+
−
margin-left: auto;
+
−
width:10%
+
−
 
+
−
}
+
  
  
Line 82: Line 62:
  
  
 +
#left1 {
 +
height:30%;
 +
padding-top:3%;
 +
        height:40%
 +
        z-index: 0;
 +
        left: 5%;
 +
     
 +
        position: absolute;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
  
  
−
 
+
#left2 {
−
 
+
padding-top:3%;
 +
        height:30%;
 +
        z-index: 0;
 +
        left: 23.75%;
 +
        position: absolute;
 +
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
}
  
 
</style>
 
</style>
Line 102: Line 98:
 
$(window).resize(function() {
 
$(window).resize(function() {
 
$('#Slider').css('height', ($('body').width() / 2.5));
 
$('#Slider').css('height', ($('body').width() / 2.5));
 +
 +
 +
                             
 
 
 
 
Line 116: Line 115:
 
<div id="container">
 
<div id="container">
  
−
                         <div id="Slider">
+
                         <div id="Slider"><div id="left1"><img src="https://static.igem.org/mediawiki/2015/0/07/Nymu-Experiment_logo.jpg" height="100%"></div>
−
<div id="Slide0" class="Slides current"></div>    
+
                                        <div id="left2"><img src="https://static.igem.org/mediawiki/2015/3/3c/Nymu-Modeling_logo.jpg" height="100%" ></div>
−
 
+
                                        <img src="https://static.igem.org/mediawiki/2015/2/2a/Intro.gif" width="100%" z-index="-1">
−
 
+
−
 
+
  
 +
</div>
  
  

Revision as of 22:09, 12 August 2015