]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Skin: Blue | |
3 | * ---------- | |
4 | */ | |
5 | @import "../../bootstrap-less/mixins.less"; | |
6 | @import "../../bootstrap-less/variables.less"; | |
7 | @import "../variables.less"; | |
8 | @import "../mixins.less"; | |
9 | ||
10 | .skin-blue-light { | |
11 | //Navbar | |
12 | .main-header { | |
13 | .navbar { | |
14 | .navbar-variant(@light-blue; #fff); | |
15 | .sidebar-toggle { | |
16 | color: #fff; | |
17 | &:hover { | |
18 | background-color: darken(@light-blue, 5%); | |
19 | } | |
20 | } | |
21 | @media (max-width: @screen-header-collapse) { | |
22 | .dropdown-menu { | |
23 | li { | |
24 | &.divider { | |
25 | background-color: rgba(255, 255, 255, 0.1); | |
26 | } | |
27 | a { | |
28 | color: #fff; | |
29 | &:hover { | |
30 | background: darken(@light-blue, 5%); | |
31 | } | |
32 | } | |
33 | } | |
34 | } | |
35 | } | |
36 | } | |
37 | //Logo | |
38 | .logo { | |
39 | .logo-variant(@light-blue); | |
40 | } | |
41 | ||
42 | li.user-header { | |
43 | background-color: @light-blue; | |
44 | } | |
45 | } | |
46 | ||
47 | //Content Header | |
48 | .content-header { | |
49 | background: transparent; | |
50 | } | |
51 | ||
52 | //Create the sidebar skin | |
53 | .skin-light-sidebar(@light-blue); | |
54 | .main-footer { | |
55 | border-top-color: @gray; | |
56 | } | |
57 | } | |
58 | ||
59 | .skin-blue.layout-top-nav .main-header > .logo { | |
60 | .logo-variant(@light-blue); | |
61 | } |