Template:Team:Macquarie Australia/Style2
From 2013.igem.org
(Difference between revisions)
(98 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <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" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
Line 20: | Line 35: | ||
#content { | #content { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 905px; |
margin: 0 auto; | margin: 0 auto; | ||
padding-top:20px; | padding-top:20px; | ||
- | padding-left: | + | padding-left:35px; |
- | padding-right: | + | padding-right:35px; |
- | padding-bottom: | + | padding-bottom:30px; |
background: #ffffff; | background: #ffffff; | ||
color: black; | color: black; | ||
Line 40: | Line 55: | ||
#menubar { | #menubar { | ||
width: auto;} | width: auto;} | ||
- | |||
Line 56: | Line 70: | ||
#iGEMLogo { | #iGEMLogo { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:50px; |
- | left: | + | left:680px; |
- | + | ||
} | } | ||
Line 69: | Line 82: | ||
#MqFxLeft { | #MqFxLeft { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-4px; |
- | right: | + | right:909px; |
+ | |||
} | } | ||
#MqFxRight { | #MqFxRight { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-1px; |
- | left: | + | left:913px; |
} | } | ||
+ | #plant1 { | ||
+ | position:absolute; | ||
+ | top:139px; | ||
+ | left:200px; | ||
+ | } | ||
+ | |||
+ | #plant2 { | ||
+ | position:absolute; | ||
+ | top:152px; | ||
+ | left:290px; | ||
+ | } | ||
Line 95: | Line 120: | ||
z-index:3; | z-index:3; | ||
} | } | ||
- | |||
- | |||
- | |||
Line 109: | Line 131: | ||
a.one:hover {color:#e1e1e1;} | a.one:hover {color:#e1e1e1;} | ||
a.one:active {color:#e1e1e1;} | a.one:active {color:#e1e1e1;} | ||
- | a.one | + | 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 125: | Line 147: | ||
a.two:hover {color:#c92626;} | a.two:hover {color:#c92626;} | ||
a.two:active {color:#c92626;} | a.two:active {color:#c92626;} | ||
- | a.two | + | a.two:hover {text-decoration:none;} |
Line 135: | 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 276: | Line 307: | ||
list-style-type:disc; | list-style-type:disc; | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
- | color: # | + | color: #333fff; |
- | background: # | + | background: #333fff; |
font-weight: normal; | font-weight: normal; | ||
font-size: 1em; | font-size: 1em; | ||
Line 290: | Line 321: | ||
list-style-position:inside; | list-style-position:inside; | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
- | color: # | + | color: #333fff; |
- | background: # | + | background: #333fff; |
font-weight: normal; | font-weight: normal; | ||
font-size: 1em; | font-size: 1em; | ||
Line 348: | 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/ | + | <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 --> |
</div> | </div> | ||
<!-- https://static.igem.org/mediawiki/2012/5/53/MQ.png --> | <!-- https://static.igem.org/mediawiki/2012/5/53/MQ.png --> | ||
Line 355: | Line 397: | ||
<div id='iGEMLogo'> | <div id='iGEMLogo'> | ||
- | <a href='https:// | + | <div class="tilt pic"> |
- | <img src='' style="width: | + | <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> | </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 --> | ||
Line 365: | Line 409: | ||
<a href="#top"> | <a href="#top"> | ||
<img src="https://static.igem.org/mediawiki/2012/6/6a/MQtop.png" width="48px" /> | <img src="https://static.igem.org/mediawiki/2012/6/6a/MQtop.png" width="48px" /> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</a> | </a> | ||
</div> | </div> | ||
Line 376: | Line 414: | ||
<div id="MqFxLeft"> | <div id="MqFxLeft"> | ||
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/a/a2/MqFX3.1Left.fw.png" /> |
</a> | </a> | ||
</div> | </div> | ||
<div id="MqFxRight"> | <div id="MqFxRight"> | ||
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/7/72/MqFX3Right.fw.png" /> |
</a> | </a> | ||
</div> | </div> |
Latest revision as of 11:41, 26 September 2013