web-app-theme 0.5.3 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. data/.gitignore +2 -1
  2. data/README.md +24 -23
  3. data/VERSION +1 -1
  4. data/index.html +1 -0
  5. data/{rails_generators/theme/templates/view_layout_administration.html.erb → lib/generators/web_app_theme/theme/templates/layout_admin.html.erb} +9 -8
  6. data/lib/generators/web_app_theme/theme/templates/layout_sign.html.erb +15 -0
  7. data/lib/generators/web_app_theme/theme/theme_generator.rb +61 -0
  8. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_edit.html.erb +1 -1
  9. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_form.html.erb +2 -2
  10. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_new.html.erb +1 -1
  11. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_show.html.erb +2 -2
  12. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_sidebar.html.erb +0 -0
  13. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_signin.html.erb +0 -0
  14. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_signup.html.erb +0 -0
  15. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_tables.html.erb +1 -1
  16. data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_text.html.erb +0 -0
  17. data/lib/generators/web_app_theme/themed/themed_generator.rb +126 -0
  18. data/stylesheets/base.css +2 -2
  19. data/stylesheets/override.css +1 -0
  20. data/stylesheets/themes/activo/style.css +466 -0
  21. data/stylesheets/themes/amro/style.css +1 -1
  22. data/stylesheets/themes/bec-green/style.css +1 -1
  23. data/stylesheets/themes/bec/style.css +1 -1
  24. data/stylesheets/themes/blue/style.css +1 -1
  25. data/stylesheets/themes/default/style.css +1 -1
  26. data/stylesheets/themes/djime-cerulean/style.css +1 -1
  27. data/stylesheets/themes/drastic-dark/style.css +1 -1
  28. data/stylesheets/themes/kathleene/style.css +1 -1
  29. data/stylesheets/themes/olive/style.css +1 -1
  30. data/stylesheets/themes/orange/style.css +1 -1
  31. data/stylesheets/themes/reidb-greenish/style.css +1 -1
  32. data/stylesheets/themes/warehouse/style.css +1 -1
  33. data/web-app-theme.gemspec +17 -29
  34. metadata +20 -32
  35. data/rails_generators/theme/USAGE +0 -5
  36. data/rails_generators/theme/templates/view_layout_administration.html.haml +0 -30
  37. data/rails_generators/theme/templates/view_layout_sign.html.erb +0 -15
  38. data/rails_generators/theme/templates/view_layout_sign.html.haml +0 -10
  39. data/rails_generators/theme/templates/web_app_theme_override.css +0 -1
  40. data/rails_generators/theme/theme_generator.rb +0 -45
  41. data/rails_generators/themed/USAGE +0 -5
  42. data/rails_generators/themed/templates/view_edit.html.haml +0 -13
  43. data/rails_generators/themed/templates/view_form.html.haml +0 -11
  44. data/rails_generators/themed/templates/view_new.html.haml +0 -12
  45. data/rails_generators/themed/templates/view_show.html.haml +0 -18
  46. data/rails_generators/themed/templates/view_sidebar.html.haml +0 -10
  47. data/rails_generators/themed/templates/view_signin.html.haml +0 -22
  48. data/rails_generators/themed/templates/view_signup.html.haml +0 -32
  49. data/rails_generators/themed/templates/view_tables.html.haml +0 -36
  50. data/rails_generators/themed/templates/view_text.html.haml +0 -15
  51. data/rails_generators/themed/themed_generator.rb +0 -107
data/stylesheets/base.css CHANGED
@@ -175,7 +175,7 @@ body {
175
175
 
176
176
  /* pagination */
177
177
 
178
- .pagination a, .pagination span {
178
+ .pagination a, .pagination span, .pagination em {
179
179
  padding: 2px 5px;
180
180
  margin-right: 5px;
181
181
  display: block;
@@ -184,7 +184,7 @@ body {
184
184
  border-width: 1px;
185
185
  }
186
186
 
187
- .pagination span.current {
187
+ .pagination em {
188
188
  font-weight: bold;
189
189
  }
190
190
 
@@ -0,0 +1 @@
1
+ /* Override here any style defined by web-app-theme */
@@ -0,0 +1,466 @@
1
+ /*
2
+ activo
3
+ by David Francisco (dmfrancisc[at]gmail.com)
4
+
5
+ based on "Drastic Dark" by Juan Maria Martinez Arce (juan[at]insignia4u.com)
6
+ */
7
+
8
+ .small {
9
+ font-size: 11px;
10
+ font-style: normal;
11
+ font-weight: normal;
12
+ text-transform: none;
13
+ letter-spacing: normal;
14
+ line-height: 1.4em;
15
+ }
16
+
17
+ .gray {
18
+ color:#999999;
19
+ font-family: Georgia, serif;
20
+ font-size: 13px;
21
+ font-style: italic;
22
+ font-weight: normal;
23
+ text-transform: none;
24
+ letter-spacing: normal;
25
+ line-height: 1.6em;
26
+ }
27
+
28
+ .hightlight {
29
+ background-color: #ffff88;
30
+ font-weight: bold;
31
+ color: #36393d;
32
+ }
33
+
34
+ a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #111; }
35
+ a { -moz-outline: none; }
36
+
37
+ body {
38
+ color: #111;
39
+ background: #f4f4f4;
40
+ font-family: helvetica, arial, sans-serif;
41
+ }
42
+
43
+ hr {
44
+ background: #e2e2e2;
45
+ color: #e2e2e2;
46
+ }
47
+
48
+ #header {
49
+ background: #261f1f;
50
+ }
51
+
52
+ #header h1 {
53
+ padding: 15px 0;
54
+ font-size: 32px;
55
+ font-style: normal;
56
+ font-weight: bold;
57
+ text-transform: none;
58
+ letter-spacing: -1px;
59
+ line-height: 1.2em;
60
+ color: #fff;
61
+ text-shadow: #000 1px 1px 2px;
62
+ }
63
+
64
+ #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
65
+ color: #fff;
66
+ }
67
+
68
+ #user-navigation {
69
+ top: auto;
70
+ bottom: 5px;
71
+ right: 25px;
72
+ }
73
+
74
+ #user-navigation a.logout {
75
+ background: #ccc;
76
+ padding: 1px 4px;
77
+ }
78
+
79
+ #main {
80
+ width: 71%;
81
+ }
82
+
83
+ #main .block {
84
+ padding-top: 0px;
85
+ background: #fff;
86
+
87
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
88
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
89
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
90
+ }
91
+
92
+ #main .block .content {
93
+ padding-top: 1px;
94
+ }
95
+
96
+ #main .block .content h2 {
97
+ margin-left: 15px;
98
+ font-size: 22px;
99
+ font-style: normal;
100
+ font-weight: bold;
101
+ text-transform: none;
102
+ letter-spacing: -1px;
103
+ line-height: 1.2em;
104
+ }
105
+
106
+ #main .block .content p {
107
+ font-size: 13px;
108
+ font-style: normal;
109
+ font-weight: normal;
110
+ text-transform: none;
111
+ letter-spacing: normal;
112
+ line-height: 1.45em;
113
+ }
114
+
115
+ #sidebar .block h4 {
116
+ font-weight: bold;
117
+ }
118
+
119
+ #sidebar .notice {
120
+ background: #fff;
121
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
122
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
123
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
124
+ }
125
+
126
+ #sidebar h3 {
127
+ color: #111;
128
+ border-bottom: 1px solid #c0c0c0;
129
+ }
130
+
131
+ #main-navigation ul li {
132
+ padding-left: 15px;
133
+ }
134
+
135
+ #main-navigation ul li a {
136
+ padding: 8px 0;
137
+ }
138
+
139
+ #main-navigation ul li.active {
140
+ padding: 0;
141
+ margin-left: 15px;
142
+ }
143
+
144
+ #main-navigation ul li.active {
145
+ margin-left: 15px;
146
+ }
147
+
148
+ #main-navigation ul li.active a {
149
+ padding: 8px 15px;
150
+ }
151
+
152
+ #sidebar ul li {
153
+ background-position: 15px 11px;
154
+ background-repeat: no-repeat;
155
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/arrow.png");
156
+ border-bottom: 1px solid #e2e2e2;
157
+ }
158
+
159
+ #sidebar ul li a {
160
+ text-decoration: none;
161
+ margin-left: 20px;
162
+ }
163
+
164
+ #sidebar ul li a:link, #sidebar ul li a:visited {
165
+ text-decoration: none;
166
+ }
167
+
168
+ #main-navigation {
169
+ background-color: #f4f4f4;
170
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/menubar-background.png");
171
+ background-repeat: repeat-x;
172
+ }
173
+
174
+ #main-navigation ul li {
175
+ margin-right: 0;
176
+ padding-left: 15px;
177
+ padding-right: 5px;
178
+ }
179
+
180
+ #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active {
181
+ text-decoration: none;
182
+ color: #111;
183
+ padding: 8px 0;
184
+ }
185
+
186
+ .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
187
+ #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
188
+ text-decoration: none;
189
+ color: #111;
190
+ }
191
+
192
+ #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 {
193
+ color: #a4a4a4;
194
+ }
195
+
196
+ .secondary-navigation {
197
+ background-color: #f2f1ee;
198
+ border-bottom: none;
199
+ border-bottom-width: 5px;
200
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/boxbar-background.png");
201
+ }
202
+
203
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
204
+ background-color: #fff;
205
+ }
206
+
207
+ #footer .block {
208
+ text-align: center;
209
+ color: #bbbbb7;
210
+ background: #f4f4f4;
211
+
212
+ -webkit-box-shadow: none;
213
+ -moz-box-shadow: none;
214
+ box-shadow: none;
215
+ }
216
+
217
+ #footer .block p {
218
+ margin: 0;
219
+ padding: 0;
220
+ }
221
+
222
+ /* pagination */
223
+
224
+ .pagination a, .pagination span {
225
+ background-color: #f4f4f4;
226
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background.png");
227
+ color: #111;
228
+ text-align: center;
229
+ min-width: 15px;
230
+ margin-right: 5px;
231
+ padding: 6px;
232
+ border: 1px solid #c3c4ba;
233
+ }
234
+
235
+ .pagination em {
236
+ background: #261f1f;
237
+ color: #fff;
238
+ border: 1px solid #261f1f;
239
+ }
240
+
241
+ .pagination a {
242
+ color: #1a1a1a;
243
+ }
244
+
245
+ .pagination a:hover {
246
+ border: 1px solid #818171;
247
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
248
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
249
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
250
+ }
251
+
252
+ .pagination a:active {
253
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background-active.png");
254
+ outline: none;
255
+ }
256
+
257
+ /* tables */
258
+
259
+ .table th {
260
+ background: #eaeaea;
261
+ color: #222;
262
+ font-weight: normal;
263
+ }
264
+
265
+ .table td {
266
+ border-bottom: 1px solid #eaeaea;
267
+ }
268
+
269
+ .table tr.even {
270
+ background: #f8f8f8;
271
+ }
272
+
273
+ /* forms */
274
+
275
+ .form label.label {
276
+ color: #666666;
277
+ }
278
+
279
+ .form input.text_field, .form textarea.text_area {
280
+ width: 100%;
281
+ border: 1px solid #e2e2e2;
282
+ }
283
+
284
+ .form input:hover, .form textarea:hover {
285
+ -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
286
+ -moz-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
287
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
288
+ border: 1px solid #a2a294;
289
+ }
290
+
291
+ .form input:focus, .form textarea:focus {
292
+ border: 1px solid #a2a294;
293
+ }
294
+
295
+ .form input.button {
296
+ background: #e2e2e2;
297
+ border: 1px solid #c1c1c1;
298
+ padding: 2px 5px;
299
+ cursor: pointer;
300
+ color: #111;
301
+ font-weight: bold;
302
+ font-size: 11px;
303
+ }
304
+
305
+ .form input.button:hover {
306
+ border: 1px solid #666;
307
+ }
308
+
309
+ .form .description {
310
+ font-style: italic;
311
+ color: #8C8C8C;
312
+ font-size: .9em;
313
+ }
314
+
315
+ .form .navform a {
316
+ color: #cc0000;
317
+ }
318
+
319
+ /* buttons */
320
+
321
+ a.button, button.button {
322
+ background-color: #f4f4f4;
323
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background.png");
324
+ border: 1px solid #c3c4ba;
325
+ font-family: helvetica, arial, sans-serif;
326
+ font-weight: normal;
327
+ }
328
+
329
+ a.button:link, a.button:visited, a.button:hover, a.button:active, button.button:link, button.button:visited, button.button:hover, button.button:active {
330
+ font-weight: normal;
331
+ background-color: #f4f4f4;
332
+ }
333
+
334
+ a.button:hover, button.button:hover {
335
+ background-color: #eee;
336
+ border: 1px solid #818171;
337
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
338
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
339
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
340
+ }
341
+
342
+ a.button:active, button.button:active {
343
+ outline: none;
344
+ background-color: #ddd;
345
+ background-image: url("http://dl.dropbox.com/u/1745359/activo/button-background-active.png");
346
+ }
347
+
348
+ /* flash-messages */
349
+ .flash .message {
350
+ text-align:center;
351
+ margin: 0 auto 15px;
352
+ }
353
+
354
+ .flash .message p {
355
+ margin:8px;
356
+ }
357
+ .flash .error {
358
+ border: 1px solid #ffbbbb;
359
+ background-color: #ffdddd;
360
+ }
361
+ .flash .warning {
362
+ border: 1px solid #ffff88;
363
+ background-color: #ffffcc;
364
+ }
365
+ .flash .notice {
366
+ border: 1px solid #1fdf00;
367
+ background-color: #bbffb6;
368
+ }
369
+
370
+ /* lists */
371
+
372
+ ul.list li {
373
+ border-bottom-color: #e2e2e2;
374
+ border-bottom-width: 1px;
375
+ border-bottom-style: solid;
376
+ }
377
+
378
+ ul.list li .item .avatar {
379
+ border-color: #e2e2e2;
380
+ border-width: 1px;
381
+ border-style: solid;
382
+ padding: 2px;
383
+ }
384
+
385
+ /* box */
386
+
387
+ #box .block {
388
+ background: #fff;
389
+
390
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
391
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
392
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
393
+ }
394
+
395
+ #box .block h2 {
396
+ background: #261f1f;
397
+ color: #fff;
398
+ }
399
+
400
+
401
+ /* rounded borders */
402
+
403
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
404
+ #footer .block, .form input.button, #box .block, #box .block h2 {
405
+ -moz-border-radius-topleft: 9px;
406
+ -webkit-border-top-left-radius: 9px;
407
+ -moz-border-radius-topright: 9px;
408
+ -webkit-border-top-right-radius: 9px;
409
+ }
410
+
411
+ .secondary-navigation li.first a, .secondary-navigation ul li.first {
412
+ -moz-border-radius-topleft: 9px;
413
+ -webkit-border-top-left-radius: 9px;
414
+ }
415
+
416
+ .secondary-navigation ul li.first {
417
+ -moz-border-radius-topleft: 9px;
418
+ -webkit-border-top-left-radius: 9px;
419
+ }
420
+
421
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
422
+ -moz-border-radius-bottomleft: 9px;
423
+ -webkit-border-bottom-left-radius: 9px;
424
+ -moz-border-radius-bottomright: 9px;
425
+ -webkit-border-bottom-right-radius: 9px;
426
+ }
427
+
428
+ #main .block {
429
+ -moz-border-radius: 9px;
430
+ -webkit-border-radius: 9px;
431
+ border-radius: 9px;
432
+ }
433
+
434
+ #main-navigation, .secondary-navigation {
435
+ -moz-border-radius-topleft: 9px;
436
+ -webkit-border-top-left-radius: 9px;
437
+ border-top-left-radius: 9px;
438
+
439
+ -moz-border-radius-topright: 9px;
440
+ -webkit-border-top-right-radius: 9px;
441
+ border-top-right-radius: 9px;
442
+ }
443
+
444
+ a.button, button.button, .pagination a, .pagination span {
445
+ -moz-border-radius: 2px;
446
+ -webkit-border-radius: 2px;
447
+ border-radius: 2px;
448
+ }
449
+
450
+ .flash .message {
451
+ -moz-border-radius: 6px;
452
+ -webkit-border-radius: 6px;
453
+ border-radius: 6px;
454
+ }
455
+
456
+ .form input.button {
457
+ -moz-border-radius: 5px;
458
+ -webkit-border-radius: 5px;
459
+ border-radius: 5px;
460
+ }
461
+
462
+ #user-navigation a.logout {
463
+ -moz-border-radius: 4px;
464
+ -webkit-border-radius: 4px;
465
+ border-radius: 4px;
466
+ }