Difference between revisions of "Team:RHIT/test3"

 
(65 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 278: Line 297:
 
     color: #000000;
 
     color: #000000;
 
     text-align: center;
 
     text-align: center;
−
    overflow-wrap:normal;
 
 
     font-size: 20px;
 
     font-size: 20px;
 
     border-radius: 10px;
 
     border-radius: 10px;
 
     padding: 8px 0;
 
     padding: 8px 0;
 +
    position:absolute;
 
     z-index: 1;
 
     z-index: 1;
 
     left: 0%;
 
     left: 0%;
−
     bottom:25%;
+
     top: 10%;
−
    position:absolute;
+
−
 
+
 
}
 
}
  
Line 332: 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 357: Line 376:
 
                height: 30px;
 
                height: 30px;
 
                                  }
 
                                  }
−
                        .line_divider {
+
 
−
                              border-top: 1px solid #c4baba;
+
−
                    margin: auto;
+
−
                    width: 98%;
+
−
                              }
+
 
/*Button Class*/
 
/*Button Class*/
  
Line 607: 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 779: Line 794:
 
</br></br></br>
 
</br></br></br>
  
−
  <!--------------------------- Content ------------------------------------->
+
  <!--------------------------- Content -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 
<div class="column third_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>
 
</div>
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->
 
<!----------------------------------------------Must always finish pages with stuff below----------------------------------->

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