Difference between revisions of "Template:Nymu-menu"
Line 1: | Line 1: | ||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | |||
+ | $("#cssmenu.align-center li").click(function(){ | ||
+ | |||
+ | $("#cssmenu.align-center li").removeClass("active"); | ||
+ | $(this).addClass("active"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | .align-center li.active | ||
+ | { | ||
+ | border-bottom-style: solid; | ||
+ | border-color: #0000ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/* WIKI SETTINGS*/ | /* WIKI SETTINGS*/ | ||
Line 99: | Line 133: | ||
text-align: left; | text-align: left; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
#cssmenu > ul > li > a { | #cssmenu > ul > li > a { | ||
padding: 0px; | padding: 0px; | ||
Line 164: | Line 196: | ||
left: auto; | left: auto; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#cssmenu li:hover > ul > li { | #cssmenu li:hover > ul > li { | ||
height: 35px; | height: 35px; | ||
Line 175: | Line 204: | ||
top: 0; | top: 0; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#cssmenu ul ul li a { | #cssmenu ul ul li a { | ||
border-bottom: 1px solid rgba(150, 150, 150, 0.15); | border-bottom: 1px solid rgba(150, 150, 150, 0.15); | ||
Line 207: | Line 233: | ||
content: ''; | content: ''; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#cssmenu ul ul li.has-sub > a:before { | #cssmenu ul ul li.has-sub > a:before { | ||
position: absolute; | position: absolute; | ||
Line 226: | Line 249: | ||
transition: all .25s ease; | transition: all .25s ease; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Revision as of 17:16, 28 August 2015