beef-layout 0.2.0 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/Rakefile +2 -2
  2. data/VERSION +1 -1
  3. data/{layout.gemspec → beef-layout.gemspec} +12 -18
  4. data/generators/layout_files/layout_files_generator.rb +4 -19
  5. data/generators/layout_files/templates/application_layout.html.erb +69 -54
  6. data/generators/layout_files/templates/public/javascripts/Gotham_Medium_500.font.js +10 -0
  7. data/generators/layout_files/templates/public/javascripts/cufon-yui.js +7 -0
  8. data/generators/layout_files/templates/public/stylesheets/forms.css +7 -0
  9. data/generators/layout_files/templates/public/stylesheets/ie7.css +8 -1
  10. data/generators/layout_files/templates/public/stylesheets/layout.css +166 -12
  11. data/generators/layout_files/templates/public/stylesheets/lightwindow.css +376 -0
  12. data/generators/layout_files/templates/public/stylesheets/print.css +0 -0
  13. data/generators/layout_files/templates/public/stylesheets/reset.css +5 -0
  14. data/generators/layout_files/templates/public/stylesheets/skin.css +102 -1
  15. data/generators/layout_files/templates/public/stylesheets/textile-editor.css +60 -0
  16. data/generators/layout_files/templates/public/stylesheets/typography.css +141 -15
  17. metadata +11 -19
  18. data/generators/layout_files/templates/public/stylesheets/wireframe/ie6.css +0 -26
  19. data/generators/layout_files/templates/public/stylesheets/wireframe/ie7.css +0 -1
  20. data/generators/layout_files/templates/public/stylesheets/wireframe/images/2nd_nav_bg.gif +0 -0
  21. data/generators/layout_files/templates/public/stylesheets/wireframe/images/body_bg.gif +0 -0
  22. data/generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_bg.gif +0 -0
  23. data/generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_e_bg.gif +0 -0
  24. data/generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox2_bg.gif +0 -0
  25. data/generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox_bg.gif +0 -0
  26. data/generators/layout_files/templates/public/stylesheets/wireframe/images/header_bg.gif +0 -0
  27. data/generators/layout_files/templates/public/stylesheets/wireframe/images/sprites.gif +0 -0
  28. data/generators/layout_files/templates/public/stylesheets/wireframe/images/td_bg.gif +0 -0
  29. data/generators/layout_files/templates/public/stylesheets/wireframe/images/thumb_100wide.gif +0 -0
  30. data/generators/layout_files/templates/public/stylesheets/wireframe/main.css +0 -289
  31. data/generators/layout_files/templates/public/stylesheets/wireframe/print.css +0 -51
@@ -0,0 +1,376 @@
1
+ #lightwindow_overlay {
2
+ /* REQUIRED */
3
+ display: none;
4
+ visibility: hidden;
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ width: 100%;
9
+ height: 100px;
10
+ z-index: 500;
11
+ /* REQUIRED */
12
+ }
13
+
14
+ #lightwindow {
15
+ /* REQUIRED */
16
+ /* Of Note - The height and width of this element are set to 0px */
17
+ display: none;
18
+ visibility: hidden;
19
+ position: absolute;
20
+ z-index: 999;
21
+ line-height: 0px;
22
+ /* REQUIRED */
23
+ }
24
+
25
+ #lightwindow_container {
26
+ /* REQUIRED */
27
+ display: none;
28
+ visibility: hidden;
29
+ position: absolute;
30
+ /* REQUIRED */
31
+ padding: 0 0 0 0;
32
+ margin: 0 0 0 0;
33
+ }
34
+
35
+ /* IE6 needs this or it messes with our positioning */
36
+ * html #lightwindow_container {
37
+ overflow: hidden;
38
+ }
39
+
40
+ #lightwindow_contents {
41
+ overflow: hidden;
42
+ z-index: 0;
43
+ position: relative;
44
+ border: 10px solid #ffffff;
45
+ background-color: #ffffff;
46
+ }
47
+
48
+ #lightwindow_loading {
49
+ /* REQUIRED */
50
+ height: 100%;
51
+ width: 100%;
52
+ top: 0px;
53
+ left: 0px;
54
+ z-index: 9999;
55
+ position: absolute;
56
+ /* REQUIRED */
57
+ background-color: #f0f0f0;
58
+ padding: 10px;
59
+ }
60
+
61
+ #lightwindow_loading_shim {
62
+ display: none;
63
+ left: 0px;
64
+ position: absolute;
65
+ top: 0px;
66
+ width: 100%;
67
+ height: 100%;
68
+ }
69
+
70
+ #lightwindow_loading span {
71
+ font-size: 12px;
72
+ line-height: 32px;
73
+ color: #444444;
74
+ float: left;
75
+ padding: 0 10px 0 0;
76
+ }
77
+
78
+ #lightwindow_loading span a,
79
+ #lightwindow_loading span a:link,
80
+ #lightwindow_loading span a:visited {
81
+ color: #09F;
82
+ text-decoration: none;
83
+ cursor: pointer;
84
+ }
85
+
86
+ #lightwindow_loading span a:hover,
87
+ #lightwindow_loading span a:active {
88
+ text-decoration: underline;
89
+ }
90
+
91
+
92
+ #lightwindow_loading img {
93
+ float: left;
94
+ margin: 0 10px 0 0;
95
+ }
96
+
97
+
98
+ /*-----------------------------------------------------------------------------------------------
99
+ I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
100
+ I mean let's face it, it works really well and is very easy to figure out.
101
+ -----------------------------------------------------------------------------------------------*/
102
+
103
+ #lightwindow_navigation {
104
+ /* REQUIRED */
105
+ position: absolute;
106
+ top: 0px;
107
+ left: 0px;
108
+ display: none;
109
+ /* REQUIRED */
110
+ }
111
+ /* We need to shim the navigation for IE, though its more of a sub-floor */
112
+ #lightwindow_navigation_shim {
113
+ /* REQUIRED */
114
+ display: none;
115
+ left: 0px;
116
+ position: absolute;
117
+ top: 0px;
118
+ width: 100%;
119
+ height: 100%;
120
+ /* REQUIRED */
121
+ }
122
+
123
+ #lightwindow_navigation a,
124
+ #lightwindow_navigation a:link,
125
+ #lightwindow_navigation a:visited,
126
+ #lightwindow_navigation a:hover,
127
+ #lightwindow_navigation a:active {
128
+ /* REQUIRED */
129
+ outline: none;
130
+ /* REQUIRED */
131
+ }
132
+
133
+ #lightwindow_previous,
134
+ #lightwindow_next {
135
+ width: 49%;
136
+ height: 100%;
137
+ background: transparent url(../images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
138
+ display: block;
139
+ }
140
+
141
+ #lightwindow_previous {
142
+ float: left;
143
+ left: 0px;
144
+ }
145
+
146
+ #lightwindow_next {
147
+ float: right;
148
+ right: 0px;
149
+ }
150
+
151
+ #lightwindow_previous:hover,
152
+ #lightwindow_previous:active {
153
+ background: url(../images/lightwindow/prevlabel.gif) left 15% no-repeat;
154
+ }
155
+
156
+ #lightwindow_next:hover,
157
+ #lightwindow_next:active {
158
+ background: url(../images/lightwindow/nextlabel.gif) right 15% no-repeat;
159
+ }
160
+
161
+ #lightwindow_previous_title,
162
+ #lightwindow_next_title {
163
+ display: none;
164
+ }
165
+
166
+ #lightwindow_galleries {
167
+ width: 100%;
168
+ position: absolute;
169
+ z-index: 50;
170
+ display: none;
171
+ overflow: hidden;
172
+ margin: 0 0 0 10px;
173
+ bottom: 0px;
174
+ left: 0px;
175
+ }
176
+
177
+ #lightwindow_galleries_tab_container {
178
+ width: 100%;
179
+ height: 0px;
180
+ overflow: hidden;
181
+ }
182
+
183
+ a#lightwindow_galleries_tab,
184
+ a:link#lightwindow_galleries_tab,
185
+ a:visited#lightwindow_galleries_tab {
186
+ display: block;
187
+ height: 20px;
188
+ width: 77px;
189
+ float: right;
190
+ line-height: 22px;
191
+ color: #ffffff;
192
+ text-decoration: none;
193
+ font-weight: bold;
194
+ cursor: pointer;
195
+ font-size: 11px;
196
+ color: #ffffbe;
197
+ background: url(../images/lightwindow/black-70.png) repeat 0 0 transparent;
198
+ }
199
+
200
+ * html a#lightwindow_galleries_tab,
201
+ * html a:link#lightwindow_galleries_tab,
202
+ * html a:visited#lightwindow_galleries_tab {
203
+ background: none;
204
+ background-color: #000000;
205
+ opacity: .70;
206
+ filter: alpha(opacity=70);
207
+ }
208
+
209
+ a:hover#lightwindow_galleries_tab,
210
+ a:active#lightwindow_galleries_tab {
211
+ color: #ffffbe;
212
+
213
+ }
214
+
215
+ #lightwindow_galleries_tab_span {
216
+ display: block;
217
+ height: 20px;
218
+ width: 63px;
219
+ padding: 0 7px 0 7px;
220
+ }
221
+
222
+ #lightwindow_galleries_tab .up {
223
+ background: url(../images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
224
+ }
225
+
226
+ #lightwindow_galleries_tab .down {
227
+ background: url(../images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
228
+ }
229
+
230
+ #lightwindow_galleries_list {
231
+ background: url(../images/lightwindow/black-70.png) repeat 0 0 transparent;
232
+ overflow: hidden;
233
+ height: 0px;
234
+ }
235
+
236
+ * html #lightwindow_galleries_list {
237
+ background: none;
238
+ background-color: #000000;
239
+ opacity: .70;
240
+ filter: alpha(opacity=70);
241
+ }
242
+
243
+ .lightwindow_galleries_list {
244
+ width: 200px;
245
+ float: left;
246
+ margin: 0 0 10px 0;
247
+ padding: 10px;
248
+ }
249
+
250
+ .lightwindow_galleries_list h1 {
251
+ color: #09F;
252
+ text-decoration: none;
253
+ font-weight: bold;
254
+ cursor: pointer;
255
+ padding: 10px 0 5px 0;
256
+ font-size: 16px;
257
+ }
258
+
259
+ .lightwindow_galleries_list li {
260
+ margin: 5px 0 5px 0;
261
+ list-style-type: none;
262
+ }
263
+
264
+ .lightwindow_galleries_list a,
265
+ .lightwindow_galleries_list a:link,
266
+ .lightwindow_galleries_list a:visited {
267
+ display: block;
268
+ line-height: 22px;
269
+ color: #ffffff;
270
+ text-decoration: none;
271
+ font-weight: bold;
272
+ cursor: pointer;
273
+ padding: 0 0 0 10px;
274
+ font-size: 11px;
275
+ }
276
+
277
+ .lightwindow_galleries_list a:hover,
278
+ .lightwindow_galleries_list a:active {
279
+ background: #000000;
280
+ color: #ffffbe;
281
+ border-left: 3px solid #ffffbe;
282
+ padding: 0 0 0 7px;
283
+ }
284
+
285
+ #lightwindow_data {
286
+ /* REQUIRED */
287
+ position: absolute;
288
+ /* REQUIRED */
289
+ }
290
+
291
+ #lightwindow_data_slide {
292
+ /* REQUIRED */
293
+ position: relative;
294
+ /* REQUIRED */
295
+ }
296
+
297
+ #lightwindow_data_slide_inner {
298
+ background-color: #ffffff;
299
+ padding: 0 10px 10px 10px;
300
+ }
301
+
302
+ #lightwindow_data_caption {
303
+ padding: 10px 0 0 0;
304
+ color: #666666;
305
+ line-height: 25px;
306
+ background-color: #ffffff;
307
+ clear: both;
308
+ }
309
+
310
+ #lightwindow_data_details {
311
+ background-color: #f0f0f0;
312
+ padding: 0 10px 0 10px;
313
+ height: 20px;
314
+ }
315
+
316
+ #lightwindow_data_author_container {
317
+ width: 40%;
318
+ text-align: right;
319
+ color: #666666;
320
+ font-style: italic;
321
+ font-size: 10px;
322
+ line-height: 20px;
323
+ float: right;
324
+ overflow: hidden;
325
+ }
326
+
327
+ #lightwindow_data_gallery_container {
328
+ font-size: 10px;
329
+ width: 40%;
330
+ text-align: left;
331
+ color: #666666;
332
+ line-height: 20px;
333
+ float: left;
334
+ overflow: hidden;
335
+ }
336
+
337
+ #lightwindow_title_bar {
338
+ height: 25px;
339
+ overflow: hidden;
340
+ }
341
+
342
+ #lightwindow_title_bar_title {
343
+ color: #ffffbe;
344
+ font-size: 14px;
345
+ line-height: 25px;
346
+ text-align: left;
347
+ float: left;
348
+ }
349
+
350
+ a#lightwindow_title_bar_close_link,
351
+ a:link#lightwindow_title_bar_close_link,
352
+ a:visited#lightwindow_title_bar_close_link {
353
+ float: right;
354
+ text-align: right;
355
+ cursor: pointer;
356
+ color: #ffffbe;
357
+ line-height: 25px;
358
+ padding: 0;
359
+ margin: 0;
360
+ }
361
+
362
+ a:hover#lightwindow_title_bar_close_link,
363
+ a:active#lightwindow_title_bar_close_link {
364
+ color: #ffffff;
365
+ }
366
+
367
+ /*-----------------------------------------------------------------------------------------------
368
+ Theme styling stuff
369
+ -----------------------------------------------------------------------------------------------*/
370
+
371
+ #lightwindow p {
372
+ color: #000000;
373
+ padding-right: 10px;
374
+ }
375
+
376
+
@@ -58,6 +58,7 @@ q:before, q:after {
58
58
 
59
59
  blockquote, q {
60
60
  quotes: "" "";
61
+ font-style:italic;
61
62
  }
62
63
 
63
64
  fieldset, img{
@@ -72,3 +73,7 @@ caption,th {
72
73
  text-align:left;
73
74
  }
74
75
 
76
+ p {padding-bottom: 10px;}
77
+
78
+ strong {font-weight:bold;}
79
+ em {font-style:italic;}
@@ -1,4 +1,105 @@
1
1
  /*
2
2
  SKIN
3
3
  All colour and background image styling.
4
- */
4
+ */
5
+
6
+ body {
7
+ background: #fff;
8
+ color: #000000;
9
+ }
10
+
11
+ /* so:header */
12
+ #header { background: #2b618e; }
13
+ #header h1 a { color: #d3e6f6; }
14
+ #header ul li a { color: #d3e6f6; }
15
+ #banner {
16
+ background: #333333;
17
+ color: white;
18
+ }
19
+ /* eo:header */
20
+
21
+ /* so:footer */
22
+ #footer {
23
+ background: #333333;
24
+ color: white;
25
+ }
26
+ #footer a { color: #d3e6f6; }
27
+ #footer a:hover { background: #2b618e; }
28
+ /* eo:footer */
29
+
30
+
31
+ #content h1 { color: #2b618e; }
32
+ #content h2 { color: #2b618e; }
33
+ #supporting-content ul li a { color: #2b618e; }
34
+ #supporting-content ul li a:hover {
35
+ background: #2b618e;
36
+ color: #d3e6f6;
37
+ }
38
+ #main-content a img { border: 5px solid white; }
39
+ #main-content a:hover img { border: 5px solid #d3e6f6; }
40
+
41
+ /* so:links */
42
+
43
+ a {text-decoration: none;}
44
+ a:hover {text-decoration: underline;}
45
+
46
+ /* eo:links */
47
+
48
+ /* so:pages */
49
+ /* eo:pages */
50
+
51
+ /* so:articles */
52
+
53
+ #supporting-content ul.archive li.current ul {display: inline;}
54
+ #supporting-content ul.archive li ul {display:none;}
55
+ #supporting-content ul.archive li ul span {display:none;}
56
+
57
+ /* eo:articles */
58
+
59
+ /* so:comments */
60
+ /* eo:comments */
61
+
62
+ /* so:pagination */
63
+ /* eo:pagination */
64
+
65
+ /* so:contacts */
66
+ /* eo:contacts */
67
+
68
+ /* so:sessions */
69
+ /* eo:sessions */
70
+
71
+ /* so:error */
72
+ /* eo:error */
73
+
74
+ /* so:image-replacement */
75
+
76
+ {
77
+ overflow: hidden;
78
+ text-align: left;
79
+ display: block;
80
+ line-height:0;
81
+ text-indent: -1000em;
82
+ }
83
+
84
+ /* eo:image-replacement */
85
+
86
+
87
+ /* so:wireframes -- DELETE AT START OF NEW PROJECT -- */
88
+
89
+ /*#header,
90
+ #banner,
91
+ #supporting-content,
92
+ #main-content,
93
+ #footer {
94
+ background:#e3e3e3;
95
+ }*/
96
+
97
+ .wireframe {
98
+ text-align: center;
99
+ }
100
+
101
+ dl#articles dd {
102
+ border-bottom: 1px dotted black;
103
+ }
104
+
105
+ /* eo:wireframes -- DELETE AT START OF NEW PROJECT -- */