Template:WashUprojectbar

From 2012.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 1: Line 1:
<html>
<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>
 
 +
<script type="text/javascript" src="jquery.js"></script>
 +
<style type ="text/javascript">
 +
$(function(){
 +
    $('#nav').hover(function(){
 +
        $(this).animate({width:'200px'},500);
 +
    },function(){
 +
        $(this).animate({width:'35px'},500);
 +
    }).trigger('mouseleave');
 +
});
 +
</style>
<nav>
<nav>
<font face = "Palatino Linotype, Book Antiqua">
<font face = "Palatino Linotype, Book Antiqua">
     <div class="menu-item3">
     <div class="menu-item3">
-
       <h5><a href="#">Overview</a></h5>
+
       <h5><a href="/Team:WashU/Saffroninakansynecho">Overview</a></h5>
     </div>
     </div>
-
+
 
-
    <div class="menu-item3">
+
<div class="menu-item3">
-
       <h5><a href="#">Design</a></h5>
+
       <h5><a href="/Team:WashU/Characterization">Phase I</a></h5>
     </div>
     </div>
-
+
 
-
<div class="menu-item3">
+
<div class="menu-item3">
-
      <h5><a href="#">Modeling</a></h5>
+
    <h5><a href="/Team:WashU/DesignSynecho">Phase II</a></h5>
     </div>
     </div>
<div class="menu-item3">
<div class="menu-item3">
-
      <h5><a href="#">Parts</a></h5>
+
    <h5><a href="/Team:WashU/CharacterizationOther">Phase III</a></h5>
-
      <ul><a href="#">Characterization</a></ul>
+
     </div>
     </div>
 +
<div class="menu-item3">
<div class="menu-item3">
-
       <h5><a href="#">Testing and Results</a></h5>
+
       <h5><a href="/Team:WashU/Achievements">Results</a></h5>
     </div>
     </div>
 +
<div class="menu-item3">
 +
      <h5><a href="/Team:WashU/Parts">Parts</a></h5>
 +
    </div>
<div class="menu-item3">
<div class="menu-item3">
-
       <h5><a href="#">Future Work</a></h5>
+
       <h5><a href="/Team:WashU/Judging">Judging Criteria</a></h5>
     </div>
     </div>
</nav>
</nav>
Line 54: Line 53:
   font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
   font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 14px;
   font-size: 14px;
-
  float: left;
 
   line-height: 1.5;
   line-height: 1.5;
 +
  position:absolute;
   margin: 1px;
   margin: 1px;
   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
Line 65: Line 64:
   background: #fff;
   background: #fff;
   width: 150px;
   width: 150px;
-
  float: left;
+
 
}
}
Line 80: Line 79:
   /*Gradient*/
   /*Gradient*/
   background: #a90329; /* Old browsers */
   background: #a90329; /* Old browsers */
-
   background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top, #000000 0%, #000000 44%, #000000 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-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(44%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* IE10+ */
-
   background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
+
   background: linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
}
.menu-item3 h5:hover {   
.menu-item3 h5:hover {   
-
   background: #cc002c; /* Old browsers */
+
   background: #000000; /* Old browsers */
-
   background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top,  #000000 0%, #000000 100%); /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top,  #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top,  #000000 0%,#000000 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top,  #000000 0%,#000000 100%); /* IE10+ */
-
   background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
+
   background: linear-gradient(top,  #000000 0%,#000000 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
}
Line 105: Line 104:
   display: block;
   display: block;
   text-decoration: none;
   text-decoration: none;
-
   width: 200px;
+
   width: 150px;
   list-style: none;
   list-style: none;
}
}
Line 131: Line 130:
.menu-item3:hover ul {
.menu-item3:hover ul {
-
   height: 93px;
+
   height: 31px;
   list-style: none;
   list-style: none;
}
}
Line 140: Line 139:
   color: #aaa;
   color: #aaa;
   display: block;
   display: block;
-
   width: 160px;
+
   width: 150px;
   float: left;
   float: left;

Latest revision as of 00:07, 1 October 2012

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