Template:Team:Macquarie Australia/Style2

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
<html>  
<html>  
 +
<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>
<head>
Line 38: Line 55:
#menubar {
#menubar {
     width: auto;}
     width: auto;}
-
 
Line 54: Line 70:
   #iGEMLogo {
   #iGEMLogo {
   position:absolute;
   position:absolute;
-
   top:200px;  
+
   top:50px;  
-
   left:385px;  
+
   left:680px;  
   }
   }
Line 67: Line 83:
     position:absolute;
     position:absolute;
   top:-4px;
   top:-4px;
-
   right:910px;
+
   right:909px;
   }
   }
Line 77: Line 93:
   }
   }
 +
  #plant1 {
 +
  position:absolute;
 +
  top:139px;
 +
  left:200px;
 +
  }
 +
 +
  #plant2 {
 +
  position:absolute;
 +
  top:152px;
 +
  left:290px;
 +
  }
   
   
Line 104: 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 120: 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 130: 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 343: 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>
Line 352: 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