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.align-right > ul > li {
+
 
  float: right;
+
}
+
 
#cssmenu > ul > li > a {
 
#cssmenu > ul > li > a {
 
   padding: 0px;
 
   padding: 0px;
Line 164: Line 196:
 
   left: auto;
 
   left: auto;
 
}
 
}
#cssmenu.align-right li:hover > ul {
+
 
  left: auto;
+
  right: 0;
+
}
+
 
#cssmenu li:hover > ul > li {
 
#cssmenu li:hover > ul > li {
 
   height: 35px;
 
   height: 35px;
Line 175: Line 204:
 
   top: 0;
 
   top: 0;
 
}
 
}
#cssmenu.align-right ul ul ul {
+
 
  margin-left: 0;
+
  margin-right: 100%;
+
}
+
 
#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.align-right ul ul li.has-sub > a:after {
+
 
  right: auto;
+
  left: 11px;
+
}
+
 
#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;
 
}
 
}
#cssmenu.align-right ul ul li.has-sub > a:before {
+
 
  right: auto;
+
  left: 14px;
+
}
+
  
  

Revision as of 17:16, 28 August 2015