Template:Team:Macquarie Australia/Style2

From 2013.igem.org

Revision as of 05:18, 1 September 2013 by Trouch (Talk | contribs)
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style type="text/css">
  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
     #top-section {
  width: 975px;
  height: 0px;
  background-color: #ffFFff; 
  border: none;
  padding: 0px 0px;
  }
#content {
  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 */

  1. menubar > ul > li:last-child {
   display: none;}

/* Resizes the menubar to fix the links (default is 400px) */

  1. 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:37px;
  left:185px;
  }
 #ImageBar {
   position:absolute;
  top:25px;
  right:950px;
  }
 #MqFxLeft {
   position:absolute;
  top:-4px;
  right:910px;
  }
  1. 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;} 
  a.one:hover {color:#e1e1e1;}
  a.one:active {color:#e1e1e1;}
  a.one[name]: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;} 
  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;} 
  a.two:hover {color:#c92626;}
  a.two:active {color:#c92626;}
  a.two[name]: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;} 
  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; 
  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; 
  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; 
  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; 
  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>





<a href="#top"> <img src="MQtop.png" width="48px" /> </a>


<img src="MqFX3.1Left.fw.png" />

</a>

<img src="MqFX3Right.fw.png" />

</a>


</body> </html>