"
Team:CIDEB-UANL Mexico/Templates/Menu
From 2012hs.igem.org
(Difference between revisions)
| Line 14: | Line 14: | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| Line 631: | Line 577: | ||
$('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(' | + | $('.top-menu').removeClass().addClass('top-menu').addClass('style2'); |
$(".top-menu").slideupmenu(opts); | $(".top-menu").slideupmenu(opts); | ||
| Line 656: | Line 602: | ||
</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 676: | Line 676: | ||
<body> | <body> | ||
| - | <div class="top-menu | + | <div class="top-menu style2"> |
<ul class="top-menu-main"> | <ul class="top-menu-main"> | ||
Revision as of 16:50, 16 June 2012
