/*=== Menu Theme ===*/
.navigation-menu .menu-button {
border: 0;
background: transparent;
font-size: 30px;
cursor: pointer;
color:rgba(0,0,0,.60);
}
.navigation-menu > ul:not(.mobile-menu) > li {
float: left;
line-height: 2.4;
padding: 0 15px;
}
.navigation-menu > ul:not(.mobile-menu) > li > a {
color: #8f8f8f;
font-size: 16px;
display: block;
}
.navigation-menu > ul:not(.mobile-menu) > li:hover > a,
.navigation-menu > ul:not(.mobile-menu) > li.active > a {
color: #2b2b2b;
}
/**** Submenu ****/
.navigation-menu > ul:not(.mobile-menu) > li > ul li {
padding: 0 15px;
line-height: 45px;
font-size: 15px;
border-bottom: 1px solid rgba(0, 0, 0, .10);
background: #f3f3f3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.navigation-menu > ul:not(.mobile-menu) > li > ul li a {
color: #aeaeae;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
}
.navigation-menu > ul:not(.mobile-menu) > li > ul li:hover > a {
color: #2b2b2b;
}
Helpers
Helper
Definition
Element
Class : fixed-top
Fixed Top Navbar
added to navbar block.
Class : fixed-bottom
Fixed Bottom Navbar
added to navbar block.
Class : sticky-footer
A sticky footer always stays on the bottom of the page.
added to footer block.
Class : sticky-navbar
when scroll sticky nav.
added to navbar block.
Attribute [ data-sticky ]
when scroll sticky Element.
added to navbar/sidebar block.
3rd Party Plugins
Note : all 3rd party plugins ar already included with the lateast version and customized to work perfectly with tornado. You can see the original documentation in order to use them in particular way.
Plugin Name
Definition
Orignal Documentation
Sticky-kit
to create a sticky elements like navbar,navside,wideget.