Template:WashUbackhome

From 2012.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 1: Line 1:
-
{{WashUtophome}}
+
{{WashUtop}}
<html>
<html>
-
<font face = "Trebuchet MS, Verdana">
 
-
<head><META NAME = "Description" CONTENT = "Washington University in St. Louis iGEM WashU 2012."></head>
 
-
<style type="text/css">
 
-
  body {background: url('http://2012.igem.org/wiki/images/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;}
+
<div class="banner">
-
  p {font-size:14px;}
+
<a href='http://2012.igem.org/Team:WashU'><img src='http://2012.igem.org/wiki/images/c/c8/WashU_igem_logo-03.png' width=965px height=175px></a>
-
 
+
</div>
-
</style>  
+
<nav id = "mainNav">
-
</body>
+
-
 
+
-
 
+
-
<nav2>
+
<font face = "Palatino Linotype, Book Antiqua">
<font face = "Palatino Linotype, Book Antiqua">
     <div class="menu-item">
     <div class="menu-item">
-
       <h4><a href="/Team:WashU"><div style="padding-left:30px">Home</a></h4>
+
       <h4><a href="/Team:WashU"><div style="padding-left:44px">Home</a></h4>
     </div>
     </div>
   
   
-
     <div class="menu-item2">
+
     <div class="menu-item">
-
       <h4>The Team</h4>
+
       <h4><div style="padding-left:42px">Projects</div></h4>
       <ul>
       <ul>
-
         <li><a href="/Team:Colombia/TheTeam">The Team-</a></li>
+
         <li><a href="/Team:WashU/Saffroninakansynecho">Saffron in a Kan</a></li>
-
         <li><a href="/Team:Colombia/Undergrads">Undergrads</a></li>
+
        <li><a href="/Team:WashU/YLC">YLC</a></li>  
 +
         <li><a href="/Team:WashU/Modeling">Modeling</a></li>
       </ul>
       </ul>
     </div>
     </div>
<div class="menu-item2">
<div class="menu-item2">
-
       <h4><div style="padding-left:10px">Notebook</h4>
+
       <h4><div style="padding-left:30px">Notebook</h4>
       <ul>
       <ul>
         <li><a href="/Team:WashU/WeeklyLog">Weekly Log</a></li>         
         <li><a href="/Team:WashU/WeeklyLog">Weekly Log</a></li>         
Line 39: Line 29:
<div class="menu-item">
<div class="menu-item">
-
       <h4><div style="padding-left:20px">Team</h4>
+
       <h4><div style="padding-left:42px">Team</h4>
       <ul>
       <ul>
         <li><a href="/Team:WashU/Students">Students</a></li>
         <li><a href="/Team:WashU/Students">Students</a></li>
Line 47: Line 37:
     </div>
     </div>
-
<div class="menu-item2">
 
-
      <h4><div style="padding-left:15px">Media</h4>
 
-
      <ul>
 
-
        <li><a href="/Team:WashU/Photos">Photos</a></li>
 
-
        <li><a href="/Team:WashU/SocialMedia">Social Media</a></li>
 
-
      </ul>
 
-
    </div>
 
<div class="menu-item">
<div class="menu-item">
-
       <h4><a href="/Team:WashU/Safety"><div style="padding-left:16px">Safety</a></h4>
+
       <h4><a href="/Team:WashU/Safety"><div style="padding-left:36px">Safety</a></h4>
     </div>
     </div>
<div class="menu-item">
<div class="menu-item">
-
       <h4><a href="/Team:WashU/Attributions">Attributions</a></h4>
+
       <h4><div style="padding-left:18px"><a href="/Team:WashU/Attributions">Attributions</a></div></h4>
       </ul>
       </ul>
     </div>
     </div>
 +
</nav>
 +
<br>
-
<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>
 
-
</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">
<a href="#top">
<a href="#top">
-
<img src="https://lh4.googleusercontent.com/--PUmYbJtg9E/T991985xuxI/AAAAAAAAAGw/Z9CZek_yLhQ/s144/ICL_BackToTop2.png" width="48px" />
+
<img src="http://dl.dropbox.com/u/88390549/arrow-outline-purple-up.png" />
</a>
</a>
</div>
</div>
Line 289: Line 60:
</div>
</div>
-
</body>
 
</html>
</html>
-
<br><br>
 

Latest revision as of 03:23, 4 October 2012