Difference between revisions of "Template:RHIT"

Revision as of 16:12, 3 August 2018 (view source)

Patekm (Talk | contribs)

← Older edit

Latest revision as of 00:10, 16 October 2018 (view source)

Patekm (Talk | contribs)

(26 intermediate revisions by 2 users not shown)

Line 162:

/*Change the styling of tables */

#contentContainer table {

−

border: 1px solid #~~928b8b~~;

+

border: 1px solid #000000;

border-collapse: collapse;

font-size: 130%;

Line 170:

/*Change the styling of table cells*/

#contentContainer td {

−

border: 1px solid #~~c4baba~~;

+

border: 1px solid #000000;

−

border-collapse: collapse;

+

border-collapse: collapse;

+

background-color: #c8ff9e;

font-size: 100%;

−

padding: ~~20px~~;

+

padding: 10px;

+

line-height:30px;

+

text-align:center;

}

/*Change the styling of table headers */

#contentContainer th {

−

background-color:#~~c4baba~~;

+

background-color:#7ed7db;

−

border: 1px solid #~~928b8b~~;

+

border: 1px solid #000000;

border-collapse: collapse;

font-size: 100%;

−

padding: 20px;

+

padding: 10px 20px;

+

text-align: center;

}

/*links*/

Line 243:

Line 247:

position: absolute;

top: 80%;

−

left: 50%;

+

left:50%;

−

~~vertical~~-align: ~~middle~~;

+

text-align: center;

transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

−

~~text-align: center;~~

}

Line 430:

Line 433:

}

−

+

.topscroll {

+

position:absolute;

+

right:20px;

+

bottom:200px;

+

width:13%;

+

}

.home {

Line 635:

Line 643:

function bottleone() {

$("#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 691:

Line 699:

−

+

−

+

−

+

</a>

Line 711:

Line 719:

</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>~~

+

Line 790:

Line 796:

+

+

Difference between revisions of "Template:RHIT"

Latest revision as of 00:10, 16 October 2018

Connect with us on Facebook!

Contact Us!

@@ Line 162: / Line 162: @@
 /*Change the styling of tables */
      	 #contentContainer table {
-		border: 1px solid #928b8b;
+		border: 1px solid #000000;
 		border-collapse: collapse;
 		font-size: 130%;
@@ Line 170: / Line 170: @@
 /*Change the styling of table cells*/
      	#contentContainer  td {
-		border: 1px solid #c4baba;
+		border: 1px solid #000000;
 		border-collapse: collapse;
+                background-color: #c8ff9e;
 		font-size: 100%;
-		padding: 20px;
+		padding: 10px;
+                line-height:30px;
+                text-align:center;
 	                      }
 /*Change the styling of table headers */
      	#contentContainer th {
-		background-color:#c4baba;
+		background-color:#7ed7db;
-		border: 1px solid #928b8b;
+		border: 1px solid #000000;
 		border-collapse: collapse;
 		font-size: 100%;
-		padding: 20px;
+		padding: 10px 20px;
+                text-align: center;
 	}
 /*links*/
@@ Line 243: / Line 247: @@
    position: absolute;
    top: 80%;
-   left: 50%;
+   left:50%;
-   vertical-align: middle;
+   text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
-  text-align: center;
 }
@@ Line 430: / Line 433: @@
 }
+.topscroll {
+   position:absolute;
+   right:20px;
+   bottom:200px;
+   width:13%;
+   }
                       .home {
@@ Line 635: / Line 643: @@
 function bottleone() {
           $("#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 691: / Line 699: @@
          <img src = "https://static.igem.org/mediawiki/2018/a/a5/T--RHIT--Banner2.jpg">
-     <div class="spin">  <a href = "https://www.netflix.com/browse"> <img class="bottles" id="bottle1" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg">  </a></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">
+</a>
    <!----------- Menu and Submenus --------->
@@ Line 711: / Line 719: @@
           <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>
@@ Line 790: / Line 796: @@
 <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">
 <center>