Template:Team:Macquarie Australia/Style2

From 2013.igem.org

(Difference between revisions)
 
(149 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 {
     display:none;}
     display:none;}
-
#top-section {
+
      #top-section {
-
    border: none;
+
  width: 975px;
-
    height: 0px;}
+
  height: 0px;
 +
  background-color: #ffFFff; <!--#ffFFff-->
 +
  border: none;
 +
  padding: 0px 0px;
 +
  }
-
#content {
+
#content {
-
    border: none;}
+
  position: relative;
 +
  width: 905px;
 +
  margin: 0 auto;
 +
  padding-top:20px;
 +
  padding-left:35px;
 +
  padding-right:35px;
 +
  padding-bottom:30px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
box-shadow:10px 10px 10px #000;
 +
  }
 +
 
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fix the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
Line 31: Line 70:
   #iGEMLogo {
   #iGEMLogo {
   position:absolute;
   position:absolute;
-
   top:20px;
+
   top:50px;  
-
   left:15px;
+
   left:680px;  
-
 
+
   }
   }
Line 42: Line 80:
   }
   }
 +
  #MqFxLeft {
 +
    position:absolute;
 +
  top:-4px;
 +
  right:909px;
 +
 +
  }
 +
 +
#MqFxRight {
 +
    position:absolute;
 +
  top:-1px;
 +
  left:913px;
 +
  }
 +
 +
  #plant1 {
 +
  position:absolute;
 +
  top:139px;
 +
  left:200px;
 +
  }
 +
 +
  #plant2 {
 +
  position:absolute;
 +
  top:152px;
 +
  left:290px;
 +
  }
   
   
Line 58: Line 120:
   z-index:3;
   z-index:3;
   }
   }
-
 
-
 
-
 
Line 72: 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 88: 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;}
 +
 +
/***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 95: Line 172:
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
   color: #333; <!-- 225323 -->
   color: #333; <!-- 225323 -->
-
  background: #ffffff;
+
    <!-- background: #ffffff; -->
   font-weight: bold;
   font-weight: bold;
-
   font-size: 2.2em;
+
   font-size: 1.2em;
   margin: 0 0 0 0;
   margin: 0 0 0 0;
   padding: 20px 20px 12px 20px;
   padding: 20px 20px 12px 20px;
   border-bottom: none;
   border-bottom: none;
 +
text-align: left;
   }
   }
Line 127: Line 205:
   h4 {
   h4 {
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #225323;
+
   color: #333;
   background: #ffffff;
   background: #ffffff;
   font-weight: bold;
   font-weight: bold;
Line 146: Line 224:
   border-bottom: none;
   border-bottom: none;
text-align: center;
text-align: center;
 +
}
 +
 +
  h6 {
 +
  font-family: arial,sans-serif;
 +
  color: #333; <!-- 225323 -->
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
text-align: left;
   }
   }
 +
 +
  h7 {
 +
  font-family: arial,sans-serif;
 +
  color: #333; <!-- 225323 -->
 +
  background: #ffffff;
 +
  font-size: 1.3em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
  text-align: center;
 +
  }
 +
}
 +
 +
 
   p {
   p {
Line 203: Line 307:
   list-style-type:disc;
   list-style-type:disc;
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #000000;
+
   color: #333fff;
-
   background: #ffffff;
+
   background: #333fff;
   font-weight: normal;
   font-weight: normal;
   font-size: 1em;
   font-size: 1em;
Line 217: Line 321:
   list-style-position:inside;
   list-style-position:inside;
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #000000;
+
   color: #333fff;
-
   background: #ffffff;
+
   background: #333fff;
   font-weight: normal;
   font-weight: normal;
   font-size: 1em;
   font-size: 1em;
Line 275: 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://2012.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 -->
</div>
</div>
 +
<!-- https://static.igem.org/mediawiki/2012/5/53/MQ.png -->
 +
<div id='iGEMLogo'>
<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>
   </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 294: Line 413:
-
<div id="ImageBar">
+
<div id="MqFxLeft">
-
  <img src="" />
+
  <img src="https://static.igem.org/mediawiki/2013/a/a2/MqFX3.1Left.fw.png" />
</a>
</a>
</div>
</div>
 +
<div id="MqFxRight">
 +
<img src="https://static.igem.org/mediawiki/2013/7/72/MqFX3Right.fw.png" />
 +
</a>
 +
</div>

Latest revision as of 11:41, 26 September 2013


Retrieved from "http://2013.igem.org/Template:Team:Macquarie_Australia/Style2"