admin-theme 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. data/.gitignore +17 -0
  2. data/.travis.yml +4 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +32 -0
  5. data/README.md +115 -0
  6. data/Rakefile +9 -0
  7. data/admin-theme.gemspec +22 -0
  8. data/config/locales/en.yml +18 -0
  9. data/features/resource_generator.feature +9 -0
  10. data/features/setup_generator.feature +8 -0
  11. data/features/steps/test_admin_theme_resource_generation.rb +31 -0
  12. data/features/steps/test_admin_theme_setup.rb +36 -0
  13. data/features/support/env.rb +1 -0
  14. data/features/support/helpers.rb +39 -0
  15. data/lib/admin-theme.rb +7 -0
  16. data/lib/admin-theme/version.rb +5 -0
  17. data/lib/generators/admin_theme/resource/controllers/admin_resource_controller.erb +46 -0
  18. data/lib/generators/admin_theme/resource/resource_generator.rb +93 -0
  19. data/lib/generators/admin_theme/resource/templates/view_edit.html.erb +17 -0
  20. data/lib/generators/admin_theme/resource/templates/view_form.html.erb +14 -0
  21. data/lib/generators/admin_theme/resource/templates/view_index.html.erb +38 -0
  22. data/lib/generators/admin_theme/resource/templates/view_new.html.erb +16 -0
  23. data/lib/generators/admin_theme/resource/templates/view_show.html.erb +36 -0
  24. data/lib/generators/admin_theme/setup/controllers/admin_base_controller.rb +18 -0
  25. data/lib/generators/admin_theme/setup/controllers/admin_dashboard_controller.rb +4 -0
  26. data/lib/generators/admin_theme/setup/setup_generator.rb +37 -0
  27. data/lib/generators/admin_theme/setup/templates/layout_admin.html.erb +46 -0
  28. data/lib/generators/admin_theme/setup/templates/view_dashboard.html.erb +7 -0
  29. data/lib/generators/admin_theme/setup/templates/view_sidebar.html.erb +15 -0
  30. data/vendor/assets/stylesheets/web-app-theme.css +410 -0
  31. data/vendor/assets/stylesheets/web-app-theme/default.scss +463 -0
  32. metadata +136 -0
@@ -0,0 +1,463 @@
1
+ /* Activo 2 by David Francisco (activo.dmfranc.com) - tiny version for web-app-theme */
2
+ @font-face {
3
+ font-family: "MuseoSans500";
4
+ src: font-url('web-app-theme/default/museosans_500-webfont.eot');
5
+ src: local("☺"), font-url('web-app-theme/default/museosans_500-webfont.woff') format("woff"), font-url('web-app-theme/default/museosans_500-webfont.ttf') format("truetype"), font-url('web-app-theme/default/museosans_500-webfont.svg#webfontxgyHgdAL') format("svg");
6
+ font-weight: normal;
7
+ font-style: normal;
8
+ }
9
+
10
+ @font-face {
11
+ font-family: "MuseoSans500Italic";
12
+ src: font-url('web-app-theme/default/museosans_500_italic-webfont.eot');
13
+ src: local("☺"), font-url('web-app-theme/default/museosans_500_italic-webfont.woff') format("woff"), font-url('web-app-theme/default/museosans_500_italic-webfont.ttf') format("truetype"), font-url('web-app-theme/default/museosans_500_italic-webfont.svg#webfonteCRZCYEf') format("svg");
14
+ font-weight: normal;
15
+ font-style: normal;
16
+ }
17
+
18
+ @font-face {
19
+ font-family: "Museo700";
20
+ src: font-url('web-app-theme/default/museo700-regular-webfont.eot');
21
+ src: local("☺"), font-url('web-app-theme/default/museo700-regular-webfont.woff') format("woff"), font-url('web-app-theme/default/museo700-regular-webfont.ttf') format("truetype"), font-url('web-app-theme/default/museo700-regular-webfont.svg#webfontOC5Ke5xr') format("svg");
22
+ font-weight: normal;
23
+ font-style: normal;
24
+ }
25
+
26
+ body {
27
+ color: #111111;
28
+ background: #c4c4c4 image-url('web-app-theme/default/bgd.jpg');
29
+ font-family: "MuseoSans500", helvetica, arial, sans-serif;
30
+ }
31
+
32
+ h1, h2, h3 {
33
+ color: #111111;
34
+ font-weight: normal;
35
+ font-family: "Museo700", helvetica, arial, sans-serif;
36
+ }
37
+
38
+ a:link, a:visited, a:hover, a:active {
39
+ color: #111111;
40
+ }
41
+
42
+ a {
43
+ -moz-outline: none;
44
+ }
45
+
46
+ hr {
47
+ background: #dddddd;
48
+ color: #dddddd;
49
+ }
50
+
51
+ #header {
52
+ height: 80px;
53
+ background-color: #333333;
54
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
55
+ box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
56
+ -moz-box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
57
+ -webkit-box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
58
+ }
59
+ #header h1 {
60
+ padding: 15px 5px;
61
+ float: left;
62
+ font-size: 40px;
63
+ font-style: normal;
64
+ text-transform: normal;
65
+ letter-spacing: -1px;
66
+ line-height: 1.2em;
67
+ color: white;
68
+ }
69
+ #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
70
+ color: white;
71
+ }
72
+
73
+ #main {
74
+ width: 77%;
75
+ float: left;
76
+ }
77
+ #main .block {
78
+ padding-top: 0px;
79
+ background-color: white;
80
+ text-shadow: 0 1px 0 white;
81
+ -moz-border-radius: 6px;
82
+ -webkit-border-radius: 6px;
83
+ border-radius: 6px;
84
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
85
+ -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
86
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
87
+ }
88
+ #main .block .content {
89
+ padding-top: 1px;
90
+ }
91
+ #main .block .content .inner {
92
+ padding: 0 15px 15px;
93
+ }
94
+ #main .block .content h2 {
95
+ margin-left: 15px;
96
+ font-size: 22px;
97
+ text-transform: normal;
98
+ letter-spacing: -1px;
99
+ line-height: 1.2em;
100
+ }
101
+ #main .block .content p {
102
+ font-size: 13px;
103
+ font-style: normal;
104
+ font-weight: normal;
105
+ text-transform: normal;
106
+ letter-spacing: normal;
107
+ line-height: 1.45em;
108
+ }
109
+
110
+ #main-navigation {
111
+ padding-top: 30px;
112
+ width: auto;
113
+ }
114
+ #main-navigation ul li {
115
+ padding-left: 20px;
116
+ margin-right: 0;
117
+ }
118
+ #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active {
119
+ padding: 8px 0;
120
+ text-decoration: none;
121
+ color: #eeeeee;
122
+ }
123
+ #main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
124
+ color: #a4a4a4;
125
+ }
126
+
127
+ .secondary-navigation {
128
+ background: #e0e0e0 image-url('web-app-theme/default/boxbar-background.png') top;
129
+ border-bottom-width: 0px;
130
+ -moz-border-radius-topleft: 6px;
131
+ -webkit-border-top-left-radius: 6px;
132
+ border-top-left-radius: 6px;
133
+ -moz-border-radius-topright: 6px;
134
+ -webkit-border-top-right-radius: 6px;
135
+ border-top-right-radius: 6px;
136
+ }
137
+ .secondary-navigation li.first a, .secondary-navigation ul li.first {
138
+ -moz-border-radius-topleft: 6px;
139
+ -webkit-border-top-left-radius: 6px;
140
+ border-top-left-radius: 6px;
141
+ }
142
+ .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active {
143
+ text-decoration: none;
144
+ color: #111111;
145
+ }
146
+ .secondary-navigation ul li.text {
147
+ padding: 10px 15px;
148
+ color: #818171;
149
+ }
150
+ .secondary-navigation ul li.active {
151
+ background-color: white;
152
+ }
153
+ .secondary-navigation ul li.active a:hover {
154
+ background-color: white;
155
+ }
156
+
157
+ #user-navigation {
158
+ top: 33px;
159
+ right: 10px;
160
+ color: #eeeeee;
161
+ font-size: 14px;
162
+ }
163
+
164
+ #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
165
+ text-decoration: none;
166
+ color: #eeeeee;
167
+ }
168
+ #user-navigation ul li a:active img {
169
+ margin-top: 1px;
170
+ }
171
+
172
+ #user-navigation ul li, .secondary-navigation ul li {
173
+ float: left;
174
+ }
175
+
176
+ #footer {
177
+ color: #261f1f;
178
+ text-shadow: none;
179
+ }
180
+ #footer .block {
181
+ -webkit-box-shadow: none;
182
+ -moz-box-shadow: none;
183
+ box-shadow: none;
184
+ background: none;
185
+ }
186
+ #footer p {
187
+ margin: 0;
188
+ padding: 0;
189
+ text-align: center;
190
+ }
191
+
192
+ #sidebar {
193
+ width: 20%;
194
+ float: right;
195
+ }
196
+ #sidebar .block {
197
+ padding-top: 2px;
198
+ padding-bottom: 2px;
199
+ -moz-border-radius: 6px;
200
+ -webkit-border-radius: 6px;
201
+ border-radius: 6px;
202
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
203
+ }
204
+ #sidebar .block h4 {
205
+ font-weight: normal;
206
+ font-family: "Museo700", helvetica, arial, sans-serif;
207
+ }
208
+ #sidebar .notice {
209
+ color: white;
210
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
211
+ background-color: rgba(0, 0, 0, 0.3);
212
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
213
+ background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
214
+ -moz-border-radius: 6px;
215
+ -webkit-border-radius: 6px;
216
+ border-radius: 6px;
217
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
218
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
219
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
220
+ }
221
+ #sidebar .warning {
222
+ padding-left: 10px;
223
+ padding-right: 10px;
224
+ color: #222222;
225
+ background: #ffef4e;
226
+ -moz-border-radius: 6px;
227
+ -webkit-border-radius: 6px;
228
+ border-radius: 6px;
229
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1);
230
+ -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1);
231
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1);
232
+ border: 1px solid rgba(0, 0, 0, 0.3);
233
+ }
234
+ #sidebar h3 {
235
+ padding-left: 25px;
236
+ color: #111111;
237
+ border-bottom: 1px solid #261f1f;
238
+ }
239
+ #sidebar ul li {
240
+ background-position: 0 11px;
241
+ background-repeat: no-repeat;
242
+ background-image: image-url('web-app-theme/default/arrow.png');
243
+ border-bottom: 1px dashed #777777;
244
+ list-style-type: none;
245
+ }
246
+ #sidebar ul li a {
247
+ margin-left: 10px;
248
+ text-decoration: none;
249
+ text-shadow: 0 1px 0 white;
250
+ }
251
+ #sidebar ul li.active a {
252
+ color: #a4a4a4;
253
+ }
254
+
255
+ .control {
256
+ float: right;
257
+ margin-right: 9px;
258
+ margin-top: 11px;
259
+ }
260
+
261
+ .pagination a, .pagination span {
262
+ border: 1px solid #c3c4ba;
263
+ -moz-border-radius: 2px;
264
+ -webkit-border-radius: 2px;
265
+ border-radius: 2px;
266
+ margin-right: 5px;
267
+ padding: 6px;
268
+ min-width: 15px;
269
+ text-align: center;
270
+ background: #dddddd;
271
+ background-image: image-url('web-app-theme/default/button-background.png');
272
+ color: #111111;
273
+ }
274
+ .pagination a:hover {
275
+ border: 1px solid #818171;
276
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
277
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
278
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
279
+ }
280
+ .pagination span.current {
281
+ background: #261f1f;
282
+ color: white;
283
+ border: 1px solid #261f1f;
284
+ }
285
+
286
+ .pagination a:active {
287
+ background-image: imimage-age-url('web-app-theme/default/button-background-active.png');
288
+ outline: none;
289
+ }
290
+
291
+ .table th {
292
+ background: #eaeaea;
293
+ color: #222222;
294
+ font-weight: normal;
295
+ }
296
+ .table th.last {
297
+ min-width: 90px;
298
+ }
299
+ .table td {
300
+ border-bottom: 1px solid #eaeaea;
301
+ }
302
+ .table td.last {
303
+ padding-top: 0px;
304
+ padding-bottom: 0px;
305
+ }
306
+ .table tr.even {
307
+ background: #f8f8f8;
308
+ }
309
+
310
+ .form label.label {
311
+ font-family: "MuseoSans500", helvetica, arial, sans-serif;
312
+ font-weight: normal;
313
+ color: #666666;
314
+ }
315
+ .form input.text_field, .form textarea.text_area {
316
+ width: 100%;
317
+ border: 1px solid #dddddd;
318
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
319
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
320
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
321
+ }
322
+ .form input.button {
323
+ background: #dddddd;
324
+ -moz-border-radius: 5px;
325
+ -webkit-border-radius: 5px;
326
+ border-radius: 5px;
327
+ border: 1px solid #c1c1c1;
328
+ padding: 2px 5px;
329
+ cursor: pointer;
330
+ color: #111111;
331
+ font-weight: bold;
332
+ font-size: 11px;
333
+ }
334
+ .form input.button:hover {
335
+ border: 1px solid #666666;
336
+ }
337
+ .form .description {
338
+ font-style: italic;
339
+ color: #8c8c8c;
340
+ font-size: 0.9em;
341
+ }
342
+ .form .navform a {
343
+ color: #cc0000;
344
+ }
345
+
346
+ .flash .message {
347
+ -moz-border-radius: 3px;
348
+ -webkit-border-radius: 3px;
349
+ border-radius: 3px;
350
+ text-align: center;
351
+ margin: 0 auto 15px;
352
+ color: white;
353
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
354
+ }
355
+ .flash .message p {
356
+ margin: 8px;
357
+ }
358
+ .flash .error, .flash .error-list {
359
+ border: 1px solid #993624;
360
+ background: #cc4831 image-url('web-app-theme/default/messages/error.png') no-repeat 10px center;
361
+ }
362
+ .flash .warning {
363
+ border: 1px solid #bb9004;
364
+ background: #f9c006 image-url('web-app-theme/default/messages/warning.png') no-repeat 10px center;
365
+ }
366
+ .flash .notice {
367
+ color: #28485e;
368
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
369
+ border: 1px solid #8a9daa;
370
+ background: #b8d1e2 image-url('web-app-theme/default/messages/notice.png') no-repeat 10px center;
371
+ }
372
+ .flash .error-list {
373
+ text-align: left;
374
+ }
375
+ .flash .error-list h2 {
376
+ font-size: 16px;
377
+ text-align: center;
378
+ }
379
+ .flash .error-list ul {
380
+ padding-left: 22px;
381
+ line-height: 18px;
382
+ list-style-type: square;
383
+ margin-bottom: 15px;
384
+ }
385
+
386
+ ul.list li {
387
+ border-bottom-color: #dddddd;
388
+ border-bottom-width: 1px;
389
+ border-bottom-style: solid;
390
+ }
391
+ ul.list li .item .avatar {
392
+ border-color: #dddddd;
393
+ border-width: 1px;
394
+ border-style: solid;
395
+ padding: 2px;
396
+ }
397
+
398
+ #box {
399
+ width: 480px;
400
+ }
401
+ #box .block {
402
+ background: white;
403
+ text-shadow: 0 1px 0 white;
404
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
405
+ -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
406
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
407
+ -moz-border-radius: 6px;
408
+ -webkit-border-radius: 6px;
409
+ border-radius: 6px;
410
+ }
411
+ #box .block h2 {
412
+ background: #261f1f;
413
+ color: white;
414
+ text-shadow: none;
415
+ -moz-border-radius-topleft: 6px;
416
+ -webkit-border-top-left-radius: 6px;
417
+ border-top-left-radius: 6px;
418
+ -moz-border-radius-topright: 6px;
419
+ -webkit-border-top-right-radius: 6px;
420
+ border-top-right-radius: 6px;
421
+ }
422
+
423
+ a.button, button.button {
424
+ background: #edeeed image-url('web-app-theme/default/button-background.png') top;
425
+ border: 1px solid #c3c4ba;
426
+ font-family: "MuseoSans500", helvetica, arial, sans-serif;
427
+ font-weight: normal;
428
+ -moz-border-radius: 3px;
429
+ -webkit-border-radius: 3px;
430
+ border-radius: 3px;
431
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
432
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
433
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
434
+ }
435
+ a.button:link, a.button:visited, a.button:hover, a.button:active, button.button:link, button.button:visited, button.button:hover, button.button:active {
436
+ font-weight: normal;
437
+ background: #edeeed image-url('web-app-theme/default/button-background.png') top;
438
+ }
439
+
440
+ a.button:active, button.button:active {
441
+ background: #eaeaea image-url('web-app-theme/default/button-background-active.png') top;
442
+ outline: none;
443
+ margin-top: 1px;
444
+ margin-bottom: -1px;
445
+ }
446
+
447
+ .form div.left {
448
+ width: 10%;
449
+ float: left;
450
+ }
451
+ .form div.right {
452
+ width: 85%;
453
+ float: right;
454
+ }
455
+
456
+ .login div.left, .signup div div.left {
457
+ width: 21%;
458
+ float: left;
459
+ }
460
+ .login div.right, .signup div div.right {
461
+ width: 74%;
462
+ float: right;
463
+ }