Template:WashUback

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<font face = "Trebuchet MS, Verdana">
<font face = "Trebuchet MS, Verdana">
<head><META NAME = "Description" CONTENT = "Washington University in St. Louis iGEM WashU 2012."></head>
<head><META NAME = "Description" CONTENT = "Washington University in St. Louis iGEM WashU 2012."></head>
 +
<style type="text/css">
 +
  body {background: url('https://static.igem.org/mediawiki/2012/f/f9/SaffronBackground.jpg');background-attachment:fixed}
 +
  .firstHeading {display: none;}
 +
    #bodyContent {background-color: #FFEFD5;}
 +
  #content {padding-left:1px; padding-right:1px; background-color:transparent;}
 +
 +
  p {color:#000000;}
 +
  p {font-size:14px;}
 +
 +
</style>
 +
</body>
-
<div class="banner"><a href='https://2012.igem.org/Team:WashU'>
 
-
    <!--img src='https://static.igem.org/mediawiki/2012/e/e7/HeaderWashU.jpg' style="width: 965px"-->
 
-
<img src='https://static.igem.org/mediawiki/2012/4/46/WashU_igem_logo-01.png' width=965px height=175px>
 
-
    </a>
 
-
</div>
 
<nav2>
<nav2>
Line 35: Line 41:
       <h4><div style="padding-left:20px">Team</h4>
       <h4><div style="padding-left:20px">Team</h4>
       <ul>
       <ul>
-
         <li><a href="/Team:WashU/Students">Students</a></li>
+
         <li><a href="/Team:WashU/Team">Students</a></li>
         <li><a href="/Team:WashU/Advisors">Advisors</a></li>
         <li><a href="/Team:WashU/Advisors">Advisors</a></li>
         <li><a href="http://www.igem.org/Team.cgi?year=2012&team_name=WashU">Official Team Profile</a></li>
         <li><a href="http://www.igem.org/Team.cgi?year=2012&team_name=WashU">Official Team Profile</a></li>
Line 55: Line 61:
       </ul>
       </ul>
     </div>
     </div>
 +
 +
<style type="text/css">
 +
nav2 {
 +
  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-item {
 +
  background: #fff;
 +
  width: 137.5px;
 +
  float: left;
 +
}
 +
.menu-item2 {
 +
  background: #fff;
 +
  width: 137.5px;
 +
  float: left;
 +
}
 +
 +
/*Menu Header Styles*/
 +
.menu-item h4 {
 +
  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 h4 {
 +
  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-item h4: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 h4: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-item h4 a {
 +
  color: white;
 +
  display: block;
 +
  text-decoration: none;
 +
  width: 200px;
 +
  list-style: none;
 +
}
 +
.menu-item2 h4 a {
 +
  color: white;
 +
  display: block;
 +
  text-decoration: none;
 +
  width: 200px;
 +
  list-style: none;
 +
}
 +
 +
 +
/*ul Styles*/
 +
.menu-item 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 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-item:hover ul {
 +
  height: 93px;
 +
  list-style: none;
 +
}
 +
.menu-item2:hover ul {
 +
  height: 62px;
 +
  list-style: none;
 +
}
 +
 +
.menu-item ul a {
 +
  margin-left: 20px;
 +
  text-decoration: none;
 +
  color: #aaa;
 +
  display: block;
 +
  width: 160px;
 +
  float: none;
 +
 +
}
 +
.menu-item2 ul a {
 +
  margin-left: 20px;
 +
  text-decoration: none;
 +
  color: #aaa;
 +
  display: block;
 +
  width: 160px;
 +
  float: none;
 +
 +
}
 +
 +
/*li Styles*/
 +
 +
 +
 +
.menu-item li:hover {
 +
  background: #eee;
 +
 +
  list-style: none;
 +
}
 +
.menu-item2 li:hover {
 +
  background: #eee;
 +
 +
  list-style: none;
 +
}
 +
 +
 +
 +
</style>
</nav2>
</nav2>
-
<br><br><br><br><br>
+
</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">
<div id="BackToTop">
Line 71: Line 289:
</div>
</div>
 +
</body>
</html>
</html>
 +
<br><br>

Revision as of 19:59, 28 July 2012

Projects

Notebook

Team

Media

Attributions



Retrieved from "http://2012.igem.org/Template:WashUback"