lte-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +37 -0
- data/.gitmodules +3 -0
- data/Gemfile +4 -0
- data/Gemfile.lock +94 -0
- data/LICENSE +22 -0
- data/README.md +4 -0
- data/Rakefile +52 -0
- data/lib/lte/rails/engine.rb +13 -0
- data/lib/lte/rails/version.rb +7 -0
- data/lib/lte/rails.rb +7 -0
- data/lib/lte-rails.rb +1 -0
- data/lte-rails.gemspec +40 -0
- data/vendor/assets/stylesheets/AdminLTE/.csslintrc +23 -0
- data/vendor/assets/stylesheets/AdminLTE/404_500_errors.less +36 -0
- data/vendor/assets/stylesheets/AdminLTE/AdminLTE.less +68 -0
- data/vendor/assets/stylesheets/AdminLTE/alerts.less +44 -0
- data/vendor/assets/stylesheets/AdminLTE/bootstrap-social.less +114 -0
- data/vendor/assets/stylesheets/AdminLTE/boxes.less +483 -0
- data/vendor/assets/stylesheets/AdminLTE/buttons.less +159 -0
- data/vendor/assets/stylesheets/AdminLTE/callout.less +48 -0
- data/vendor/assets/stylesheets/AdminLTE/carousel.less +18 -0
- data/vendor/assets/stylesheets/AdminLTE/control-sidebar.less +280 -0
- data/vendor/assets/stylesheets/AdminLTE/core.less +171 -0
- data/vendor/assets/stylesheets/AdminLTE/direct-chat.less +172 -0
- data/vendor/assets/stylesheets/AdminLTE/dropdown.less +347 -0
- data/vendor/assets/stylesheets/AdminLTE/forms.less +94 -0
- data/vendor/assets/stylesheets/AdminLTE/fullcalendar.less +88 -0
- data/vendor/assets/stylesheets/AdminLTE/header.less +244 -0
- data/vendor/assets/stylesheets/AdminLTE/info-box.less +69 -0
- data/vendor/assets/stylesheets/AdminLTE/invoice.less +16 -0
- data/vendor/assets/stylesheets/AdminLTE/labels.less +23 -0
- data/vendor/assets/stylesheets/AdminLTE/lockscreen.less +68 -0
- data/vendor/assets/stylesheets/AdminLTE/login_and_register.less +50 -0
- data/vendor/assets/stylesheets/AdminLTE/mailbox.less +77 -0
- data/vendor/assets/stylesheets/AdminLTE/miscellaneous.less +529 -0
- data/vendor/assets/stylesheets/AdminLTE/mixins.less +302 -0
- data/vendor/assets/stylesheets/AdminLTE/modal.less +73 -0
- data/vendor/assets/stylesheets/AdminLTE/navs.less +182 -0
- data/vendor/assets/stylesheets/AdminLTE/print.less +48 -0
- data/vendor/assets/stylesheets/AdminLTE/products.less +44 -0
- data/vendor/assets/stylesheets/AdminLTE/profile.less +29 -0
- data/vendor/assets/stylesheets/AdminLTE/progress-bars.less +107 -0
- data/vendor/assets/stylesheets/AdminLTE/select2.less +102 -0
- data/vendor/assets/stylesheets/AdminLTE/sidebar-mini.less +138 -0
- data/vendor/assets/stylesheets/AdminLTE/sidebar.less +157 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/_all-skins.less +13 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-black-light.less +64 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-black.less +64 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue-light.less +61 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue.less +58 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-green-light.less +56 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-green.less +56 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple-light.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-red-light.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-red.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow-light.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/small-box.less +89 -0
- data/vendor/assets/stylesheets/AdminLTE/social-widgets.less +78 -0
- data/vendor/assets/stylesheets/AdminLTE/table.less +71 -0
- data/vendor/assets/stylesheets/AdminLTE/timeline.less +111 -0
- data/vendor/assets/stylesheets/AdminLTE/users-list.less +39 -0
- data/vendor/assets/stylesheets/AdminLTE/variables.less +120 -0
- data/vendor/assets/stylesheets/lte-rails.less +1 -0
- 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
|
+
}
|