Template:Team:Macquarie Australia/Style2

From 2013.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>  
-
 
+
<style>
<style>
-
div#igem-attr {
+
.tilt {
-
  position:absolute;
+
  -webkit-transition: all 0.5s ease;
-
  top:37px;
+
    -moz-transition: all 0.5s ease;
-
  left:685px;
+
      -o-transition: all 0.5s ease;
-
+
      -ms-transition: all 0.5s ease;
-
transition: transform 0.5s;
+
          transition: all 0.5s ease;
-
-moz-transition: -moz-transform 0.5s; /* Firefox 4 */
+
-
-webkit-transition: -webkit-transform 0.5s; /* Safari and Chrome */
+
-
-o-transition: -o-transform 0.5s; /* Opera */
+
}
}
-
 
+
-
div#igem-attr:hover {
+
.tilt:hover {
-
transform: rotate(-15deg);
+
  -webkit-transform: rotate(-11deg);
-
-ms-transform: rotate(-15deg); /* IE 9 */
+
    -moz-transform: rotate(-11deg);
-
-webkit-transform: rotate(-15deg); /* Safari and Chrome */
+
      -o-transform: rotate(-11deg);
-
-o-transform: rotate(-15deg); /* Opera */
+
      -ms-transform: rotate(-11deg);
-
-moz-transform: rotate(-15deg); /* Firefox */
+
          transform: rotate(-11deg);
-
}
+
-
 
+
-
div#igem-attr img {
+
-
<!-- height: 60px; -->
+
}
}
</style>
</style>
-
+
<head>
-
<body>
+
-
+
-
+
-
<a href="https://2013.igem.org/Main_Page">
+
-
<div id="igem-attr">
+
-
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
+
-
</div> </a>
+
-
 
+
-
<html>
+
-
<head>
+
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 73: Line 55:
#menubar {
#menubar {
     width: auto;}
     width: auto;}
-
 
Line 89: Line 70:
   #iGEMLogo {
   #iGEMLogo {
   position:absolute;
   position:absolute;
-
   top:37px;
+
   top:50px;  
-
   left:585px;
+
   left:680px;  
   }
   }
Line 102: Line 83:
     position:absolute;
     position:absolute;
   top:-4px;
   top:-4px;
-
   right:910px;
+
   right:909px;
   }
   }
Line 112: Line 93:
   }
   }
 +
  #plant1 {
 +
  position:absolute;
 +
  top:139px;
 +
  left:200px;
 +
  }
 +
 +
  #plant2 {
 +
  position:absolute;
 +
  top:152px;
 +
  left:290px;
 +
  }
   
   
Line 128: Line 120:
   z-index:3;
   z-index:3;
   }
   }
-
 
-
 
-
 
Line 142: Line 131:
   a.one:hover {color:#e1e1e1;}
   a.one:hover {color:#e1e1e1;}
   a.one:active {color:#e1e1e1;}
   a.one:active {color:#e1e1e1;}
-
   a.one[name]:hover {text-decoration:none;}  
+
   a.one:hover {text-decoration:none;}
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
Line 158: Line 147:
   a.two:hover {color:#c92626;}
   a.two:hover {color:#c92626;}
   a.two:active {color:#c92626;}
   a.two:active {color:#c92626;}
-
   a.two[name]:hover {text-decoration:none;}  
+
   a.two:hover {text-decoration:none;}
Line 168: Line 157:
   a.three:active {color:#8B0000;}
   a.three:active {color:#8B0000;}
   a.three[name]:hover {text-decoration:none;}  
   a.three[name]:hover {text-decoration:none;}  
 +
 +
 +
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
 +
  a.four {color:#222222;}
 +
  a.four:link {color:#222222;}
 +
  a.four:visited {color:#222222;} <!-- #d83131 -->
 +
  a.four:hover {color:#222222;}
 +
  a.four:active {color:#222222;}
 +
  a.four:hover {text-decoration:none;}
}
}
Line 381: Line 379:
<body>
<body>
 +
 +
 +
<div id='plant1'>
 +
    <img src='https://static.igem.org/mediawiki/2013/a/ac/PlantheaderMQ.fw.png'  />
 +
</div>
 +
 +
<div id='plant2'>
 +
    <img src='https://static.igem.org/mediawiki/2013/2/2f/PlantheaderMQ2.fw.png'  />
 +
</div>
 +
 +
<div id='MQLogo'>
<div id='MQLogo'>
   <a href='https://2013.igem.org/Team:Macquarie_Australia'><img src='https://static.igem.org/mediawiki/2012/5/53/MQ.png' style="width:350px;"></a> <!-- https://static.igem.org/mediawiki/2013/9/9c/MQnLogo1.fw.png -->
   <a href='https://2013.igem.org/Team:Macquarie_Australia'><img src='https://static.igem.org/mediawiki/2012/5/53/MQ.png' style="width:350px;"></a> <!-- https://static.igem.org/mediawiki/2013/9/9c/MQnLogo1.fw.png -->
Line 388: Line 397:
<div id='iGEMLogo'>
<div id='iGEMLogo'>
 +
<div class="tilt pic">
   <a href='https://2013.igem.org/Main_Page' target="_blank">
   <a href='https://2013.igem.org/Main_Page' target="_blank">
-
     <img src='https://static.igem.org/mediawiki/2013/c/c2/Igem-logo2.jpg' style="width:100px;" />
+
     <img src='https://static.igem.org/mediawiki/2013/9/97/IGEM_basic_Logo_stylized4557.png' style="width:70px;" />
   </a>
   </a>
</div> <!-- https://static.igem.org/mediawiki/2013/0/05/Team_Logo.fw.png -->
</div> <!-- https://static.igem.org/mediawiki/2013/0/05/Team_Logo.fw.png -->
-
 
+
</div> <!-- https://static.igem.org/mediawiki/2013/c/c2/Igem-logo2.jpg -->

Latest revision as of 11:41, 26 September 2013