active_admin_with_bootstrap_4 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_admin_with_bootstrap_4/version.rb +1 -1
  3. data/vendor/assets/stylesheets/active_admin_with_bootstrap_4.scss +3 -11
  4. data/vendor/assets/stylesheets/components/header.scss +47 -0
  5. data/vendor/assets/stylesheets/components/login.scss +37 -0
  6. data/vendor/assets/stylesheets/components/sidebar_filters.scss +99 -0
  7. metadata +2 -25
  8. data/vendor/assets/stylesheets/_variables.scss +0 -12
  9. data/vendor/assets/stylesheets/active_admin_skin.scss +0 -703
  10. data/vendor/assets/stylesheets/animate.scss +0 -3272
  11. data/vendor/assets/stylesheets/body.scss +0 -10
  12. data/vendor/assets/stylesheets/content.scss +0 -76
  13. data/vendor/assets/stylesheets/filter.scss +0 -29
  14. data/vendor/assets/stylesheets/footer.scss +0 -13
  15. data/vendor/assets/stylesheets/header.scss +0 -129
  16. data/vendor/assets/stylesheets/overlay_overview.scss +0 -69
  17. data/vendor/assets/stylesheets/panel.scss +0 -37
  18. data/vendor/assets/stylesheets/timeline.scss +0 -85
  19. data/vendor/vendor/assets/javascripts/active_admin_flat_skin.js.erb +0 -45
  20. data/vendor/vendor/assets/stylesheets/_variables.scss +0 -12
  21. data/vendor/vendor/assets/stylesheets/active_admin_flat_skin.scss +0 -12
  22. data/vendor/vendor/assets/stylesheets/active_admin_skin.scss +0 -703
  23. data/vendor/vendor/assets/stylesheets/animate.scss +0 -3272
  24. data/vendor/vendor/assets/stylesheets/body.scss +0 -10
  25. data/vendor/vendor/assets/stylesheets/content.scss +0 -76
  26. data/vendor/vendor/assets/stylesheets/filter.scss +0 -29
  27. data/vendor/vendor/assets/stylesheets/footer.scss +0 -13
  28. data/vendor/vendor/assets/stylesheets/header.scss +0 -129
  29. data/vendor/vendor/assets/stylesheets/overlay_overview.scss +0 -69
  30. data/vendor/vendor/assets/stylesheets/panel.scss +0 -37
  31. data/vendor/vendor/assets/stylesheets/timeline.scss +0 -85
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: f514946b5945d62c62a8642a9323f80cb5605d7f
4
- data.tar.gz: dcde45207c50bbf37f066afe964334637eb2611b
3
+ metadata.gz: 06c0389c8af8a89d1cc6150cf73cf41d6f4c5a6c
4
+ data.tar.gz: a8a731ab48fba0b7686155bf1a7884b0de1c2043
5
5
  SHA512:
6
- metadata.gz: 8d9828ef19dcea879ddff4e2cf74862b9ea20110c18002246f38aba7f5e9dd3fc5a79456eafc072007081fad387c29b12d71c5375862c6b082db19676901cda3
7
- data.tar.gz: 12c67b4c6993beab1a6085d77e5a4c1e9fa02c1c4fb7e249408d13388ccf5b65dbca0f07aae3502497712bf1f24460dd7762a8ed75a6ad2af5483c295c15222e
6
+ metadata.gz: 0ba47280788bed1032d80c6748d952923e90f21ebf039095a03ab3a2c93829809acfb9a025680e1c27931c3cd6b81b7a63044c31e9082337f81353ed1fbe8d01
7
+ data.tar.gz: a6826071d9cb779216dc7a7cc72a95ff2841ac44064b307c86b5c9883b8d53968107f5506adc6230d400cdba253e88dd4373beb567312aed34ae2377d691e3c3
@@ -1,3 +1,3 @@
1
1
  module ActiveAdminWithBootstrap4
2
- VERSION = "0.1.3"
2
+ VERSION = "0.1.4"
3
3
  end
@@ -1,11 +1,3 @@
1
- @import "animate";
2
- @import "variables";
3
- @import "active_admin_skin";
4
- @import "body";
5
- @import "header";
6
- @import "timeline";
7
- @import "content";
8
- @import "filter";
9
- @import "panel";
10
- @import "overlay_overview";
11
- @import "footer";
1
+ @import "components/header";
2
+ @import "components/login";
3
+ @import "components/sidebar_filters";
@@ -3,6 +3,9 @@
3
3
  background-color: #d81414 !important;
4
4
  text-shadow: none;
5
5
  font-size: 18px;
6
+ background-image: linear-gradient(180deg, #138de4, #178ae1) !important;
7
+ border-bottom: none;
8
+ box-shadow: none;
6
9
  }
7
10
 
8
11
  #header h1 {
@@ -22,3 +25,47 @@
22
25
  color: #fff;
23
26
  font-weight: 600;
24
27
  }
28
+
29
+ #header ul.tabs > li:hover > a {
30
+ background: #468cc1;
31
+ }
32
+ #header ul.tabs > li.current > a {
33
+ background: #2f73a7;
34
+ }
35
+
36
+ a.member_link {
37
+ background-color: #000;
38
+ padding: 10px;
39
+ text-decoration: none !important;
40
+ font-size: 13px;
41
+ font-weight: bold;
42
+ color: #fff;
43
+ }
44
+ a.view_link {
45
+ background-color: #7fcc5f;
46
+ }
47
+
48
+ a.edit_link {
49
+ background-color: #4a4343;
50
+ }
51
+
52
+ a.delete_link {
53
+ background-color: #dc4112;
54
+ }
55
+ table.index_table td, table.index_table th {
56
+ font-size: 15px;
57
+ }
58
+
59
+ table.index_table th {
60
+ padding:10px;
61
+ }
62
+
63
+ #title_bar .action_items span.action_item > a, #title_bar .action_items span.action_item > .dropdown_menu > a, #title_bar .action_items span.action_item > a, #title_bar .action_items span.action_item > .dropdown_menu > a:hover {
64
+ border-radius: 8px;
65
+ font-size: 15px;
66
+ background-color: #198be2 !important;
67
+ background-image: linear-gradient(180deg, #198be2, #198be2) !important;
68
+ text-shadow: none;
69
+ color: #fff;
70
+ border:none;
71
+ }
@@ -21,6 +21,7 @@ body.logged_out #login a {
21
21
  float: right;
22
22
  margin-top: -42px;
23
23
  font-size: 15px;
24
+ text-decoration: none !important;
24
25
  }
25
26
 
26
27
  form fieldset > ol > li.boolean label {
@@ -31,3 +32,39 @@ form fieldset > ol > li.boolean label {
31
32
  font-weight: bold;
32
33
  font-size: 12px;
33
34
  }
35
+
36
+ #admin_user_email, #admin_user_password {
37
+ height:30px;
38
+ padding: .375rem .75rem;
39
+ font-size: 18px;
40
+ line-height: 1.5;
41
+ color: #495057;
42
+ background-color: #fff;
43
+ background-clip: padding-box;
44
+ border: 1px solid #ced4da;
45
+ border-radius: .25rem;
46
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
47
+ }
48
+
49
+ #admin_user_email:focus, #admin_user_password:focus{
50
+ color: #495057;
51
+ background-color: #fff;
52
+ border-color: #80bdff;
53
+ outline: 0;
54
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
55
+ }
56
+
57
+ body.logged_out .flash {
58
+ margin-top: 10px;
59
+ margin-bottom: 10px;
60
+ padding: 5px;
61
+ background-color: rgba(222, 14, 14, 0.65);
62
+ text-shadow: none;
63
+ color: #fff;
64
+ font-weight: normal;
65
+ padding-top: 13px;
66
+ padding-bottom: 13px;
67
+ padding-left: 10px;
68
+ font-size: 14px;
69
+ }
70
+
@@ -0,0 +1,99 @@
1
+ .sidebar_section > h3 {
2
+ background-image: linear-gradient(180deg, #4b4444, #4b4444);
3
+ text-shadow: none !important;
4
+ color: #fff;
5
+ font-size: 15px;
6
+ padding-top: 13px;
7
+ padding-bottom: 13px;
8
+ padding-left: 13px;
9
+ border: none !important;
10
+ font-weight: normal;
11
+ box-shadow: none !important;
12
+ }
13
+
14
+
15
+ form.filter_form .filter_form_field.select_and_search select, .sidebar_section select {
16
+ height: 36px;
17
+ padding: .375rem .75rem;
18
+ font-size: 15px;
19
+ line-height: 1.5;
20
+ color: #495057;
21
+ background-color: #fff;
22
+ background-clip: padding-box;
23
+ border: 1px solid #ced4da;
24
+ border-radius: .25rem;
25
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
26
+ }
27
+
28
+ form.filter_form .filter_form_field.filter_date_range input[type=text] {
29
+ padding: .375rem .75rem;
30
+ font-size: 15px;
31
+ line-height: 1.5;
32
+ color: #495057;
33
+ background-color: #fff;
34
+ background-clip: padding-box;
35
+ border: 1px solid #ced4da;
36
+ border-radius: .25rem;
37
+ transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
38
+ }
39
+
40
+ form.filter_form .filter_form_field.select_and_search input[type=text] {
41
+ height: 22px;
42
+ }
43
+
44
+ form.filter_form .filter_form_field.filter_date_range input[type=text] {
45
+ height:36px;
46
+ }
47
+
48
+ form.filter_form .filter_form_field.select_and_search input[type=text]:focus,
49
+ form.filter_form .filter_form_field.filter_date_range input[type=text]:focus,
50
+ form.filter_form .filter_form_field.select_and_search select:focus,
51
+ .sidebar_section select:focus {
52
+ color: #495057;
53
+ background-color: #fff;
54
+ border-color: #80bdff;
55
+ outline: 0;
56
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
57
+ }
58
+
59
+ form.filter_form .filter_form_field.select_and_search input[type=text]::-moz-placeholder {
60
+ color: #6c757d;
61
+ opacity: 1;
62
+ }
63
+
64
+ form.filter_form .filter_form_field.select_and_search input[type=text]:-ms-input-placeholder {
65
+ color: #6c757d;
66
+ opacity: 1;
67
+ }
68
+
69
+ form.filter_form .filter_form_field.select_and_search input[type=text]::-ms-input-placeholder {
70
+ color: #6c757d;
71
+ opacity: 1;
72
+ }
73
+
74
+ form.filter_form .filter_form_field.select_and_search input[type=text]::placeholder {
75
+ color: #6c757d;
76
+ opacity: 1;
77
+ }
78
+
79
+ .sidebar_section label {
80
+ margin-bottom:5px;
81
+ }
82
+
83
+ form input[type=submit], form input[type=button], form button {
84
+ color: #fff;
85
+ background-color: #007bff;
86
+ border-color: #007bff;
87
+ }
88
+
89
+ form input[type=submit], form input[type=button],
90
+ form button, form.filter_form a.clear_filters_btn,
91
+ form input[type=submit], form input[type=button]:hover {
92
+ background-image: none !important;
93
+ border-radius: 5px;
94
+ padding: 12px;
95
+ min-width: 75px;
96
+ font-size: 15px;
97
+ text-shadow: none !important;
98
+ font-weight: normal;
99
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_admin_with_bootstrap_4
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ravi Singh
@@ -118,34 +118,11 @@ files:
118
118
  - vendor/assets/javascripts/bootstrap.js
119
119
  - vendor/assets/javascripts/jquery.js
120
120
  - vendor/assets/javascripts/popper.js
121
- - vendor/assets/stylesheets/_variables.scss
122
- - vendor/assets/stylesheets/active_admin_skin.scss
123
121
  - vendor/assets/stylesheets/active_admin_with_bootstrap_4.scss
124
- - vendor/assets/stylesheets/animate.scss
125
- - vendor/assets/stylesheets/body.scss
126
122
  - vendor/assets/stylesheets/bootstrap.css
127
123
  - vendor/assets/stylesheets/components/header.scss
128
124
  - vendor/assets/stylesheets/components/login.scss
129
- - vendor/assets/stylesheets/content.scss
130
- - vendor/assets/stylesheets/filter.scss
131
- - vendor/assets/stylesheets/footer.scss
132
- - vendor/assets/stylesheets/header.scss
133
- - vendor/assets/stylesheets/overlay_overview.scss
134
- - vendor/assets/stylesheets/panel.scss
135
- - vendor/assets/stylesheets/timeline.scss
136
- - vendor/vendor/assets/javascripts/active_admin_flat_skin.js.erb
137
- - vendor/vendor/assets/stylesheets/_variables.scss
138
- - vendor/vendor/assets/stylesheets/active_admin_flat_skin.scss
139
- - vendor/vendor/assets/stylesheets/active_admin_skin.scss
140
- - vendor/vendor/assets/stylesheets/animate.scss
141
- - vendor/vendor/assets/stylesheets/body.scss
142
- - vendor/vendor/assets/stylesheets/content.scss
143
- - vendor/vendor/assets/stylesheets/filter.scss
144
- - vendor/vendor/assets/stylesheets/footer.scss
145
- - vendor/vendor/assets/stylesheets/header.scss
146
- - vendor/vendor/assets/stylesheets/overlay_overview.scss
147
- - vendor/vendor/assets/stylesheets/panel.scss
148
- - vendor/vendor/assets/stylesheets/timeline.scss
125
+ - vendor/assets/stylesheets/components/sidebar_filters.scss
149
126
  homepage: https://rubygems.org/gems/active_admin_with_bootstrap_4
150
127
  licenses:
151
128
  - MIT
@@ -1,12 +0,0 @@
1
- $panelBorder: #babdc5 !default;
2
- $skinActiveColor: #e73c3c !default;
3
- $bodyColor: rgba(236, 240, 241, 0.48) !default;
4
- $skinTextColor: #1e2a33 !default;
5
- $skinTextActiveColor: white !default;
6
- $skinTextTable: #7f8c8d !default;
7
- $skinHeaderBck: #1e2a33 !default;
8
- $skinBlack: rgb(55, 71, 79) !default;
9
- $panelHeaderBck: $skinBlack !default;
10
- $skinBlackLight: rgb(69, 90, 100) !default;
11
- $textGray: rgb(174, 179, 181) !default;
12
- // $panelHeaderBck: #2c3e50 !default;
@@ -1,703 +0,0 @@
1
- html {
2
- background: transparent;
3
- font-family: "Source Sans Pro", sans-serif;
4
- min-height: 100%;
5
- body.active_admin {
6
- background: $bodyColor !important;
7
- background: white;
8
- font-family: "Source Sans Pro", sans-serif;
9
- padding-bottom: 80px;
10
- }
11
- #header {
12
- background: $bodyColor;
13
- border: none;
14
- text-shadow: none;
15
- margin-top: -2px;
16
- padding: 0;
17
- h1.site_title {
18
- background-color: white;
19
- color: $skinTextColor;
20
-
21
- }
22
- a, a:link {
23
- color: $skinTextColor;
24
- }
25
- ul.tabs {
26
- padding: 0;
27
- font-size: 0;
28
- }
29
- ul.tabs > li:hover > a, ul.tabs > li.current > a {
30
- color: $skinTextActiveColor;
31
- background: $skinActiveColor;
32
- border-radius: 0 !important;
33
- margin: -10px 0;
34
- display: block;
35
- margin-top: 0 !important;
36
- }
37
- ul.tabs > li {
38
- font-size: 12px;
39
- margin: 0;
40
- min-height: 29px !important;
41
- a {
42
- display: block;
43
- padding: 6px 20px;
44
- margin: 0;
45
- }
46
- }
47
- ul.tabs > li.has_nested a {
48
- background-position: 93% 50%;
49
- padding-right: 30px;
50
- }
51
- ul.tabs > li.has_nested:hover {
52
- a {
53
- border-radius: 0 !important;
54
- background-color: $skinActiveColor;
55
- border: none;
56
- background-position: 93% 50%;
57
- }
58
- ul {
59
- background: $skinActiveColor;
60
- box-shadow: none !important;
61
- border-radius: 0 !important;
62
- border: none;
63
- li a {
64
- color: white;
65
- &:hover {
66
- color: $skinTextColor;
67
- }
68
- }
69
- }
70
- }
71
- ul.tabs > li.has_nested.current a {
72
- background-color: $skinActiveColor;
73
- background-position: 93% 50%;
74
- padding-right: 30px;
75
- }
76
- #utility_nav {
77
- background: white;
78
- padding: 0;
79
- li#logout a {
80
- font-weight: bold;
81
- text-decoration: underline;
82
- &:hover {
83
- text-decoration: none;
84
- }
85
- }
86
- li {
87
- padding: 0 !important;
88
- a {
89
- padding: 6px;
90
- &:hover {
91
- background: none;
92
- color: $skinTextColor;
93
- }
94
- }
95
- }
96
- }
97
- }
98
- #utility_nav {
99
- li {
100
- display: block !important;
101
- height: 29px !important;
102
- width: 120px !important;
103
- text-align: left !important;
104
- padding: 0 0 0 10px !important;
105
- overflow: hidden;
106
- &:hover {
107
- margin: 0 !important;
108
- padding: 0 0 0 10px !important;
109
- a {
110
- margin: 0 !important;
111
- background: none !important;
112
- color: $skinActiveColor !important;
113
- }
114
- }
115
- &#logout {
116
- padding-bottom: 4px !important;
117
- }
118
- }
119
- }
120
- .panel {
121
- background: white;
122
- position: relative;
123
- border-top: 3px solid darken($bodyColor, 20);
124
- border-radius: 0;
125
- box-shadow: inset 0 0px 3px #dddddd;
126
- > h3 {
127
- border-bottom: 1px solid #f4f4f4;
128
- background: $panelHeaderBck;
129
- color: white;
130
- padding: 8px 15px;
131
- box-shadow: none;
132
- border-radius: 0;
133
- text-shadow: none;
134
- font-weight: bold;
135
- border-style: none none solid;
136
- }
137
- }
138
- #title_bar {
139
- background: $skinHeaderBck;
140
- text-shadow: none;
141
- border: none;
142
- padding: 15px 30px;
143
- box-shadow: none;
144
- border-bottom: 4px solid $skinActiveColor;
145
- margin: 0;
146
- h2 {
147
- color: white;
148
- }
149
- .action_items a {
150
- border-radius: 0 !important;
151
- background: $skinActiveColor !important;
152
- color: white !important;
153
- box-shadow: none !important;
154
- text-shadow: none !important;
155
- border: none !important;
156
- padding: 17px;
157
- font-size: 14px;
158
- &:hover {
159
- background: lighten($skinActiveColor, 10%) !important;
160
- }
161
- }
162
- }
163
- table.index_table {
164
- border: 1px solid #d3d8dc;
165
- background: white;
166
- th {
167
- background: #f1f5f6;
168
- border: 1px #d3d8dc;
169
- border-style: none solid solid none;
170
- padding: 7px 10px;
171
- box-shadow: none;
172
- color: $skinTextColor;
173
- a, a:link, a:visited {
174
- color: $skinTextColor;
175
- }
176
- &:last-child {
177
- border-right: none;
178
- }
179
- }
180
- td {
181
- color: black;
182
- a, a:link, a:visited {
183
- color: black;
184
- display: inline-block;
185
- padding: 2px 3px;
186
- margin: -2px 0;
187
- &:hover {
188
- color: white;
189
- background: $skinActiveColor;
190
- }
191
- }
192
- }
193
- tr.even td {
194
- background: #ecf0f1;
195
- }
196
- }
197
- #active_admin_content {
198
- &::after {
199
- clear: both;
200
- content: "";
201
- display: table;
202
- }
203
- .table_tools {
204
- height: 30px;
205
- }
206
- a.table_tools_button, .table_tools .dropdown_menu_button {
207
- border-radius: 0;
208
- box-shadow: 0;
209
- color: $skinTextColor;
210
- background: white;
211
- padding: 7px 10px !important;
212
- font-weight: normal;
213
- text-shadow: none;
214
- }
215
- a.table_tools_button:hover {
216
- background-color: $skinActiveColor;
217
- color: white;
218
- .count {
219
- color: white;
220
- }
221
- }
222
- .table_tools_segmented_control li {
223
- a {
224
- border-radius: 0;
225
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
226
- color: $skinTextColor;
227
- background: white;
228
- padding: 7px 15px;
229
- font-weight: normal;
230
- text-shadow: none;
231
- border-color: #d3d8dc;
232
- span.count {
233
- color: $skinActiveColor;
234
- }
235
- }
236
- &.selected {
237
- a {
238
- color: white;
239
- background-color: $skinActiveColor;
240
- span.count {
241
- color: white;
242
- }
243
- }
244
- }
245
- }
246
- }
247
- .download_links {
248
- color: $skinTextTable;
249
- font-size: 12px;
250
- a {
251
- color: $skinActiveColor;
252
- font-weight: bold;
253
- }
254
- }
255
- .pagination_information {
256
- font-size: 12px;
257
- color: $skinTextTable;
258
- }
259
- .pagination {
260
- margin-top: -2px;
261
- a, span.page.current {
262
- font-family: "Source Sans Pro", sans-serif;
263
- border: 1px solid #d3d8dc;
264
- background: #ecf0f1;
265
- box-shadow: none !important;
266
- text-shadow: none;
267
- font-size: 12px;
268
- font-weight: normal;
269
- padding: 4px 6px;
270
- margin-right: 1px;
271
- }
272
- span.page.current,
273
- a:not(.disabled):hover {
274
- background: $skinActiveColor;
275
- color: white;
276
- }
277
- span.page.current {
278
- font-weight: 600;
279
- }
280
- span.page.current:not(.disabled):hover {
281
- background: $skinActiveColor;
282
- }
283
- .page.gap {
284
- display: none;
285
- }
286
- }
287
- .sidebar_section.panel {
288
- background: white;
289
- border-top: 3px solid darken($bodyColor, 20);
290
- border-radius: 0;
291
- box-shadow: inset 0 0px 2px #dddddd;
292
- form .buttons {
293
- background: $panelHeaderBck;
294
- margin: 25px -15px -15px;
295
- padding: 10px 15px;
296
- }
297
- form fieldset {
298
- margin-bottom: 0;
299
- }
300
- & > h3 {
301
- background: $panelHeaderBck;
302
- color: white;
303
- border: none;
304
- margin: 0;
305
- padding: 8px 15px;
306
- box-shadow: none;
307
- }
308
- border-radius: 0 {
309
- text-shadow: none;
310
- font-weight: bold;
311
- };
312
- .filter_form_field {
313
- label {
314
- color: black;
315
- font-weight: normal;
316
- font-size: 13px;
317
- text-transform: uppercase;
318
- font-family: "Source Sans Pro", sans-serif;
319
- padding: 7px 0;
320
- }
321
- }
322
- }
323
- .attributes_table table th, .attributes_table table td {
324
- padding: 10px;
325
- font-family: "Source Sans Pro", sans-serif;
326
- color: black;
327
- }
328
- .panel_contents table th, .attributes_table table th {
329
- font-weight: normal;
330
- font-size: 13px;
331
- text-transform: uppercase;
332
- }
333
- #footer {
334
- position: fixed;
335
- bottom: 0;
336
- left: 0;
337
- right: 0;
338
- background: white;
339
- padding: 15px 30px;
340
- font-size: 13px;
341
- color: $skinTextTable;
342
- border-top: 1px solid #d3d8dc;
343
- p {
344
- margin: 0;
345
- padding: 0;
346
- }
347
- }
348
- form input[type=submit],
349
- a.button,
350
- a:link.button,
351
- a:visited.button {
352
- box-shadow: none;
353
- border-radius: 0;
354
- background: $skinActiveColor;
355
- color: white;
356
- border: none;
357
- text-shadow: none;
358
- padding: 11px 15px;
359
- &:hover {
360
- background: lighten($skinActiveColor, 10%) !important;
361
- }
362
- }
363
- form fieldset.buttons li.cancel a,
364
- form fieldset.actions li.cancel a,
365
- form.filter_form a.clear_filters_btn {
366
- background: white;
367
- box-shadow: none;
368
- border-radius: 0;
369
- text-shadow: none;
370
- padding: 10px 20px;
371
- color: black;
372
- border: none !important;
373
- &:hover {
374
- background: darken(white, 5%) !important;
375
- }
376
- }
377
- form fieldset.inputs {
378
- background: white;
379
- position: relative;
380
- padding-top: 50px;
381
- border-top: 3px solid darken($bodyColor, 20);
382
- border-radius: 0;
383
- box-shadow: inset 0 0px 3px #dddddd;
384
- > legend {
385
- border-bottom: 1px solid #f4f4f4;
386
- position: absolute;
387
- top: 0;
388
- span {
389
- background: $panelHeaderBck;
390
- color: white;
391
- padding: 8px 15px;
392
- border: none;
393
- margin: 0;
394
- box-shadow: none !important;
395
- border-radius: 0 !important;
396
- text-shadow: none;
397
- font-weight: bold;
398
- }
399
- }
400
- ol > li {
401
- label {
402
- padding-top: 7px;
403
- text-transform: uppercase;
404
- }
405
- &.boolean label {
406
- padding-top: 0px;
407
- margin-bottom: 15px;
408
- }
409
- }
410
- }
411
- input[type=text],
412
- input[type=password],
413
- input[type=email],
414
- input[type=date],
415
- input[type=tel],
416
- input[type=number],
417
- button {
418
- height: 20px !important;
419
- border-radius: 0;
420
- }
421
- $width-list: 50 60 70 75 80 85 90;
422
- @each $width in $width-list {
423
- .block-#{$width} {
424
- float: none;
425
- width: #{$width}% !important;
426
- display: block;
427
- margin: 0 auto;
428
- overflow: hidden;
429
- }
430
- }
431
- form input[type=text],
432
- form input[type=password],
433
- form input[type=email],
434
- form input[type=number],
435
- form input[type=url],
436
- form input[type=tel],
437
- form textarea {
438
- border-radius: 0;
439
- font-family: "Source Sans Pro", sans-serif;
440
- }
441
- form.filter_form .filter_form_field.filter_date_range input[type=text] {
442
- background-position: 100% 4px;
443
- }
444
- body.logged_in {
445
- .flashes {
446
- width: 84.1%;
447
- float: right;
448
- .flash {
449
- position: inherit;
450
- top: 0;
451
- text-shadow: none;
452
- }
453
- }
454
- }
455
- strong, b {
456
- font-weight: 600;
457
- }
458
- .blank_slate_container .blank_slate {
459
- color: #7f8c8d;
460
- }
461
- .comments form.active_admin_comment {
462
- margin: 0;
463
- .actions {
464
- margin-bottom: 0;
465
- }
466
- fieldset.inputs {
467
- border: none;
468
- li {
469
- margin-bottom: 0 !important;
470
- }
471
- textarea {
472
- width: 95%;
473
- }
474
- }
475
- }
476
- body.logged_out {
477
- height: 100%;
478
- #footer {
479
- display: none;
480
- }
481
- #content_wrapper {
482
- margin-top: 150px;
483
- #active_admin_content {
484
- padding-bottom: 0;
485
- }
486
- }
487
- #login {
488
- form fieldset {
489
- border: none;
490
- }
491
- > h2 {
492
- background: $panelHeaderBck;
493
- font-family: "Source Sans Pro", sans-serif;
494
- color: white;
495
- box-shadow: none !important;
496
- border-radius: 0 !important;
497
- padding: 8px 15px;
498
- }
499
- fieldset.actions {
500
- background: #f1f5f6;
501
- margin: 0 -30px -17px;
502
- padding: 6px 30px;
503
- }
504
- a {
505
- margin-top: -25px;
506
- }
507
- }
508
- .flash {
509
- background: #f2ecbf;
510
- position: absolute;
511
- top: 0;
512
- left: 0;
513
- right: 0;
514
- padding: 15px;
515
- border-bottom: 1px solid #dede8b;
516
- text-shadow: none;
517
- }
518
- }
519
- .sidebar_section {
520
- ul {
521
- margin-bottom: 0;
522
- }
523
- }
524
- .cke_toolgroup, .cke_combo_button {
525
- border-radius: 0 !important;
526
- }
527
- .cke_top {
528
- background: #f0f4f5 !important;
529
- padding: 8px 15px !important;
530
- box-shadow: 0 !important;
531
- border-radius: 0 !important;
532
- text-shadow: none !important;
533
- font-weight: bold !important;
534
- border-style: none none solid !important;
535
- }
536
- .cke_chrome {
537
- border: 1px solid #d3d8dc !important;
538
- }
539
- .ckeditor {
540
- label {
541
- display: block;
542
- width: 20%;
543
- float: left;
544
- }
545
- .cke_chrome {
546
- width: 79.7% !important;
547
- overflow: hidden;
548
- }
549
- }
550
- .cke_toolgroup, .cke_combo_button {
551
- border-radius: 0 !important;
552
- }
553
-
554
- #active_admin_content #sidebar {
555
- float: left;
556
- margin-left: 0;
557
-
558
- }
559
-
560
-
561
-
562
- #active_admin_content.with_sidebar {
563
- display: flex;
564
- flex-direction: column-reverse;
565
- }
566
-
567
- #active_admin_content.with_sidebar #sidebar{
568
- width: 100%;
569
- h3{
570
- float: left;
571
- width: 100px;
572
- }
573
- .panel_contents{
574
- float: left;
575
- }
576
- ul{
577
- float:left;
578
- margin:0;
579
- padding:0;
580
- list-style:none;
581
-
582
- li{
583
- background-color: #1e2a33;
584
- color: #fff;
585
-
586
-
587
- float:left;
588
- height:24px;
589
- line-height:24px;
590
- position:relative;
591
- font-size:11px;
592
-
593
-
594
-
595
- margin-left:20px;
596
- padding:0 10px 0 12px;
597
- background:$panelHeaderBck;
598
- color:#fff;
599
- text-decoration:none;
600
- -moz-border-radius-bottomright:4px;
601
- -webkit-border-bottom-right-radius:4px;
602
- border-bottom-right-radius:4px;
603
- -moz-border-radius-topright:4px;
604
- -webkit-border-top-right-radius:4px;
605
- border-top-right-radius:4px;
606
-
607
- }
608
-
609
- li:before{
610
- content:"";
611
- float:left;
612
- position:absolute;
613
- top:0;
614
- left:-12px;
615
- width:0;
616
- height:0;
617
- border-color:transparent $panelHeaderBck transparent transparent;
618
- border-style:solid;
619
- border-width:12px 12px 12px 0;
620
- }
621
-
622
- li :after{
623
- content:"";
624
- position:absolute;
625
- top:10px;
626
- left:0;
627
- float:left;
628
- width:4px;
629
- height:4px;
630
- -moz-border-radius:2px;
631
- -webkit-border-radius:2px;
632
- border-radius:2px;
633
- background:#fff;
634
- -moz-box-shadow:-1px -1px 2px #004977;
635
- -webkit-box-shadow:-1px -1px 2px #004977;
636
- box-shadow:-1px -1px 2px #004977;
637
- }
638
- }
639
- }
640
-
641
- #active_admin_content.with_sidebar #main_content{
642
-
643
- }
644
-
645
-
646
- div#filters_sidebar_section {
647
- float: none;
648
- width: 50% ;
649
- display: none;
650
- position: fixed;
651
- top: 10%;
652
- right: 25%;
653
- z-index: 2000;
654
-
655
- h3{
656
- width: 100% !important;
657
- }
658
- div.panel_contents{
659
- width: 100% !important;
660
- background-color: #FFF;
661
-
662
-
663
- div.input.optional.stringish.filter_form_field{
664
- select{
665
- width: 45%;
666
- }
667
- input{
668
- width: 40%;
669
- }
670
-
671
- }
672
-
673
- }
674
- }
675
-
676
-
677
- //datepicker ovverride
678
-
679
- div#ui-datepicker-div {
680
- background-color: transparent;
681
- }
682
- .ui-datepicker .ui-datepicker-header {
683
- background-color: $skinActiveColor;
684
- background-image: none;
685
- border-top-left-radius: 0;
686
- border-top-right-radius: 0;
687
- }
688
-
689
- .ui-datepicker table.ui-datepicker-calendar tbody {
690
- background-color: #1e2a33;
691
- a {
692
- color: $textGray;
693
- }
694
- a.ui-state-highlight {
695
- background-color: $skinActiveColor;
696
- color: #FFFFFF;
697
- }
698
-
699
- }
700
-
701
-
702
-
703
- }