Difference between revisions of "Team:TU Darmstadt/Templates/SideBarMenu"

Line 29: Line 29:
  
 
#menuContainer li ul {
 
#menuContainer li ul {
−
display: block;
+
display: none;
−
padding-bottom: 0px;
+
padding-bottom: 10px;
−
        opacity: 0;
+
−
        max-height: 0;
+
−
        z-index: 999;
+
−
        margin-top: 0;
+
−
        transition: all 0.75s linear 0.5s;
+
−
        -webkit-transition: all 0.75s linear 0.5s;
+
−
        -moz-transition: all 0.75s linear 0.5s;
+
−
        -o-transition: all 0.75s linear 0.5s;
+
−
}
+
−
 
+
−
#menuContainer > ul li:hover > ul {
+
−
        display: block;
+
−
        opacity: 1;
+
−
        max-height: 999px;
+
−
        z-index: 2;
+
 
}
 
}
 
    
 
    
Line 89: Line 74:
 
#menuContainer ul.open {
 
#menuContainer ul.open {
 
display: block;
 
display: block;
−
        opacity: 1;
 
−
        max-height: 999px;
 
 
}
 
}
  
−
#menuContainer ul > li ul li {
 
−
        max-height: 0;
 
−
}
 
−
 
−
#menuContainer ul > li ul.open li {
 
−
        max-height: 999px;
 
−
}
 
−
 
−
.preload * {
 
−
  -webkit-transition: none !important;
 
−
  -moz-transition: none !important;
 
−
  -ms-transition: none !important;
 
−
  -o-transition: none !important;
 
−
}
 
 
</style>
 
</style>
 
<!-- End of CSS -->
 
<!-- End of CSS -->
  
 
<!-- Start of menu -->
 
<!-- Start of menu -->
−
<div class="preload" id="menuContainer">
+
<div id="menuContainer">
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<ul>
 
<ul>
Line 219: Line 188:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
$(window).load(function() {
 
−
    $("#menuContainer").removeClass("preload");
 
−
});
 
  
 
$(function () {
 
$(function () {

Revision as of 21:56, 17 September 2015