lte-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (67) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +37 -0
  3. data/.gitmodules +3 -0
  4. data/Gemfile +4 -0
  5. data/Gemfile.lock +94 -0
  6. data/LICENSE +22 -0
  7. data/README.md +4 -0
  8. data/Rakefile +52 -0
  9. data/lib/lte/rails/engine.rb +13 -0
  10. data/lib/lte/rails/version.rb +7 -0
  11. data/lib/lte/rails.rb +7 -0
  12. data/lib/lte-rails.rb +1 -0
  13. data/lte-rails.gemspec +40 -0
  14. data/vendor/assets/stylesheets/AdminLTE/.csslintrc +23 -0
  15. data/vendor/assets/stylesheets/AdminLTE/404_500_errors.less +36 -0
  16. data/vendor/assets/stylesheets/AdminLTE/AdminLTE.less +68 -0
  17. data/vendor/assets/stylesheets/AdminLTE/alerts.less +44 -0
  18. data/vendor/assets/stylesheets/AdminLTE/bootstrap-social.less +114 -0
  19. data/vendor/assets/stylesheets/AdminLTE/boxes.less +483 -0
  20. data/vendor/assets/stylesheets/AdminLTE/buttons.less +159 -0
  21. data/vendor/assets/stylesheets/AdminLTE/callout.less +48 -0
  22. data/vendor/assets/stylesheets/AdminLTE/carousel.less +18 -0
  23. data/vendor/assets/stylesheets/AdminLTE/control-sidebar.less +280 -0
  24. data/vendor/assets/stylesheets/AdminLTE/core.less +171 -0
  25. data/vendor/assets/stylesheets/AdminLTE/direct-chat.less +172 -0
  26. data/vendor/assets/stylesheets/AdminLTE/dropdown.less +347 -0
  27. data/vendor/assets/stylesheets/AdminLTE/forms.less +94 -0
  28. data/vendor/assets/stylesheets/AdminLTE/fullcalendar.less +88 -0
  29. data/vendor/assets/stylesheets/AdminLTE/header.less +244 -0
  30. data/vendor/assets/stylesheets/AdminLTE/info-box.less +69 -0
  31. data/vendor/assets/stylesheets/AdminLTE/invoice.less +16 -0
  32. data/vendor/assets/stylesheets/AdminLTE/labels.less +23 -0
  33. data/vendor/assets/stylesheets/AdminLTE/lockscreen.less +68 -0
  34. data/vendor/assets/stylesheets/AdminLTE/login_and_register.less +50 -0
  35. data/vendor/assets/stylesheets/AdminLTE/mailbox.less +77 -0
  36. data/vendor/assets/stylesheets/AdminLTE/miscellaneous.less +529 -0
  37. data/vendor/assets/stylesheets/AdminLTE/mixins.less +302 -0
  38. data/vendor/assets/stylesheets/AdminLTE/modal.less +73 -0
  39. data/vendor/assets/stylesheets/AdminLTE/navs.less +182 -0
  40. data/vendor/assets/stylesheets/AdminLTE/print.less +48 -0
  41. data/vendor/assets/stylesheets/AdminLTE/products.less +44 -0
  42. data/vendor/assets/stylesheets/AdminLTE/profile.less +29 -0
  43. data/vendor/assets/stylesheets/AdminLTE/progress-bars.less +107 -0
  44. data/vendor/assets/stylesheets/AdminLTE/select2.less +102 -0
  45. data/vendor/assets/stylesheets/AdminLTE/sidebar-mini.less +138 -0
  46. data/vendor/assets/stylesheets/AdminLTE/sidebar.less +157 -0
  47. data/vendor/assets/stylesheets/AdminLTE/skins/_all-skins.less +13 -0
  48. data/vendor/assets/stylesheets/AdminLTE/skins/skin-black-light.less +64 -0
  49. data/vendor/assets/stylesheets/AdminLTE/skins/skin-black.less +64 -0
  50. data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue-light.less +61 -0
  51. data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue.less +58 -0
  52. data/vendor/assets/stylesheets/AdminLTE/skins/skin-green-light.less +56 -0
  53. data/vendor/assets/stylesheets/AdminLTE/skins/skin-green.less +56 -0
  54. data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple-light.less +55 -0
  55. data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple.less +55 -0
  56. data/vendor/assets/stylesheets/AdminLTE/skins/skin-red-light.less +55 -0
  57. data/vendor/assets/stylesheets/AdminLTE/skins/skin-red.less +55 -0
  58. data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow-light.less +55 -0
  59. data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow.less +55 -0
  60. data/vendor/assets/stylesheets/AdminLTE/small-box.less +89 -0
  61. data/vendor/assets/stylesheets/AdminLTE/social-widgets.less +78 -0
  62. data/vendor/assets/stylesheets/AdminLTE/table.less +71 -0
  63. data/vendor/assets/stylesheets/AdminLTE/timeline.less +111 -0
  64. data/vendor/assets/stylesheets/AdminLTE/users-list.less +39 -0
  65. data/vendor/assets/stylesheets/AdminLTE/variables.less +120 -0
  66. data/vendor/assets/stylesheets/lte-rails.less +1 -0
  67. metadata +200 -0
@@ -0,0 +1,107 @@
1
+ /*
2
+ * Component: Progress Bar
3
+ * -----------------------
4
+ */
5
+
6
+ //General CSS
7
+ .progress,
8
+ .progress > .progress-bar {
9
+ .box-shadow(none);
10
+ &, .progress-bar {
11
+ .border-radius(@progress-bar-border-radius);
12
+ }
13
+ }
14
+
15
+ /* size variation */
16
+ .progress.sm,
17
+ .progress-sm {
18
+ height: 10px;
19
+ &, .progress-bar {
20
+ .border-radius(@progress-bar-sm-border-radius);
21
+ }
22
+ }
23
+ .progress.xs,
24
+ .progress-xs {
25
+ height: 7px;
26
+ &, .progress-bar {
27
+ .border-radius(@progress-bar-xs-border-radius);
28
+ }
29
+ }
30
+ .progress.xxs,
31
+ .progress-xxs {
32
+ height: 3px;
33
+ &, .progress-bar {
34
+ .border-radius(@progress-bar-xs-border-radius);
35
+ }
36
+ }
37
+ /* Vertical bars */
38
+ .progress.vertical {
39
+ position: relative;
40
+ width: 30px;
41
+ height: 200px;
42
+ display: inline-block;
43
+ margin-right: 10px;
44
+ > .progress-bar {
45
+ width: 100%;
46
+ position: absolute;
47
+ bottom: 0;
48
+ }
49
+
50
+ //Sizes
51
+ &.sm,
52
+ &.progress-sm{
53
+ width: 20px;
54
+ }
55
+
56
+ &.xs,
57
+ &.progress-xs{
58
+ width: 10px;
59
+ }
60
+ &.xxs,
61
+ &.progress-xxs{
62
+ width: 3px;
63
+ }
64
+ }
65
+
66
+ //Progress Groups
67
+ .progress-group {
68
+ .progress-text {
69
+ font-weight: 600;
70
+ }
71
+ .progress-number {
72
+ float: right;
73
+ }
74
+ }
75
+
76
+ /* Remove margins from progress bars when put in a table */
77
+ .table {
78
+ tr > td .progress {
79
+ margin: 0;
80
+ }
81
+ }
82
+
83
+ // Variations
84
+ // -------------------------
85
+ .progress-bar-light-blue,
86
+ .progress-bar-primary {
87
+ .progress-bar-variant(@light-blue);
88
+ }
89
+ .progress-bar-green,
90
+ .progress-bar-success {
91
+ .progress-bar-variant(@green);
92
+ }
93
+
94
+ .progress-bar-aqua,
95
+ .progress-bar-info {
96
+ .progress-bar-variant(@aqua);
97
+ }
98
+
99
+ .progress-bar-yellow,
100
+ .progress-bar-warning {
101
+ .progress-bar-variant(@yellow);
102
+ }
103
+
104
+ .progress-bar-red,
105
+ .progress-bar-danger {
106
+ .progress-bar-variant(@red);
107
+ }
@@ -0,0 +1,102 @@
1
+ /*
2
+ * Plugin: Select2
3
+ * ---------------
4
+ */
5
+
6
+ //Signle select
7
+ .select2-container--default,
8
+ .select2-selection {
9
+ &.select2-container--focus,
10
+ &:focus,
11
+ &:active {
12
+ outline: none;
13
+ }
14
+ .select2-selection--single {
15
+ border: 1px solid @gray;
16
+ border-radius: @input-radius;
17
+ padding: 6px 12px;
18
+ height: 34px;
19
+ }
20
+ }
21
+ .select2-container--default.select2-container--open {
22
+ border-color: @light-blue;
23
+ }
24
+ .select2-dropdown {
25
+ border: 1px solid @gray;
26
+ border-radius: @input-radius;
27
+ }
28
+ .select2-container--default .select2-results__option--highlighted[aria-selected] {
29
+ background-color: @light-blue;
30
+ color: white;
31
+ }
32
+ .select2-results__option {
33
+ padding: 6px 12px;
34
+ user-select: none;
35
+ -webkit-user-select: none; }
36
+ .select2-container .select2-selection--single .select2-selection__rendered {
37
+ padding-left: 0;
38
+ padding-right: 0;
39
+ height: auto;
40
+ margin-top: -4px;
41
+ }
42
+ .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
43
+ padding-right: 6px;
44
+ padding-left: 20px;
45
+ }
46
+ .select2-container--default .select2-selection--single .select2-selection__arrow {
47
+ height: 28px;
48
+ right: 3px;
49
+ }
50
+ .select2-container--default .select2-selection--single .select2-selection__arrow b {
51
+ margin-top: 0;
52
+ }
53
+ .select2-dropdown,
54
+ .select2-search--inline {
55
+ .select2-search__field {
56
+ border: 1px solid @gray;
57
+ &:focus {
58
+ outline: none;
59
+ border: 1px solid @light-blue;
60
+ }
61
+ }
62
+ }
63
+ .select2-container--default .select2-results__option[aria-disabled=true] {
64
+ color: #999;
65
+ }
66
+ .select2-container--default .select2-results__option[aria-selected=true] {
67
+ background-color: #ddd;
68
+ &,
69
+ &:hover {
70
+ color: #444;
71
+ }
72
+ }
73
+
74
+ //Multiple select
75
+ .select2-container--default {
76
+ .select2-selection--multiple {
77
+ border: 1px solid @gray;
78
+ border-radius: @input-radius;
79
+ &:focus {
80
+ border-color: @light-blue;
81
+ }
82
+ }
83
+ &.select2-container--focus .select2-selection--multiple {
84
+ border-color: @gray;
85
+ }
86
+ }
87
+ .select2-container--default .select2-selection--multiple .select2-selection__choice {
88
+ background-color: @light-blue;
89
+ border-color: darken(@light-blue, 5%);
90
+ padding: 1px 10px;
91
+ color: #fff;
92
+ }
93
+ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
94
+ margin-right: 5px;
95
+ color: rgba(255,255,255,.7);
96
+ &:hover {
97
+ color: #fff;
98
+ }
99
+ }
100
+ .select2-container .select2-selection--single .select2-selection__rendered {
101
+ padding-right: 10px;
102
+ }
@@ -0,0 +1,138 @@
1
+ /*
2
+ * Component: Sidebar Mini
3
+ */
4
+
5
+ //Add sidebar-mini class to the body tag to activate this feature
6
+ .sidebar-mini {
7
+ //Sidebar mini should work only on devices larger than @screen-sm
8
+ @media (min-width: @screen-sm) {
9
+ //When the sidebar is collapsed...
10
+ &.sidebar-collapse {
11
+
12
+ //Apply the new margining to the main content and footer
13
+ .content-wrapper,
14
+ .right-side,
15
+ .main-footer {
16
+ margin-left: 50px!important;
17
+ z-index: 840;
18
+ }
19
+
20
+ //Modify the sidebar to shrink instead of disappearing
21
+ .main-sidebar {
22
+ //Don't go away! Just shrink
23
+ .translate(0, 0);
24
+ width: 50px!important;
25
+ z-index: 850;
26
+ }
27
+
28
+ .sidebar-menu {
29
+ > li {
30
+ position: relative;
31
+ > a {
32
+ margin-right: 0;
33
+ }
34
+ > a > span {
35
+ border-top-right-radius: 4px;
36
+ }
37
+
38
+ &:not(.treeview) {
39
+ > a > span {
40
+ border-bottom-right-radius: 4px;
41
+ }
42
+ }
43
+
44
+ > .treeview-menu {
45
+ //Add some padding to the treeview menu
46
+ padding-top: 5px;
47
+ padding-bottom: 5px;
48
+ border-bottom-right-radius: 4px;
49
+ }
50
+
51
+ //Show menu items on hover
52
+ &:hover {
53
+ > a {
54
+ //overflow: visible;
55
+ }
56
+ > a > span:not(.pull-right),
57
+ > .treeview-menu {
58
+ display: block!important;
59
+ position: absolute;
60
+ width: @sidebar-width - 50;
61
+ left: 50px;
62
+ }
63
+
64
+ //position the header & treeview menus
65
+ > a > span {
66
+ top: 0;
67
+ margin-left: -3px;
68
+ padding: 12px 5px 12px 20px;
69
+ background-color: inherit;
70
+ }
71
+ > .treeview-menu {
72
+ top: 44px;
73
+ margin-left: 0;
74
+ }
75
+ }
76
+ }
77
+ }
78
+
79
+ //Make the sidebar links, menus, labels, badges
80
+ //and angle icons disappear
81
+ .main-sidebar .user-panel > .info,
82
+ .sidebar-form,
83
+ .sidebar-menu > li > a > span,
84
+ .sidebar-menu > li > .treeview-menu,
85
+ .sidebar-menu >li > a > .pull-right,
86
+ .sidebar-menu li.header {
87
+ display: none!important;
88
+ -webkit-transform: translateZ(0);
89
+ }
90
+
91
+ .main-header {
92
+ //Let's make the logo also shrink and the mini logo to appear
93
+ .logo {
94
+ width: 50px;
95
+ > .logo-mini {
96
+ display: block;
97
+ margin-left: -15px;
98
+ margin-right: -15px;
99
+ font-size: 18px;
100
+ }
101
+ > .logo-lg {
102
+ display: none;
103
+ }
104
+ }
105
+
106
+ //Since the logo got smaller, we need to fix the navbar's position
107
+ .navbar {
108
+ margin-left: 50px;
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+
115
+ //A fix for text overflow while transitioning from sidebar mini to full sidebar
116
+ .sidebar-menu,
117
+ .main-sidebar .user-panel,
118
+ .sidebar-menu > li.header {
119
+ white-space: nowrap;
120
+ overflow: hidden;
121
+ }
122
+ .sidebar-menu:hover {
123
+ overflow: visible;
124
+ }
125
+ .sidebar-form,
126
+ .sidebar-menu > li.header {
127
+ overflow: hidden;
128
+ text-overflow: clip;
129
+ }
130
+ .sidebar-menu li > a {
131
+ position: relative;
132
+ > .pull-right {
133
+ position: absolute;
134
+ top: 50%;
135
+ right: 10px;
136
+ margin-top: -7px;
137
+ }
138
+ }
@@ -0,0 +1,157 @@
1
+ /*
2
+ * Component: Sidebar
3
+ * ------------------
4
+ */
5
+ //Main Sidebar
6
+ // ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ```
7
+
8
+ .main-sidebar,
9
+ .left-side {
10
+ position: absolute;
11
+ top: 0;
12
+ left: 0;
13
+ padding-top: 50px;
14
+ min-height: 100%;
15
+ width: @sidebar-width;
16
+ z-index: 810;
17
+ //Using disposable variable to join statements with a comma
18
+ @transition-rule: @transition-speed @transition-fn,
19
+ width @transition-speed @transition-fn;
20
+ .transition-transform(@transition-rule);
21
+ @media (max-width: @screen-header-collapse) {
22
+ padding-top: 100px;
23
+ }
24
+ @media (max-width: @screen-xs-max) {
25
+ .translate(-@sidebar-width, 0);
26
+ }
27
+ .sidebar-collapse & {
28
+ @media (min-width: @screen-sm) {
29
+ .translate(-@sidebar-width, 0);
30
+ }
31
+ }
32
+ .sidebar-open & {
33
+ @media (max-width: @screen-xs-max) {
34
+ .translate(0, 0);
35
+ }
36
+ }
37
+ }
38
+
39
+ .sidebar {
40
+ padding-bottom: 10px;
41
+ }
42
+ // remove border from form
43
+ .sidebar-form {
44
+ input:focus {
45
+ border-color: transparent;
46
+ }
47
+ }
48
+
49
+ //Sidebar user panel
50
+ .user-panel {
51
+ position: relative;
52
+ width: 100%;
53
+ padding: 10px;
54
+ overflow: hidden;
55
+ .clearfix();
56
+ > .image > img {
57
+ width: 100%;
58
+ max-width: 45px;
59
+ height: auto;
60
+ }
61
+ > .info {
62
+ padding: 5px 5px 5px 15px;
63
+ line-height: 1;
64
+ position: absolute;
65
+ left: 55px;
66
+ > p {
67
+ font-weight: 600;
68
+ margin-bottom: 9px;
69
+ }
70
+ > a {
71
+ text-decoration: none;
72
+ padding-right: 5px;
73
+ margin-top: 3px;
74
+ font-size: 11px;
75
+ > .fa,
76
+ > .ion,
77
+ > .glyphicon {
78
+ margin-right: 3px;
79
+ }
80
+ }
81
+ }
82
+ }
83
+
84
+ // Sidebar menu
85
+ .sidebar-menu {
86
+ list-style: none;
87
+ margin: 0;
88
+ padding: 0;
89
+ //First Level
90
+ > li {
91
+ position: relative;
92
+ margin: 0;
93
+ padding: 0;
94
+ > a {
95
+ padding: 12px 5px 12px 15px;
96
+ display: block;
97
+ > .fa,
98
+ > .glyphicon,
99
+ > .ion {
100
+ width: 20px;
101
+ }
102
+ }
103
+ .label,
104
+ .badge {
105
+ margin-top: 3px;
106
+ margin-right: 5px;
107
+ }
108
+ }
109
+ li.header {
110
+ padding: 10px 25px 10px 15px;
111
+ font-size: 12px;
112
+ }
113
+ li > a > .fa-angle-left {
114
+ width: auto;
115
+ height: auto;
116
+ padding: 0;
117
+ margin-right: 10px;
118
+ margin-top: 3px;
119
+ }
120
+ li.active {
121
+ > a > .fa-angle-left {
122
+ .rotate(-90deg);
123
+ }
124
+ > .treeview-menu {
125
+ display: block;
126
+ }
127
+ }
128
+
129
+ // Tree view menu
130
+ .treeview-menu {
131
+ display: none;
132
+ list-style: none;
133
+ padding:0;
134
+ margin:0;
135
+ padding-left: 5px;
136
+ .treeview-menu {
137
+ padding-left: 20px;
138
+ }
139
+ > li {
140
+ margin: 0;
141
+ > a {
142
+ padding: 5px 5px 5px 15px;
143
+ display: block;
144
+ font-size: 14px;
145
+ > .fa,
146
+ > .glyphicon,
147
+ > .ion {
148
+ width: 20px;
149
+ }
150
+ > .fa-angle-left,
151
+ > .fa-angle-down {
152
+ width: auto;
153
+ }
154
+ }
155
+ }
156
+ }
157
+ }
@@ -0,0 +1,13 @@
1
+ //All skins in one file
2
+ @import "skin-blue.less";
3
+ @import "skin-blue-light.less";
4
+ @import "skin-black.less";
5
+ @import "skin-black-light.less";
6
+ @import "skin-green.less";
7
+ @import "skin-green-light.less";
8
+ @import "skin-red.less";
9
+ @import "skin-red-light.less";
10
+ @import "skin-yellow.less";
11
+ @import "skin-yellow-light.less";
12
+ @import "skin-purple.less";
13
+ @import "skin-purple-light.less";
@@ -0,0 +1,64 @@
1
+ /*
2
+ * Skin: Black
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-black navbar */
11
+ .skin-black-light {
12
+ //Navbar & Logo
13
+ .main-header {
14
+ .box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
15
+ .navbar-toggle {
16
+ color: #333;
17
+ }
18
+ .navbar-brand {
19
+ color: #333;
20
+ border-right: 1px solid #eee;
21
+ }
22
+ > .navbar {
23
+ .navbar-variant(#fff; #333; #999; #fff);
24
+ > .sidebar-toggle {
25
+ color: #333;
26
+ border-right: 1px solid #eee;
27
+ }
28
+ .navbar-nav {
29
+ > li > a {
30
+ border-right: 1px solid #eee;
31
+ }
32
+ }
33
+ .navbar-custom-menu .navbar-nav,
34
+ .navbar-right {
35
+ > li {
36
+ > a {
37
+ border-left: 1px solid #eee;
38
+ border-right-width: 0;
39
+ }
40
+ }
41
+ }
42
+ }
43
+ > .logo {
44
+ .logo-variant(#fff; #333);
45
+ border-right: 1px solid #eee;
46
+ @media (max-width: @screen-header-collapse) {
47
+ .logo-variant(#222; #fff);
48
+ border-right: none;
49
+ }
50
+ }
51
+
52
+ li.user-header {
53
+ background-color: #222;
54
+ }
55
+ }
56
+
57
+ //Content Header
58
+ .content-header {
59
+ background: transparent;
60
+ box-shadow: none;
61
+ }
62
+ //Create the sidebar skin
63
+ .skin-light-sidebar(#fff);
64
+ }
@@ -0,0 +1,64 @@
1
+ /*
2
+ * Skin: Black
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-black navbar */
11
+ .skin-black {
12
+ //Navbar & Logo
13
+ .main-header {
14
+ .box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
15
+ .navbar-toggle {
16
+ color: #333;
17
+ }
18
+ .navbar-brand {
19
+ color: #333;
20
+ border-right: 1px solid #eee;
21
+ }
22
+ > .navbar {
23
+ .navbar-variant(#fff; #333; #999; #fff);
24
+ > .sidebar-toggle {
25
+ color: #333;
26
+ border-right: 1px solid #eee;
27
+ }
28
+ .navbar-nav {
29
+ > li > a {
30
+ border-right: 1px solid #eee;
31
+ }
32
+ }
33
+ .navbar-custom-menu .navbar-nav,
34
+ .navbar-right {
35
+ > li {
36
+ > a {
37
+ border-left: 1px solid #eee;
38
+ border-right-width: 0;
39
+ }
40
+ }
41
+ }
42
+ }
43
+ > .logo {
44
+ .logo-variant(#fff; #333);
45
+ border-right: 1px solid #eee;
46
+ @media (max-width: @screen-header-collapse) {
47
+ .logo-variant(#222; #fff);
48
+ border-right: none;
49
+ }
50
+ }
51
+
52
+ li.user-header {
53
+ background-color: #222;
54
+ }
55
+ }
56
+
57
+ //Content Header
58
+ .content-header {
59
+ background: transparent;
60
+ box-shadow: none;
61
+ }
62
+ //Create the sidebar skin
63
+ .skin-dark-sidebar(#fff);
64
+ }
@@ -0,0 +1,61 @@
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
+ }