web-app-theme 0.5.0 → 0.5.1
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/README.md +2 -0
- data/VERSION +1 -1
- data/index.html +3 -2
- data/rails_generators/theme/templates/view_layout_administration.html.erb +1 -1
- data/rails_generators/themed/templates/view_show.html.erb +4 -2
- data/stylesheets/themes/olive/style.css +338 -0
- data/web-app-theme.gemspec +3 -2
- metadata +3 -2
data/README.md
CHANGED
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.5.
|
|
1
|
+
0.5.1
|
data/index.html
CHANGED
|
@@ -329,7 +329,7 @@
|
|
|
329
329
|
</div>
|
|
330
330
|
<div id="footer">
|
|
331
331
|
<div class="block">
|
|
332
|
-
<p>Copyright ©
|
|
332
|
+
<p>Copyright © 2010 Your Site.</p>
|
|
333
333
|
</div>
|
|
334
334
|
</div>
|
|
335
335
|
</div>
|
|
@@ -347,12 +347,13 @@
|
|
|
347
347
|
<li class="last"><a href="#" onclick="Theme.activate('bec'); return false;">Bec</a></li>
|
|
348
348
|
<li class="last"><a href="#" onclick="Theme.activate('bec-green'); return false;">Bec-Green</a></li>
|
|
349
349
|
<li><a href="#" onclick="Theme.activate('blue'); return false;">Blue</a></li>
|
|
350
|
-
|
|
350
|
+
<li><a href="#" onclick="Theme.activate('djime-cerulean'); return false;">Djime-Cerulean</a></li>
|
|
351
351
|
<li><a href="#" onclick="Theme.activate('reidb-greenish'); return false;">Greenish</a></li>
|
|
352
352
|
<li><a href="#" onclick="Theme.activate('kathleene'); return false;">Kathleene</a></li>
|
|
353
353
|
<li><a href="#" onclick="Theme.activate('orange'); return false;">Orange</a></li>
|
|
354
354
|
<li><a href="#" onclick="Theme.activate('drastic-dark'); return false;">Drastic Dark</a></li>
|
|
355
355
|
<li><a href="#" onclick="Theme.activate('warehouse'); return false;">Warehouse</a></li>
|
|
356
|
+
<li><a href="#" onclick="Theme.activate('olive'); return false;">Olive</a></li>
|
|
356
357
|
</ul>
|
|
357
358
|
</div>
|
|
358
359
|
<div class="block">
|
|
@@ -14,8 +14,10 @@
|
|
|
14
14
|
<%%= @<%= resource_name %>.<%= column.name %> %>
|
|
15
15
|
</p>
|
|
16
16
|
<%- end -%>
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
<div class="wat-cf">
|
|
18
|
+
<%%= link_to "#{image_tag("web-app-theme/application_edit.png", :alt => "#{t("web-app-theme.edit", :default=> "Edit")}")} #{t("web-app-theme.edit", :default=> "Edit")}", edit_<%= singular_controller_routing_path %>_path(@<%= resource_name %>), :class => "button" %>
|
|
19
|
+
<%%= link_to "#{image_tag("web-app-theme/cross.png", :alt => "#{t("web-app-theme.delete", :default=> "Delete")}")} #{t("web-app-theme.delete", :default => "Delete")}", <%= singular_controller_routing_path %>_path(@<%= resource_name %>), :method => "delete", :class => "button", :confirm => "#{t("web-app-theme.confirm", :default => "Are you sure?")}" %>
|
|
20
|
+
</div>
|
|
19
21
|
</div>
|
|
20
22
|
</div>
|
|
21
23
|
</div>
|
|
@@ -0,0 +1,338 @@
|
|
|
1
|
+
.small {
|
|
2
|
+
font-size: 11px;
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-weight: normal;
|
|
5
|
+
text-transform: normal;
|
|
6
|
+
letter-spacing: normal;
|
|
7
|
+
line-height: 1.4em;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.gray {
|
|
11
|
+
color:#999999;
|
|
12
|
+
font-family: Georgia, serif;
|
|
13
|
+
font-size: 13px;
|
|
14
|
+
font-style: italic;
|
|
15
|
+
font-weight: normal;
|
|
16
|
+
text-transform: normal;
|
|
17
|
+
letter-spacing: normal;
|
|
18
|
+
line-height: 1.6em;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.hightlight {
|
|
22
|
+
background-color: #ffff88;
|
|
23
|
+
font-weight: bold;
|
|
24
|
+
color: #36393d;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #A3AB74; }
|
|
28
|
+
a { -moz-outline: none; }
|
|
29
|
+
|
|
30
|
+
body {
|
|
31
|
+
color: #222;
|
|
32
|
+
background: #EFF3E4;
|
|
33
|
+
font-family: helvetica,Arial,sans-serif;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
hr {
|
|
37
|
+
background: #f0f0ee;
|
|
38
|
+
color: #f0f0ee;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
p {
|
|
42
|
+
margin: 10px 0;
|
|
43
|
+
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
#header {
|
|
47
|
+
background: #5E634E;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
#header h1 {
|
|
51
|
+
padding: 15px 0;
|
|
52
|
+
font-size: 28px;
|
|
53
|
+
font-style: normal;
|
|
54
|
+
font-weight: bold;
|
|
55
|
+
text-transform: normal;
|
|
56
|
+
letter-spacing: -1px;
|
|
57
|
+
line-height: 1.2em;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
|
61
|
+
color: #FFF;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
#user-navigation {
|
|
65
|
+
top: auto;
|
|
66
|
+
bottom: 5px;
|
|
67
|
+
right: 25px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
#main .block .content {
|
|
71
|
+
background: #FFF;
|
|
72
|
+
padding-top: 1px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
#main .block .content h2 {
|
|
76
|
+
margin-left: 15px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
#main .block .content p {
|
|
80
|
+
font-size:13px;
|
|
81
|
+
line-height:1.45em;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
#main .block .content h2 {
|
|
85
|
+
font-size:22px;
|
|
86
|
+
font-style:normal;
|
|
87
|
+
font-weight:bold;
|
|
88
|
+
letter-spacing:-1px;
|
|
89
|
+
line-height:1.2em;
|
|
90
|
+
margin-left:15px;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
#sidebar .block {
|
|
94
|
+
background: #FFF;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
#sidebar .notice {
|
|
98
|
+
background: #869453;
|
|
99
|
+
color: #fff;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
#sidebar h3 {
|
|
103
|
+
background: #5E634E;
|
|
104
|
+
color: #FFF;
|
|
105
|
+
border-bottom: 6px solid #DACF77;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
#main-navigation ul li {
|
|
109
|
+
padding-left: 15px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
#main-navigation ul li a {
|
|
113
|
+
padding: 8px 0;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
#main-navigation ul li.active {
|
|
117
|
+
padding: 0;
|
|
118
|
+
margin-left: 15px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
#main-navigation ul li.active {
|
|
122
|
+
margin-left: 15px;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
#main-navigation ul li.active a {
|
|
126
|
+
padding: 8px 15px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
#sidebar ul li a:link, #sidebar ul li a:visited {
|
|
130
|
+
background: #FFF;
|
|
131
|
+
border-bottom: 1px solid #F0F0EE;
|
|
132
|
+
text-decoration: none;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
#sidebar ul li a:hover, #sidebar ul li a:active {
|
|
136
|
+
background: #ADBFD6;
|
|
137
|
+
color: #FFF;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
#main-navigation {
|
|
141
|
+
background: #DACF77;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
#main-navigation ul li {
|
|
145
|
+
background: #DACF77;
|
|
146
|
+
margin-right: 0;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
#main-navigation ul li.active {
|
|
150
|
+
background: #EFF3E4;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
|
154
|
+
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
|
155
|
+
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
|
156
|
+
text-decoration: none;
|
|
157
|
+
color: #FFF;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
#user-navigation a.logout {
|
|
161
|
+
background: #cc0000;
|
|
162
|
+
padding: 2px 6px;
|
|
163
|
+
-moz-border-radius: 4px;
|
|
164
|
+
-webkit-border-radius: 3px;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.secondary-navigation li a:hover {
|
|
168
|
+
background: #ADBFD6;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
#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 {
|
|
172
|
+
color: #262626;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.secondary-navigation {
|
|
176
|
+
background: #5E634E;
|
|
177
|
+
border-bottom: 6px solid #DACF77;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
|
|
181
|
+
background-color: #DACF77;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.secondary-navigation ul li a {
|
|
185
|
+
padding:8px 12px;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
#footer .block {
|
|
189
|
+
color: #FFF;
|
|
190
|
+
background: #262626;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
#footer .block p {
|
|
194
|
+
margin: 0;
|
|
195
|
+
padding: 10px;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
/* pagination */
|
|
199
|
+
|
|
200
|
+
.pagination span.disabled {
|
|
201
|
+
color: #bbb;
|
|
202
|
+
border-color: #bbb;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.pagination span.current {
|
|
206
|
+
background: #869453;
|
|
207
|
+
color: #FFF;
|
|
208
|
+
border-color: #869453;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.pagination a, .pagination span {
|
|
212
|
+
color: #869453;
|
|
213
|
+
border-color: #869453;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.pagination a:hover {
|
|
217
|
+
color: #FFF;
|
|
218
|
+
background: #869453;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
/* tables */
|
|
222
|
+
|
|
223
|
+
.table th {
|
|
224
|
+
background: #5E634E;
|
|
225
|
+
color: #FFF;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.table td {
|
|
229
|
+
border-bottom:1px solid #F0F0EE;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.table tr.even {
|
|
233
|
+
background: #EFF3E4;
|
|
234
|
+
}
|
|
235
|
+
/* forms */
|
|
236
|
+
|
|
237
|
+
.form input.text_field, .form textarea.text_area {
|
|
238
|
+
width: 100%;
|
|
239
|
+
border:1px solid #CFCFCF;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.form input.button {
|
|
243
|
+
background: #EEE;
|
|
244
|
+
color: #262626;
|
|
245
|
+
padding: 2px 5px;
|
|
246
|
+
border: 1px solid #262626;
|
|
247
|
+
cursor: pointer;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.form .description {
|
|
251
|
+
font-style: italic;
|
|
252
|
+
color: #8C8C8C;
|
|
253
|
+
font-size: .9em;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
/* flash-messages */
|
|
257
|
+
.flash .message {
|
|
258
|
+
-moz-border-radius: 3px;
|
|
259
|
+
-webkit-border-radius: 3px;
|
|
260
|
+
text-align:center;
|
|
261
|
+
margin: 0 auto 15px;
|
|
262
|
+
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.flash .message p {
|
|
266
|
+
margin:8px;
|
|
267
|
+
}
|
|
268
|
+
.flash .error {
|
|
269
|
+
border: 1px solid #fbb;
|
|
270
|
+
background-color: #fdd;
|
|
271
|
+
}
|
|
272
|
+
.flash .warning {
|
|
273
|
+
border: 1px solid #fffaaa;
|
|
274
|
+
background-color: #ffffcc;
|
|
275
|
+
}
|
|
276
|
+
.flash .notice {
|
|
277
|
+
border: 1px solid #1FDF00;
|
|
278
|
+
background-color: #BBFFB6;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
/* lists */
|
|
282
|
+
|
|
283
|
+
ul.list li {
|
|
284
|
+
border-bottom-color: #F0F0EE;
|
|
285
|
+
border-bottom-width: 1px;
|
|
286
|
+
border-bottom-style: solid;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
ul.list li .item .avatar {
|
|
290
|
+
border-color: #F0F0EE;
|
|
291
|
+
border-width: 1px;
|
|
292
|
+
border-style: solid;
|
|
293
|
+
padding: 2px;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
/* box */
|
|
297
|
+
|
|
298
|
+
#box .block {
|
|
299
|
+
background: #FFF;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
#box .block h2 {
|
|
303
|
+
background: #869453;
|
|
304
|
+
color: #FFF;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
|
|
308
|
+
/* rounded borders */
|
|
309
|
+
|
|
310
|
+
#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
|
|
311
|
+
#footer .block, .form input.button, #box .block, #box .block h2 {
|
|
312
|
+
-moz-border-radius-topleft: 4px;
|
|
313
|
+
-webkit-border-top-left-radius: 4px;
|
|
314
|
+
-moz-border-radius-topright: 4px;
|
|
315
|
+
-webkit-border-top-right-radius: 4px;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
|
|
319
|
+
-moz-border-radius-topleft: 4px;
|
|
320
|
+
-webkit-border-top-left-radius: 4px;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.table th.last {
|
|
324
|
+
-moz-border-radius-topright: 4px;
|
|
325
|
+
-webkit-border-top-right-radius: 4px;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.secondary-navigation ul li.first {
|
|
329
|
+
-moz-border-radius-topleft: 4px;
|
|
330
|
+
-webkit-border-top-left-radius: 4px;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
|
|
334
|
+
-moz-border-radius-bottomleft: 4px;
|
|
335
|
+
-webkit-border-bottom-left-radius: 4px;
|
|
336
|
+
-moz-border-radius-bottomright: 4px;
|
|
337
|
+
-webkit-border-bottom-right-radius: 4px;
|
|
338
|
+
}
|
data/web-app-theme.gemspec
CHANGED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
Gem::Specification.new do |s|
|
|
7
7
|
s.name = %q{web-app-theme}
|
|
8
|
-
s.version = "0.5.
|
|
8
|
+
s.version = "0.5.1"
|
|
9
9
|
|
|
10
10
|
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
|
11
11
|
s.authors = ["Andrea Franz"]
|
|
12
|
-
s.date = %q{2010-01-
|
|
12
|
+
s.date = %q{2010-01-09}
|
|
13
13
|
s.description = %q{Web app theme generator for rails projects}
|
|
14
14
|
s.email = %q{andrea@gravityblast.com}
|
|
15
15
|
s.extra_rdoc_files = [
|
|
@@ -63,6 +63,7 @@ Gem::Specification.new do |s|
|
|
|
63
63
|
"stylesheets/themes/djime-cerulean/style.css",
|
|
64
64
|
"stylesheets/themes/drastic-dark/style.css",
|
|
65
65
|
"stylesheets/themes/kathleene/style.css",
|
|
66
|
+
"stylesheets/themes/olive/style.css",
|
|
66
67
|
"stylesheets/themes/orange/style.css",
|
|
67
68
|
"stylesheets/themes/reidb-greenish/style.css",
|
|
68
69
|
"stylesheets/themes/warehouse/style.css",
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: web-app-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrea Franz
|
|
@@ -9,7 +9,7 @@ autorequire:
|
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
11
|
|
|
12
|
-
date: 2010-01-
|
|
12
|
+
date: 2010-01-09 00:00:00 +01:00
|
|
13
13
|
default_executable:
|
|
14
14
|
dependencies: []
|
|
15
15
|
|
|
@@ -69,6 +69,7 @@ files:
|
|
|
69
69
|
- stylesheets/themes/djime-cerulean/style.css
|
|
70
70
|
- stylesheets/themes/drastic-dark/style.css
|
|
71
71
|
- stylesheets/themes/kathleene/style.css
|
|
72
|
+
- stylesheets/themes/olive/style.css
|
|
72
73
|
- stylesheets/themes/orange/style.css
|
|
73
74
|
- stylesheets/themes/reidb-greenish/style.css
|
|
74
75
|
- stylesheets/themes/warehouse/style.css
|