active_admin_theme 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 2acdc8fe85e1b9bd876dbff15d44117ea01326d7
4
+ data.tar.gz: 3df015940cc478b4c538070bd6365e28cb290b06
5
+ SHA512:
6
+ metadata.gz: 167dd88d7bbdb2f16ab4c2b4941b2677bc3e85b8d7d9ac4c33573947f8c1de04188a1950dc9f0525d923c274a408d85ca9e7977e5e1b3964dd94f4036eeaa8bc
7
+ data.tar.gz: f132e09aae431534f892721a0aa867e12a0caded43a0f9e16686cd7e78a06d8aa5473d8086626882b7f3ed28be773f4bf5efdc28034f6120dbaa72c0b7384cc5
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in activeadmin_theme.gemspec
4
+ gemspec
data/LICENSE.txt ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2014 Igor Fedoronchuk
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,34 @@
1
+ # ActiveAdminTheme
2
+
3
+ Custom ActiveAdmin templates
4
+
5
+ ## Installation
6
+
7
+ Add this line to your application's Gemfile:
8
+
9
+ ```ruby
10
+ gem 'active_admin_theme'
11
+ ```
12
+
13
+ And then execute:
14
+
15
+ $ bundle
16
+
17
+ Or install it yourself as:
18
+
19
+ $ gem install active_admin_theme
20
+
21
+ ## Usage
22
+
23
+ ```
24
+ @import "wigu/active_admin_theme";
25
+ ```
26
+
27
+
28
+ ## Contributing
29
+
30
+ 1. Fork it ( https://github.com/[my-github-username]/activeadmin_theme/fork )
31
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
32
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
33
+ 4. Push to the branch (`git push origin my-new-feature`)
34
+ 5. Create a new Pull Request
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ require "bundler/gem_tasks"
2
+
@@ -0,0 +1,23 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'active_admin_theme/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "active_admin_theme"
8
+ spec.version = ActiveAdminTheme::VERSION
9
+ spec.authors = ["Igor Fedoronchuk", "Alex Sikorskiy"]
10
+ spec.email = ["igor.f@didww.com", "alex.s@didww.com"]
11
+ spec.summary = %q{Flat design for ActiveAdmin}
12
+ spec.description = %q{Flat design for activeadmin gem }
13
+ spec.homepage = "https://github.com/didww/active_admin_theme"
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files -z`.split("\x0")
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_development_dependency "bundler", "~> 1.7"
22
+ spec.add_development_dependency "rake", "~> 10.0"
23
+ end
@@ -0,0 +1,738 @@
1
+ //FONT----------------------------------------------------------------------------------------------------------------//
2
+
3
+ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic-ext);
4
+
5
+ //VAR-----------------------------------------------------------------------------------------------------------------//
6
+
7
+ $skinMainFirstColor: #23282f!default;
8
+ $skinMainSecondColor: #5ea3d3!default;
9
+ $skinBorderRadius: 4px!default;
10
+ $skinBorderWindowColor: #e6e9ee!default;
11
+ $skinTablePadding: 10px!default;
12
+
13
+ //HTML----------------------------------------------------------------------------------------------------------------//
14
+
15
+ html {
16
+ font-family: 'Open Sans', sans-serif;
17
+ background: #f7f9fb;
18
+ font-weight: 300;
19
+ }
20
+ body.active_admin {
21
+ font-family: 'Open Sans', sans-serif;
22
+ background: #f7f9fb;
23
+ }
24
+ #wrapper {
25
+ div.tabs {
26
+ > ul > li > a {
27
+ background-image: none;
28
+ box-shadow: none;
29
+ text-shadow: none;
30
+ box-shadow: none;
31
+ margin-bottom: 11px;
32
+ border: none;
33
+ background-color: $skinMainSecondColor;
34
+ color: #ffffff;
35
+ margin-right: 5px;
36
+ padding: 10px 20px;
37
+
38
+ -webkit-border-top-left-radius: $skinBorderRadius;
39
+ -webkit-border-top-right-radius: $skinBorderRadius;
40
+ -moz-border-radius-topleft: $skinBorderRadius;
41
+ -moz-border-radius-topright: $skinBorderRadius;
42
+ border-top-left-radius: $skinBorderRadius;
43
+ border-top-right-radius: $skinBorderRadius;
44
+
45
+ -webkit-border-bottom-left-radius: 0px;
46
+ -moz-border-radius-bottomleft: 0px;
47
+ border-bottom-left-radius: 0px;
48
+
49
+ -webkit-border-bottom-right-radius: 0px;
50
+ -moz-border-radius-bottomright: 0px;
51
+ border-bottom-right-radius: 0px;
52
+ }
53
+ ul > li.ui-state-active > a {
54
+ background-color: #ffffff;
55
+ border: 1px solid $skinBorderWindowColor;
56
+ border-bottom: 0px;
57
+ color: $skinMainSecondColor;
58
+ }
59
+ div.tab-content {
60
+ background-color: #ffffff;
61
+ border: 1px solid $skinBorderWindowColor;
62
+ border-bottom: 2px solid $skinBorderWindowColor;
63
+ @include rounded($skinBorderRadius);
64
+ }
65
+ }
66
+ #header {
67
+ background-color: $skinMainFirstColor;
68
+ border-bottom: 1px solid lighten( $skinMainFirstColor, 15% )!important;
69
+ padding-bottom: 9px;
70
+ border: none;
71
+ text-shadow: none;
72
+ background-image: none;
73
+ h1.site_title {
74
+ color: $skinMainSecondColor;
75
+ font-size: 16px;
76
+ }
77
+ a, a:link {
78
+ color: #ffffff;
79
+ }
80
+ ul.tabs > li > a {
81
+ color: #ffffff;
82
+ @include rounded($skinBorderRadius);
83
+ padding: 6px 10px 6px 10px;
84
+ }
85
+ ul.tabs > li.current > a, ul.tabs > li:hover > a {
86
+ background-color: $skinMainSecondColor;
87
+ }
88
+ ul.tabs {
89
+ li.has_nested {
90
+ a {
91
+ padding-right: 20px;
92
+ }
93
+ ul {
94
+ background-color: $skinMainSecondColor;
95
+ @include rounded($skinBorderRadius);
96
+ }
97
+ }
98
+ li.has_nested:hover {
99
+ a {
100
+ border-bottom: 7px solid $skinMainSecondColor;
101
+ }
102
+ }
103
+ }
104
+ }
105
+ #title_bar {
106
+ background-image: none;
107
+ border: none;
108
+ box-shadow: none;
109
+ background-color: lighten( $skinMainFirstColor, 8% );
110
+ border: none;
111
+ border-bottom: 3px solid $skinMainSecondColor;
112
+ #titlebar_left {
113
+ span.breadcrumb {
114
+ font-size: 12px;
115
+ text-shadow: none;
116
+ margin-bottom: 8px;
117
+ a, span {
118
+ color: lighten( $skinMainFirstColor, 30% )!important; ;
119
+ }
120
+ }
121
+ h2 {
122
+ color: #ffffff;
123
+ text-shadow: none;
124
+ }
125
+ }
126
+ #titlebar_right {
127
+ .action_item a {
128
+ background-image: none;
129
+ border: none;
130
+ box-shadow: none;
131
+ text-shadow: none;
132
+ @include rounded($skinBorderRadius);
133
+ background-color: $skinMainSecondColor;
134
+ border: none;
135
+ color: #ffffff;
136
+ font-weight: 600;
137
+ &:hover {
138
+ background-color: lighten( $skinMainSecondColor, 5% )!important;
139
+ }
140
+ }
141
+ div.dropdown_menu {
142
+ div.dropdown_menu_list_wrapper {
143
+ background-color: $skinMainFirstColor;
144
+ border: none;
145
+ background-image: none;
146
+ border: none;
147
+ box-shadow: none;
148
+ div.dropdown_menu_nipple, div.dropdown_menu_nipple:after, div.dropdown_menu_nipple:before {
149
+ border-color: $skinMainFirstColor transparent;
150
+ }
151
+ ul.dropdown_menu_list {
152
+ box-shadow:none;
153
+ li {
154
+ a {
155
+ background-color: #ffffff;
156
+ color: $skinMainFirstColor;
157
+ border-radius: 0px;
158
+ &:hover {
159
+ background-color: $skinMainSecondColor;
160
+ color: #ffffff;
161
+ }
162
+ }
163
+ }
164
+ }
165
+ }
166
+ }
167
+ div.batch_actions_selector {
168
+ a {
169
+ background-image: none;
170
+ border: none;
171
+ box-shadow: none;
172
+ background-color: $skinMainSecondColor;
173
+ @include rounded($skinBorderRadius);
174
+ border: none;
175
+ padding: 10px 20px;
176
+ color: #ffffff;
177
+ &:hover {
178
+ background-color: lighten( $skinMainSecondColor, 5% );
179
+ }
180
+ }
181
+ }
182
+ }
183
+ }
184
+ .flashes {
185
+ .flash {
186
+ color: #ffffff;
187
+ background-image: none;
188
+ text-shadow: none;
189
+ }
190
+
191
+ .flash_notice {
192
+ background-color: #669148;
193
+ border-bottom: 2px solid #4C7331;
194
+ }
195
+ .flash_warning {
196
+ background-color: #BDBC45;
197
+ border-bottom: 2px solid #8B8A3D;
198
+ }
199
+ .flash_error {
200
+ background-color: #CD3333;
201
+ border-bottom: 2px solid #962F2F;
202
+ }
203
+ }
204
+ #active_admin_content {
205
+ span.blank_slate {
206
+ border: 2px solid lighten( $skinMainSecondColor, 30% );
207
+ color: #8494a8;
208
+ @include rounded($skinBorderRadius);
209
+ }
210
+ div.table_tools {
211
+ margin-bottom: 35px;
212
+ div.dropdown_menu {
213
+ div.dropdown_menu_list_wrapper {
214
+ background-color: $skinMainFirstColor;
215
+ border: none;
216
+ background-image: none;
217
+ border: none;
218
+ box-shadow: none;
219
+ div.dropdown_menu_nipple, div.dropdown_menu_nipple:after, div.dropdown_menu_nipple:before {
220
+ border-color: $skinMainFirstColor transparent;
221
+ }
222
+ ul.dropdown_menu_list {
223
+ box-shadow:none;
224
+ li {
225
+ a {
226
+ background-color: #ffffff;
227
+ color: $skinMainFirstColor;
228
+ border-radius: 0px;
229
+ &:hover {
230
+ background-color: $skinMainSecondColor;
231
+ color: #ffffff;
232
+ }
233
+ }
234
+ }
235
+ }
236
+ }
237
+ }
238
+ div.batch_actions_selector {
239
+ a {
240
+ background-image: none;
241
+ border: none;
242
+ box-shadow: none;
243
+ background-color: $skinMainSecondColor;
244
+ @include rounded($skinBorderRadius);
245
+ border: none;
246
+ padding: 10px 20px;
247
+ color: #ffffff;
248
+ &:hover {
249
+ background-color: lighten( $skinMainSecondColor, 5% );
250
+ }
251
+ }
252
+ }
253
+ div.dropdown_menu {
254
+ div.dropdown_menu_list_wrapper {
255
+ background-color: $skinMainFirstColor;
256
+ border: none;
257
+ background-image: none;
258
+ div.dropdown_menu_nipple, div.dropdown_menu_nipple:after, div.dropdown_menu_nipple:before {
259
+ border-color: $skinMainFirstColor transparent;
260
+ }
261
+ ul.dropdown_menu_list {
262
+ box-shadow:none;
263
+ li {
264
+ a {
265
+ background-color: #ffffff;
266
+ box-shadow: none;
267
+ color: $skinMainFirstColor;
268
+ border-radius: 0px;
269
+ text-shadow: none;
270
+ &:hover {
271
+ background-color: $skinMainSecondColor;
272
+ color: #ffffff;
273
+ }
274
+ }
275
+ }
276
+ }
277
+ }
278
+ }
279
+ div.batch_actions_selector {
280
+ a {
281
+ background-image: none;
282
+ background-color: $skinMainSecondColor;
283
+ @include rounded($skinBorderRadius);
284
+ border: none;
285
+ padding: 10px 20px;
286
+ color: #ffffff;
287
+ text-shadow: none;
288
+ box-shadow: none;
289
+ &:hover {
290
+ background-color: lighten( $skinMainSecondColor, 5% );
291
+ box-shadow: none;
292
+ }
293
+ }
294
+ }
295
+ ul.scopes {
296
+ li {
297
+ a {
298
+ background-image: none;
299
+ border: none;
300
+ box-shadow: none;
301
+ background-color: $skinMainSecondColor;
302
+ padding: 10px 20px;
303
+ color: #ffffff;
304
+ text-shadow: none;
305
+ span {
306
+ color: #ffffff;
307
+ font-size: 11px;
308
+ font-weight: bold;
309
+ }
310
+ }
311
+ }
312
+ li:first-child {
313
+ a {
314
+ -webkit-border-top-left-radius: $skinBorderRadius;
315
+ -webkit-border-bottom-left-radius: $skinBorderRadius;
316
+ -moz-border-radius-topleft: $skinBorderRadius;
317
+ -moz-border-radius-bottomleft: $skinBorderRadius;
318
+ border-top-left-radius: $skinBorderRadius;
319
+ border-bottom-left-radius: $skinBorderRadius;
320
+ }
321
+ }
322
+ li:last-child {
323
+ a {
324
+ -webkit-border-top-right-radius: $skinBorderRadius;
325
+ -webkit-border-bottom-right-radius: $skinBorderRadius;
326
+ -moz-border-radius-topright: $skinBorderRadius;
327
+ -moz-border-radius-bottomright: $skinBorderRadius;
328
+ border-top-right-radius: $skinBorderRadius;
329
+ border-bottom-right-radius: $skinBorderRadius;
330
+ }
331
+ }
332
+ li.selected {
333
+ a {
334
+ background-color: lighten( $skinMainSecondColor, 15% );
335
+ }
336
+ }
337
+ }
338
+ }
339
+ }
340
+ table.index_table {
341
+ background-color: #ffffff;
342
+ border: 1px solid $skinBorderWindowColor;
343
+ border-bottom: 2px solid $skinBorderWindowColor;
344
+ @include rounded($skinBorderRadius);
345
+ th {
346
+ background-image: none;
347
+ border: none;
348
+ box-shadow: none;
349
+ text-shadow: none;
350
+ font-size: 1.0em;
351
+ font-weight: bold;
352
+ background-color: $skinBorderWindowColor;
353
+ padding: $skinTablePadding 12px $skinTablePadding 12px;
354
+ border-bottom: 3px solid darken( $skinBorderWindowColor, 5% );
355
+ border-right: 1px solid darken( $skinBorderWindowColor, 5% );
356
+ a {
357
+ font-size: 1.0em;
358
+ font-weight: bold!important;
359
+ }
360
+ }
361
+ th.sorted-desc {
362
+ background-color: $skinBorderWindowColor;
363
+ }
364
+ td {
365
+ padding: $skinTablePadding 12px $skinTablePadding 12px;
366
+ }
367
+ }
368
+ .sidebar_section.panel {
369
+ background-image: none;
370
+ box-shadow: none;
371
+ background-color: #ffffff;
372
+ border: 1px solid $skinBorderWindowColor;
373
+ border-bottom: 2px solid $skinBorderWindowColor;
374
+ & > h3 {
375
+ background-image: none;
376
+ box-shadow: none;
377
+ text-shadow: none;
378
+ background-color: $skinMainSecondColor;
379
+ color: #ffffff;
380
+ border: none;
381
+ padding: 8px 15px;
382
+ font-weight: 400;
383
+
384
+ -webkit-border-top-left-radius: $skinBorderRadius;
385
+ -webkit-border-top-right-radius: $skinBorderRadius;
386
+ -moz-border-radius-topleft: $skinBorderRadius;
387
+ -moz-border-radius-topright: $skinBorderRadius;
388
+ border-top-left-radius: $skinBorderRadius;
389
+ border-top-right-radius: $skinBorderRadius;
390
+ }
391
+ .filter_form_field {
392
+ label {
393
+ color: #8494a8;
394
+ }
395
+ input {
396
+ border: 1px solid #e6e9ee;
397
+ background-color: #fdfefe;
398
+ }
399
+ input:focus {
400
+ border-color: lighten( $skinMainSecondColor, 20% ) ;
401
+ box-shadow: none;
402
+ }
403
+ }
404
+ }
405
+ }
406
+ form fieldset > ol > li fieldset.fragments ol {
407
+ margin-left: 20%;
408
+ }
409
+ form fieldset ol > li.has_many_container h3 {
410
+ color: #8494a8;
411
+ }
412
+ form input[type=submit], a.button, a:link.button, a:visited.button, fieldset.actions > ol > li.button_action > button {
413
+ background-image: none;
414
+ box-shadow: none;
415
+ text-shadow: none;
416
+ background-color: $skinMainSecondColor;
417
+ @include rounded($skinBorderRadius);
418
+ border: none;
419
+ padding: 10px 20px;
420
+ color: #ffffff;
421
+ &:hover {
422
+ background-image: none!important;
423
+ background-color: lighten( $skinMainSecondColor, 5% )!important;
424
+ }
425
+ }
426
+ form fieldset.buttons li.cancel a, form fieldset.actions li.cancel a, form.filter_form a.clear_filters_btn {
427
+ background-image: none;
428
+ box-shadow: none;
429
+ text-shadow: none;
430
+ background-color: #ffffff;
431
+ @include rounded($skinBorderRadius);
432
+ padding: 10px 20px;
433
+ border-color: #E4E4E4;
434
+ &:hover {
435
+ background-image: none!important;
436
+ background-color: #F4F4F4!important;
437
+ }
438
+ }
439
+ form fieldset.inputs {
440
+ background-image: none;
441
+ box-shadow: none;
442
+ text-shadow: none;
443
+ box-shadow: none;
444
+ background-color: #ffffff;
445
+ border: 1px solid #e6e9ee;
446
+ border-bottom: 2px solid #e6e9ee;
447
+ legend {
448
+ span {
449
+ background-image: none;
450
+ box-shadow: none;
451
+ text-shadow: none;
452
+ box-shadow: none;
453
+ background-color: $skinMainSecondColor;
454
+ color: #ffffff;
455
+ border: none;
456
+ padding: 8px 15px;
457
+ font-weight: 400;
458
+
459
+ -webkit-border-top-left-radius: $skinBorderRadius;
460
+ -webkit-border-top-right-radius: $skinBorderRadius;
461
+ -moz-border-radius-topleft: $skinBorderRadius;
462
+ -moz-border-radius-topright: $skinBorderRadius;
463
+ border-top-left-radius: $skinBorderRadius;
464
+ border-top-right-radius: $skinBorderRadius;
465
+ }
466
+ }
467
+ ol > li {
468
+ label {
469
+ color: #8494a8;
470
+ }
471
+ input, textarea {
472
+ border: 1px solid #e6e9ee;
473
+ background-color: #fdfefe;
474
+ }
475
+ input:focus, textarea:focus {
476
+ border-color: lighten( $skinMainSecondColor, 20% ) ;
477
+ box-shadow: none;
478
+ }
479
+ }
480
+ }
481
+ #ui-datepicker-div {
482
+ background: none;
483
+ background-color: none;
484
+ box-shadow: none;
485
+ text-shadow: none;
486
+ box-shadow: none;
487
+ div.ui-datepicker-header {
488
+ background-image: none;
489
+ background-color: $skinMainSecondColor;
490
+ border-bottom:none;
491
+ div.ui-datepicker-title {
492
+ span {
493
+ background-image: none;
494
+ box-shadow: none;
495
+ text-shadow: none;
496
+ box-shadow: none;
497
+ }
498
+ }
499
+ }
500
+ div.ui-datepicker-header:before {
501
+ border-bottom: 10px solid $skinMainSecondColor;
502
+ }
503
+ table.ui-datepicker-calendar {
504
+ background-color: #ffffff;
505
+ border-color: $skinMainSecondColor;
506
+ thead {
507
+ tr {
508
+ th {
509
+ background-color:lighten( $skinMainSecondColor, 20% );
510
+ }
511
+ }
512
+ }
513
+ tbody {
514
+ tr {
515
+ td {
516
+ a:hover {
517
+ background-color: $skinMainSecondColor;
518
+ color: #ffffff;
519
+ }
520
+ }
521
+ td.ui-datepicker-today > a {
522
+ background-color: $skinMainSecondColor;
523
+ color: #ffffff;
524
+ }
525
+ }
526
+ }
527
+ }
528
+ }
529
+ .panel {
530
+ background-image: none;
531
+ box-shadow: none;
532
+ text-shadow: none;
533
+ box-shadow: none;
534
+ background-color: #ffffff;
535
+ border: 1px solid $skinBorderWindowColor;
536
+ border-bottom: 2px solid $skinBorderWindowColor;
537
+ h3 {
538
+ background-image: none;
539
+ box-shadow: none;
540
+ text-shadow: none;
541
+ box-shadow: none;
542
+ background-color: $skinMainSecondColor;
543
+ color: #ffffff;
544
+ border: none;
545
+ padding: 8px 15px;
546
+ font-weight: 400;
547
+
548
+ -webkit-border-top-left-radius: $skinBorderRadius;
549
+ -webkit-border-top-right-radius: $skinBorderRadius;
550
+ -moz-border-radius-topleft: $skinBorderRadius;
551
+ -moz-border-radius-topright: $skinBorderRadius;
552
+ border-top-left-radius: $skinBorderRadius;
553
+ border-top-right-radius: $skinBorderRadius;
554
+ }
555
+ .panel_contents {
556
+ font-weight: 400;
557
+ }
558
+ }
559
+ .attributes_table table th, .attributes_table table td {
560
+ padding: 10px 0;
561
+ }
562
+ .attributes_table table th {
563
+ color: #8494a8;
564
+ }
565
+ .comments form.active_admin_comment fieldset.inputs {
566
+ border: none
567
+ }
568
+ .pagination {
569
+ span > a {
570
+ background-image: none;
571
+ box-shadow: none;
572
+ text-shadow: none;
573
+ box-shadow: none;
574
+ border: none;
575
+ background-color: $skinBorderWindowColor;
576
+ @include rounded($skinBorderRadius);
577
+ padding: 5px 10px;
578
+ &:hover {
579
+ background-image: none!important;
580
+ background-color: $skinMainSecondColor!important;
581
+ color: #ffffff;
582
+ }
583
+ }
584
+ span.page.current {
585
+ background-image: none;
586
+ box-shadow: none;
587
+ text-shadow: none;
588
+ box-shadow: none;
589
+ background-color: $skinMainSecondColor;
590
+ border: none;
591
+ padding: 5px 10px;
592
+ @include rounded($skinBorderRadius);
593
+ cursor: pointer;
594
+ &:hover {
595
+ background-image: none!important;
596
+ background-color: $skinMainSecondColor!important;
597
+ }
598
+ }
599
+ }
600
+ body.logged_out #content_wrapper #active_admin_content {
601
+ background-image: none;
602
+ box-shadow: none;
603
+ text-shadow: none;
604
+ box-shadow: none;
605
+ @include rounded($skinBorderRadius);
606
+
607
+ background-color: #ffffff;
608
+ border: 1px solid $skinBorderWindowColor;
609
+ border-bottom: 2px solid $skinBorderWindowColor;
610
+ #login {
611
+ h2 {
612
+ background-image: none;
613
+ box-shadow: none;
614
+ text-shadow: none;
615
+ box-shadow: none;
616
+ background-color: $skinMainSecondColor;
617
+ color: #ffffff;
618
+ border: none;
619
+ padding: 8px 15px;
620
+ font-weight: 400;
621
+
622
+ -webkit-border-top-left-radius: $skinBorderRadius;
623
+ -webkit-border-top-right-radius: $skinBorderRadius;
624
+ -moz-border-radius-topleft: $skinBorderRadius;
625
+ -moz-border-radius-topright: $skinBorderRadius;
626
+ border-top-left-radius: $skinBorderRadius;
627
+ border-top-right-radius: $skinBorderRadius;
628
+
629
+ }
630
+ form {
631
+ fieldset {
632
+ border: none;
633
+ ol {
634
+ li {
635
+ label {
636
+ color: #8494a8;
637
+ }
638
+ }
639
+ }
640
+ }
641
+ }
642
+ }
643
+ }
644
+ form input[type=text], form input[type=password], form input[type=email], form input[type=number], form input[type=url], form input[type=tel], form textarea {
645
+ border: 1px solid #e6e9ee;
646
+ background-color: #fdfefe;
647
+ }
648
+ form fieldset > ol > li fieldset ol li {
649
+ clear: both;
650
+ select {
651
+ margin-top: 6px
652
+ }
653
+ }
654
+ .ui-dialog {
655
+ background-image: none;
656
+ box-shadow: none;
657
+ text-shadow: none;
658
+ box-shadow: none;
659
+ background-color: #ffffff;
660
+ border-bottom: 2px solid $skinBorderWindowColor;
661
+ .ui-dialog-titlebar {
662
+ background-image: none;
663
+ box-shadow: none;
664
+ text-shadow: none;
665
+ box-shadow: none;
666
+ background-color: $skinMainSecondColor;
667
+ color: #ffffff;
668
+ border: none;
669
+ padding: 8px 15px;
670
+ font-weight: 400;
671
+
672
+ -webkit-border-top-left-radius: $skinBorderRadius;
673
+ -webkit-border-top-right-radius: $skinBorderRadius;
674
+ -moz-border-radius-topleft: $skinBorderRadius;
675
+ -moz-border-radius-topright: $skinBorderRadius;
676
+ border-top-left-radius: $skinBorderRadius;
677
+ border-top-right-radius: $skinBorderRadius;
678
+ }
679
+ form {
680
+ ul {
681
+ li {
682
+ label {
683
+ display: block;
684
+ margin-bottom: 5px;
685
+ }
686
+ input[type="text"], input[type="datepicker"], textarea {
687
+ padding: 8px 10px 7px;
688
+ border: 1px solid #e6e9ee;
689
+ background-color: #fdfefe;
690
+ outline: none;
691
+ @include rounded($skinBorderRadius);
692
+ width: 247px;
693
+ &:focus {
694
+ border-color: lighten( $skinMainSecondColor, 20% ) ;
695
+ box-shadow: none;
696
+ }
697
+ }
698
+ }
699
+ }
700
+ }
701
+ .ui-dialog-buttonpane {
702
+ .ui-dialog-buttonset {
703
+ button:first-child {
704
+ background-image: none;
705
+ box-shadow: none;
706
+ text-shadow: none;
707
+ box-shadow: none;
708
+ @include rounded($skinBorderRadius);
709
+ background-color: $skinMainSecondColor;
710
+ border: none;
711
+ color: #ffffff;
712
+ font-weight: 400;
713
+ padding: 10px 20px;
714
+ &:hover {
715
+ background-image: none!important;
716
+ background-color: lighten( $skinMainSecondColor, 5% )!important;
717
+ }
718
+ }
719
+ button:last-child {
720
+ background-image: none;
721
+ box-shadow: none;
722
+ text-shadow: none;
723
+ box-shadow: none;
724
+ background-color: #ffffff;
725
+ @include rounded($skinBorderRadius);
726
+ padding: 10px 20px;
727
+ border-color: #E4E4E4;
728
+ &:hover {
729
+ background-image: none!important;
730
+ background-color: #F4F4F4!important;
731
+ }
732
+ }
733
+ }
734
+ }
735
+ }
736
+ .ui-widget-overlay {
737
+ background: rgba(0, 0, 0, 0.7);
738
+ }
@@ -0,0 +1,8 @@
1
+ require "active_admin_theme/version"
2
+
3
+ module ActiveAdminTheme
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,8 @@
1
+ module ActiveAdminTheme
2
+
3
+
4
+ VERSION = "1.0.0"
5
+
6
+
7
+
8
+ end
metadata ADDED
@@ -0,0 +1,83 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: active_admin_theme
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Igor Fedoronchuk
8
+ - Alex Sikorskiy
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2015-02-03 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: bundler
16
+ requirement: !ruby/object:Gem::Requirement
17
+ requirements:
18
+ - - "~>"
19
+ - !ruby/object:Gem::Version
20
+ version: '1.7'
21
+ type: :development
22
+ prerelease: false
23
+ version_requirements: !ruby/object:Gem::Requirement
24
+ requirements:
25
+ - - "~>"
26
+ - !ruby/object:Gem::Version
27
+ version: '1.7'
28
+ - !ruby/object:Gem::Dependency
29
+ name: rake
30
+ requirement: !ruby/object:Gem::Requirement
31
+ requirements:
32
+ - - "~>"
33
+ - !ruby/object:Gem::Version
34
+ version: '10.0'
35
+ type: :development
36
+ prerelease: false
37
+ version_requirements: !ruby/object:Gem::Requirement
38
+ requirements:
39
+ - - "~>"
40
+ - !ruby/object:Gem::Version
41
+ version: '10.0'
42
+ description: 'Flat design for activeadmin gem '
43
+ email:
44
+ - igor.f@didww.com
45
+ - alex.s@didww.com
46
+ executables: []
47
+ extensions: []
48
+ extra_rdoc_files: []
49
+ files:
50
+ - Gemfile
51
+ - LICENSE.txt
52
+ - README.md
53
+ - Rakefile
54
+ - active_admin_theme.gemspec
55
+ - app/assets/stylesheets/wigu/active_admin_theme.css.scss
56
+ - lib/active_admin_theme.rb
57
+ - lib/active_admin_theme/version.rb
58
+ homepage: https://github.com/didww/active_admin_theme
59
+ licenses:
60
+ - MIT
61
+ metadata: {}
62
+ post_install_message:
63
+ rdoc_options: []
64
+ require_paths:
65
+ - lib
66
+ required_ruby_version: !ruby/object:Gem::Requirement
67
+ requirements:
68
+ - - ">="
69
+ - !ruby/object:Gem::Version
70
+ version: '0'
71
+ required_rubygems_version: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - ">="
74
+ - !ruby/object:Gem::Version
75
+ version: '0'
76
+ requirements: []
77
+ rubyforge_project:
78
+ rubygems_version: 2.2.2
79
+ signing_key:
80
+ specification_version: 4
81
+ summary: Flat design for ActiveAdmin
82
+ test_files: []
83
+ has_rdoc: