@@ Line 1: / Line 1: @@
 <html>
-  <head>
+<style>
+.tilt {
+  -webkit-transition: all 0.5s ease;
+     -moz-transition: all 0.5s ease;
+       -o-transition: all 0.5s ease;
+      -ms-transition: all 0.5s ease;
+          transition: all 0.5s ease;
+}
+.tilt:hover {
+  -webkit-transform: rotate(-11deg);
+     -moz-transform: rotate(-11deg);
+       -o-transform: rotate(-11deg);
+      -ms-transform: rotate(-11deg);
+          transform: rotate(-11deg);
+}
+</style>
+<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
 #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
@@ Line 20: / Line 35: @@
   #content {
     position: relative;
-    width: 975px;
+    width: 905px;
     margin: 0 auto;
     padding-top:20px;
-    padding-left:0px;
+    padding-left:35px;
-    padding-right:0px;
+    padding-right:35px;
-    padding-bottom:0px;
+    padding-bottom:30px;
     background: #ffffff;
     color: black;
@@ Line 40: / Line 55: @@
 #menubar {
      width: auto;}
@@ Line 56: / Line 70: @@
     #iGEMLogo {
     position:absolute;
-    top:20px;
+    top:50px;
-    left:15px;
+    left:680px;
     }
@@ Line 69: / Line 82: @@
    #MqFxLeft {
      position:absolute;
-    top:0px;
+    top:-4px;
-    right:910px;
+    right:909px;
     }
 #MqFxRight {
      position:absolute;
-    top:0px;
+    top:-1px;
-    left:911px;
+    left:913px;
     }
+   #plant1 {
+   position:absolute;
+   top:139px;
+   left:200px;
+   }
+   #plant2 {
+   position:absolute;
+   top:152px;
+   left:290px;
+   }
@@ Line 95: / Line 120: @@
     z-index:3;
     }
@@ Line 109: / Line 131: @@
     a.one:hover {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***/
@@ Line 125: / Line 147: @@
     a.two:hover {color:#c92626;}
     a.two:active {color:#c92626;}
-    a.two[name]:hover {text-decoration:none;}
+    a.two:hover {text-decoration:none;}
+/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
+   a.three {color:#8B0000;}
+   a.three:link {color:#8B0000;}
+   a.three:visited {color:#961919;} <!-- #d83131 -->
+   a.three:hover {color:#610000;}
+   a.three:active {color:#8B0000;}
+   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 132: / Line 172: @@
     font-family: arial,sans-serif;
     color: #333; <!-- 225323 -->
-   background: #ffffff;
+    <!-- background: #ffffff;  -->
     font-weight: bold;
-    font-size: 2.2em;
+    font-size: 1.2em;
     margin: 0 0 0 0;
     padding: 20px 20px 12px 20px;
     border-bottom: none;
-text-align: left
+text-align: left;
     }
@@ Line 165: / Line 205: @@
     h4 {
     font-family: arial,sans-serif;
-    color: #225323;
+    color: #333;
     background: #ffffff;
     font-weight: bold;
@@ Line 202: / Line 242: @@
     color: #333; <!-- 225323 -->
     background: #ffffff;
-   font-weight: bold;
+    font-size: 1.3em;
-    font-size: 1.9em;
     margin: 0 0 0 0;
     padding: 20px 20px 12px 20px;
     border-bottom: none;
-text-align: center;
+   text-align: center;
     }
 }
@@ Line 267: / Line 307: @@
     list-style-type:disc;
     font-family: arial,sans-serif;
-    color: #000000;
+    color: #333fff;
-    background: #ffffff;
+    background: #333fff;
     font-weight: normal;
     font-size: 1em;
@@ Line 281: / Line 321: @@
     list-style-position:inside;
     font-family: arial,sans-serif;
-    color: #000000;
+    color: #333fff;
-    background: #ffffff;
+    background: #333fff;
     font-weight: normal;
     font-size: 1em;
@@ Line 339: / Line 379: @@
 <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'>
    <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 346: / Line 397: @@
 <div id='iGEMLogo'>
-   <a href='https://2012.igem.org/Main_Page' target="_blank">
+<div class="tilt pic">
-     <img src='' style="width:150px;" />
+   <a href='https://2013.igem.org/Main_Page' target="_blank">
+     <img src='https://static.igem.org/mediawiki/2013/9/97/IGEM_basic_Logo_stylized4557.png' style="width:70px;" />
    </a>
 </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 -->
@@ Line 356: / Line 409: @@
 <a href="#top">
 <img src="https://static.igem.org/mediawiki/2012/6/6a/MQtop.png" width="48px" />
-</a>
-</div>
-<div id="ImageBar">
- <img src="" />
 </a>
 </div>
@@ Line 367: / Line 414: @@
 <div id="MqFxLeft">
-  <img src="https://static.igem.org/mediawiki/2013/d/d1/MqFX1Left.fw.png" />
+  <img src="https://static.igem.org/mediawiki/2013/a/a2/MqFX3.1Left.fw.png" />
 </a>
 </div>
 <div id="MqFxRight">
-  <img src="https://static.igem.org/mediawiki/2013/0/04/MqFX1Right.fw.png" />
+  <img src="https://static.igem.org/mediawiki/2013/7/72/MqFX3Right.fw.png" />
 </a>
 </div>

Template:Team:Macquarie Australia/Style2

From 2013.igem.org

Latest revision as of 11:41, 26 September 2013