← Back to branch summary

~ted/lazr-js/annoying-debug-message

« back to all changes in this revision

Viewing changes to src-js/lazrjs/yui/cssgrids/grids-context.css

  • Committer: Launchpad Patch Queue Manager
  • Date: 2010-09-09 14:20:30 UTC
  • mfrom: (182.1.3 yui-3.2)
  • Revision ID: launchpad@pqm.canonical.com-20100909142030-13w6vo0ixfysxc15
[r=beuno] Update lazr-js to yui-3.2

Show diffs side-by-side

added added

removed removed

Lines of Context:
src-js/lazrjs/yui/cssgrids/grids-context.css
1
 
/*
2
 
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
3
 
Code licensed under the BSD License:
4
 
http://developer.yahoo.com/yui/license.html
5
 
version: 3.1.2
6
 
build: 56
7
 
*/
8
 
/*
9
 
*
10
 
* The YUI CSS Foundation uses the *property and _property CSS filter
11
 
* techniques to shield a value from A-grade browsers [1] other than
12
 
* IE6 & IE7 (*property) and IE6 (_property)
13
 
*
14
 
/
15
 
Section: General Rules
16
 
*/
17
 
.yui3-cssgrids body {
18
 
        /* center the page */
19
 
        text-align: center;
20
 
        margin-left: auto;
21
 
        margin-right: auto;
22
 
}
23
 
/*
24
 
Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
25
 
*/
26
 
/*
27
 
Subsection: General
28
 
*/
29
 
.yui3-cssgrids .yui3-d0, /* 100% */
30
 
.yui3-cssgrids .yui3-d1, /* 750px */
31
 
.yui3-cssgrids .yui3-d1f, /* 750px fixed */
32
 
.yui3-cssgrids .yui3-d2, /* 950px */
33
 
.yui3-cssgrids .yui3-d2f, /* 950px fixed */
34
 
.yui3-cssgrids .yui3-d3, /* 974px */
35
 
.yui3-cssgrids .yui3-d3f { /* 974px fixed */
36
 
        margin: auto;
37
 
        text-align: left;
38
 
        width: 57.69em;
39
 
        *width: 56.25em; /* doc1*/
40
 
}
41
 
 
42
 
.yui3-cssgrids .yui3-t1,
43
 
.yui3-cssgrids .yui3-t2,
44
 
.yui3-cssgrids .yui3-t3,
45
 
.yui3-cssgrids .yui3-t4,
46
 
.yui3-cssgrids .yui3-t5,
47
 
.yui3-cssgrids .yui3-t6 {
48
 
        margin: auto;
49
 
        text-align: left;
50
 
        width: 100%;
51
 
}
52
 
 
53
 
/*
54
 
Subsection: 100% (doc)
55
 
*/
56
 
.yui3-cssgrids .yui3-d0 {
57
 
        /* Left and Right margins are not a structural part of Grids. Without them Grids
58
 
        works fine, but content bleeds to the very edge of the document, which often
59
 
        impairs readability and usability. They are
60
 
        provided because they prevent the content from "bleeding" into the browser's chrome.*/
61
 
        margin: auto 10px;
62
 
        width: auto;
63
 
}
64
 
.yui3-cssgrids .yui3-d0f {
65
 
        width: 100%;
66
 
}
67
 
 
68
 
/*
69
 
Subsection: 950 Centered (doc2)
70
 
*/
71
 
.yui3-cssgrids .yui3-d2 {
72
 
        width: 73.076em;
73
 
        *width: 71.25em;
74
 
}
75
 
.yui3-cssgrids .yui3-d2f {
76
 
        width: 950px;
77
 
}
78
 
/*
79
 
Subsection: 974 Centered (doc3)
80
 
*/
81
 
.yui3-cssgrids .yui3-d3 {
82
 
        width: 74.923em;
83
 
        *width: 73.05em;
84
 
}
85
 
.yui3-cssgrids .yui3-d3f {
86
 
        width: 974px;
87
 
}
88
 
/*
89
 
Section: Preset Template Rules (.yui3-t[1-6])
90
 
*/
91
 
/*
92
 
Subsection: General
93
 
*/
94
 
 
95
 
/* to preserve source-order independence for Gecko without breaking IE */
96
 
.yui3-cssgrids .yui3-b {
97
 
        position: relative;
98
 
}
99
 
.yui3-cssgrids .yui3-b {
100
 
        _position: static;
101
 
}
102
 
.yui3-cssgrids .yui3-main .yui3-b {
103
 
        position: static;
104
 
}
105
 
.yui3-cssgrids .yui3-main {
106
 
        width: 100%;
107
 
}
108
 
.yui3-cssgrids .yui3-t1 .yui3-main,
109
 
.yui3-cssgrids .yui3-t2 .yui3-main,
110
 
.yui3-cssgrids .yui3-t3 .yui3-main {
111
 
        float: right;
112
 
        /* IE: preserve layout at narrow widths */
113
 
        margin-left: -25em;
114
 
}
115
 
.yui3-cssgrids .yui3-t4 .yui3-main,
116
 
.yui3-cssgrids .yui3-t5 .yui3-main,
117
 
.yui3-cssgrids .yui3-t6 .yui3-main {
118
 
        float: left;
119
 
        /* IE: preserve layout at narrow widths */
120
 
        margin-right: -25em;
121
 
}
122
 
 
123
 
/* Subsection: For Specific Template Presets */
124
 
 
125
 
/**
126
 
* Nudge down to get to 13px equivalent for these form elements
127
 
*/
128
 
 
129
 
/*
130
 
TODO Create t1-6's that are based on fixed widths
131
 
*/
132
 
/* t1 narrow block = left, equivalent of 160px */
133
 
.yui3-cssgrids .yui3-t1 .yui3-b {
134
 
        float: left;
135
 
        width: 12.30769em;
136
 
        *width: 12.00em;
137
 
}
138
 
.yui3-cssgrids .yui3-t1 .yui3-main .yui3-b {
139
 
        margin-left: 13.30769em;
140
 
        *margin-left:12.975em;
141
 
}
142
 
/* t2 narrow block = left, equivalent of 180px */
143
 
.yui3-cssgrids .yui3-t2 .yui3-b {
144
 
        float: left;
145
 
        width: 13.84615em;
146
 
        *width: 13.50em;
147
 
}
148
 
.yui3-cssgrids .yui3-t2 .yui3-main .yui3-b {
149
 
        margin-left: 14.84615em;
150
 
        *margin-left: 14.475em;
151
 
}
152
 
/* t3 narrow block = left, equivalent of 300px */
153
 
.yui3-cssgrids .yui3-t3 .yui3-b {
154
 
        float: left;
155
 
        width: 23.0769em;
156
 
        *width: 22.50em;
157
 
}
158
 
.yui3-cssgrids .yui3-t3 .yui3-main .yui3-b {
159
 
        margin-left: 24.0769em;
160
 
        *margin-left: 23.475em;
161
 
}
162
 
/* t4 narrow block = right, equivalent of 180px */
163
 
.yui3-cssgrids .yui3-t4 .yui3-b {
164
 
        float: right;
165
 
        width: 13.8456em;
166
 
        *width: 13.50em;
167
 
}
168
 
.yui3-cssgrids .yui3-t4 .yui3-main .yui3-b {
169
 
        margin-right: 14.8456em;
170
 
        *margin-right: 14.475em;
171
 
}
172
 
/* t5 narrow block = right, equivalent of 240px */
173
 
.yui3-cssgrids .yui3-t5 .yui3-b {
174
 
        float: right;
175
 
        width: 18.4615em;
176
 
        *width: 18.00em;
177
 
}
178
 
.yui3-cssgrids .yui3-t5 .yui3-main .yui3-b {
179
 
        margin-right: 19.4615em;
180
 
        *margin-right: 18.975em;
181
 
}
182
 
/* t6 narrow block = equivalent of 300px */
183
 
.yui3-cssgrids .yui3-t6 .yui3-b {
184
 
        float: right;
185
 
        width: 23.0769em;
186
 
        *width: 22.50em;
187
 
}
188
 
.yui3-cssgrids .yui3-t6 .yui3-main .yui3-b {
189
 
        margin-right: 24.0769em;
190
 
        *margin-right: 23.475em;
191
 
}
192
 
 
193
 
.yui3-cssgrids .yui3-main .yui3-b {
194
 
        float: none;
195
 
        width: auto;
196
 
}
197
 
 
198
 
/*
199
 
Section: Grids and Nesting Grids
200
 
*/
201
 
 
202
 
/*
203
 
Subsection: Children generally take half the available space
204
 
*/
205
 
 
206
 
.yui3-cssgrids .yui3-gb .yui3-u,
207
 
.yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
208
 
.yui3-cssgrids .yui3-gb .yui3-g,
209
 
.yui3-cssgrids .yui3-gb .yui3-gb,
210
 
.yui3-cssgrids .yui3-gb .yui3-gc,
211
 
.yui3-cssgrids .yui3-gb .yui3-gd,
212
 
.yui3-cssgrids .yui3-gb .yui3-ge,
213
 
.yui3-cssgrids .yui3-gb .yui3-gf,
214
 
.yui3-cssgrids .yui3-gc .yui3-u,
215
 
.yui3-cssgrids .yui3-gc .yui3-g,
216
 
.yui3-cssgrids .yui3-gd .yui3-u {
217
 
        float: left;
218
 
}
219
 
 
220
 
/*Float units (and sub grids) to the right */
221
 
.yui3-cssgrids .yui3-g .yui3-u,
222
 
.yui3-cssgrids .yui3-g .yui3-g,
223
 
.yui3-cssgrids .yui3-g .yui3-gb,
224
 
.yui3-cssgrids .yui3-g .yui3-gc,
225
 
.yui3-cssgrids .yui3-g .yui3-gd,
226
 
.yui3-cssgrids .yui3-g .yui3-ge,
227
 
.yui3-cssgrids .yui3-g .yui3-gf,
228
 
.yui3-cssgrids .yui3-gc .yui3-u,
229
 
.yui3-cssgrids .yui3-gd .yui3-g,
230
 
.yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
231
 
.yui3-cssgrids .yui3-ge .yui3-u,
232
 
.yui3-cssgrids .yui3-ge .yui3-g,
233
 
.yui3-cssgrids .yui3-gf .yui3-g,
234
 
.yui3-cssgrids .yui3-gf .yui3-u {
235
 
        float: right;
236
 
}
237
 
 
238
 
/*Float units (and sub grids) to the left */
239
 
.yui3-cssgrids .yui3-g div.first,
240
 
.yui3-cssgrids .yui3-gb div.first,
241
 
.yui3-cssgrids .yui3-gc div.first,
242
 
.yui3-cssgrids .yui3-gd div.first,
243
 
.yui3-cssgrids .yui3-ge div.first,
244
 
.yui3-cssgrids .yui3-gf div.first,
245
 
.yui3-cssgrids .yui3-g .yui3-gc div.first,
246
 
.yui3-cssgrids .yui3-g .yui3-ge div.first,
247
 
.yui3-cssgrids .yui3-gc div.first div.first {
248
 
        float: left;
249
 
}
250
 
 
251
 
.yui3-cssgrids .yui3-g .yui3-u,
252
 
.yui3-cssgrids .yui3-g .yui3-g,
253
 
.yui3-cssgrids .yui3-g .yui3-gb,
254
 
.yui3-cssgrids .yui3-g .yui3-gc,
255
 
.yui3-cssgrids .yui3-g .yui3-gd,
256
 
.yui3-cssgrids .yui3-g .yui3-ge,
257
 
.yui3-cssgrids .yui3-g .yui3-gf {
258
 
        width: 49.1%;
259
 
}
260
 
 
261
 
.yui3-cssgrids .yui3-gb .yui3-u,
262
 
.yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
263
 
.yui3-cssgrids .yui3-gb .yui3-g,
264
 
.yui3-cssgrids .yui3-gb .yui3-gb,
265
 
.yui3-cssgrids .yui3-gb .yui3-gc,
266
 
.yui3-cssgrids .yui3-gb .yui3-gd,
267
 
.yui3-cssgrids .yui3-gb .yui3-ge,
268
 
.yui3-cssgrids .yui3-gb .yui3-gf,
269
 
.yui3-cssgrids .yui3-gc .yui3-u,
270
 
.yui3-cssgrids .yui3-gc .yui3-g,
271
 
.yui3-cssgrids .yui3-gd .yui3-u {
272
 
        width: 32%;
273
 
        margin-left: 2.0%;
274
 
}
275
 
 
276
 
/* Give IE some extra breathing room for 1/3-based rounding issues */
277
 
.yui3-cssgrids .yui3-gb .yui3-u {
278
 
        *width: 31.8%;
279
 
        *margin-left: 1.9%;
280
 
}
281
 
 
282
 
.yui3-cssgrids .yui3-gc div.first,
283
 
.yui3-cssgrids .yui3-gd .yui3-u {
284
 
        width: 66%;
285
 
        _width: 65.7%;
286
 
}
287
 
.yui3-cssgrids .yui3-gd div.first {
288
 
        width: 32%;
289
 
        _width: 31.5%;
290
 
}
291
 
 
292
 
.yui3-cssgrids .yui3-ge div.first,
293
 
.yui3-cssgrids .yui3-gf .yui3-u {
294
 
        width: 74.2%;
295
 
        _width: 74%;
296
 
}
297
 
 
298
 
.yui3-cssgrids .yui3-ge .yui3-u,
299
 
.yui3-cssgrids .yui3-gf div.first {
300
 
        width: 24%;
301
 
        _width: 23.8%;
302
 
}
303
 
 
304
 
.yui3-cssgrids .yui3-g .yui3-gb div.first,
305
 
.yui3-cssgrids .yui3-gb div.first,
306
 
.yui3-cssgrids .yui3-gc div.first,
307
 
.yui3-cssgrids .yui3-gd div.first {
308
 
        margin-left: 0;
309
 
}
310
 
 
311
 
/*
312
 
Section: Deep Nesting
313
 
*/
314
 
.yui3-cssgrids .yui3-g .yui3-g .yui3-u,
315
 
.yui3-cssgrids .yui3-gb .yui3-g .yui3-u,
316
 
.yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
317
 
.yui3-cssgrids .yui3-gd .yui3-g .yui3-u,
318
 
.yui3-cssgrids .yui3-ge .yui3-g .yui3-u,
319
 
.yui3-cssgrids .yui3-gf .yui3-g .yui3-u {
320
 
        width: 49%;
321
 
        *width: 48.1%;
322
 
        *margin-left: 0;
323
 
}
324
 
 
325
 
.yui3-cssgrids .yui3-g .yui3-gb div.first,
326
 
.yui3-cssgrids .yui3-gb .yui3-gb div.first {
327
 
        *margin-right: 0;
328
 
        *width: 32%;
329
 
        _width: 31.7%;
330
 
}
331
 
 
332
 
.yui3-cssgrids .yui3-g .yui3-gc div.first,
333
 
.yui3-cssgrids .yui3-gd .yui3-g {
334
 
        width: 66%;
335
 
}
336
 
 
337
 
.yui3-cssgrids .yui3-gb .yui3-g div.first {
338
 
        *margin-right: 4%;
339
 
        _margin-right: 1.3%;
340
 
}
341
 
 
342
 
.yui3-cssgrids .yui3-gb .yui3-gc div.first,
343
 
.yui3-cssgrids .yui3-gb .yui3-gd div.first {
344
 
        *margin-right: 0;
345
 
}
346
 
 
347
 
.yui3-cssgrids .yui3-gb .yui3-gb .yui3-u,
348
 
.yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
349
 
        *margin-left: 1.8%;
350
 
        _margin-left: 4%;
351
 
}
352
 
 
353
 
.yui3-cssgrids .yui3-g .yui3-gb .yui3-u {
354
 
        _margin-left: 1.0%;
355
 
}
356
 
 
357
 
.yui3-cssgrids .yui3-gb .yui3-gd .yui3-u {
358
 
        *width: 66%;
359
 
        _width: 61.2%;
360
 
}
361
 
.yui3-cssgrids .yui3-gb .yui3-gd div.first {
362
 
        *width: 31%;
363
 
        _width: 29.5%;
364
 
}
365
 
 
366
 
.yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
367
 
.yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
368
 
        width: 32%;
369
 
        _float: right;
370
 
        margin-right: 0;
371
 
        _margin-left: 0;
372
 
}
373
 
.yui3-cssgrids .yui3-gb .yui3-gc div.first {
374
 
        width: 66%;
375
 
        *float: left;
376
 
        *margin-left: 0;
377
 
}
378
 
 
379
 
.yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
380
 
.yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
381
 
        margin: 0;
382
 
}
383
 
 
384
 
.yui3-cssgrids .yui3-gb .yui3-gb .yui3-u {
385
 
        _margin-left: .7%;
386
 
}
387
 
 
388
 
.yui3-cssgrids .yui3-gb .yui3-g div.first,
389
 
.yui3-cssgrids .yui3-gb .yui3-gb div.first {
390
 
        *margin-left:0;
391
 
}
392
 
 
393
 
.yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
394
 
.yui3-cssgrids .yui3-gd .yui3-g .yui3-u {
395
 
        *width: 48.1%;
396
 
        *margin-left: 0;
397
 
}
398
 
 
399
 
.yui3-cssgrids .yui3-gb .yui3-gd div.first {
400
 
        width: 32%;
401
 
}
402
 
.yui3-cssgrids .yui3-g .yui3-gd div.first {
403
 
        _width: 29.9%;
404
 
}
405
 
 
406
 
.yui3-cssgrids .yui3-ge .yui3-g {
407
 
        width: 24%;
408
 
}
409
 
.yui3-cssgrids .yui3-gf .yui3-g {
410
 
        width: 74.2%;
411
 
}
412
 
 
413
 
.yui3-cssgrids .yui3-gb .yui3-ge div.yui3-u,
414
 
.yui3-cssgrids .yui3-gb .yui3-gf div.yui3-u {
415
 
        float: right;
416
 
}
417
 
.yui3-cssgrids .yui3-gb .yui3-ge div.first,
418
 
.yui3-cssgrids .yui3-gb .yui3-gf div.first {
419
 
        float: left;
420
 
}
421
 
 
422
 
/* Width Accommodation for Nested Contexts */
423
 
.yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
424
 
.yui3-cssgrids .yui3-gb .yui3-gf div.first {
425
 
        *width: 24%;
426
 
        _width: 20%;
427
 
}
428
 
 
429
 
/* Width Accommodation for Nested Contexts */
430
 
 
431
 
.yui3-cssgrids .yui3-gc .yui3-gf .yui3-u {
432
 
        width: 74%;
433
 
        _width: 73%;
434
 
}
435
 
 
436
 
.yui3-cssgrids .yui3-gc .yui3-gf div.first {
437
 
        width: 24%;
438
 
}
439
 
 
440
 
.yui3-cssgrids .yui3-gb .yui3-ge div.first,
441
 
.yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
442
 
        *width: 73.5%;
443
 
        _width: 65.5%;
444
 
}
445
 
 
446
 
/* Patch for GD within GE */
447
 
.yui3-cssgrids .yui3-ge div.first .yui3-gd .yui3-u {
448
 
        width: 65%;
449
 
}
450
 
.yui3-cssgrids .yui3-ge div.first .yui3-gd div.first {
451
 
        width: 32%;
452
 
}
453
 
 
454
 
/*
455
 
Section: Clearing. zoom for IE, :after for others
456
 
*/
457
 
 
458
 
.yui3-cssgrids #bd:after,
459
 
.yui3-cssgrids .yui3-g:after,
460
 
.yui3-cssgrids .yui3-gb:after,
461
 
.yui3-cssgrids .yui3-gc:after,
462
 
.yui3-cssgrids .yui3-gd:after,
463
 
.yui3-cssgrids .yui3-ge:after,
464
 
.yui3-cssgrids .yui3-gf:after,
465
 
.yui3-cssgrids .yui3-t1:after,
466
 
.yui3-cssgrids .yui3-t2:after,
467
 
.yui3-cssgrids .yui3-t3:after,
468
 
.yui3-cssgrids .yui3-t4:after,
469
 
.yui3-cssgrids .yui3-t5:after,
470
 
.yui3-cssgrids .yui3-t6:after {
471
 
        content: ".";
472
 
        display: block;
473
 
        height: 0;
474
 
        clear: both;
475
 
        visibility: hidden;
476
 
}
477
 
.yui3-cssgrids #bd,
478
 
.yui3-cssgrids .yui3-g,
479
 
.yui3-cssgrids .yui3-gb,
480
 
.yui3-cssgrids .yui3-gc,
481
 
.yui3-cssgrids .yui3-gd,
482
 
.yui3-cssgrids .yui3-ge,
483
 
.yui3-cssgrids .yui3-gf,
484
 
.yui3-cssgrids .yui3-t1,
485
 
.yui3-cssgrids .yui3-t2,
486
 
.yui3-cssgrids .yui3-t3,
487
 
.yui3-cssgrids .yui3-t4,
488
 
.yui3-cssgrids .yui3-t5,
489
 
.yui3-cssgrids .yui3-t6 {
490
 
        zoom: 1;
491
 
}
 
 
b'\\ No newline at end of file'