mirror of https://github.com/QuEST-Kit/QuEST.git
122 lines
3.5 KiB
CSS
Executable File
122 lines
3.5 KiB
CSS
Executable File
/*
|
|
You probably do not need to edit this at all.
|
|
|
|
Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
|
|
These are theme independent and should work with any Bootstrap 3 theme mod.
|
|
*/
|
|
/* sub menus arrows on desktop */
|
|
.navbar-nav:not(.sm-collapsible) ul .caret {
|
|
position: absolute;
|
|
right: 0;
|
|
margin-top: 6px;
|
|
margin-right: 15px;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 4px dashed;
|
|
}
|
|
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
|
|
padding-right: 30px;
|
|
}
|
|
/* make sub menu arrows look like +/- buttons in collapsible mode */
|
|
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
|
|
position: absolute;
|
|
right: 0;
|
|
margin: -3px 15px 0 0;
|
|
padding: 0;
|
|
width: 32px;
|
|
height: 26px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.navbar-nav.sm-collapsible .caret:before {
|
|
content: '+';
|
|
font-family: monospace;
|
|
font-weight: bold;
|
|
}
|
|
.navbar-nav.sm-collapsible .open > a > .caret:before {
|
|
content: '-';
|
|
}
|
|
.navbar-nav.sm-collapsible a.has-submenu {
|
|
padding-right: 50px;
|
|
}
|
|
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
|
|
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
|
|
position: static;
|
|
margin: 0 0 0 2px;
|
|
padding: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 4px dashed;
|
|
border-right: 4px solid transparent;
|
|
border-bottom: 0;
|
|
border-left: 4px solid transparent;
|
|
}
|
|
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
|
|
content: '' !important;
|
|
}
|
|
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
|
|
padding-right: 15px;
|
|
}
|
|
/* scrolling arrows for tall menus */
|
|
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
|
|
position: absolute;
|
|
display: none;
|
|
visibility: hidden;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
|
|
position: absolute;
|
|
top: -2px;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
width: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
border-top: 7px dashed transparent;
|
|
border-right: 7px dashed transparent;
|
|
border-bottom: 7px solid;
|
|
border-left: 7px dashed transparent;
|
|
}
|
|
.navbar-nav span.scroll-down-arrow {
|
|
top: 6px;
|
|
border-top: 7px solid;
|
|
border-right: 7px dashed transparent;
|
|
border-bottom: 7px dashed transparent;
|
|
border-left: 7px dashed transparent;
|
|
}
|
|
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
|
|
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
|
|
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
|
|
padding-left: 35px;
|
|
}
|
|
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
|
|
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
|
|
padding-left: 45px;
|
|
}
|
|
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
|
|
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
|
|
padding-left: 55px;
|
|
}
|
|
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
|
|
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
|
|
padding-left: 65px;
|
|
}
|
|
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
|
|
.navbar-nav .dropdown-menu > li > a {
|
|
white-space: normal;
|
|
}
|
|
.navbar-nav ul.sm-nowrap > li > a {
|
|
white-space: nowrap;
|
|
}
|
|
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
|
|
white-space: normal;
|
|
}
|
|
/* fix .navbar-right subs alignment */
|
|
.navbar-right ul.dropdown-menu {
|
|
left: 0;
|
|
right: auto;
|
|
} |