5 /* override boostrap a:hover */
10 .sidebar .sidebar-menu {
17 .sidebar .sidebar-menu > li,
18 .sidebar .sidebar-menu li.active li.treeview-menu
22 border-bottom: 1px solid @gray-light;
23 background-color: @gray-lighter;
25 /* active child menu - white BG */
26 .sidebar .sidebar-menu li.active li.treeview-menu {
27 background-color: @gray-light;
30 .sidebar .sidebar-menu > li > a ,
31 .sidebar .sidebar-menu li.open li.treeview-menu > a
33 padding: 12px 5px 12px 15px;
38 .sidebar .sidebar-menu > li > a > .fa,
39 .sidebar .sidebar-menu > li > a > .glyphicon,
40 .sidebar .sidebar-menu > li > a > .ion {
44 .sidebar .sidebar-menu li:hover,
45 .sidebar .sidebar-menu li:focus,
46 .sidebar .sidebar-menu li:active,
47 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
48 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
49 .sidebar .sidebar-menu li.active li.treeview-menu:active
51 background-color: @body-bg;
55 .sidebar .sidebar-menu li:hover a,
56 .sidebar .sidebar-menu li:focus a,
57 .sidebar .sidebar-menu li:active a,
58 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
59 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
60 .sidebar .sidebar-menu li.open li.treeview-menu a:active
63 text-decoration: none;
68 .sidebar .sidebar-menu li.active {
70 background-color: @brand-primary; //#337ab7;
71 border-color: darken(@brand-primary, 10%); //#2e6da4;
74 .sidebar .sidebar-menu li.active:hover,
75 .sidebar .sidebar-menu li.active:focus,
76 .sidebar .sidebar-menu li.active.focus
79 background-color: @brand-primary; //#204d74;
80 border-color: darken(@brand-primary, 10%); //#122b40;
83 .sidebar .sidebar-menu li.active a {
87 .sidebar .sidebar-menu li.disabled {
89 background-color: @body-bg;
90 border-color: @gray-dark;
93 .sidebar .sidebar-menu li.disabled a {
98 .sidebar .sidebar-menu li.danger,
99 .sidebar .sidebar-menu li.danger.active {
101 background-color: @brand-danger;
102 border-color: lighten(@brand-danger, 10%);
105 .sidebar .sidebar-menu li.danger:hover,
106 .sidebar .sidebar-menu li.danger:focus,
107 .sidebar .sidebar-menu li.danger.active:focus
110 background-color: @brand-danger;
111 border-color: darken(@brand-danger, 10%);
112 border-bottom: 1px solid darken(@brand-danger, 10%);
115 .sidebar .sidebar-menu li.danger a,
116 .sidebar .sidebar-menu li.danger.active a{
121 .sidebar .sidebar-menu li.open ul {
125 .sidebar .sidebar-menu li.open .treeview-menu {
130 /* --- treeview menu */
132 .sidebar .sidebar-menu .treeview-menu {
138 .sidebar .sidebar-menu .treeview-menu > li {
141 .sidebar .sidebar-menu li.open li.treeview-menu > a {
142 padding: 5px 5px 5px 20px;
147 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
148 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
149 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
152 /* background to highlighted treeview node
153 .sidebar .sidebar-menu li li.treeview-menu.active {
158 .sidebar .sidebar-menu li li.treeview-menu.active > a {
161 /* active sidebard... */
166 background-color: @gray-light;
171 background-color: @brand-primary;
176 background-color: @brand-success;
181 background-color: @brand-info;
186 background-color: @brand-warning;
191 background-color: @brand-danger;
195 .sidebar .sidebar-menu > li.active .badge-info {
196 background-color: @body-bg;