compass-unsemantic 0.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.
Files changed (82) hide show
  1. data/lib/compass-unsemantic.rb +3 -0
  2. data/stylesheets/_compass-unsemantic.scss +13 -0
  3. data/stylesheets/javascripts/adapt.min.js +1 -0
  4. data/stylesheets/javascripts/demo.js +76 -0
  5. data/stylesheets/javascripts/html5.js +4 -0
  6. data/stylesheets/javascripts/jquery.js +5 -0
  7. data/stylesheets/sass/demo.sass +4 -0
  8. data/stylesheets/sass/ie-rtl.sass +10 -0
  9. data/stylesheets/sass/ie.sass +3 -0
  10. data/stylesheets/sass/partials/_demo.sass +50 -0
  11. data/stylesheets/sass/partials/_ie.sass +8 -0
  12. data/stylesheets/sass/partials/_reset.sass +187 -0
  13. data/stylesheets/sass/partials/_text.sass +71 -0
  14. data/stylesheets/sass/partials/_unsemantic-grid-base-tablet.sass +60 -0
  15. data/stylesheets/sass/partials/_unsemantic-grid-base.sass +54 -0
  16. data/stylesheets/sass/partials/_unsemantic-grid-desktop.sass +96 -0
  17. data/stylesheets/sass/partials/_unsemantic-grid-mobile.sass +96 -0
  18. data/stylesheets/sass/partials/_unsemantic-grid-responsive-tablet.sass +22 -0
  19. data/stylesheets/sass/partials/_unsemantic-grid-responsive.sass +17 -0
  20. data/stylesheets/sass/partials/_unsemantic-grid-tablet.sass +96 -0
  21. data/stylesheets/sass/partials/_unsemantic-ie-snap.sass +12 -0
  22. data/stylesheets/sass/partials/_unsemantic-vars.sass +224 -0
  23. data/stylesheets/sass/unsemantic-grid-base-no-ie7-rtl.sass +11 -0
  24. data/stylesheets/sass/unsemantic-grid-base-no-ie7.sass +4 -0
  25. data/stylesheets/sass/unsemantic-grid-base-rtl.sass +9 -0
  26. data/stylesheets/sass/unsemantic-grid-base-tablet-no-ie7-rtl.sass +11 -0
  27. data/stylesheets/sass/unsemantic-grid-base-tablet-no-ie7.sass +5 -0
  28. data/stylesheets/sass/unsemantic-grid-base-tablet-rtl.sass +9 -0
  29. data/stylesheets/sass/unsemantic-grid-base-tablet.sass +4 -0
  30. data/stylesheets/sass/unsemantic-grid-base.sass +2 -0
  31. data/stylesheets/sass/unsemantic-grid-desktop-no-ie7-rtl.sass +10 -0
  32. data/stylesheets/sass/unsemantic-grid-desktop-no-ie7.sass +3 -0
  33. data/stylesheets/sass/unsemantic-grid-desktop-rtl.sass +8 -0
  34. data/stylesheets/sass/unsemantic-grid-desktop.sass +1 -0
  35. data/stylesheets/sass/unsemantic-grid-mobile-no-ie7-rtl.sass +10 -0
  36. data/stylesheets/sass/unsemantic-grid-mobile-no-ie7.sass +3 -0
  37. data/stylesheets/sass/unsemantic-grid-mobile-rtl.sass +8 -0
  38. data/stylesheets/sass/unsemantic-grid-mobile.sass +1 -0
  39. data/stylesheets/sass/unsemantic-grid-responsive-no-ie7-rtl.sass +10 -0
  40. data/stylesheets/sass/unsemantic-grid-responsive-no-ie7.sass +3 -0
  41. data/stylesheets/sass/unsemantic-grid-responsive-rtl.sass +8 -0
  42. data/stylesheets/sass/unsemantic-grid-responsive-tablet-no-ie7-rtl.sass +10 -0
  43. data/stylesheets/sass/unsemantic-grid-responsive-tablet-no-ie7.sass +3 -0
  44. data/stylesheets/sass/unsemantic-grid-responsive-tablet-rtl.sass +8 -0
  45. data/stylesheets/sass/unsemantic-grid-responsive-tablet.sass +1 -0
  46. data/stylesheets/sass/unsemantic-grid-responsive.sass +1 -0
  47. data/stylesheets/sass/unsemantic-grid-tablet-no-ie7-rtl.sass +10 -0
  48. data/stylesheets/sass/unsemantic-grid-tablet-no-ie7.sass +3 -0
  49. data/stylesheets/sass/unsemantic-grid-tablet-rtl.sass +8 -0
  50. data/stylesheets/sass/unsemantic-grid-tablet.sass +1 -0
  51. data/stylesheets/stylesheets/demo.css +303 -0
  52. data/stylesheets/stylesheets/ie-rtl.css +1463 -0
  53. data/stylesheets/stylesheets/ie.css +1463 -0
  54. data/stylesheets/stylesheets/unsemantic-grid-base-no-ie7-rtl.css +55 -0
  55. data/stylesheets/stylesheets/unsemantic-grid-base-no-ie7.css +55 -0
  56. data/stylesheets/stylesheets/unsemantic-grid-base-rtl.css +71 -0
  57. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-no-ie7-rtl.css +55 -0
  58. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-no-ie7.css +55 -0
  59. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-rtl.css +71 -0
  60. data/stylesheets/stylesheets/unsemantic-grid-base-tablet.css +71 -0
  61. data/stylesheets/stylesheets/unsemantic-grid-base.css +71 -0
  62. data/stylesheets/stylesheets/unsemantic-grid-desktop-no-ie7-rtl.css +490 -0
  63. data/stylesheets/stylesheets/unsemantic-grid-desktop-no-ie7.css +490 -0
  64. data/stylesheets/stylesheets/unsemantic-grid-desktop-rtl.css +685 -0
  65. data/stylesheets/stylesheets/unsemantic-grid-desktop.css +685 -0
  66. data/stylesheets/stylesheets/unsemantic-grid-mobile-no-ie7-rtl.css +490 -0
  67. data/stylesheets/stylesheets/unsemantic-grid-mobile-no-ie7.css +490 -0
  68. data/stylesheets/stylesheets/unsemantic-grid-mobile-rtl.css +685 -0
  69. data/stylesheets/stylesheets/unsemantic-grid-mobile.css +685 -0
  70. data/stylesheets/stylesheets/unsemantic-grid-responsive-no-ie7-rtl.css +1044 -0
  71. data/stylesheets/stylesheets/unsemantic-grid-responsive-no-ie7.css +1044 -0
  72. data/stylesheets/stylesheets/unsemantic-grid-responsive-rtl.css +1450 -0
  73. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-no-ie7-rtl.css +1536 -0
  74. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-no-ie7.css +1536 -0
  75. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-rtl.css +2137 -0
  76. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet.css +2137 -0
  77. data/stylesheets/stylesheets/unsemantic-grid-responsive.css +1450 -0
  78. data/stylesheets/stylesheets/unsemantic-grid-tablet-no-ie7-rtl.css +490 -0
  79. data/stylesheets/stylesheets/unsemantic-grid-tablet-no-ie7.css +490 -0
  80. data/stylesheets/stylesheets/unsemantic-grid-tablet-rtl.css +685 -0
  81. data/stylesheets/stylesheets/unsemantic-grid-tablet.css +685 -0
  82. metadata +141 -0
@@ -0,0 +1,685 @@
1
+ .grid-100:before,
2
+ .grid-100:after {
3
+ content: ".";
4
+ display: block;
5
+ overflow: hidden;
6
+ visibility: hidden;
7
+ font-size: 0;
8
+ line-height: 0;
9
+ width: 0;
10
+ height: 0;
11
+ }
12
+
13
+ .grid-100:after {
14
+ clear: both;
15
+ }
16
+
17
+ .grid-100 {
18
+ /* <IE7> */
19
+ *zoom: 1;
20
+ /* </IE7> */
21
+ }
22
+
23
+ .push-5,
24
+ .pull-5, .push-10,
25
+ .pull-10, .push-15,
26
+ .pull-15, .push-20,
27
+ .pull-20, .push-25,
28
+ .pull-25, .push-30,
29
+ .pull-30, .push-35,
30
+ .pull-35, .push-40,
31
+ .pull-40, .push-45,
32
+ .pull-45, .push-50,
33
+ .pull-50, .push-55,
34
+ .pull-55, .push-60,
35
+ .pull-60, .push-65,
36
+ .pull-65, .push-70,
37
+ .pull-70, .push-75,
38
+ .pull-75, .push-80,
39
+ .pull-80, .push-85,
40
+ .pull-85, .push-90,
41
+ .pull-90, .push-95,
42
+ .pull-95, .push-33,
43
+ .pull-33, .push-66,
44
+ .pull-66 {
45
+ position: relative;
46
+ }
47
+
48
+ .hide-on-desktop {
49
+ display: none !important;
50
+ }
51
+
52
+ .grid-5 {
53
+ float: left;
54
+ width: 5%;
55
+ /* <IE7> */
56
+ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
57
+ /* </IE7> */
58
+ }
59
+
60
+ .prefix-5 {
61
+ margin-left: 5%;
62
+ }
63
+
64
+ .suffix-5 {
65
+ margin-right: 5%;
66
+ }
67
+
68
+ .push-5 {
69
+ left: 5%;
70
+ /* <IE7> */
71
+ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
72
+ /* </IE7> */
73
+ }
74
+
75
+ .pull-5 {
76
+ left: -5%;
77
+ /* <IE7> */
78
+ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
79
+ /* </IE7> */
80
+ }
81
+
82
+ .grid-10 {
83
+ float: left;
84
+ width: 10%;
85
+ /* <IE7> */
86
+ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
87
+ /* </IE7> */
88
+ }
89
+
90
+ .prefix-10 {
91
+ margin-left: 10%;
92
+ }
93
+
94
+ .suffix-10 {
95
+ margin-right: 10%;
96
+ }
97
+
98
+ .push-10 {
99
+ left: 10%;
100
+ /* <IE7> */
101
+ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
102
+ /* </IE7> */
103
+ }
104
+
105
+ .pull-10 {
106
+ left: -10%;
107
+ /* <IE7> */
108
+ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
109
+ /* </IE7> */
110
+ }
111
+
112
+ .grid-15 {
113
+ float: left;
114
+ width: 15%;
115
+ /* <IE7> */
116
+ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
117
+ /* </IE7> */
118
+ }
119
+
120
+ .prefix-15 {
121
+ margin-left: 15%;
122
+ }
123
+
124
+ .suffix-15 {
125
+ margin-right: 15%;
126
+ }
127
+
128
+ .push-15 {
129
+ left: 15%;
130
+ /* <IE7> */
131
+ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
132
+ /* </IE7> */
133
+ }
134
+
135
+ .pull-15 {
136
+ left: -15%;
137
+ /* <IE7> */
138
+ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
139
+ /* </IE7> */
140
+ }
141
+
142
+ .grid-20 {
143
+ float: left;
144
+ width: 20%;
145
+ /* <IE7> */
146
+ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
147
+ /* </IE7> */
148
+ }
149
+
150
+ .prefix-20 {
151
+ margin-left: 20%;
152
+ }
153
+
154
+ .suffix-20 {
155
+ margin-right: 20%;
156
+ }
157
+
158
+ .push-20 {
159
+ left: 20%;
160
+ /* <IE7> */
161
+ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
162
+ /* </IE7> */
163
+ }
164
+
165
+ .pull-20 {
166
+ left: -20%;
167
+ /* <IE7> */
168
+ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
169
+ /* </IE7> */
170
+ }
171
+
172
+ .grid-25 {
173
+ float: left;
174
+ width: 25%;
175
+ /* <IE7> */
176
+ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
177
+ /* </IE7> */
178
+ }
179
+
180
+ .prefix-25 {
181
+ margin-left: 25%;
182
+ }
183
+
184
+ .suffix-25 {
185
+ margin-right: 25%;
186
+ }
187
+
188
+ .push-25 {
189
+ left: 25%;
190
+ /* <IE7> */
191
+ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
192
+ /* </IE7> */
193
+ }
194
+
195
+ .pull-25 {
196
+ left: -25%;
197
+ /* <IE7> */
198
+ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
199
+ /* </IE7> */
200
+ }
201
+
202
+ .grid-30 {
203
+ float: left;
204
+ width: 30%;
205
+ /* <IE7> */
206
+ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
207
+ /* </IE7> */
208
+ }
209
+
210
+ .prefix-30 {
211
+ margin-left: 30%;
212
+ }
213
+
214
+ .suffix-30 {
215
+ margin-right: 30%;
216
+ }
217
+
218
+ .push-30 {
219
+ left: 30%;
220
+ /* <IE7> */
221
+ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
222
+ /* </IE7> */
223
+ }
224
+
225
+ .pull-30 {
226
+ left: -30%;
227
+ /* <IE7> */
228
+ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
229
+ /* </IE7> */
230
+ }
231
+
232
+ .grid-35 {
233
+ float: left;
234
+ width: 35%;
235
+ /* <IE7> */
236
+ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
237
+ /* </IE7> */
238
+ }
239
+
240
+ .prefix-35 {
241
+ margin-left: 35%;
242
+ }
243
+
244
+ .suffix-35 {
245
+ margin-right: 35%;
246
+ }
247
+
248
+ .push-35 {
249
+ left: 35%;
250
+ /* <IE7> */
251
+ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
252
+ /* </IE7> */
253
+ }
254
+
255
+ .pull-35 {
256
+ left: -35%;
257
+ /* <IE7> */
258
+ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
259
+ /* </IE7> */
260
+ }
261
+
262
+ .grid-40 {
263
+ float: left;
264
+ width: 40%;
265
+ /* <IE7> */
266
+ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
267
+ /* </IE7> */
268
+ }
269
+
270
+ .prefix-40 {
271
+ margin-left: 40%;
272
+ }
273
+
274
+ .suffix-40 {
275
+ margin-right: 40%;
276
+ }
277
+
278
+ .push-40 {
279
+ left: 40%;
280
+ /* <IE7> */
281
+ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
282
+ /* </IE7> */
283
+ }
284
+
285
+ .pull-40 {
286
+ left: -40%;
287
+ /* <IE7> */
288
+ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
289
+ /* </IE7> */
290
+ }
291
+
292
+ .grid-45 {
293
+ float: left;
294
+ width: 45%;
295
+ /* <IE7> */
296
+ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
297
+ /* </IE7> */
298
+ }
299
+
300
+ .prefix-45 {
301
+ margin-left: 45%;
302
+ }
303
+
304
+ .suffix-45 {
305
+ margin-right: 45%;
306
+ }
307
+
308
+ .push-45 {
309
+ left: 45%;
310
+ /* <IE7> */
311
+ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
312
+ /* </IE7> */
313
+ }
314
+
315
+ .pull-45 {
316
+ left: -45%;
317
+ /* <IE7> */
318
+ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
319
+ /* </IE7> */
320
+ }
321
+
322
+ .grid-50 {
323
+ float: left;
324
+ width: 50%;
325
+ /* <IE7> */
326
+ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
327
+ /* </IE7> */
328
+ }
329
+
330
+ .prefix-50 {
331
+ margin-left: 50%;
332
+ }
333
+
334
+ .suffix-50 {
335
+ margin-right: 50%;
336
+ }
337
+
338
+ .push-50 {
339
+ left: 50%;
340
+ /* <IE7> */
341
+ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
342
+ /* </IE7> */
343
+ }
344
+
345
+ .pull-50 {
346
+ left: -50%;
347
+ /* <IE7> */
348
+ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
349
+ /* </IE7> */
350
+ }
351
+
352
+ .grid-55 {
353
+ float: left;
354
+ width: 55%;
355
+ /* <IE7> */
356
+ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
357
+ /* </IE7> */
358
+ }
359
+
360
+ .prefix-55 {
361
+ margin-left: 55%;
362
+ }
363
+
364
+ .suffix-55 {
365
+ margin-right: 55%;
366
+ }
367
+
368
+ .push-55 {
369
+ left: 55%;
370
+ /* <IE7> */
371
+ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
372
+ /* </IE7> */
373
+ }
374
+
375
+ .pull-55 {
376
+ left: -55%;
377
+ /* <IE7> */
378
+ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
379
+ /* </IE7> */
380
+ }
381
+
382
+ .grid-60 {
383
+ float: left;
384
+ width: 60%;
385
+ /* <IE7> */
386
+ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
387
+ /* </IE7> */
388
+ }
389
+
390
+ .prefix-60 {
391
+ margin-left: 60%;
392
+ }
393
+
394
+ .suffix-60 {
395
+ margin-right: 60%;
396
+ }
397
+
398
+ .push-60 {
399
+ left: 60%;
400
+ /* <IE7> */
401
+ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
402
+ /* </IE7> */
403
+ }
404
+
405
+ .pull-60 {
406
+ left: -60%;
407
+ /* <IE7> */
408
+ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
409
+ /* </IE7> */
410
+ }
411
+
412
+ .grid-65 {
413
+ float: left;
414
+ width: 65%;
415
+ /* <IE7> */
416
+ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
417
+ /* </IE7> */
418
+ }
419
+
420
+ .prefix-65 {
421
+ margin-left: 65%;
422
+ }
423
+
424
+ .suffix-65 {
425
+ margin-right: 65%;
426
+ }
427
+
428
+ .push-65 {
429
+ left: 65%;
430
+ /* <IE7> */
431
+ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
432
+ /* </IE7> */
433
+ }
434
+
435
+ .pull-65 {
436
+ left: -65%;
437
+ /* <IE7> */
438
+ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
439
+ /* </IE7> */
440
+ }
441
+
442
+ .grid-70 {
443
+ float: left;
444
+ width: 70%;
445
+ /* <IE7> */
446
+ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
447
+ /* </IE7> */
448
+ }
449
+
450
+ .prefix-70 {
451
+ margin-left: 70%;
452
+ }
453
+
454
+ .suffix-70 {
455
+ margin-right: 70%;
456
+ }
457
+
458
+ .push-70 {
459
+ left: 70%;
460
+ /* <IE7> */
461
+ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
462
+ /* </IE7> */
463
+ }
464
+
465
+ .pull-70 {
466
+ left: -70%;
467
+ /* <IE7> */
468
+ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
469
+ /* </IE7> */
470
+ }
471
+
472
+ .grid-75 {
473
+ float: left;
474
+ width: 75%;
475
+ /* <IE7> */
476
+ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
477
+ /* </IE7> */
478
+ }
479
+
480
+ .prefix-75 {
481
+ margin-left: 75%;
482
+ }
483
+
484
+ .suffix-75 {
485
+ margin-right: 75%;
486
+ }
487
+
488
+ .push-75 {
489
+ left: 75%;
490
+ /* <IE7> */
491
+ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
492
+ /* </IE7> */
493
+ }
494
+
495
+ .pull-75 {
496
+ left: -75%;
497
+ /* <IE7> */
498
+ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
499
+ /* </IE7> */
500
+ }
501
+
502
+ .grid-80 {
503
+ float: left;
504
+ width: 80%;
505
+ /* <IE7> */
506
+ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
507
+ /* </IE7> */
508
+ }
509
+
510
+ .prefix-80 {
511
+ margin-left: 80%;
512
+ }
513
+
514
+ .suffix-80 {
515
+ margin-right: 80%;
516
+ }
517
+
518
+ .push-80 {
519
+ left: 80%;
520
+ /* <IE7> */
521
+ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
522
+ /* </IE7> */
523
+ }
524
+
525
+ .pull-80 {
526
+ left: -80%;
527
+ /* <IE7> */
528
+ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
529
+ /* </IE7> */
530
+ }
531
+
532
+ .grid-85 {
533
+ float: left;
534
+ width: 85%;
535
+ /* <IE7> */
536
+ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
537
+ /* </IE7> */
538
+ }
539
+
540
+ .prefix-85 {
541
+ margin-left: 85%;
542
+ }
543
+
544
+ .suffix-85 {
545
+ margin-right: 85%;
546
+ }
547
+
548
+ .push-85 {
549
+ left: 85%;
550
+ /* <IE7> */
551
+ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
552
+ /* </IE7> */
553
+ }
554
+
555
+ .pull-85 {
556
+ left: -85%;
557
+ /* <IE7> */
558
+ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
559
+ /* </IE7> */
560
+ }
561
+
562
+ .grid-90 {
563
+ float: left;
564
+ width: 90%;
565
+ /* <IE7> */
566
+ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
567
+ /* </IE7> */
568
+ }
569
+
570
+ .prefix-90 {
571
+ margin-left: 90%;
572
+ }
573
+
574
+ .suffix-90 {
575
+ margin-right: 90%;
576
+ }
577
+
578
+ .push-90 {
579
+ left: 90%;
580
+ /* <IE7> */
581
+ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
582
+ /* </IE7> */
583
+ }
584
+
585
+ .pull-90 {
586
+ left: -90%;
587
+ /* <IE7> */
588
+ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
589
+ /* </IE7> */
590
+ }
591
+
592
+ .grid-95 {
593
+ float: left;
594
+ width: 95%;
595
+ /* <IE7> */
596
+ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
597
+ /* </IE7> */
598
+ }
599
+
600
+ .prefix-95 {
601
+ margin-left: 95%;
602
+ }
603
+
604
+ .suffix-95 {
605
+ margin-right: 95%;
606
+ }
607
+
608
+ .push-95 {
609
+ left: 95%;
610
+ /* <IE7> */
611
+ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
612
+ /* </IE7> */
613
+ }
614
+
615
+ .pull-95 {
616
+ left: -95%;
617
+ /* <IE7> */
618
+ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
619
+ /* </IE7> */
620
+ }
621
+
622
+ .grid-33 {
623
+ float: left;
624
+ width: 33.33333%;
625
+ /* <IE7> */
626
+ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
627
+ /* </IE7> */
628
+ }
629
+
630
+ .prefix-33 {
631
+ margin-left: 33.33333%;
632
+ }
633
+
634
+ .suffix-33 {
635
+ margin-right: 33.33333%;
636
+ }
637
+
638
+ .push-33 {
639
+ left: 33.33333%;
640
+ /* <IE7> */
641
+ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
642
+ /* </IE7> */
643
+ }
644
+
645
+ .pull-33 {
646
+ left: -33.33333%;
647
+ /* <IE7> */
648
+ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
649
+ /* </IE7> */
650
+ }
651
+
652
+ .grid-66 {
653
+ float: left;
654
+ width: 66.66667%;
655
+ /* <IE7> */
656
+ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
657
+ /* </IE7> */
658
+ }
659
+
660
+ .prefix-66 {
661
+ margin-left: 66.66667%;
662
+ }
663
+
664
+ .suffix-66 {
665
+ margin-right: 66.66667%;
666
+ }
667
+
668
+ .push-66 {
669
+ left: 66.66667%;
670
+ /* <IE7> */
671
+ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
672
+ /* </IE7> */
673
+ }
674
+
675
+ .pull-66 {
676
+ left: -66.66667%;
677
+ /* <IE7> */
678
+ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
679
+ /* </IE7> */
680
+ }
681
+
682
+ .grid-100 {
683
+ clear: both;
684
+ width: 100%;
685
+ }