← Back to branch summary

~ubuntu-branches/ubuntu/utopic/moodle/utopic

« back to all changes in this revision

Viewing changes to lib/yuilib/3.9.1/build/cssgrids-context-deprecated/grids-context.css

  • Committer: Package Import Robot
  • Author(s): Thijs Kinkhorst
  • Date: 2014-05-12 16:10:38 UTC
  • mfrom: (36.1.3 sid)
  • Revision ID: package-import@ubuntu.com-20140512161038-puyqf65k4e0s8ytz
Tags: 2.6.3-1
New upstream release.

Show diffs side-by-side

added added

removed removed

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