compass-unsemantic 0.1.2 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (83) hide show
  1. checksums.yaml +8 -8
  2. data/README.mkdn +64 -0
  3. data/stylesheets/_compass-unsemantic.sass +2 -13
  4. data/stylesheets/{sass/partials → compass-unsemantic}/_demo.sass +0 -0
  5. data/stylesheets/{sass/partials → compass-unsemantic}/_ie.sass +0 -0
  6. data/stylesheets/{sass/partials → compass-unsemantic}/_reset.sass +0 -0
  7. data/stylesheets/{sass/partials → compass-unsemantic}/_text.sass +0 -0
  8. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-base-tablet.sass +0 -0
  9. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-base.sass +0 -0
  10. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-desktop.sass +0 -0
  11. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-mobile.sass +0 -0
  12. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-responsive-tablet.sass +0 -0
  13. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-responsive.sass +0 -0
  14. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-grid-tablet.sass +0 -0
  15. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-ie-snap.sass +0 -0
  16. data/stylesheets/{sass/partials → compass-unsemantic}/_unsemantic-vars.sass +0 -0
  17. metadata +29 -84
  18. data/stylesheets/javascripts/adapt.min.js +0 -1
  19. data/stylesheets/javascripts/demo.js +0 -76
  20. data/stylesheets/javascripts/html5.js +0 -4
  21. data/stylesheets/javascripts/jquery.js +0 -5
  22. data/stylesheets/sass/demo.sass +0 -4
  23. data/stylesheets/sass/ie-rtl.sass +0 -10
  24. data/stylesheets/sass/ie.sass +0 -3
  25. data/stylesheets/sass/unsemantic-grid-base-no-ie7-rtl.sass +0 -11
  26. data/stylesheets/sass/unsemantic-grid-base-no-ie7.sass +0 -4
  27. data/stylesheets/sass/unsemantic-grid-base-rtl.sass +0 -9
  28. data/stylesheets/sass/unsemantic-grid-base-tablet-no-ie7-rtl.sass +0 -11
  29. data/stylesheets/sass/unsemantic-grid-base-tablet-no-ie7.sass +0 -5
  30. data/stylesheets/sass/unsemantic-grid-base-tablet-rtl.sass +0 -9
  31. data/stylesheets/sass/unsemantic-grid-base-tablet.sass +0 -4
  32. data/stylesheets/sass/unsemantic-grid-base.sass +0 -2
  33. data/stylesheets/sass/unsemantic-grid-desktop-no-ie7-rtl.sass +0 -10
  34. data/stylesheets/sass/unsemantic-grid-desktop-no-ie7.sass +0 -3
  35. data/stylesheets/sass/unsemantic-grid-desktop-rtl.sass +0 -8
  36. data/stylesheets/sass/unsemantic-grid-desktop.sass +0 -1
  37. data/stylesheets/sass/unsemantic-grid-mobile-no-ie7-rtl.sass +0 -10
  38. data/stylesheets/sass/unsemantic-grid-mobile-no-ie7.sass +0 -3
  39. data/stylesheets/sass/unsemantic-grid-mobile-rtl.sass +0 -8
  40. data/stylesheets/sass/unsemantic-grid-mobile.sass +0 -1
  41. data/stylesheets/sass/unsemantic-grid-responsive-no-ie7-rtl.sass +0 -10
  42. data/stylesheets/sass/unsemantic-grid-responsive-no-ie7.sass +0 -3
  43. data/stylesheets/sass/unsemantic-grid-responsive-rtl.sass +0 -8
  44. data/stylesheets/sass/unsemantic-grid-responsive-tablet-no-ie7-rtl.sass +0 -10
  45. data/stylesheets/sass/unsemantic-grid-responsive-tablet-no-ie7.sass +0 -3
  46. data/stylesheets/sass/unsemantic-grid-responsive-tablet-rtl.sass +0 -8
  47. data/stylesheets/sass/unsemantic-grid-responsive-tablet.sass +0 -1
  48. data/stylesheets/sass/unsemantic-grid-responsive.sass +0 -1
  49. data/stylesheets/sass/unsemantic-grid-tablet-no-ie7-rtl.sass +0 -10
  50. data/stylesheets/sass/unsemantic-grid-tablet-no-ie7.sass +0 -3
  51. data/stylesheets/sass/unsemantic-grid-tablet-rtl.sass +0 -8
  52. data/stylesheets/sass/unsemantic-grid-tablet.sass +0 -1
  53. data/stylesheets/stylesheets/demo.css +0 -303
  54. data/stylesheets/stylesheets/ie-rtl.css +0 -1463
  55. data/stylesheets/stylesheets/ie.css +0 -1463
  56. data/stylesheets/stylesheets/unsemantic-grid-base-no-ie7-rtl.css +0 -55
  57. data/stylesheets/stylesheets/unsemantic-grid-base-no-ie7.css +0 -55
  58. data/stylesheets/stylesheets/unsemantic-grid-base-rtl.css +0 -71
  59. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-no-ie7-rtl.css +0 -55
  60. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-no-ie7.css +0 -55
  61. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-rtl.css +0 -71
  62. data/stylesheets/stylesheets/unsemantic-grid-base-tablet.css +0 -71
  63. data/stylesheets/stylesheets/unsemantic-grid-base.css +0 -71
  64. data/stylesheets/stylesheets/unsemantic-grid-desktop-no-ie7-rtl.css +0 -490
  65. data/stylesheets/stylesheets/unsemantic-grid-desktop-no-ie7.css +0 -490
  66. data/stylesheets/stylesheets/unsemantic-grid-desktop-rtl.css +0 -685
  67. data/stylesheets/stylesheets/unsemantic-grid-desktop.css +0 -685
  68. data/stylesheets/stylesheets/unsemantic-grid-mobile-no-ie7-rtl.css +0 -490
  69. data/stylesheets/stylesheets/unsemantic-grid-mobile-no-ie7.css +0 -490
  70. data/stylesheets/stylesheets/unsemantic-grid-mobile-rtl.css +0 -685
  71. data/stylesheets/stylesheets/unsemantic-grid-mobile.css +0 -685
  72. data/stylesheets/stylesheets/unsemantic-grid-responsive-no-ie7-rtl.css +0 -1044
  73. data/stylesheets/stylesheets/unsemantic-grid-responsive-no-ie7.css +0 -1044
  74. data/stylesheets/stylesheets/unsemantic-grid-responsive-rtl.css +0 -1450
  75. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-no-ie7-rtl.css +0 -1536
  76. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-no-ie7.css +0 -1536
  77. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-rtl.css +0 -2137
  78. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet.css +0 -2137
  79. data/stylesheets/stylesheets/unsemantic-grid-responsive.css +0 -1450
  80. data/stylesheets/stylesheets/unsemantic-grid-tablet-no-ie7-rtl.css +0 -490
  81. data/stylesheets/stylesheets/unsemantic-grid-tablet-no-ie7.css +0 -490
  82. data/stylesheets/stylesheets/unsemantic-grid-tablet-rtl.css +0 -685
  83. data/stylesheets/stylesheets/unsemantic-grid-tablet.css +0 -685
@@ -1,685 +0,0 @@
1
- .mobile-grid-100:before,
2
- .mobile-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
- .mobile-grid-100:after {
14
- clear: both;
15
- }
16
-
17
- .mobile-grid-100 {
18
- /* <IE7> */
19
- *zoom: 1;
20
- /* </IE7> */
21
- }
22
-
23
- .mobile-push-5,
24
- .mobile-pull-5, .mobile-push-10,
25
- .mobile-pull-10, .mobile-push-15,
26
- .mobile-pull-15, .mobile-push-20,
27
- .mobile-pull-20, .mobile-push-25,
28
- .mobile-pull-25, .mobile-push-30,
29
- .mobile-pull-30, .mobile-push-35,
30
- .mobile-pull-35, .mobile-push-40,
31
- .mobile-pull-40, .mobile-push-45,
32
- .mobile-pull-45, .mobile-push-50,
33
- .mobile-pull-50, .mobile-push-55,
34
- .mobile-pull-55, .mobile-push-60,
35
- .mobile-pull-60, .mobile-push-65,
36
- .mobile-pull-65, .mobile-push-70,
37
- .mobile-pull-70, .mobile-push-75,
38
- .mobile-pull-75, .mobile-push-80,
39
- .mobile-pull-80, .mobile-push-85,
40
- .mobile-pull-85, .mobile-push-90,
41
- .mobile-pull-90, .mobile-push-95,
42
- .mobile-pull-95, .mobile-push-33,
43
- .mobile-pull-33, .mobile-push-66,
44
- .mobile-pull-66 {
45
- position: relative;
46
- }
47
-
48
- .hide-on-mobile {
49
- display: none !important;
50
- }
51
-
52
- .mobile-grid-5 {
53
- float: right;
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
- .mobile-prefix-5 {
61
- margin-right: 5%;
62
- }
63
-
64
- .mobile-suffix-5 {
65
- margin-left: 5%;
66
- }
67
-
68
- .mobile-push-5 {
69
- right: 5%;
70
- /* <IE7> */
71
- *right: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
72
- /* </IE7> */
73
- }
74
-
75
- .mobile-pull-5 {
76
- right: -5%;
77
- /* <IE7> */
78
- *right: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
79
- /* </IE7> */
80
- }
81
-
82
- .mobile-grid-10 {
83
- float: right;
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
- .mobile-prefix-10 {
91
- margin-right: 10%;
92
- }
93
-
94
- .mobile-suffix-10 {
95
- margin-left: 10%;
96
- }
97
-
98
- .mobile-push-10 {
99
- right: 10%;
100
- /* <IE7> */
101
- *right: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
102
- /* </IE7> */
103
- }
104
-
105
- .mobile-pull-10 {
106
- right: -10%;
107
- /* <IE7> */
108
- *right: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
109
- /* </IE7> */
110
- }
111
-
112
- .mobile-grid-15 {
113
- float: right;
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
- .mobile-prefix-15 {
121
- margin-right: 15%;
122
- }
123
-
124
- .mobile-suffix-15 {
125
- margin-left: 15%;
126
- }
127
-
128
- .mobile-push-15 {
129
- right: 15%;
130
- /* <IE7> */
131
- *right: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
132
- /* </IE7> */
133
- }
134
-
135
- .mobile-pull-15 {
136
- right: -15%;
137
- /* <IE7> */
138
- *right: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
139
- /* </IE7> */
140
- }
141
-
142
- .mobile-grid-20 {
143
- float: right;
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
- .mobile-prefix-20 {
151
- margin-right: 20%;
152
- }
153
-
154
- .mobile-suffix-20 {
155
- margin-left: 20%;
156
- }
157
-
158
- .mobile-push-20 {
159
- right: 20%;
160
- /* <IE7> */
161
- *right: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
162
- /* </IE7> */
163
- }
164
-
165
- .mobile-pull-20 {
166
- right: -20%;
167
- /* <IE7> */
168
- *right: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
169
- /* </IE7> */
170
- }
171
-
172
- .mobile-grid-25 {
173
- float: right;
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
- .mobile-prefix-25 {
181
- margin-right: 25%;
182
- }
183
-
184
- .mobile-suffix-25 {
185
- margin-left: 25%;
186
- }
187
-
188
- .mobile-push-25 {
189
- right: 25%;
190
- /* <IE7> */
191
- *right: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
192
- /* </IE7> */
193
- }
194
-
195
- .mobile-pull-25 {
196
- right: -25%;
197
- /* <IE7> */
198
- *right: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
199
- /* </IE7> */
200
- }
201
-
202
- .mobile-grid-30 {
203
- float: right;
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
- .mobile-prefix-30 {
211
- margin-right: 30%;
212
- }
213
-
214
- .mobile-suffix-30 {
215
- margin-left: 30%;
216
- }
217
-
218
- .mobile-push-30 {
219
- right: 30%;
220
- /* <IE7> */
221
- *right: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
222
- /* </IE7> */
223
- }
224
-
225
- .mobile-pull-30 {
226
- right: -30%;
227
- /* <IE7> */
228
- *right: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
229
- /* </IE7> */
230
- }
231
-
232
- .mobile-grid-35 {
233
- float: right;
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
- .mobile-prefix-35 {
241
- margin-right: 35%;
242
- }
243
-
244
- .mobile-suffix-35 {
245
- margin-left: 35%;
246
- }
247
-
248
- .mobile-push-35 {
249
- right: 35%;
250
- /* <IE7> */
251
- *right: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
252
- /* </IE7> */
253
- }
254
-
255
- .mobile-pull-35 {
256
- right: -35%;
257
- /* <IE7> */
258
- *right: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
259
- /* </IE7> */
260
- }
261
-
262
- .mobile-grid-40 {
263
- float: right;
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
- .mobile-prefix-40 {
271
- margin-right: 40%;
272
- }
273
-
274
- .mobile-suffix-40 {
275
- margin-left: 40%;
276
- }
277
-
278
- .mobile-push-40 {
279
- right: 40%;
280
- /* <IE7> */
281
- *right: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
282
- /* </IE7> */
283
- }
284
-
285
- .mobile-pull-40 {
286
- right: -40%;
287
- /* <IE7> */
288
- *right: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
289
- /* </IE7> */
290
- }
291
-
292
- .mobile-grid-45 {
293
- float: right;
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
- .mobile-prefix-45 {
301
- margin-right: 45%;
302
- }
303
-
304
- .mobile-suffix-45 {
305
- margin-left: 45%;
306
- }
307
-
308
- .mobile-push-45 {
309
- right: 45%;
310
- /* <IE7> */
311
- *right: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
312
- /* </IE7> */
313
- }
314
-
315
- .mobile-pull-45 {
316
- right: -45%;
317
- /* <IE7> */
318
- *right: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
319
- /* </IE7> */
320
- }
321
-
322
- .mobile-grid-50 {
323
- float: right;
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
- .mobile-prefix-50 {
331
- margin-right: 50%;
332
- }
333
-
334
- .mobile-suffix-50 {
335
- margin-left: 50%;
336
- }
337
-
338
- .mobile-push-50 {
339
- right: 50%;
340
- /* <IE7> */
341
- *right: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
342
- /* </IE7> */
343
- }
344
-
345
- .mobile-pull-50 {
346
- right: -50%;
347
- /* <IE7> */
348
- *right: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
349
- /* </IE7> */
350
- }
351
-
352
- .mobile-grid-55 {
353
- float: right;
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
- .mobile-prefix-55 {
361
- margin-right: 55%;
362
- }
363
-
364
- .mobile-suffix-55 {
365
- margin-left: 55%;
366
- }
367
-
368
- .mobile-push-55 {
369
- right: 55%;
370
- /* <IE7> */
371
- *right: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
372
- /* </IE7> */
373
- }
374
-
375
- .mobile-pull-55 {
376
- right: -55%;
377
- /* <IE7> */
378
- *right: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
379
- /* </IE7> */
380
- }
381
-
382
- .mobile-grid-60 {
383
- float: right;
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
- .mobile-prefix-60 {
391
- margin-right: 60%;
392
- }
393
-
394
- .mobile-suffix-60 {
395
- margin-left: 60%;
396
- }
397
-
398
- .mobile-push-60 {
399
- right: 60%;
400
- /* <IE7> */
401
- *right: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
402
- /* </IE7> */
403
- }
404
-
405
- .mobile-pull-60 {
406
- right: -60%;
407
- /* <IE7> */
408
- *right: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
409
- /* </IE7> */
410
- }
411
-
412
- .mobile-grid-65 {
413
- float: right;
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
- .mobile-prefix-65 {
421
- margin-right: 65%;
422
- }
423
-
424
- .mobile-suffix-65 {
425
- margin-left: 65%;
426
- }
427
-
428
- .mobile-push-65 {
429
- right: 65%;
430
- /* <IE7> */
431
- *right: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
432
- /* </IE7> */
433
- }
434
-
435
- .mobile-pull-65 {
436
- right: -65%;
437
- /* <IE7> */
438
- *right: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
439
- /* </IE7> */
440
- }
441
-
442
- .mobile-grid-70 {
443
- float: right;
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
- .mobile-prefix-70 {
451
- margin-right: 70%;
452
- }
453
-
454
- .mobile-suffix-70 {
455
- margin-left: 70%;
456
- }
457
-
458
- .mobile-push-70 {
459
- right: 70%;
460
- /* <IE7> */
461
- *right: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
462
- /* </IE7> */
463
- }
464
-
465
- .mobile-pull-70 {
466
- right: -70%;
467
- /* <IE7> */
468
- *right: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
469
- /* </IE7> */
470
- }
471
-
472
- .mobile-grid-75 {
473
- float: right;
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
- .mobile-prefix-75 {
481
- margin-right: 75%;
482
- }
483
-
484
- .mobile-suffix-75 {
485
- margin-left: 75%;
486
- }
487
-
488
- .mobile-push-75 {
489
- right: 75%;
490
- /* <IE7> */
491
- *right: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
492
- /* </IE7> */
493
- }
494
-
495
- .mobile-pull-75 {
496
- right: -75%;
497
- /* <IE7> */
498
- *right: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
499
- /* </IE7> */
500
- }
501
-
502
- .mobile-grid-80 {
503
- float: right;
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
- .mobile-prefix-80 {
511
- margin-right: 80%;
512
- }
513
-
514
- .mobile-suffix-80 {
515
- margin-left: 80%;
516
- }
517
-
518
- .mobile-push-80 {
519
- right: 80%;
520
- /* <IE7> */
521
- *right: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
522
- /* </IE7> */
523
- }
524
-
525
- .mobile-pull-80 {
526
- right: -80%;
527
- /* <IE7> */
528
- *right: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
529
- /* </IE7> */
530
- }
531
-
532
- .mobile-grid-85 {
533
- float: right;
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
- .mobile-prefix-85 {
541
- margin-right: 85%;
542
- }
543
-
544
- .mobile-suffix-85 {
545
- margin-left: 85%;
546
- }
547
-
548
- .mobile-push-85 {
549
- right: 85%;
550
- /* <IE7> */
551
- *right: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
552
- /* </IE7> */
553
- }
554
-
555
- .mobile-pull-85 {
556
- right: -85%;
557
- /* <IE7> */
558
- *right: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
559
- /* </IE7> */
560
- }
561
-
562
- .mobile-grid-90 {
563
- float: right;
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
- .mobile-prefix-90 {
571
- margin-right: 90%;
572
- }
573
-
574
- .mobile-suffix-90 {
575
- margin-left: 90%;
576
- }
577
-
578
- .mobile-push-90 {
579
- right: 90%;
580
- /* <IE7> */
581
- *right: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
582
- /* </IE7> */
583
- }
584
-
585
- .mobile-pull-90 {
586
- right: -90%;
587
- /* <IE7> */
588
- *right: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
589
- /* </IE7> */
590
- }
591
-
592
- .mobile-grid-95 {
593
- float: right;
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
- .mobile-prefix-95 {
601
- margin-right: 95%;
602
- }
603
-
604
- .mobile-suffix-95 {
605
- margin-left: 95%;
606
- }
607
-
608
- .mobile-push-95 {
609
- right: 95%;
610
- /* <IE7> */
611
- *right: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
612
- /* </IE7> */
613
- }
614
-
615
- .mobile-pull-95 {
616
- right: -95%;
617
- /* <IE7> */
618
- *right: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
619
- /* </IE7> */
620
- }
621
-
622
- .mobile-grid-33 {
623
- float: right;
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
- .mobile-prefix-33 {
631
- margin-right: 33.33333%;
632
- }
633
-
634
- .mobile-suffix-33 {
635
- margin-left: 33.33333%;
636
- }
637
-
638
- .mobile-push-33 {
639
- right: 33.33333%;
640
- /* <IE7> */
641
- *right: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
642
- /* </IE7> */
643
- }
644
-
645
- .mobile-pull-33 {
646
- right: -33.33333%;
647
- /* <IE7> */
648
- *right: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
649
- /* </IE7> */
650
- }
651
-
652
- .mobile-grid-66 {
653
- float: right;
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
- .mobile-prefix-66 {
661
- margin-right: 66.66667%;
662
- }
663
-
664
- .mobile-suffix-66 {
665
- margin-left: 66.66667%;
666
- }
667
-
668
- .mobile-push-66 {
669
- right: 66.66667%;
670
- /* <IE7> */
671
- *right: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
672
- /* </IE7> */
673
- }
674
-
675
- .mobile-pull-66 {
676
- right: -66.66667%;
677
- /* <IE7> */
678
- *right: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
679
- /* </IE7> */
680
- }
681
-
682
- .mobile-grid-100 {
683
- clear: both;
684
- width: 100%;
685
- }