web-app-theme 0.5.3 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +2 -1
- data/README.md +24 -23
- data/VERSION +1 -1
- data/index.html +1 -0
- data/{rails_generators/theme/templates/view_layout_administration.html.erb → lib/generators/web_app_theme/theme/templates/layout_admin.html.erb} +9 -8
- data/lib/generators/web_app_theme/theme/templates/layout_sign.html.erb +15 -0
- data/lib/generators/web_app_theme/theme/theme_generator.rb +61 -0
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_edit.html.erb +1 -1
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_form.html.erb +2 -2
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_new.html.erb +1 -1
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_show.html.erb +2 -2
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_sidebar.html.erb +0 -0
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_signin.html.erb +0 -0
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_signup.html.erb +0 -0
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_tables.html.erb +1 -1
- data/{rails_generators → lib/generators/web_app_theme}/themed/templates/view_text.html.erb +0 -0
- data/lib/generators/web_app_theme/themed/themed_generator.rb +126 -0
- data/stylesheets/base.css +2 -2
- data/stylesheets/override.css +1 -0
- data/stylesheets/themes/activo/style.css +466 -0
- data/stylesheets/themes/amro/style.css +1 -1
- data/stylesheets/themes/bec-green/style.css +1 -1
- data/stylesheets/themes/bec/style.css +1 -1
- data/stylesheets/themes/blue/style.css +1 -1
- data/stylesheets/themes/default/style.css +1 -1
- data/stylesheets/themes/djime-cerulean/style.css +1 -1
- data/stylesheets/themes/drastic-dark/style.css +1 -1
- data/stylesheets/themes/kathleene/style.css +1 -1
- data/stylesheets/themes/olive/style.css +1 -1
- data/stylesheets/themes/orange/style.css +1 -1
- data/stylesheets/themes/reidb-greenish/style.css +1 -1
- data/stylesheets/themes/warehouse/style.css +1 -1
- data/web-app-theme.gemspec +17 -29
- metadata +20 -32
- data/rails_generators/theme/USAGE +0 -5
- data/rails_generators/theme/templates/view_layout_administration.html.haml +0 -30
- data/rails_generators/theme/templates/view_layout_sign.html.erb +0 -15
- data/rails_generators/theme/templates/view_layout_sign.html.haml +0 -10
- data/rails_generators/theme/templates/web_app_theme_override.css +0 -1
- data/rails_generators/theme/theme_generator.rb +0 -45
- data/rails_generators/themed/USAGE +0 -5
- data/rails_generators/themed/templates/view_edit.html.haml +0 -13
- data/rails_generators/themed/templates/view_form.html.haml +0 -11
- data/rails_generators/themed/templates/view_new.html.haml +0 -12
- data/rails_generators/themed/templates/view_show.html.haml +0 -18
- data/rails_generators/themed/templates/view_sidebar.html.haml +0 -10
- data/rails_generators/themed/templates/view_signin.html.haml +0 -22
- data/rails_generators/themed/templates/view_signup.html.haml +0 -32
- data/rails_generators/themed/templates/view_tables.html.haml +0 -36
- data/rails_generators/themed/templates/view_text.html.haml +0 -15
- 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
|
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
|
+
}
|