web-app-theme 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. data/.gitignore +2 -0
  2. data/LICENSE +21 -0
  3. data/README.md +22 -0
  4. data/Rakefile +25 -0
  5. data/VERSION +1 -0
  6. data/features/step_definitions/layout_steps.rb +55 -0
  7. data/features/step_definitions/themed_steps.rb +19 -0
  8. data/features/support/env.rb +82 -0
  9. data/features/theme_generator.feature +51 -0
  10. data/features/themed_generator.feature +52 -0
  11. data/images/avatar.png +0 -0
  12. data/index.html +474 -0
  13. data/javascripts/jquery-1.3.min.js +19 -0
  14. data/javascripts/jquery.localscroll.js +104 -0
  15. data/javascripts/jquery.scrollTo.js +150 -0
  16. data/lib/web_app_theme.rb +2 -0
  17. data/rails_generators/theme/USAGE +4 -0
  18. data/rails_generators/theme/templates/view_layout_administration.html.erb +48 -0
  19. data/rails_generators/theme/templates/view_layout_sign.html.erb +15 -0
  20. data/rails_generators/theme/templates/web_app_theme_override.css +1 -0
  21. data/rails_generators/theme/theme_generator.rb +39 -0
  22. data/rails_generators/themed/USAGE +4 -0
  23. data/rails_generators/themed/templates/view_edit.html.erb +20 -0
  24. data/rails_generators/themed/templates/view_form.html.erb +10 -0
  25. data/rails_generators/themed/templates/view_new.html.erb +19 -0
  26. data/rails_generators/themed/templates/view_show.html.erb +23 -0
  27. data/rails_generators/themed/templates/view_sidebar.html.erb +13 -0
  28. data/rails_generators/themed/templates/view_signin.html.erb +39 -0
  29. data/rails_generators/themed/templates/view_signup.html.erb +56 -0
  30. data/rails_generators/themed/templates/view_tables.html.erb +54 -0
  31. data/rails_generators/themed/templates/view_text.html.erb +18 -0
  32. data/rails_generators/themed/themed_generator.rb +95 -0
  33. data/stylesheets/base.css +336 -0
  34. data/stylesheets/themes/bec-green/style.css +290 -0
  35. data/stylesheets/themes/bec/style.css +301 -0
  36. data/stylesheets/themes/blue/style.css +280 -0
  37. data/stylesheets/themes/default/style.css +267 -0
  38. data/stylesheets/themes/djime-cerulean/style.css +298 -0
  39. data/stylesheets/themes/drastic-dark/style.css +373 -0
  40. data/stylesheets/themes/kathleene/style.css +272 -0
  41. data/stylesheets/themes/orange/style.css +263 -0
  42. data/stylesheets/themes/reidb-greenish/style.css +301 -0
  43. data/stylesheets/themes/warehouse/style.css +391 -0
  44. data/test/spec_helper.rb +5 -0
  45. data/test/themed_generator_spec.rb +115 -0
  46. metadata +101 -0
@@ -0,0 +1,280 @@
1
+ .small { font-size:12px; }
2
+ .gray { color:#999999; }
3
+ .hightlight { background-color:#FFFFCC; }
4
+
5
+ a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #2F427A; }
6
+ a { -moz-outline: none; }
7
+
8
+ body {
9
+ color: #222;
10
+ background: #f0f0ee;
11
+ font-family: helvetica, arial, sans-serif;
12
+ font-size: 14px;
13
+ }
14
+
15
+ hr {
16
+ background: #f0f0ee;
17
+ color: #f0f0ee;
18
+ }
19
+
20
+ #header {
21
+ background: #2F427A;
22
+ }
23
+
24
+ #header h1 {
25
+ padding: 20px 0;
26
+ }
27
+
28
+ #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
29
+ color: #FFF;
30
+ }
31
+
32
+ #user-navigation {
33
+ top: auto;
34
+ bottom: 5px;
35
+ right: 25px;
36
+ }
37
+
38
+ #main .block .content {
39
+ background: #FFF;
40
+ padding-top: 1px;
41
+ }
42
+
43
+ #main .block .content h2 {
44
+ margin-left: 15px;
45
+ }
46
+
47
+ #sidebar .block {
48
+ background: #FFF;
49
+ }
50
+
51
+ #sidebar .notice {
52
+ background: #FFFFCC;
53
+ }
54
+
55
+ #sidebar h3 {
56
+ background: #2F427A;
57
+ color: #FFF;
58
+ border-bottom: 10px solid #262626;
59
+ font-size: 15px;
60
+ }
61
+
62
+ #main-navigation ul li {
63
+ padding-left: 15px;
64
+ }
65
+
66
+ #main-navigation ul li a {
67
+ padding: 8px 0;
68
+ }
69
+
70
+ #main-navigation ul li.active {
71
+ padding: 0;
72
+ margin-left: 15px;
73
+ }
74
+
75
+ #main-navigation ul li.active {
76
+ margin-left: 15px;
77
+ }
78
+
79
+ #main-navigation ul li.active a {
80
+ padding: 8px 15px;
81
+ }
82
+
83
+ #sidebar ul li a:link, #sidebar ul li a:visited {
84
+ background: #FFF;
85
+ border-bottom: 1px solid #F0F0EE;
86
+ text-decoration: none;
87
+ }
88
+
89
+ #sidebar ul li a:hover, #sidebar ul li a:active {
90
+ background: #316291;
91
+ color: #FFF;
92
+ }
93
+
94
+ #main-navigation {
95
+ background: #262626;
96
+ }
97
+
98
+ #main-navigation ul li {
99
+ background: #262626;
100
+ margin-right: 0;
101
+ }
102
+
103
+ #main-navigation ul li.active {
104
+ background: #f0f0ee;
105
+ }
106
+
107
+ #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
108
+ .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
109
+ #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
110
+ text-decoration: none;
111
+ color: #FFF;
112
+ }
113
+
114
+ .secondary-navigation li a:hover {
115
+ background: #5C637A;
116
+ }
117
+
118
+ #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 {
119
+ color: #262626;
120
+ }
121
+
122
+ .secondary-navigation {
123
+ background: #2F427A;
124
+ border-bottom-color: #262626;
125
+ font-size: 15px;
126
+ }
127
+
128
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
129
+ background-color: #262626;
130
+ }
131
+
132
+ #footer .block {
133
+ color: #FFF;
134
+ background: #262626;
135
+ }
136
+
137
+ #footer .block p {
138
+ margin: 0;
139
+ padding: 10px;
140
+ }
141
+
142
+ /* pagination */
143
+
144
+ .pagination span, .pagination a {
145
+ -moz-border-radius: 3px;
146
+ -webkit-border-radius: 3px;
147
+ padding-top: 4px;
148
+ }
149
+
150
+ .pagination span.current {
151
+ background: #262626;
152
+ color: #FFF;
153
+ border-color: #262626;
154
+ }
155
+
156
+ .pagination a {
157
+ color: #262626;
158
+ border-color: #262626;
159
+ }
160
+
161
+ .pagination a:hover {
162
+ color: #FFF;
163
+ background: #262626;
164
+ }
165
+
166
+ /* tables */
167
+
168
+ .table th {
169
+ background: #262626;
170
+ color: #FFF;
171
+ }
172
+
173
+ .table td {
174
+ border-bottom:1px solid #F0F0EE;
175
+ }
176
+
177
+ /* forms */
178
+
179
+ .form input.text_field, .form textarea.text_area {
180
+ width: 100%;
181
+ border: 1px solid #262626;
182
+ }
183
+
184
+ .form input.button {
185
+ background: #EEE;
186
+ color: #262626;
187
+ padding: 2px 5px;
188
+ border: 1px solid #262626;
189
+ cursor: pointer;
190
+ }
191
+
192
+ .form .description {
193
+ font-style: italic;
194
+ color: #8C8C8C;
195
+ font-size: .9em;
196
+ }
197
+
198
+ /* flash-messages */
199
+ .flash .message {
200
+ -moz-border-radius: 3px;
201
+ -webkit-border-radius: 3px;
202
+ text-align:center;
203
+ margin: 0 auto 15px;
204
+
205
+ }
206
+
207
+ .flash .message p {
208
+ margin:8px;
209
+ }
210
+ .flash .error {
211
+ border: 1px solid #fbb;
212
+ background-color: #fdd;
213
+ }
214
+ .flash .warning {
215
+ border: 1px solid #fffaaa;
216
+ background-color: #ffffcc;
217
+ }
218
+ .flash .notice {
219
+ border: 1px solid #1FDF00;
220
+ background-color: #BBFFB6;
221
+ }
222
+
223
+ /* lists */
224
+
225
+ ul.list li {
226
+ border-bottom-color: #F0F0EE;
227
+ border-bottom-width: 1px;
228
+ border-bottom-style: solid;
229
+ }
230
+
231
+ ul.list li .item .avatar {
232
+ border-color: #F0F0EE;
233
+ border-width: 1px;
234
+ border-style: solid;
235
+ padding: 2px;
236
+ }
237
+
238
+ /* box */
239
+
240
+ #box .block {
241
+ background: #FFF;
242
+ }
243
+
244
+ #box .block h2 {
245
+ background: #2F427A;
246
+ color: #FFF;
247
+ }
248
+
249
+
250
+ /* rounded borders */
251
+
252
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
253
+ #footer .block, .form input.button, #box .block, #box .block h2 {
254
+ -moz-border-radius-topleft: 4px;
255
+ -webkit-border-top-left-radius: 4px;
256
+ -moz-border-radius-topright: 4px;
257
+ -webkit-border-top-right-radius: 4px;
258
+ }
259
+
260
+ .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
261
+ -moz-border-radius-topleft: 4px;
262
+ -webkit-border-top-left-radius: 4px;
263
+ }
264
+
265
+ .table th.last {
266
+ -moz-border-radius-topright: 4px;
267
+ -webkit-border-top-right-radius: 4px;
268
+ }
269
+
270
+ .secondary-navigation ul li.first {
271
+ -moz-border-radius-topleft: 4px;
272
+ -webkit-border-top-left-radius: 4px;
273
+ }
274
+
275
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
276
+ -moz-border-radius-bottomleft: 4px;
277
+ -webkit-border-bottom-left-radius: 4px;
278
+ -moz-border-radius-bottomright: 4px;
279
+ -webkit-border-bottom-right-radius: 4px;
280
+ }
@@ -0,0 +1,267 @@
1
+ .small { font-size:11px; }
2
+ .gray { color:#999999; }
3
+ .hightlight { background-color:#FFFFCC; }
4
+
5
+ a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #7A1818; }
6
+ a { -moz-outline: none; }
7
+
8
+ body {
9
+ color: #222;
10
+ background: #f0f0ee;
11
+ font-family: helvetica, arial, sans-serif;
12
+ }
13
+
14
+ hr {
15
+ background: #f0f0ee;
16
+ color: #f0f0ee;
17
+ }
18
+
19
+ #header {
20
+ background: #7A1818;
21
+ }
22
+
23
+ #header h1 {
24
+ padding: 20px 0;
25
+ }
26
+
27
+ #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
28
+ color: #FFF;
29
+ }
30
+
31
+ #user-navigation {
32
+ top: auto;
33
+ bottom: 5px;
34
+ right: 25px;
35
+ }
36
+
37
+ #main .block .content {
38
+ background: #FFF;
39
+ padding-top: 1px;
40
+ }
41
+
42
+ #main .block .content h2 {
43
+ margin-left: 15px;
44
+ }
45
+
46
+ #sidebar .block {
47
+ background: #FFF;
48
+ }
49
+
50
+ #sidebar h3 {
51
+ background: #7A1818;
52
+ color: #FFF;
53
+ border-bottom: 10px solid #262626;
54
+ }
55
+
56
+ #main-navigation ul li {
57
+ padding-left: 15px;
58
+ }
59
+
60
+ #main-navigation ul li a {
61
+ padding: 8px 0;
62
+ }
63
+
64
+ #main-navigation ul li.active {
65
+ padding: 0;
66
+ margin-left: 15px;
67
+ }
68
+
69
+ #main-navigation ul li.active {
70
+ margin-left: 15px;
71
+ }
72
+
73
+ #main-navigation ul li.active a {
74
+ padding: 8px 15px;
75
+ }
76
+
77
+ #sidebar ul li a:link, #sidebar ul li a:visited {
78
+ background: #FFF;
79
+ border-bottom: 1px solid #F0F0EE;
80
+ text-decoration: none;
81
+ }
82
+
83
+ #sidebar ul li a:hover, #sidebar ul li a:active {
84
+ background: #470E0E;
85
+ color: #FFF;
86
+ }
87
+
88
+ #main-navigation {
89
+ background: #262626;
90
+ }
91
+
92
+ #main-navigation ul li {
93
+ background: #262626;
94
+ margin-right: 0;
95
+ }
96
+
97
+ #main-navigation ul li.active {
98
+ background: #f0f0ee;
99
+ }
100
+
101
+ #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
102
+ .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
103
+ #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
104
+ text-decoration: none;
105
+ color: #FFF;
106
+ }
107
+
108
+ .secondary-navigation li a:hover {
109
+ background: #470E0E;
110
+ }
111
+
112
+ #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 {
113
+ color: #262626;
114
+ }
115
+
116
+ .secondary-navigation {
117
+ background: #7A1818;
118
+ border-bottom-color: #262626;
119
+ }
120
+
121
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
122
+ background-color: #262626;
123
+ }
124
+
125
+ #footer .block {
126
+ color: #FFF;
127
+ background: #262626;
128
+ }
129
+
130
+ #footer .block p {
131
+ margin: 0;
132
+ padding: 10px;
133
+ }
134
+
135
+ /* pagination */
136
+
137
+ .pagination span.current {
138
+ background: #262626;
139
+ color: #FFF;
140
+ border-color: #262626;
141
+ }
142
+
143
+ .pagination a {
144
+ color: #262626;
145
+ border-color: #262626;
146
+ }
147
+
148
+ .pagination a:hover {
149
+ color: #FFF;
150
+ background: #262626;
151
+ }
152
+
153
+ /* tables */
154
+
155
+ .table th {
156
+ background: #262626;
157
+ color: #FFF;
158
+ }
159
+
160
+ .table td {
161
+ border-bottom:1px solid #F0F0EE;
162
+ }
163
+
164
+ /* forms */
165
+
166
+ .form input.text_field, .form textarea.text_area {
167
+ width: 100%;
168
+ border: 1px solid #262626;
169
+ }
170
+
171
+ .form input.button {
172
+ background: #EEE;
173
+ color: #262626;
174
+ padding: 2px 5px;
175
+ border: 1px solid #262626;
176
+ cursor: pointer;
177
+ }
178
+
179
+ .form .description {
180
+ font-style: italic;
181
+ color: #8C8C8C;
182
+ font-size: .9em;
183
+ }
184
+
185
+ /* flash-messages */
186
+ .flash .message {
187
+ -moz-border-radius: 3px;
188
+ -webkit-border-radius: 3px;
189
+ text-align:center;
190
+ margin: 0 auto 15px;
191
+
192
+ }
193
+
194
+ .flash .message p {
195
+ margin:8px;
196
+ }
197
+ .flash .error {
198
+ border: 1px solid #fbb;
199
+ background-color: #fdd;
200
+ }
201
+ .flash .warning {
202
+ border: 1px solid #fffaaa;
203
+ background-color: #ffffcc;
204
+ }
205
+ .flash .notice {
206
+ border: 1px solid #1FDF00;
207
+ background-color: #BBFFB6;
208
+ }
209
+
210
+ /* lists */
211
+
212
+ ul.list li {
213
+ border-bottom-color: #F0F0EE;
214
+ border-bottom-width: 1px;
215
+ border-bottom-style: solid;
216
+ }
217
+
218
+ ul.list li .item .avatar {
219
+ border-color: #F0F0EE;
220
+ border-width: 1px;
221
+ border-style: solid;
222
+ padding: 2px;
223
+ }
224
+
225
+ /* box */
226
+
227
+ #box .block {
228
+ background: #FFF;
229
+ }
230
+
231
+ #box .block h2 {
232
+ background: #7A1818;
233
+ color: #FFF;
234
+ }
235
+
236
+
237
+ /* rounded borders */
238
+
239
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
240
+ #footer .block, .form input.button, #box .block, #box .block h2 {
241
+ -moz-border-radius-topleft: 4px;
242
+ -webkit-border-top-left-radius: 4px;
243
+ -moz-border-radius-topright: 4px;
244
+ -webkit-border-top-right-radius: 4px;
245
+ }
246
+
247
+ .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
248
+ -moz-border-radius-topleft: 4px;
249
+ -webkit-border-top-left-radius: 4px;
250
+ }
251
+
252
+ .table th.last {
253
+ -moz-border-radius-topright: 4px;
254
+ -webkit-border-top-right-radius: 4px;
255
+ }
256
+
257
+ .secondary-navigation ul li.first {
258
+ -moz-border-radius-topleft: 4px;
259
+ -webkit-border-top-left-radius: 4px;
260
+ }
261
+
262
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
263
+ -moz-border-radius-bottomleft: 4px;
264
+ -webkit-border-bottom-left-radius: 4px;
265
+ -moz-border-radius-bottomright: 4px;
266
+ -webkit-border-bottom-right-radius: 4px;
267
+ }