Team:CIDEB-UANL Mexico/Templates/Menu

From 2012hs.igem.org

(Difference between revisions)
Line 14: Line 14:
 +
.style5.top-menu {
 +
  background: transparent;
 +
  margin: auto;
 +
  width: 950px;
 +
  margin-top: -35px;
 +
 
 +
}
 +
.style5 ul.top-menu-main {
 +
  margin: auto;
 +
  width: 950px;
 +
  font-family: Georgia, Tahoma, Arial;
 +
  font-size: 10px;
 +
  line-height: 18px;
 +
}
 +
.style5 ul.top-menu-main > li {
 +
  background: #000;
 +
  border-right: 1px solid #afafaf;
 +
 +
 
 +
  color: #fff;
 +
  margin: 0;
 +
}
 +
.style5 ul.top-menu-main > li.last {
 +
  border-right: none;
 +
}
 +
.style5 ul.top-menu-main > li:hover .menu-item-text
 +
{color: #cfcfcf; text-shadow: 0 1px 0 #0C131C;}
 +
 +
.style5 ul.top-menu-main > li:hover{
 +
  background: #333 transparent;
 +
  color: #fff;
 +
  -moz-box-shadow: 0 0 8px #333;
 +
  -webkit-box-shadow: 0 0 8px #333;
 +
  box-shadow: 0 0 8px #333;
 +
}
 +
 +
.style5 ul.top-menu-main > li > a {
 +
  color: #fff;
 +
  text-decoration: none;
 +
}
 +
.style5 ul.top-menu-main > li > a:hover {
 +
  color: #fff;
 +
}
 +
 +
.style5 ul.top-menu-main > li > a {
 +
  padding: 10px 10px;
 +
}
 +
 +
.style5 ul.top-submenu {
 +
  -moz-box-shadow: 0 0 8px #333;
 +
  -webkit-box-shadow: 0 0 8px #333;
 +
  /*box-shadow: 0 0 8px #333;*/
 +
  box-shadow: 0 0 8px #fff;
 +
 
 +
}
 +
 +
.style5 ul.top-submenu > li {
 +
  margin: 0px;
 +
  padding: 5px 10px;
 +
  background: #fff transparent;
 +
 
 +
  color: #fff;
 +
  white-space: nowrap;
 +
 
 +
}
 +
 +
.style5 ul.top-submenu > li a {
 +
  margin: 0px;
 +
  padding: 5px 10px;
 +
  background: #fff transparent;
 +
 
 +
  color: #fff;
 +
  white-space: nowrap;
 +
 
 +
}
 +
 +
.style5 ul.top-submenu > li.hover {
 +
  background: #000 ;
 +
  color: #fff;
 +
 
 +
}
 +
 +
.style5 ul.top-submenu > li a:hover {
 +
  background: #000 ;
 +
  color: #fff;
 +
 
 +
}
Line 570: Line 657:
     var opts = {slideUpSpeed:500, slideDownSpeed: 200};
     var opts = {slideUpSpeed:500, slideDownSpeed: 200};
     $(document).ready(function(){
     $(document).ready(function(){
-
$('.top-menu').removeClass().addClass('top-menu').addClass('style2');
+
$('.top-menu').removeClass().addClass('top-menu').addClass('style5');
       $('ul.s-menu li').click(function(){
       $('ul.s-menu li').click(function(){
         $(this).parent().find('li').removeClass('selected');
         $(this).parent().find('li').removeClass('selected');
Line 577: Line 664:
       $('ul.s-style li').click(function(){
       $('ul.s-style li').click(function(){
       $('.top-menu').removeClass().addClass('top-menu').addClass('style'+$(this).attr('rel'));
       $('.top-menu').removeClass().addClass('top-menu').addClass('style'+$(this).attr('rel'));
-
       $('.top-menu').removeClass().addClass('top-menu').addClass('style2');
+
       $('.top-menu').removeClass().addClass('top-menu').addClass('style5');
         $(".top-menu").slideupmenu(opts);   
         $(".top-menu").slideupmenu(opts);   
Line 602: Line 689:
   </script>
   </script>
-
.style2 ul.top-menu-main {
 
-
  margin: auto;
 
-
  width: 800px;
 
-
}
 
-
.style2 ul.top-menu-main > li {
 
-
  background: #fff;
 
-
  border-right: 1px solid #afafaf;
 
-
  margin: 0;
 
-
}
 
-
 
-
.style2 ul.top-menu-main > li.last {
 
-
  border-right: none;
 
-
}
 
-
.style2 ul.top-menu-main > li:hover .menu-item-text {color: #cfcfcf; text-shadow: 0 1px 0 #0C131C;}
 
-
.style2 ul.top-menu-main > li:hover{
 
-
  background: #333;
 
-
  color: #fff;
 
-
  -moz-box-shadow: 0 0 8px #333;
 
-
  -webkit-box-shadow: 0 0 8px #333;
 
-
  box-shadow: 0 0 8px #333;
 
-
}
 
-
 
-
.style2 ul.top-menu-main > li > a {
 
-
  color: #333;
 
-
  text-decoration: none;
 
-
}
 
-
.style2 ul.top-menu-main > li > a:hover {
 
-
  color: #fff;
 
-
}
 
-
 
-
.style2 ul.top-menu-main > li > a {
 
-
  padding: 10px 20px;
 
-
}
 
-
 
-
.style2 ul.top-submenu {
 
-
  -moz-box-shadow: 0 0 8px #333;
 
-
  -webkit-box-shadow: 0 0 8px #333;
 
-
  box-shadow: 0 0 8px #333;
 
-
}
 
-
 
-
.style2 ul.top-submenu > li {
 
-
  margin: 0px;
 
-
  padding: 10px 30px;
 
-
  background: #333;
 
-
  color: #fff;
 
-
  white-space: nowrap;
 
-
 
 
-
 
-
}
 
-
 
-
.style2 ul.top-submenu > li.hover {
 
-
  background: #cfcfcf;
 
-
  color: #333;
 
-
}
 
Line 751: Line 784:
       </li>   
       </li>   
-
        
+
       <li class="">
 +
        <ul class="top-submenu">
 +
            <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Integration">Integration Protocol</a></li>
 +
            <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Protocols">Protocols</a></li>
 +
        </ul>
 +
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Protocols" class="menu-item-text">Notebook</a>
 +
      </li>
<li class="last">
<li class="last">

Revision as of 16:52, 16 June 2012

Team: UANL_Mty-Mexico

Retrieved from "http://2012hs.igem.org/Team:CIDEB-UANL_Mexico/Templates/Menu"