Difference between revisions of "Team:RHIT/test3"

 
(88 intermediate revisions by the same user not shown)
Line 66: Line 66:
 
                                 position:absolute;
 
                                 position:absolute;
 
                                 top:350px;
 
                                 top:350px;
 +
                                padding-bottom: 200px;
 
                                 text-align:left;
 
                                 text-align:left;
 
               background-color:#E0FDFC;
 
               background-color:#E0FDFC;
Line 76: Line 77:
 
                                 padding-left:2%;
 
                                 padding-left:2%;
 
                                 padding-right:3%;
 
                                 padding-right:3%;
 +
                                padding-bottom: 200px;
 
                                 width: 110%;
 
                                 width: 110%;
 
                                 float:left
 
                                 float:left
Line 95: Line 97:
  
 
                #mainContainer p {  
 
                #mainContainer p {  
−
font-size: 20px;
+
font-size: 16px;
 
                font-family: Arial, Helvetica, sans-serif;
 
                font-family: Arial, Helvetica, sans-serif;
 
                padding: 5px 0px;
 
                padding: 5px 0px;
Line 107: Line 109:
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 200%
 
}
 
}
  
Line 114: Line 117:
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 230%
 
}                                                
 
}                                                
 
         #contentContainer h5
 
         #contentContainer h5
Line 121: Line 125:
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 200%
 
}
 
}
 
#contentContainer h6  
 
#contentContainer h6  
Line 127: Line 132:
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 +
                font-size: 130%
 
}
 
}
  
Line 187: Line 193:
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
  
 +
.footer {
 +
      bottom: 0px;
 +
      left:0px;
 +
      right:0px;
 +
      background-color: #d3d3d3;
 +
      float: left;
 +
height:170px;
 +
                                position: absolute;
 +
                                display:block;
 +
                                z-index:1;
 +
                                padding-left:3%;
 +
                                padding-right:3%; 
 +
}
  
 
/************************************ Making Hover Images********************************************************************/
 
/************************************ Making Hover Images********************************************************************/
Line 273: Line 292:
 
     visibility: hidden;
 
     visibility: hidden;
 
     width: 500px;
 
     width: 500px;
−
     margin-left: 100px;
+
     margin-left: 230px;
 
     margin-right: auto;
 
     margin-right: auto;
 
     background-color: #D3D3D3;
 
     background-color: #D3D3D3;
Line 284: Line 303:
 
     z-index: 1;
 
     z-index: 1;
 
     left: 0%;
 
     left: 0%;
−
     bottom: 50%;
+
     top: 10%;
 
}
 
}
  
Line 330: Line 349:
 
/* 25% */
 
/* 25% */
 
#mainContainer .column.quarter_size { width: 17.7%; }
 
#mainContainer .column.quarter_size { width: 17.7%; }
 +
        /* Footer */
 +
        #mainContainer .column.footer_size { width: 29%;}
  
  
Line 355: Line 376:
 
                height: 30px;
 
                height: 30px;
 
                                  }
 
                                  }
−
                        .line_divider {
+
 
−
                              border-top: 1px solid #c4baba;
+
−
                    margin: auto;
+
−
                    width: 98%;
+
−
                              }
+
 
/*Button Class*/
 
/*Button Class*/
  
Line 605: Line 622:
 
function bottleone() {
 
function bottleone() {
 
         $("#bottle1").css({left:30,top:400},500);
 
         $("#bottle1").css({left:30,top:400},500);
−
         $("#bottle1").show().animate({left:50,top:250},500, 'linear').animate({left:80,top:220},500, 'linear').animate({left:100,top:240},500, 'linear').animate({left:140,top:160},500, 'linear').animate({left:195,top:227},500, 'linear').animate({left:230,top:205},500, 'linear').animate({left:250,top:229},500, 'linear').animate({left:260,top:250},500, 'linear').animate({left:238,top:260},500, 'linear').animate({left:250,top:250},500, 'linear').animate({left:300,top:250},500, 'linear').animate({left:350,top:235},500, 'linear').animate({left:400,top:230},500, 'linear').animate({left:450,top:240},500, 'linear').animate({left:520,top:230},500, 'linear').animate({left:580,top:250},500, 'linear').animate({left:560,top:235},500, 'linear').animate({left:600,top:225},500, 'linear').animate({left:630,top:220},500, 'linear').animate({left:650,top:230},500, 'linear').animate({left:690,top:240},500, 'linear').animate({left:730,top:240},500, 'linear').animate({left:780,top:260},500, 'linear').animate({left:850,top:250},500, 'linear').animate({left:820,top:240},500, 'linear').animate({left:800,top:230},500, 'linear').animate({left:790,top:210},500, 'linear').animate({left:820,top:200},500, 'linear').animate({left:850,top:130},500, 'linear').animate({left:940,top:60},500, 'linear').animate({left:980,top:0},500, 'linear').animate({left:30,top:400},0,bottleone);
+
         $("#bottle1").show().animate({left:50,top:250},500, 'linear').animate({left:80,top:220},500, 'linear').animate({left:100,top:240},500, 'linear').animate({left:140,top:200},500, 'linear').animate({left:195,top:227},500, 'linear').animate({left:230,top:205},500, 'linear').animate({left:250,top:229},500, 'linear').animate({left:260,top:250},500, 'linear').animate({left:238,top:260},500, 'linear').animate({left:250,top:250},500, 'linear').animate({left:300,top:250},500, 'linear').animate({left:350,top:235},500, 'linear').animate({left:400,top:230},500, 'linear').animate({left:450,top:240},500, 'linear').animate({left:520,top:230},500, 'linear').animate({left:580,top:250},500, 'linear').animate({left:560,top:235},500, 'linear').animate({left:600,top:225},500, 'linear').animate({left:630,top:220},500, 'linear').animate({left:650,top:230},500, 'linear').animate({left:690,top:240},500, 'linear').animate({left:730,top:240},500, 'linear').animate({left:780,top:260},500, 'linear').animate({left:850,top:250},500, 'linear').animate({left:820,top:240},500, 'linear').animate({left:800,top:230},500, 'linear').animate({left:790,top:210},500, 'linear').animate({left:820,top:200},500, 'linear').animate({left:850,top:130},500, 'linear').animate({left:940,top:60},500, 'linear').animate({left:980,top:0},500, 'linear').animate({left:30,top:400},0,'linear').animate({left:30,top:400},1500,bottleone);
 
                           }
 
                           }
  
Line 673: Line 690:
 
<div id="bannerContainer">
 
<div id="bannerContainer">
 
          
 
          
−
         <img src="https://static.igem.org/mediawiki/2018/a/a5/T--RHIT--Banner2.jpg">
+
       
 +
         <img src = "https://static.igem.org/mediawiki/2018/a/a5/T--RHIT--Banner2.jpg">
  
 
     <div class="spin">  <img class="bottles" id="bottle1" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg">  </div>
 
     <div class="spin">  <img class="bottles" id="bottle1" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg">  </div>
Line 681: Line 699:
 
         <img class="bottles" id="bottle3" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg">
 
         <img class="bottles" id="bottle3" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg">
 
   
 
   
−
-->      
+
-->
 +
   
 
   <!----------- Menu and Submenus --------->
 
   <!----------- Menu and Submenus --------->
−
 
+
 
 
     <a href="https://2018.igem.org/Team:RHIT">
 
     <a href="https://2018.igem.org/Team:RHIT">
 
       <img class="home" src="https://static.igem.org/mediawiki/2018/archive/6/68/20180627175452%21T--RHIT--Home.jpg">
 
       <img class="home" src="https://static.igem.org/mediawiki/2018/archive/6/68/20180627175452%21T--RHIT--Home.jpg">
Line 775: Line 794:
 
</br></br></br>
 
</br></br></br>
  
−
  <!--------------------------- Content ------------------------------------->
+
  <!--------------------------- Content -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<div class="column full_size">
+
<div class="column third_size">
 
<div class="popup" onclick="PopUp()"> <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--PebbleHome.jpg" style="width:40%">
 
<div class="popup" onclick="PopUp()"> <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--PebbleHome.jpg" style="width:40%">
−
   <span class="popuptext" id="myPopup"> Hi! My name's PEBBLE and I'll guide you through the adventures I had with my team this year! Click on me when you see me and I'll help you out!
+
   <span class="popuptext" id="myPopup" style="position:absolute; top: 40px; left: 100px;"> Hi! My name's PEBBLE and I'll guide you through the adventures I had with my team this year! Click on me when you see me and I'll help you out!
 
</span>
 
</span>
 
</div>
 
</div>
−
<h2> Click on PEBBLE to meet him! </h2>
+
<center>
 +
<h6> Click on me! </h6>
 +
</center>
 +
</div>
 +
<div class = "clear extra_space"></div>
 +
 
 +
 
 +
 
 +
 
 +
<div class = "footer">
 +
<div class="column footer_size">
 +
<center>
 +
<h6> Connect with us on Facebook! </h6>
 +
<a href="https://www.facebook.com/RHITiGEM2018/">
 +
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%">
 +
</a>
 +
</center>
 +
</div>
 +
<div class = "column footer_size">
 +
<center>
 +
<div class = "clear extra_space"></div>
 +
<div class = "clear extra_space"></div>
 +
<a href="https://www.rose-hulman.edu/">
 +
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%">
 +
</a>
 +
</center>
 +
</div>
 +
<div class= "column footer_size">
 +
<center>
 +
<h6> Contact Us! </h6>
 +
<p style="text-align: center"> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p>
 +
</center>
 +
</div>
 +
</div>
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->
 
     </div></div></div>  
 
     </div></div></div>  
  
 
</html>
 
</html>

Latest revision as of 15:58, 9 July 2018




Hi! My name's PEBBLE and I'll guide you through the adventures I had with my team this year! Click on me when you see me and I'll help you out!
Click on me!
Connect with us on Facebook!
Contact Us!

5500 Wabash Ave.
Terre Haute, IN 47803