admin_lte 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +10 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +4 -0
  5. data/CODE_OF_CONDUCT.md +13 -0
  6. data/Gemfile +7 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +41 -0
  9. data/Rakefile +68 -0
  10. data/admin_lte.gemspec +27 -0
  11. data/app/assets/javascripts/admin_lte/dashboard.js +2 -0
  12. data/app/assets/javascripts/admin_lte/dashboard2.js +2 -0
  13. data/app/assets/stylesheets/admin_lte/ltr/.scss +1 -0
  14. data/app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss +4212 -0
  15. data/app/assets/stylesheets/admin_lte/ltr/skins/_all-skins.scss +1787 -0
  16. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black-light.scss +175 -0
  17. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black.scss +153 -0
  18. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue-light.scss +166 -0
  19. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue.scss +141 -0
  20. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green-light.scss +155 -0
  21. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green.scss +133 -0
  22. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple-light.scss +155 -0
  23. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple.scss +133 -0
  24. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red-light.scss +155 -0
  25. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red.scss +133 -0
  26. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow-light.scss +155 -0
  27. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow.scss +133 -0
  28. data/app/assets/stylesheets/admin_lte/rtl/.scss +2 -0
  29. data/app/assets/stylesheets/admin_lte/rtl/AdminLTE.scss +4213 -0
  30. data/app/assets/stylesheets/admin_lte/rtl/skins/_all-skins.scss +1788 -0
  31. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black-light.scss +176 -0
  32. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black.scss +154 -0
  33. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue-light.scss +167 -0
  34. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue.scss +142 -0
  35. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green-light.scss +156 -0
  36. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green.scss +134 -0
  37. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple-light.scss +156 -0
  38. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple.scss +134 -0
  39. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red-light.scss +156 -0
  40. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red.scss +134 -0
  41. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow-light.scss +156 -0
  42. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow.scss +134 -0
  43. data/bin/console +14 -0
  44. data/bin/setup +7 -0
  45. data/lib/admin_lte.rb +44 -0
  46. data/lib/admin_lte/version.rb +3 -0
  47. data/lib/to_rtl.js +6 -0
  48. metadata +161 -0
data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple.scss ADDED
@@ -0,0 +1,133 @@
1
+ /*
2
+ * Skin: Purple
3
+ * ------------
4
+ */
5
+ .skin-purple .main-header .navbar {
6
+ background-color: #605ca8;
7
+ }
8
+ .skin-purple .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-purple .main-header .navbar .nav > li > a:hover,
12
+ .skin-purple .main-header .navbar .nav > li > a:active,
13
+ .skin-purple .main-header .navbar .nav > li > a:focus,
14
+ .skin-purple .main-header .navbar .nav .open > a,
15
+ .skin-purple .main-header .navbar .nav .open > a:hover,
16
+ .skin-purple .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-purple .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-purple .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-purple .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-purple .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #555299;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-purple .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-purple .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-purple .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #555299;
42
+ }
43
+ }
44
+ .skin-purple .main-header .logo {
45
+ background-color: #555299;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-purple .main-header .logo:hover {
50
+ background-color: #545096;
51
+ }
52
+ .skin-purple .main-header li.user-header {
53
+ background-color: #605ca8;
54
+ }
55
+ .skin-purple .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-purple .wrapper,
59
+ .skin-purple .main-sidebar,
60
+ .skin-purple .left-side {
61
+ background-color: #222d32;
62
+ }
63
+ .skin-purple .user-panel > .info,
64
+ .skin-purple .user-panel > .info > a {
65
+ color: #fff;
66
+ }
67
+ .skin-purple .sidebar-menu > li.header {
68
+ color: #4b646f;
69
+ background: #1a2226;
70
+ }
71
+ .skin-purple .sidebar-menu > li > a {
72
+ border-left: 3px solid transparent;
73
+ }
74
+ .skin-purple .sidebar-menu > li:hover > a,
75
+ .skin-purple .sidebar-menu > li.active > a {
76
+ color: #ffffff;
77
+ background: #1e282c;
78
+ border-left-color: #605ca8;
79
+ }
80
+ .skin-purple .sidebar-menu > li > .treeview-menu {
81
+ margin: 0 1px;
82
+ background: #2c3b41;
83
+ }
84
+ .skin-purple .sidebar a {
85
+ color: #b8c7ce;
86
+ }
87
+ .skin-purple .sidebar a:hover {
88
+ text-decoration: none;
89
+ }
90
+ .skin-purple .treeview-menu > li > a {
91
+ color: #8aa4af;
92
+ }
93
+ .skin-purple .treeview-menu > li.active > a,
94
+ .skin-purple .treeview-menu > li > a:hover {
95
+ color: #ffffff;
96
+ }
97
+ .skin-purple .sidebar-form {
98
+ border-radius: 3px;
99
+ border: 1px solid #374850;
100
+ margin: 10px 10px;
101
+ }
102
+ .skin-purple .sidebar-form input[type="text"],
103
+ .skin-purple .sidebar-form .btn {
104
+ box-shadow: none;
105
+ background-color: #374850;
106
+ border: 1px solid transparent;
107
+ height: 35px;
108
+ -webkit-transition: all 0.3s ease-in-out;
109
+ -o-transition: all 0.3s ease-in-out;
110
+ transition: all 0.3s ease-in-out;
111
+ }
112
+ .skin-purple .sidebar-form input[type="text"] {
113
+ color: #666;
114
+ border-top-left-radius: 2px !important;
115
+ border-top-right-radius: 0 !important;
116
+ border-bottom-right-radius: 0 !important;
117
+ border-bottom-left-radius: 2px !important;
118
+ }
119
+ .skin-purple .sidebar-form input[type="text"]:focus,
120
+ .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
121
+ background-color: #fff;
122
+ color: #666;
123
+ }
124
+ .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
125
+ border-left-color: #fff;
126
+ }
127
+ .skin-purple .sidebar-form .btn {
128
+ color: #999;
129
+ border-top-left-radius: 0 !important;
130
+ border-top-right-radius: 2px !important;
131
+ border-bottom-right-radius: 2px !important;
132
+ border-bottom-left-radius: 0 !important;
133
+ }
data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red-light.scss ADDED
@@ -0,0 +1,155 @@
1
+ /*
2
+ * Skin: Red
3
+ * ---------
4
+ */
5
+ .skin-red-light .main-header .navbar {
6
+ background-color: #dd4b39;
7
+ }
8
+ .skin-red-light .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-red-light .main-header .navbar .nav > li > a:hover,
12
+ .skin-red-light .main-header .navbar .nav > li > a:active,
13
+ .skin-red-light .main-header .navbar .nav > li > a:focus,
14
+ .skin-red-light .main-header .navbar .nav .open > a,
15
+ .skin-red-light .main-header .navbar .nav .open > a:hover,
16
+ .skin-red-light .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-red-light .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-red-light .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-red-light .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-red-light .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #d73925;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-red-light .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-red-light .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #d73925;
42
+ }
43
+ }
44
+ .skin-red-light .main-header .logo {
45
+ background-color: #dd4b39;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-red-light .main-header .logo:hover {
50
+ background-color: #dc4735;
51
+ }
52
+ .skin-red-light .main-header li.user-header {
53
+ background-color: #dd4b39;
54
+ }
55
+ .skin-red-light .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-red-light .wrapper,
59
+ .skin-red-light .main-sidebar,
60
+ .skin-red-light .left-side {
61
+ background-color: #f9fafc;
62
+ }
63
+ .skin-red-light .content-wrapper,
64
+ .skin-red-light .main-footer {
65
+ border-left: 1px solid #d2d6de;
66
+ }
67
+ .skin-red-light .user-panel > .info,
68
+ .skin-red-light .user-panel > .info > a {
69
+ color: #444444;
70
+ }
71
+ .skin-red-light .sidebar-menu > li {
72
+ -webkit-transition: border-left-color 0.3s ease;
73
+ -o-transition: border-left-color 0.3s ease;
74
+ transition: border-left-color 0.3s ease;
75
+ }
76
+ .skin-red-light .sidebar-menu > li.header {
77
+ color: #848484;
78
+ background: #f9fafc;
79
+ }
80
+ .skin-red-light .sidebar-menu > li > a {
81
+ border-left: 3px solid transparent;
82
+ font-weight: 600;
83
+ }
84
+ .skin-red-light .sidebar-menu > li:hover > a,
85
+ .skin-red-light .sidebar-menu > li.active > a {
86
+ color: #000000;
87
+ background: #f4f4f5;
88
+ }
89
+ .skin-red-light .sidebar-menu > li.active {
90
+ border-left-color: #dd4b39;
91
+ }
92
+ .skin-red-light .sidebar-menu > li.active > a {
93
+ font-weight: 600;
94
+ }
95
+ .skin-red-light .sidebar-menu > li > .treeview-menu {
96
+ background: #f4f4f5;
97
+ }
98
+ .skin-red-light .sidebar a {
99
+ color: #444444;
100
+ }
101
+ .skin-red-light .sidebar a:hover {
102
+ text-decoration: none;
103
+ }
104
+ .skin-red-light .treeview-menu > li > a {
105
+ color: #777777;
106
+ }
107
+ .skin-red-light .treeview-menu > li.active > a,
108
+ .skin-red-light .treeview-menu > li > a:hover {
109
+ color: #000000;
110
+ }
111
+ .skin-red-light .treeview-menu > li.active > a {
112
+ font-weight: 600;
113
+ }
114
+ .skin-red-light .sidebar-form {
115
+ border-radius: 3px;
116
+ border: 1px solid #d2d6de;
117
+ margin: 10px 10px;
118
+ }
119
+ .skin-red-light .sidebar-form input[type="text"],
120
+ .skin-red-light .sidebar-form .btn {
121
+ box-shadow: none;
122
+ background-color: #fff;
123
+ border: 1px solid transparent;
124
+ height: 35px;
125
+ -webkit-transition: all 0.3s ease-in-out;
126
+ -o-transition: all 0.3s ease-in-out;
127
+ transition: all 0.3s ease-in-out;
128
+ }
129
+ .skin-red-light .sidebar-form input[type="text"] {
130
+ color: #666;
131
+ border-top-left-radius: 2px !important;
132
+ border-top-right-radius: 0 !important;
133
+ border-bottom-right-radius: 0 !important;
134
+ border-bottom-left-radius: 2px !important;
135
+ }
136
+ .skin-red-light .sidebar-form input[type="text"]:focus,
137
+ .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
138
+ background-color: #fff;
139
+ color: #666;
140
+ }
141
+ .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
142
+ border-left-color: #fff;
143
+ }
144
+ .skin-red-light .sidebar-form .btn {
145
+ color: #999;
146
+ border-top-left-radius: 0 !important;
147
+ border-top-right-radius: 2px !important;
148
+ border-bottom-right-radius: 2px !important;
149
+ border-bottom-left-radius: 0 !important;
150
+ }
151
+ @media (min-width: 768px) {
152
+ .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
153
+ border-left: 1px solid #d2d6de;
154
+ }
155
+ }
data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red.scss ADDED
@@ -0,0 +1,133 @@
1
+ /*
2
+ * Skin: Red
3
+ * ---------
4
+ */
5
+ .skin-red .main-header .navbar {
6
+ background-color: #dd4b39;
7
+ }
8
+ .skin-red .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-red .main-header .navbar .nav > li > a:hover,
12
+ .skin-red .main-header .navbar .nav > li > a:active,
13
+ .skin-red .main-header .navbar .nav > li > a:focus,
14
+ .skin-red .main-header .navbar .nav .open > a,
15
+ .skin-red .main-header .navbar .nav .open > a:hover,
16
+ .skin-red .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-red .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-red .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-red .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-red .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #d73925;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-red .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-red .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-red .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #d73925;
42
+ }
43
+ }
44
+ .skin-red .main-header .logo {
45
+ background-color: #d73925;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-red .main-header .logo:hover {
50
+ background-color: #d33724;
51
+ }
52
+ .skin-red .main-header li.user-header {
53
+ background-color: #dd4b39;
54
+ }
55
+ .skin-red .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-red .wrapper,
59
+ .skin-red .main-sidebar,
60
+ .skin-red .left-side {
61
+ background-color: #222d32;
62
+ }
63
+ .skin-red .user-panel > .info,
64
+ .skin-red .user-panel > .info > a {
65
+ color: #fff;
66
+ }
67
+ .skin-red .sidebar-menu > li.header {
68
+ color: #4b646f;
69
+ background: #1a2226;
70
+ }
71
+ .skin-red .sidebar-menu > li > a {
72
+ border-left: 3px solid transparent;
73
+ }
74
+ .skin-red .sidebar-menu > li:hover > a,
75
+ .skin-red .sidebar-menu > li.active > a {
76
+ color: #ffffff;
77
+ background: #1e282c;
78
+ border-left-color: #dd4b39;
79
+ }
80
+ .skin-red .sidebar-menu > li > .treeview-menu {
81
+ margin: 0 1px;
82
+ background: #2c3b41;
83
+ }
84
+ .skin-red .sidebar a {
85
+ color: #b8c7ce;
86
+ }
87
+ .skin-red .sidebar a:hover {
88
+ text-decoration: none;
89
+ }
90
+ .skin-red .treeview-menu > li > a {
91
+ color: #8aa4af;
92
+ }
93
+ .skin-red .treeview-menu > li.active > a,
94
+ .skin-red .treeview-menu > li > a:hover {
95
+ color: #ffffff;
96
+ }
97
+ .skin-red .sidebar-form {
98
+ border-radius: 3px;
99
+ border: 1px solid #374850;
100
+ margin: 10px 10px;
101
+ }
102
+ .skin-red .sidebar-form input[type="text"],
103
+ .skin-red .sidebar-form .btn {
104
+ box-shadow: none;
105
+ background-color: #374850;
106
+ border: 1px solid transparent;
107
+ height: 35px;
108
+ -webkit-transition: all 0.3s ease-in-out;
109
+ -o-transition: all 0.3s ease-in-out;
110
+ transition: all 0.3s ease-in-out;
111
+ }
112
+ .skin-red .sidebar-form input[type="text"] {
113
+ color: #666;
114
+ border-top-left-radius: 2px !important;
115
+ border-top-right-radius: 0 !important;
116
+ border-bottom-right-radius: 0 !important;
117
+ border-bottom-left-radius: 2px !important;
118
+ }
119
+ .skin-red .sidebar-form input[type="text"]:focus,
120
+ .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
121
+ background-color: #fff;
122
+ color: #666;
123
+ }
124
+ .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
125
+ border-left-color: #fff;
126
+ }
127
+ .skin-red .sidebar-form .btn {
128
+ color: #999;
129
+ border-top-left-radius: 0 !important;
130
+ border-top-right-radius: 2px !important;
131
+ border-bottom-right-radius: 2px !important;
132
+ border-bottom-left-radius: 0 !important;
133
+ }
data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow-light.scss ADDED
@@ -0,0 +1,155 @@
1
+ /*
2
+ * Skin: Yellow
3
+ * ------------
4
+ */
5
+ .skin-yellow-light .main-header .navbar {
6
+ background-color: #f39c12;
7
+ }
8
+ .skin-yellow-light .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-yellow-light .main-header .navbar .nav > li > a:hover,
12
+ .skin-yellow-light .main-header .navbar .nav > li > a:active,
13
+ .skin-yellow-light .main-header .navbar .nav > li > a:focus,
14
+ .skin-yellow-light .main-header .navbar .nav .open > a,
15
+ .skin-yellow-light .main-header .navbar .nav .open > a:hover,
16
+ .skin-yellow-light .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-yellow-light .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-yellow-light .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #e08e0b;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-yellow-light .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #e08e0b;
42
+ }
43
+ }
44
+ .skin-yellow-light .main-header .logo {
45
+ background-color: #f39c12;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-yellow-light .main-header .logo:hover {
50
+ background-color: #f39a0d;
51
+ }
52
+ .skin-yellow-light .main-header li.user-header {
53
+ background-color: #f39c12;
54
+ }
55
+ .skin-yellow-light .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-yellow-light .wrapper,
59
+ .skin-yellow-light .main-sidebar,
60
+ .skin-yellow-light .left-side {
61
+ background-color: #f9fafc;
62
+ }
63
+ .skin-yellow-light .content-wrapper,
64
+ .skin-yellow-light .main-footer {
65
+ border-left: 1px solid #d2d6de;
66
+ }
67
+ .skin-yellow-light .user-panel > .info,
68
+ .skin-yellow-light .user-panel > .info > a {
69
+ color: #444444;
70
+ }
71
+ .skin-yellow-light .sidebar-menu > li {
72
+ -webkit-transition: border-left-color 0.3s ease;
73
+ -o-transition: border-left-color 0.3s ease;
74
+ transition: border-left-color 0.3s ease;
75
+ }
76
+ .skin-yellow-light .sidebar-menu > li.header {
77
+ color: #848484;
78
+ background: #f9fafc;
79
+ }
80
+ .skin-yellow-light .sidebar-menu > li > a {
81
+ border-left: 3px solid transparent;
82
+ font-weight: 600;
83
+ }
84
+ .skin-yellow-light .sidebar-menu > li:hover > a,
85
+ .skin-yellow-light .sidebar-menu > li.active > a {
86
+ color: #000000;
87
+ background: #f4f4f5;
88
+ }
89
+ .skin-yellow-light .sidebar-menu > li.active {
90
+ border-left-color: #f39c12;
91
+ }
92
+ .skin-yellow-light .sidebar-menu > li.active > a {
93
+ font-weight: 600;
94
+ }
95
+ .skin-yellow-light .sidebar-menu > li > .treeview-menu {
96
+ background: #f4f4f5;
97
+ }
98
+ .skin-yellow-light .sidebar a {
99
+ color: #444444;
100
+ }
101
+ .skin-yellow-light .sidebar a:hover {
102
+ text-decoration: none;
103
+ }
104
+ .skin-yellow-light .treeview-menu > li > a {
105
+ color: #777777;
106
+ }
107
+ .skin-yellow-light .treeview-menu > li.active > a,
108
+ .skin-yellow-light .treeview-menu > li > a:hover {
109
+ color: #000000;
110
+ }
111
+ .skin-yellow-light .treeview-menu > li.active > a {
112
+ font-weight: 600;
113
+ }
114
+ .skin-yellow-light .sidebar-form {
115
+ border-radius: 3px;
116
+ border: 1px solid #d2d6de;
117
+ margin: 10px 10px;
118
+ }
119
+ .skin-yellow-light .sidebar-form input[type="text"],
120
+ .skin-yellow-light .sidebar-form .btn {
121
+ box-shadow: none;
122
+ background-color: #fff;
123
+ border: 1px solid transparent;
124
+ height: 35px;
125
+ -webkit-transition: all 0.3s ease-in-out;
126
+ -o-transition: all 0.3s ease-in-out;
127
+ transition: all 0.3s ease-in-out;
128
+ }
129
+ .skin-yellow-light .sidebar-form input[type="text"] {
130
+ color: #666;
131
+ border-top-left-radius: 2px !important;
132
+ border-top-right-radius: 0 !important;
133
+ border-bottom-right-radius: 0 !important;
134
+ border-bottom-left-radius: 2px !important;
135
+ }
136
+ .skin-yellow-light .sidebar-form input[type="text"]:focus,
137
+ .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
138
+ background-color: #fff;
139
+ color: #666;
140
+ }
141
+ .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
142
+ border-left-color: #fff;
143
+ }
144
+ .skin-yellow-light .sidebar-form .btn {
145
+ color: #999;
146
+ border-top-left-radius: 0 !important;
147
+ border-top-right-radius: 2px !important;
148
+ border-bottom-right-radius: 2px !important;
149
+ border-bottom-left-radius: 0 !important;
150
+ }
151
+ @media (min-width: 768px) {
152
+ .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
153
+ border-left: 1px solid #d2d6de;
154
+ }
155
+ }