Difference between revisions of "Template:RHIT"

 
(33 intermediate revisions by 2 users not shown)
Line 120: Line 120:
 
border-bottom:0px;   
 
border-bottom:0px;   
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
padding: 5px 0px;
+
padding: 10px 0px;
 
                 font-size: 200%
 
                 font-size: 200%
 
}                                                
 
}                                                
Line 128: Line 128:
 
color: #51A8A5;   
 
color: #51A8A5;   
 
font-family: "Elephant", Gadget, sans-serif;
 
font-family: "Elephant", Gadget, sans-serif;
padding: 5px 0px;
+
padding: 10px 0px;
 
                 font-size: 200%
 
                 font-size: 200%
 
}
 
}
Line 162: Line 162:
 
/*Change the styling of tables */
 
/*Change the styling of tables */
 
     #contentContainer table {
 
     #contentContainer table {
border: 1px solid #928b8b;  
+
border: 1px solid #000000;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 130%;
 
font-size: 130%;
Line 170: Line 170:
 
/*Change the styling of table cells*/
 
/*Change the styling of table cells*/
 
     #contentContainer  td {
 
     #contentContainer  td {
border: 1px solid #c4baba;  
+
border: 1px solid #000000;  
border-collapse: collapse;  
+
border-collapse: collapse;
font-size: 105%;
+
                background-color: #c8ff9e;
padding: 10px;
+
font-size: 100%;
vertical-align: text-top;  
+
padding: 10px;  
 +
                line-height:30px;
 +
                text-align:center;
 
                      }
 
                      }
  
 
/*Change the styling of table headers */
 
/*Change the styling of table headers */
 
     #contentContainer th {
 
     #contentContainer th {
background-color:#c4baba;  
+
background-color:#7ed7db;  
border: 1px solid #928b8b;  
+
border: 1px solid #000000;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
font-size: 110%;
+
font-size: 100%;
padding: 10px;  
+
padding: 10px 20px;  
vertical-align: text-top;  
+
                text-align: center;
 
}
 
}
 
/*links*/
 
/*links*/
Line 245: Line 247:
 
   position: absolute;
 
   position: absolute;
 
   top: 80%;
 
   top: 80%;
   left: 50%;
+
   left:50%;
   vertical-align: middle;
+
   text-align: center;
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
  text-align: center;
 
 
}
 
}
  
Line 432: Line 433:
 
}
 
}
  
 
+
.topscroll {
 +
  position:absolute;
 +
  right:20px;
 +
  bottom:200px;
 +
  width:13%;
 +
  }
  
 
                     .home {
 
                     .home {
Line 485: Line 491:
 
                       cursor:pointer;
 
                       cursor:pointer;
 
                           }
 
                           }
                   
 
                                          .partsSubOve{
 
                                                position:absolute;
 
                                                top:262px;
 
                                                left:424px;
 
                                                display: none;
 
                                                z-index:1;                   
 
                                                      }
 
 
                                          .partsSubBas{
 
                                              position:absolute;
 
                                              top:285px;
 
                                              left:415px; 
 
                                              display: none; 
 
                                              z-index:1;                 
 
                                                      }
 
 
                                          .partsSubComp{
 
                                                position:absolute;
 
                                                top:322px;
 
                                                left:390px;
 
                                                display: none;
 
                                                z-index:1;                   
 
                                                      }
 
 
                                          .partsSubColc{
 
                                                position:absolute;
 
                                                top:368px;
 
                                                left:375px; 
 
                                                display: none;
 
                                                z-index:1;                 
 
                                                        }
 
  
  
Line 669: Line 643:
 
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: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);
+
         $("#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:-30},500, 'linear').animate({left:30,top:400},0,'linear').animate({left:30,top:400},1500,bottleone);
 
                           }
 
                           }
  
Line 680: Line 654:
 
                       }
 
                       }
 
                            
 
                            
 
function submenuparts(){
 
          $("#Ove").toggle();
 
          $("#Bas").toggle();
 
          $("#Comp").toggle();
 
          $("#Colc").toggle();
 
                        }
 
  
 
function submenuhuman(){
 
function submenuhuman(){
Line 705: Line 672:
  
 
           $("#team1").click(submenuteam);
 
           $("#team1").click(submenuteam);
          $("#parts1").click(submenuparts);
 
 
           $("#human1").click(submenuhuman);
 
           $("#human1").click(submenuhuman);
 
           $("#model1").click(submenumodel);
 
           $("#model1").click(submenumodel);
Line 733: Line 699:
 
         <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>
 
+
<a id="top">
 
<img class="pebble" src = "https://static.igem.org/mediawiki/2018/a/ab/T--RHIT--PebbleSand.jpg">
 
<img class="pebble" src = "https://static.igem.org/mediawiki/2018/a/ab/T--RHIT--PebbleSand.jpg">
 
+
</a>
 
      
 
      
 
   <!----------- Menu and Submenus --------->
 
   <!----------- Menu and Submenus --------->
Line 752: Line 718:
 
       <a class = "teamSubCol" id="Col" href="https://2018.igem.org/Team:RHIT/Collaborations">
 
       <a class = "teamSubCol" id="Col" href="https://2018.igem.org/Team:RHIT/Collaborations">
 
         <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--CollaborationsA.jpg" width="40%">
 
         <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--CollaborationsA.jpg" width="40%">
      </a>
 
      <a class = "teamSubPhA" id="PhA" href="https://2018.igem.org/Team:RHIT/Photos">
 
        <img src="https://static.igem.org/mediawiki/2018/a/af/T--RHIT--PhotoAlbumA.jpg" width="40%">
 
 
       </a>
 
       </a>
 +
  
  
Line 763: Line 727:
  
  
    <img class="parts" id="parts1" src="https://static.igem.org/mediawiki/2018/e/ed/T--RHIT--Parts.jpg">
+
<a href="https://2018.igem.org/Team:RHIT/Parts">
 
+
     <img class="parts" src="https://static.igem.org/mediawiki/2018/e/ed/T--RHIT--Parts.jpg">
    <a class="partsSubOve" id="Ove" href="https://2018.igem.org/Team:RHIT/Parts">
+
</a>
      <img src="https://static.igem.org/mediawiki/2018/c/c3/T--RHIT--OVerviewA.jpg" width="50%">
+
     </a>
+
    <a class="partsSubBas" id="Bas" href="https://2018.igem.org/Team:RHIT/Basic_Part">
+
      <img src="https://static.igem.org/mediawiki/2018/6/6a/T--RHIT--BasicPartsA.jpg" width="50%">
+
    </a> 
+
    <a class="partsSubComp" id="Comp" href="https://2018.igem.org/Team:RHIT/Composite_Part">
+
      <img src="https://static.igem.org/mediawiki/2018/3/3d/T--RHIT--CompositePartsA.jpg" width="50%">
+
    </a>   
+
    <a class="partsSubColc" id="Colc" href="https://2018.igem.org/Team:RHIT/Part_Collection">
+
      <img src="https://static.igem.org/mediawiki/2018/7/71/T--RHIT--CollectionA.jpg" width="50%">
+
    </a>  
+
  
  
Line 843: Line 796:
  
 
<div class = "footer">  
 
<div class = "footer">  
 +
<a href = "#top">
 +
<img class = "topscroll" src="https://static.igem.org/mediawiki/2018/5/53/T--RHIT--TotheTopSuperPebble.png"> </a>
 
<div class="column footer_size">
 
<div class="column footer_size">
 
<center>
 
<center>
 
<h6> Connect with us on Facebook! </h6>
 
<h6> Connect with us on Facebook! </h6>
<a href="https://www.facebook.com/RHITiGEM2018/">
+
<a href="https://www.facebook.com/RHITiGEM2018/" target="_blank">
 
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%">
 
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%">
 
</a>
 
</a>
Line 855: Line 810:
 
<div class = "clear extra_space"></div>
 
<div class = "clear extra_space"></div>
 
<div class = "clear extra_space"></div>
 
<div class = "clear extra_space"></div>
<a href="https://www.rose-hulman.edu/">
+
<a href="https://www.rose-hulman.edu/" target="_blank">
 
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%">
 
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%">
 
</a>
 
</a>

Latest revision as of 00:10, 16 October 2018