Template:Team:Macquarie Australia/Style

From 2013.igem.org

(Difference between revisions)
(Created page with "File:Test857.jpg")
 
(68 intermediate revisions not shown)
Line 1: Line 1:
-
[[File:Test857.jpg]]
+
<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>
 +
 
 +
 
 +
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <style type="text/css">
 +
 
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
 
 +
      #top-section {
 +
  width: 975px;
 +
  height: 0px;
 +
  background-color: #ffFFff; <!--#ffFFff-->
 +
  border: none;
 +
  padding: 0px 0px;
 +
  }
 +
 
 +
#content {
 +
  position: relative;
 +
  width: 975px;
 +
  margin: 0 auto;
 +
  padding-top:20px;
 +
  padding-left:0px;
 +
  padding-right:0px;
 +
  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;}
 +
 
 +
 
 +
 
 +
 
 +
  .right-menu li a, .right-menu li a:hover {
 +
  color: #c1c1c1;
 +
  background-color: transparent;
 +
  }
 +
 
 +
  #MQLogo {
 +
  position: relative;
 +
  text-align:center;
 +
  }
 +
 
 +
  #iGEMLogo {
 +
  position:absolute;
 +
  top:50px;
 +
  left:680px;
 +
  }
 +
 
 +
  #ImageBar {
 +
    position:absolute;
 +
  top:25px;
 +
  right:950px;
 +
  }
 +
 
 +
  #MqFxLeft {
 +
    position:absolute;
 +
  top:-4px;
 +
  right:909px;
 +
 
 +
  }
 +
 
 +
#MqFxRight {
 +
    position:absolute;
 +
  top:-1px;
 +
  left:913px;
 +
  }
 +
 
 +
 +
 
 +
  body{
 +
color: #ffffe0;
 +
background-color: #333;
 +
padding: 0px;
 +
margin: 0x;
 +
 +
font-family:  Helvetica, Geneva, Verdana, Arial, sans-serif;
 +
}
 +
 
 +
  #menucontainer {
 +
  overflow:visible;
 +
  position:relative;
 +
  z-index:3;
 +
  }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
  margin-bottom: 0;
 +
  }
 +
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
 +
  a.one {color:#e1e1e1;}
 +
  a.one:link {color:#e1e1e1;}
 +
  a.one:visited {color:#cacaca;} <!-- #d83131 -->
 +
  a.one:hover {color:#e1e1e1;}
 +
  a.one:active {color:#e1e1e1;}
 +
  a.one:hover {text-decoration:none;}
 +
 
 +
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
 +
  a {color:#e1e1e1;}
 +
  a:link {color:#e1e1e1;}
 +
  a:visited {color:#e1e1e1;} <!-- #d83131 -->
 +
  a:hover {color:#e1e1e1;}
 +
  a:active {color:#e1e1e1;}
 +
  a[name]:hover {text-decoration:none;}
 +
 
 +
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
 +
  a.two {color:#c92626;}
 +
  a.two:link {color:#c92626;}
 +
  a.two:visited {color:#d83131;} <!-- #d83131 -->
 +
  a.two:hover {color:#c92626;}
 +
  a.two:active {color:#c92626;}
 +
  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;}
 +
}
 +
 
 +
 
 +
  h1 {
 +
  font-family: arial,sans-serif;
 +
  color: #333; <!-- 225323 -->
 +
    <!-- background: #ffffff;  -->
 +
  font-weight: bold;
 +
  font-size: 1.2em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
text-align: left;
 +
  }
 +
 
 +
  h2 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.7em;
 +
  margin: 0 0 0 0;
 +
  padding: 18px 20px 7px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h3 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.4em;
 +
  margin: 0 0 0 0;
 +
  padding: 16px 20px 2px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h4 {
 +
  font-family: arial,sans-serif;
 +
  color: #333;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.1em;
 +
  margin: 0 0 0 0;
 +
  padding: 13.5px 20px 1px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h5 {
 +
  font-family: arial,sans-serif;
 +
  color: #333; <!-- 225323 -->
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 2.2em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
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 {
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  .border {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  }
 +
 
 +
  .borderMagnify {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  margin-left:-9px;
 +
  margin-right:9px;
 +
  }
 +
 
 +
  .imgbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 
 +
  .vidbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 
 +
  .newouterbox {
 +
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
 +
  }
 +
 
 +
  .newinnerbox {
 +
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
 +
  }
 +
 
 +
  .newtext {
 +
  text-align:center;background-color:#FF944D;color:#000000;
 +
  }
 +
 
 +
  ul.a {
 +
  margin: 0 0 0 0px;
 +
  list-style-image: none;
 +
  list-style-type:disc;
 +
  font-family: arial,sans-serif;
 +
  color: #333fff;
 +
  background: #333fff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 0px 0px 0px 0px;
 +
  }
 +
 
 +
 
 +
  ol.a {
 +
  margin: 0 0 0 0px;
 +
  list-style-position:inside;
 +
  font-family: arial,sans-serif;
 +
  color: #333fff;
 +
  background: #333fff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 0px 0px 0px 0px;
 +
  }
 +
 
 +
ul.a.two {
 +
  margin: 0 0 0 40px;
 +
  list-style-image: none;
 +
  list-style-type:disc;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
 
 +
  ol.a.two {
 +
  margin: 0 0 0 30px;
 +
  list-style-position:inside;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
 
 +
 
 +
  iframe {
 +
  padding: 10px 20px 10px 20px;
 +
  }
 +
 
 +
  #BackToTop {
 +
  position:fixed;
 +
  bottom:0;
 +
  right:0;
 +
  }
 +
 
 +
 
 +
 
 +
 
 +
  </style>
 +
 
 +
  </head>
 +
 
 +
 
 +
<body>
 +
<div id='MQLogo'>
 +
  <a href='https://2013.igem.org/Team:Macquarie_Australia'><img src='https://static.igem.org/mediawiki/2013/7/79/Mq2.5.fw.png' style="width:360px;"></a> <!-- https://static.igem.org/mediawiki/2013/9/9c/MQnLogo1.fw.png -->
 +
</div>
 +
<!-- https://static.igem.org/mediawiki/2012/5/53/MQ.png -->
 +
 
 +
 
 +
<div id='iGEMLogo'>
 +
<div class="tilt pic">
 +
  <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 -->
 +
 
 +
 
 +
 
 +
 
 +
<div id="BackToTop">
 +
<a href="#top">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6a/MQtop.png" width="48px" />
 +
</a>
 +
</div>
 +
 
 +
 
 +
 
 +
<div id="MqFxLeft">
 +
<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/7/72/MqFX3Right.fw.png" />
 +
</a>
 +
</div>
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 11:31, 26 September 2013

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