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,272 @@
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: #AF0000; }
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: #AF0000;
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: #AF0000;
52
+ color: #FFF;
53
+ border-bottom: 5px solid #2a0000;
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: #2a0000;
90
+ }
91
+
92
+ #main-navigation ul li {
93
+ background: #2a0000;
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: #2a0000;
114
+ }
115
+
116
+ .secondary-navigation {
117
+ background: #AF0000;
118
+ border-bottom-color: #2a0000;
119
+ }
120
+
121
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
122
+ background-color: #2a0000;
123
+ }
124
+
125
+ #footer .block {
126
+ color: #FFF;
127
+ background: #2a0000;
128
+ }
129
+
130
+ #footer .block p {
131
+ margin: 0;
132
+ padding: 10px;
133
+ }
134
+
135
+ /* pagination */
136
+
137
+ .pagination span.current {
138
+ background: #2a0000;
139
+ color: #FFF;
140
+ border-color: #2a0000;
141
+ }
142
+
143
+ .pagination a {
144
+ color: #2a0000;
145
+ border-color: #2a0000;
146
+ }
147
+
148
+ .pagination a:hover {
149
+ color: #FFF;
150
+ background: #2a0000;
151
+ }
152
+
153
+ /* tables */
154
+
155
+ .table th {
156
+ background: #100000;
157
+ border-bottom: 3px solid #700000;
158
+ color: #FFF;
159
+ }
160
+
161
+ .table td {
162
+ border-bottom:1px solid #F0F0EE;
163
+ }
164
+
165
+ /* forms */
166
+
167
+ .form input.text_field, .form textarea.text_area {
168
+ width: 100%;
169
+ border: 1px solid #2a0000;
170
+ }
171
+
172
+ .form input.button {
173
+ background: #EEE;
174
+ color: #2a0000;
175
+ padding: 2px 5px;
176
+ border: 1px solid #2a0000;
177
+ cursor: pointer;
178
+ }
179
+
180
+ .form .description {
181
+ font-style: italic;
182
+ color: #8C8C8C;
183
+ font-size: .9em;
184
+ }
185
+
186
+ /* flash-messages */
187
+ .flash .message {
188
+ -moz-border-radius: 3px;
189
+ -webkit-border-radius: 3px;
190
+ text-align:center;
191
+ margin: 0 auto 15px;
192
+
193
+ }
194
+
195
+ .flash .message p {
196
+ margin:8px;
197
+ }
198
+ .flash .error {
199
+ border: 1px solid #fbb;
200
+ background-color: #fdd;
201
+ }
202
+ .flash .warning {
203
+ border: 1px solid #fffaaa;
204
+ background-color: #ffffcc;
205
+ }
206
+ .flash .notice {
207
+ border: 1px solid #1FDF00;
208
+ background-color: #BBFFB6;
209
+ }
210
+
211
+ /* lists */
212
+
213
+ ul.list li {
214
+ border-bottom-color: #F0F0EE;
215
+ border-bottom-width: 1px;
216
+ border-bottom-style: solid;
217
+ }
218
+
219
+ ul.list li .item .avatar {
220
+ border-color: #F0F0EE;
221
+ border-width: 1px;
222
+ border-style: solid;
223
+ padding: 2px;
224
+ }
225
+
226
+ /* box */
227
+
228
+ #box .block {
229
+ background: #FFF;
230
+ }
231
+
232
+ #box .block h2 {
233
+ background: #AF0000;
234
+ color: #FFF;
235
+ }
236
+
237
+
238
+ /* rounded borders */
239
+
240
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
241
+ #footer .block, .form input.button, #box .block, #box .block h2 {
242
+ -moz-border-radius-topleft: 4px;
243
+ -webkit-border-top-left-radius: 4px;
244
+ -moz-border-radius-topright: 4px;
245
+ -webkit-border-top-right-radius: 4px;
246
+ }
247
+
248
+ .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
249
+ -moz-border-radius-topleft: 4px;
250
+ -webkit-border-top-left-radius: 4px;
251
+ }
252
+
253
+ .table th.last {
254
+ -moz-border-radius-topright: 4px;
255
+ -webkit-border-top-right-radius: 4px;
256
+ }
257
+
258
+ .secondary-navigation ul li.first {
259
+ -moz-border-radius-topleft: 4px;
260
+ -webkit-border-top-left-radius: 4px;
261
+ }
262
+
263
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
264
+ -moz-border-radius-bottomleft: 4px;
265
+ -webkit-border-bottom-left-radius: 4px;
266
+ -moz-border-radius-bottomright: 4px;
267
+ -webkit-border-bottom-right-radius: 4px;
268
+ }
269
+
270
+ .secondary-navigation {
271
+ border-bottom-width: 5px;
272
+ }
@@ -0,0 +1,263 @@
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: #ff7900; }
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: #ff7900;
21
+ }
22
+
23
+ #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
24
+ color: #FFF;
25
+ }
26
+
27
+ #user-navigation {
28
+ top: auto;
29
+ bottom: 5px;
30
+ right: 25px;
31
+ }
32
+
33
+ #main .block .content {
34
+ background: #FFF;
35
+ padding-top: 1px;
36
+ }
37
+
38
+ #main .block .content h2 {
39
+ margin-left: 15px;
40
+ }
41
+
42
+ #sidebar .block {
43
+ background: #FFF;
44
+ }
45
+
46
+ #sidebar h3 {
47
+ background: #ff7900;
48
+ color: #FFF;
49
+ border-bottom: 10px solid #262626;
50
+ }
51
+
52
+ #main-navigation ul li {
53
+ padding-left: 15px;
54
+ }
55
+
56
+ #main-navigation ul li a {
57
+ padding: 8px 0;
58
+ }
59
+
60
+ #main-navigation ul li.active {
61
+ padding: 0;
62
+ margin-left: 15px;
63
+ }
64
+
65
+ #main-navigation ul li.active {
66
+ margin-left: 15px;
67
+ }
68
+
69
+ #main-navigation ul li.active a {
70
+ padding: 8px 15px;
71
+ }
72
+
73
+ #sidebar ul li a:link, #sidebar ul li a:visited {
74
+ background: #FFF;
75
+ border-bottom: 1px solid #F0F0EE;
76
+ text-decoration: none;
77
+ }
78
+
79
+ #sidebar ul li a:hover, #sidebar ul li a:active {
80
+ background: #863800;
81
+ color: #FFF;
82
+ }
83
+
84
+ #main-navigation {
85
+ background: #262626;
86
+ }
87
+
88
+ #main-navigation ul li {
89
+ background: #262626;
90
+ margin-right: 0;
91
+ }
92
+
93
+ #main-navigation ul li.active {
94
+ background: #f0f0ee;
95
+ }
96
+
97
+ #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
98
+ .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
99
+ #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
100
+ text-decoration: none;
101
+ color: #FFF;
102
+ }
103
+
104
+ .secondary-navigation li a:hover {
105
+ background: #863800;
106
+ }
107
+
108
+ #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 {
109
+ color: #262626;
110
+ }
111
+
112
+ .secondary-navigation {
113
+ background: #ff7900;
114
+ border-bottom-color: #262626;
115
+ }
116
+
117
+ .secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
118
+ background-color: #262626;
119
+ }
120
+
121
+ #footer .block {
122
+ color: #FFF;
123
+ background: #262626;
124
+ width: 70%;
125
+ }
126
+
127
+ #footer .block p {
128
+ margin: 0;
129
+ padding: 10px;
130
+ }
131
+
132
+ /* pagination */
133
+
134
+ .pagination span.current {
135
+ background: #262626;
136
+ color: #FFF;
137
+ border-color: #262626;
138
+ }
139
+
140
+ .pagination a {
141
+ color: #262626;
142
+ border-color: #262626;
143
+ }
144
+
145
+ .pagination a:hover {
146
+ color: #FFF;
147
+ background: #262626;
148
+ }
149
+
150
+ /* tables */
151
+
152
+ .table th {
153
+ background: #262626;
154
+ color: #FFF;
155
+ }
156
+
157
+ .table td {
158
+ border-bottom:1px solid #F0F0EE;
159
+ }
160
+
161
+ /* forms */
162
+
163
+ .form input.text, .form textarea {
164
+ width: 100%;
165
+ border: 1px solid #262626;
166
+ }
167
+
168
+ .form input.button {
169
+ background: #EEE;
170
+ color: #262626;
171
+ padding: 2px 5px;
172
+ border: 1px solid #262626;
173
+ cursor: pointer;
174
+ }
175
+
176
+ .form .description {
177
+ font-style: italic;
178
+ color: #8C8C8C;
179
+ font-size: .9em;
180
+ }
181
+
182
+ /* flash-messages */
183
+ .flash .message {
184
+ -moz-border-radius: 3px;
185
+ -webkit-border-radius: 3px;
186
+ text-align:center;
187
+ margin:0 auto 5px;
188
+
189
+ }
190
+ .flash .message p {
191
+ margin:8px;
192
+ }
193
+ .flash .error {
194
+ border: 1px solid #fbb;
195
+ background-color: #fdd;
196
+ }
197
+ .flash .warning {
198
+ border: 1px solid #fffaaa;
199
+ background-color: #ffffcc;
200
+ }
201
+ .flash .notice {
202
+ border: 1px solid #1FDF00;
203
+ background-color: #BBFFB6;
204
+ }
205
+
206
+ /* lists */
207
+
208
+ ul.list li {
209
+ border-bottom-color: #F0F0EE;
210
+ border-bottom-width: 1px;
211
+ border-bottom-style: solid;
212
+ }
213
+
214
+ ul.list li .item .avatar {
215
+ border-color: #F0F0EE;
216
+ border-width: 1px;
217
+ border-style: solid;
218
+ padding: 2px;
219
+ }
220
+
221
+ /* box */
222
+
223
+ #box .block {
224
+ background: #FFF;
225
+ }
226
+
227
+ #box .block h2 {
228
+ background: #ff7900;
229
+ color: #FFF;
230
+ }
231
+
232
+
233
+ /* rounded borders */
234
+
235
+ #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
236
+ #footer .block, .form input.button, #box .block, #box .block h2 {
237
+ -moz-border-radius-topleft: 4px;
238
+ -webkit-border-top-left-radius: 4px;
239
+ -moz-border-radius-topright: 4px;
240
+ -webkit-border-top-right-radius: 4px;
241
+ }
242
+
243
+ .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
244
+ -moz-border-radius-topleft: 4px;
245
+ -webkit-border-top-left-radius: 4px;
246
+ }
247
+
248
+ .table th.last {
249
+ -moz-border-radius-topright: 4px;
250
+ -webkit-border-top-right-radius: 4px;
251
+ }
252
+
253
+ .secondary-navigation ul li.first {
254
+ -moz-border-radius-topleft: 4px;
255
+ -webkit-border-top-left-radius: 4px;
256
+ }
257
+
258
+ #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
259
+ -moz-border-radius-bottomleft: 4px;
260
+ -webkit-border-bottom-left-radius: 4px;
261
+ -moz-border-radius-bottomright: 4px;
262
+ -webkit-border-bottom-right-radius: 4px;
263
+ }