Team:WashU/Saffroninakansynecho

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{WashUback}}
{{WashUback}}
 +
 +
== Saffron in a Kan, ''Synechocystis'' ==
 +
 +
Put
 +
Some
 +
Text
 +
In
 +
This
 +
Space
 +
So
 +
It
 +
Doesn't
 +
Look
 +
Bad
 +
 +
 +
 +
<html>
 +
<style type="text/css">
 +
  body {background-color:#8f0222;background-repeat:repeat; }
 +
  .firstHeading {display: none;}
 +
  #content {padding-left:1px; padding-right:1px; background-color:#FFEFD5;}
 +
  #footer-box {background-color:#FFEFD5; border-color:#8b0000;}
 +
  #bodyContent {background-color: #FFEFD5;}
 +
 +
  p {color:#000000;}
 +
  p {font-size:14px;}
 +
/* Red Border */
 +
  div#top-section {border-width:1px 1px; border-color:#ffefd5;}
 +
  div#footer-box {border-width: 1px 1px; border-color:#ffffff;}
 +
  div#content {border-width:0px; border-color: #FFEFD5}
 +
</style>
 +
 +
<nav>
 +
<font face = "Palatino Linotype, Book Antiqua">
 +
    <div class="menu-item2">
 +
      <h5><a href="#">Overview</a></h5>
 +
    </div>
 +
 +
    <div class="menu-item2">
 +
      <h5><a href="#">Design</a></h5>
 +
    </div>
 +
 +
<div class="menu-item2">
 +
      <h5><a href="#">Modeling</a></h5>
 +
    </div>
 +
 +
<div class="menu-item2">
 +
      <h5><a href="#">Parts</a></h5>
 +
    </div>
 +
 +
<div class="menu-item2">
 +
      <h5><a href="#">Testing and Results</a></h5>
 +
    </div>
 +
 +
 +
<div class="menu-item2">
 +
      <h5><a href="#">Future Work</a></h5>
 +
    </div>
 +
</nav>
 +
 +
<style type="text/css">
 +
* {
 +
  margin: 0px;
 +
  padding: 0px;
 +
}
 +
 +
 +
nav {
 +
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
 +
  font-size: 14px;
 +
  float: left;
 +
  line-height: 1.5;
 +
  margin: 1px;
 +
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 +
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 +
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 +
}
 +
 +
.menu-item2 {
 +
  background: #fff;
 +
  width: 150px;
 +
  float: left;
 +
}
 +
 +
/*Menu Header Styles*/
 +
.menu-item2 h5 {
 +
  border-bottom: 1px solid rgba(0,0,0,0.3);
 +
  border-top: 1px solid rgba(255,255,255,0.2);
 +
  color: #fff;
 +
  font-size: 15px;
 +
  font-weight: 500;
 +
  padding: 7px 12px;
 +
 +
 
 +
  /*Gradient*/
 +
  background: #a90329; /* Old browsers */
 +
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
 +
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 +
}
 +
 +
.menu-item2 h5:hover { 
 +
  background: #cc002c; /* Old browsers */
 +
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
 +
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 +
 +
}
 +
 +
.menu-item2 h5 a {
 +
  color: white;
 +
  display: block;
 +
  text-decoration: none;
 +
  width: 200px;
 +
  list-style: none;
 +
}
 +
 +
/*ul Styles*/
 +
.menu-item2 ul {
 +
  background: #fff;
 +
  font-size: 13px;
 +
  line-height: 30px;
 +
  height: 0px;
 +
  list-style-type: none;
 +
  overflow: hidden;
 +
  padding: 0px;
 +
  display:block;
 +
  position:absolute;
 +
 +
  /*Animation*/
 +
  -webkit-transition: height 1s ease;
 +
    -moz-transition: height 1s ease;
 +
      -o-transition: height 1s ease;
 +
      -ms-transition: height 1s ease;
 +
          transition: height 1s ease;
 +
}
 +
 +
 +
.menu-item2:hover ul {
 +
  height: 93px;
 +
  list-style: none;
 +
}
 +
 +
.menu-item2 ul a {
 +
  margin-left: 20px;
 +
  text-decoration: none;
 +
  color: #aaa;
 +
  display: block;
 +
  width: 160px;
 +
  float: left;
 +
 +
}
 +
 +
/*li Styles*/
 +
.menu-item2 li {
 +
  border-bottom: 1px solid #eee;
 +
  list-style: none;
 +
}
 +
 +
.menu-item2 li:hover {
 +
  background: #eee;
 +
 +
  list-style: none;
 +
}
 +
 +
/*First Item Styles*/
 +
.alpha p {
 +
padding: 8px 12px;
 +
color: #aaa;
 +
}
 +
 +
.alpha p a {
 +
color: #aaa;
 +
font-style: italic;
 +
}
 +
 +
.alpha p a:hover {
 +
color: #ccc;
 +
}
 +
 +
</style>
 +
</nav>
 +
</html>
 +
<html>
 +
<head>
 +
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <style type="text/css">
 +
 +
    #BackToTop {
 +
  position:fixed;
 +
  bottom:0;
 +
  right:0;
 +
  }
 +
 +
  #Sitemap {
 +
  position:fixed;
 +
  bottom:0;
 +
  left:0;
 +
  }
 +
 +
  </style>
 +
  </head>
 +
 +
</html>
 +
 +
<html>
 +
<body>
 +
 +
<div id="BackToTop">
 +
<a href="#top">
 +
<img src="http://aux.iconpedia.net/uploads/11879496962061246695.png" width="48px" />
 +
</a>
 +
</div>
 +
 +
<div id="Sitemap">
 +
<a href="https://2012.igem.org/Team:WashU/Sitemap">
 +
<img src="http://www.pimicleaning.co.uk/images/pimi-sitemap.png" width="80px" />
 +
</a>
 +
</div>
 +
 +
</body>
 +
</html>
 +
<br><br>
 +
 +
<html>
<html>

Revision as of 16:14, 13 June 2012


Saffron in a Kan, Synechocystis

Put Some Text In This Space So It Doesn't Look Bad





Retrieved from "http://2012.igem.org/Team:WashU/Saffroninakansynecho"