Template:Team:Macquarie Australia/Style

From 2013.igem.org

(Difference between revisions)
 
(65 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">
-
  #top-section {
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
 
 +
      #top-section {
   width: 975px;
   width: 975px;
-
   height: 20px;
+
   height: 0px;
-
   background-color: #ffFFff;
+
   background-color: #ffFFff; <!--#ffFFff-->
   border: none;
   border: none;
 +
  padding: 0px 0px;
   }
   }
-
   #p-logo {
+
#content {
-
   display: none;}
+
   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;}
 +
 
 +
 
-
  #search-controls {
 
-
  display: none;}
 
   .right-menu li a, .right-menu li a:hover {
   .right-menu li a, .right-menu li a:hover {
-
   color: #3c6b27;
+
   color: #c1c1c1;
   background-color: transparent;
   background-color: transparent;
   }
   }
-
 
-
  .firstHeading {
 
-
    display: none;}
 
   #MQLogo {
   #MQLogo {
Line 32: Line 72:
   #iGEMLogo {
   #iGEMLogo {
   position:absolute;
   position:absolute;
-
   top:50px;
+
   top:50px;  
-
   left:15px;
+
   left:680px;  
   }
   }
-
  #PremiumSponsor {
+
  #ImageBar {
-
  position:absolute;
+
    position:absolute;
   top:25px;
   top:25px;
-
   left:870px;
+
   right:950px;
   }
   }
-
  body {
+
  #MqFxLeft {
-
   background-image:url('https://static.igem.org/mediawiki/2012/d/d4/Lazy.png');
+
    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 {
   #menucontainer {
Line 52: Line 112:
   }
   }
-
  #content {
 
-
  position: relative;
 
-
  width: 975px;
 
-
  margin: 0 auto;
 
-
  padding-top:1px;
 
-
  padding-left:0px;
 
-
  padding-right:0px;
 
-
  padding-bottom:0px;
 
-
  background: #ffffff;
 
-
  color: black;
 
-
  border: none;
 
-
  line-height: 1.5em;
 
-
  z-index: 2;
 
-
  }
 
-
  #contentSub {
+
 
-
  margin: 0 0 0 0;
+
 
-
  }
+
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
Line 75: Line 120:
   }
   }
/***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***/
-
   a {color:#c92626;}
+
   a.one {color:#e1e1e1;}
-
   a:link {color:#c92626;}
+
   a.one:link {color:#e1e1e1;}
-
   a:visited {color:#d83131;}
+
   a.one:visited {color:#cacaca;} <!-- #d83131 -->
-
   a:hover {color:#c92626;}
+
  a.one:hover {color:#e1e1e1;}
-
   a:active {color:#c92626;}
+
  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;}  
   a[name]:hover {text-decoration:none;}  
-
   a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
+
/***COLOURS OF OUR LINKS  AT THE TOP OF THE PAGES AND IN PAGES***/
-
   a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
+
  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 {
   h1 {
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #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 120: Line 190:
   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 128: Line 198:
   border-bottom: none;
   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 {
   p {
Line 180: Line 288:
   ul.a {
   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;
   margin: 0 0 0 40px;
   list-style-image: none;
   list-style-image: none;
Line 193: Line 329:
   }
   }
-
   ol.a {
+
 
 +
   ol.a.two {
   margin: 0 0 0 30px;
   margin: 0 0 0 30px;
   list-style-position:inside;
   list-style-position:inside;
Line 205: Line 342:
   padding: 5px 20px 0px 20px;
   padding: 5px 20px 0px 20px;
   }
   }
 +
 +
   iframe {
   iframe {
Line 216: Line 355:
   }
   }
-
  #Sitemap {
+
 
-
  position:fixed;
+
 
-
  top:0;
+
-
  right:0;
+
-
  }
+
   </style>
   </style>
 +
   </head>
   </head>
 +
<body>
<body>
<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>
+
   <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>
</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='https://static.igem.org/mediawiki/2013/0/05/Team_Logo.fw.png' 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>
+
</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 241: Line 384:
<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>
 +
</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>
</a>
</div>
</div>

Latest revision as of 11:31, 26 September 2013

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