← Back to branch summary

~loggerhead-team/loggerhead/trunk-rich

« back to all changes in this revision

Viewing changes to loggerhead/static/javascript/yui/build/cssgrids/grids.css

  • Committer: Matt Nordhoff
  • Date: 2010-02-26 04:37:13 UTC
  • mfrom: (400 trunk)
  • mto: This revision was merged to the branch mainline in revision 401.
  • Revision ID: mnordhoff@mattnordhoff.com-20100226043713-7mw3r6dr9qowutmi
Merge trunk for NEWS

Show diffs side-by-side

added added

removed removed

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