173 lines
2.7 KiB
Plaintext
173 lines
2.7 KiB
Plaintext
//
|
|
// Themes / Adminflare / Main menu
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Background and borders
|
|
//
|
|
|
|
#main-menu-bg,
|
|
.mmc-dropdown-open-ul {
|
|
background: #2b2b2b url("@{images-path}/themes/adminflare/menu-bg.png");
|
|
}
|
|
|
|
#main-menu-bg,
|
|
&.right-to-left.main-menu-right #main-menu-bg {
|
|
border-left: none;
|
|
border-right: 1px solid #1d1d1d;
|
|
}
|
|
|
|
&.main-menu-right #main-menu-bg,
|
|
&.right-to-left #main-menu-bg {
|
|
border-left: 1px solid #1d1d1d;
|
|
border-right: none;
|
|
}
|
|
|
|
|
|
// Main menu
|
|
//
|
|
|
|
#main-menu {
|
|
|
|
// Navigation
|
|
//
|
|
|
|
.navigation {
|
|
.box-shadow(0 1px 0 #313131);
|
|
}
|
|
|
|
.navigation a,
|
|
.mmc-dropdown-open-ul a {
|
|
color: #aaaaaa;
|
|
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
|
|
.transition(color .2s);
|
|
|
|
&:hover {
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
|
|
// Nav items
|
|
li {
|
|
border-top: 1px solid #313131;
|
|
border-bottom: 1px solid #1f1f1f;
|
|
|
|
// Active nav item
|
|
&.active {
|
|
border-top: none;
|
|
background: #242424;
|
|
background: rgba(0, 0, 0, 0.15);
|
|
.box-shadow(~"0px 1px 6px inset rgba(0, 0, 0, 0.25) !important");
|
|
|
|
& > a,
|
|
& > a:hover {
|
|
color: #75c6f3 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Submenus
|
|
//
|
|
|
|
.mm-dropdown.open {
|
|
border-bottom: none;
|
|
|
|
& > a {
|
|
border-bottom: 1px solid #1f1f1f;
|
|
}
|
|
}
|
|
|
|
.navigation .mm-dropdown.active,
|
|
.mmc-dropdown-open {
|
|
border-top: 1px solid #313131;
|
|
background: none;
|
|
|
|
> a,
|
|
> a:hover {
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
|
|
|
|
// Dropdowns
|
|
//
|
|
|
|
.mmc-dropdown-open-ul {
|
|
margin-top: -1px !important;
|
|
|
|
& > a {
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
|
|
.mmc-title {
|
|
color: #fff;
|
|
border-bottom: 1px solid #1f1f1f;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
// Top-placed dropdowns
|
|
.mmc-dropdown-open-ul.top {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 1px !important;
|
|
|
|
.mmc-title {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
// Main menu content blocks
|
|
.menu-content {
|
|
border: none;
|
|
margin-top: -8px;
|
|
|
|
.btn-outline {
|
|
border-color: lighten(#2b2b2b, 5%);
|
|
color: #aaa;
|
|
|
|
&:hover {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
&.top {
|
|
border-bottom: 1px solid #1f1f1f;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Rigth-to-left
|
|
//
|
|
|
|
&.right-to-left {
|
|
#main-menu-bg {
|
|
border-right: none;
|
|
border-left: 1px solid rgb(29, 29, 29);
|
|
}
|
|
}
|
|
|
|
|
|
// Dropdown highlights
|
|
//
|
|
|
|
// Highlight opened dropdown
|
|
.mmc-dropdown-open .mm-dropdown.open > a,
|
|
&.mme #main-menu .mm-dropdown.open > a {
|
|
color: #fff;
|
|
}
|
|
|
|
@media (min-width: @screen-tablet) {
|
|
// Highlight expanded submenus
|
|
#main-menu .mm-dropdown.open > a {
|
|
color: #fff;
|
|
}
|
|
|
|
// Unhighlight expanded submenus in collapsed mode
|
|
&.mmc #main-menu .navigation > .mm-dropdown.open > a {
|
|
color: #aaaaaa;
|
|
}
|
|
} |