~loggerhead-team/loggerhead/trunk-rich

« back to all changes in this revision

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

  • Committer: Paul Hummer
  • Date: 2008-10-20 07:34:21 UTC
  • mto: This revision was merged to the branch mainline in revision 230.
  • Revision ID: paul@ubuntu.com-20081020073421-23tcue15338zryqq
Added forgotten library

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
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.0pr1
 
6
*/
 
7
/*
 
8
        TODO README: removed yui-t7
 
9
*/
 
10
 
 
11
/**
 
12
 *
 
13
 * The YUI CSS Foundation uses the *property and _property CSS filter 
 
14
 * techniques to shield a value from A-grade browsers [1] other than 
 
15
 * IE6 & IE7 (*property) and IE6 (_property)
 
16
 *
 
17
/
 
18
 
 
19
/**
 
20
 * Center's the page
 
21
/
 
22
 
 
23
        Section: General Rules
 
24
*/
 
25
/*
 
26
        TODO Maybe remove 
 
27
*/
 
28
        .yui-grids body {
 
29
                text-align:center;
 
30
                margin-left:auto;margin-right:auto;
 
31
        }
 
32
        
 
33
/*      
 
34
        TODO - not sure I need this if the BD is already clearing.
 
35
        #ft {
 
36
                clear:both;
 
37
        }
 
38
*/
 
39
/*
 
40
        Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
 
41
*/
 
42
 
 
43
        /* 
 
44
                Subsection: General 
 
45
        */      
 
46
 
 
47
        .yui-grids .yui-d0, /* 100% */
 
48
        .yui-grids .yui-d1, /* 750px */
 
49
        .yui-grids .yui-d1f, /* 750px fixed */
 
50
        .yui-grids .yui-d2, /* 950px */
 
51
        .yui-grids .yui-d2f, /* 950px fixed */
 
52
        .yui-grids .yui-d3, /* 974px */
 
53
        .yui-grids .yui-d3f, /* 974px fixed */
 
54
        .yui-t1,
 
55
        .yui-t2,
 
56
        .yui-t3,
 
57
        .yui-t4,
 
58
        .yui-t5,
 
59
        .yui-t6 /* the Ts are here to collect margin and text-alignment rules */{
 
60
                margin:auto;
 
61
                text-align:left;
 
62
                width:57.69em;*width:56.25em; /* doc1*/
 
63
                min-width:750px;
 
64
        }
 
65
        
 
66
        .yui-t1,
 
67
        .yui-t2,
 
68
        .yui-t3,
 
69
        .yui-t4,
 
70
        .yui-t5,
 
71
        .yui-t6 {width:100%;}
 
72
 
 
73
        /* 
 
74
                Subsection: 100% (doc) 
 
75
        */
 
76
        .yui-grids .yui-d0 {
 
77
                /* Left and Right margins are not a structural part of Grids. Without them Grids
 
78
                   works fine, but content bleeds to the very edge of the document, which often
 
79
                   impairs readability and usability. They are 
 
80
                   provided because they prevent the content from "bleeding" into the browser's chrome.*/
 
81
                margin:auto 10px; 
 
82
                width:auto;
 
83
        }
 
84
 
 
85
 
 
86
        .yui-grids .yui-d0f {width:100%;}
 
87
        /* 
 
88
                Subsection: 950 Centered (doc2) 
 
89
        */
 
90
        .yui-grids .yui-d2 {width:73.076em;*width:71.25em;}
 
91
        .yui-grids .yui-d2f {width:950px;}
 
92
 
 
93
 
 
94
        
 
95
        /* 
 
96
                Subsection: 974 Centered (doc3) 
 
97
        */
 
98
        .yui-grids .yui-d3 {width:74.923em;*width:73.05em;}     
 
99
        .yui-grids .yui-d3f {width:974px;}
 
100
        
 
101
/*
 
102
        Section: Preset Template Rules (.yui-t[1-6])
 
103
*/
 
104
        
 
105
        /* 
 
106
                Subsection: General
 
107
        */
 
108
 
 
109
        /* to preserve source-order independence for Gecko without breaking */
 
110
        .yui-b{position:relative;}
 
111
        .yui-b{_position:static;}
 
112
        .yui-main .yui-b{position:static;}
 
113
 
 
114
        .yui-main {width:100%;}
 
115
                
 
116
        .yui-t1 .yui-main,
 
117
        .yui-t2 .yui-main,
 
118
        .yui-t3 .yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}
 
119
 
 
120
        .yui-t4 .yui-main,
 
121
        .yui-t5 .yui-main,
 
122
        .yui-t6 .yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}
 
123
 
 
124
        /* 
 
125
                Subsection: For Specific Template Presets
 
126
        */
 
127
 
 
128
        /**
 
129
         * Nudge down to get to 13px equivalent for these form elements
 
130
         */
 
131
        
 
132
        /*
 
133
                TODO    Create t1-6's that are based on fixed widths
 
134
        */
 
135
        .yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}
 
136
        .yui-t1 .yui-main .yui-b{margin-left:13.30769em;*margin-left:12.975em;}
 
137
 
 
138
        .yui-t2 .yui-b {float:left;width:13.84615em;*width:13.50em;}
 
139
        .yui-t2 .yui-main .yui-b {margin-left:14.84615em;*margin-left:14.475em;}
 
140
 
 
141
        .yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
 
142
        .yui-t3 .yui-main .yui-b {margin-left:24.0769em;*margin-left:23.475em;}
 
143
 
 
144
        .yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
 
145
        .yui-t4 .yui-main .yui-b {margin-right:14.8456em;*margin-right:14.475em;}
 
146
 
 
147
        .yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
 
148
        .yui-t5 .yui-main .yui-b {margin-right:19.4615em;*margin-right:18.975em;}
 
149
 
 
150
        .yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
 
151
        .yui-t6 .yui-main .yui-b {margin-right:24.0769em;*margin-right:23.475em;}
 
152
 
 
153
        .yui-t7 .yui-main .yui-b {display:block;margin:0 0 1em 0;}
 
154
        
 
155
        .yui-main .yui-b {float:none;width:auto;}
 
156
 
 
157
/*
 
158
        Section: Grids and Nesting Grids
 
159
*/
 
160
 
 
161
        /*
 
162
                Subsection: Children generally take half the available space
 
163
        */
 
164
 
 
165
        .yui-gb .yui-u,
 
166
        .yui-g .yui-gb .yui-u,
 
167
        .yui-gb .yui-g,
 
168
        .yui-gb .yui-gb,
 
169
        .yui-gb .yui-gc,
 
170
        .yui-gb .yui-gd,
 
171
        .yui-gb .yui-ge,
 
172
        .yui-gb .yui-gf,
 
173
        .yui-gc .yui-u, 
 
174
        .yui-gc .yui-g,
 
175
        .yui-gd .yui-u {float:right;}
 
176
 
 
177
        /*Float units (and sub grids) to the right */
 
178
        .yui-g .yui-u,
 
179
        .yui-g .yui-g,
 
180
        .yui-g .yui-gb, 
 
181
        .yui-g .yui-gc, 
 
182
        .yui-g .yui-gd, 
 
183
        .yui-g .yui-ge, 
 
184
        .yui-g .yui-gf, 
 
185
        .yui-gc .yui-u, 
 
186
        .yui-gd .yui-g,
 
187
        .yui-g .yui-gc .yui-u,
 
188
        .yui-ge .yui-u, 
 
189
        .yui-ge .yui-g, 
 
190
        .yui-gf .yui-g,
 
191
        .yui-gf .yui-u{float:right;}
 
192
 
 
193
        /*Float units (and sub grids) to the left */
 
194
        .yui-g div.first, 
 
195
        .yui-gb div.first,
 
196
        .yui-gc div.first,
 
197
        .yui-gd div.first, 
 
198
        .yui-ge div.first, 
 
199
        .yui-gf div.first,
 
200
        .yui-g .yui-gc div.first,
 
201
        .yui-g .yui-ge div.first,
 
202
        .yui-gc div.first div.first {float:left;}
 
203
 
 
204
        .yui-g .yui-u,
 
205
        .yui-g .yui-g,
 
206
        .yui-g .yui-gb,
 
207
        .yui-g .yui-gc,
 
208
        .yui-g .yui-gd,
 
209
        .yui-g .yui-ge,
 
210
        .yui-g .yui-gf {width:49.1%;}
 
211
 
 
212
        .yui-gb .yui-u,
 
213
        .yui-g .yui-gb .yui-u,
 
214
        .yui-gb .yui-g,
 
215
        .yui-gb .yui-gb,
 
216
        .yui-gb .yui-gc,
 
217
        .yui-gb .yui-gd,
 
218
        .yui-gb .yui-ge,
 
219
        .yui-gb .yui-gf,
 
220
        .yui-gc .yui-u, 
 
221
        .yui-gc .yui-g,
 
222
        .yui-gd .yui-u {width:32%;margin-left:2.0%;}
 
223
 
 
224
                /* Give IE some extra breathing room for 1/3-based rounding issues */
 
225
                .yui-gb .yui-u {*width:31.8%;*margin-left:1.9%;}
 
226
 
 
227
        .yui-gc div.first, 
 
228
        .yui-gd .yui-u {width:66%;_width:65.7%;}
 
229
        .yui-gd div.first {width:32%;_width:31.5%;}
 
230
 
 
231
        .yui-ge div.first, 
 
232
        .yui-gf .yui-u{width:74.2%;_width:74%;}
 
233
 
 
234
        .yui-ge .yui-u,
 
235
        .yui-gf div.first {width:24%;_width:23.8%;}
 
236
 
 
237
        .yui-g .yui-gb div.first,
 
238
        .yui-gb div.first, 
 
239
        .yui-gc div.first, 
 
240
        .yui-gd div.first {margin-left:0;}
 
241
           
 
242
        /*
 
243
                Section: Deep Nesting 
 
244
        */
 
245
        .yui-g .yui-g .yui-u,
 
246
        .yui-gb .yui-g .yui-u,
 
247
        .yui-gc .yui-g .yui-u,
 
248
        .yui-gd .yui-g .yui-u,
 
249
        .yui-ge .yui-g .yui-u,
 
250
        .yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
 
251
 
 
252
        .yui-g .yui-gb div.first,
 
253
        .yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}
 
254
 
 
255
        .yui-g .yui-gc div.first, 
 
256
        .yui-gd .yui-g  {width:66%;}
 
257
 
 
258
        .yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}
 
259
 
 
260
        .yui-gb .yui-gc div.first, 
 
261
        .yui-gb .yui-gd div.first  {*margin-right:0;}
 
262
 
 
263
        .yui-gb .yui-gb .yui-u,
 
264
        .yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}
 
265
 
 
266
        .yui-g .yui-gb .yui-u {_margin-left:1.0%;}
 
267
 
 
268
        .yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
 
269
        .yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}
 
270
 
 
271
        .yui-g .yui-gc .yui-u, 
 
272
        .yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
 
273
        .yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}
 
274
 
 
275
        .yui-gb .yui-ge .yui-u, 
 
276
        .yui-gb .yui-gf .yui-u {margin:0;}
 
277
 
 
278
        .yui-gb .yui-gb .yui-u {_margin-left:.7%;}
 
279
 
 
280
        .yui-gb .yui-g div.first, 
 
281
        .yui-gb .yui-gb div.first {*margin-left:0;}
 
282
 
 
283
        .yui-gc .yui-g .yui-u,
 
284
        .yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}
 
285
 
 
286
        .yui-gb .yui-gd div.first {width:32%;}
 
287
        .yui-g .yui-gd div.first {_width:29.9%;}
 
288
 
 
289
        .yui-ge .yui-g {width:24%;}
 
290
        .yui-gf .yui-g {width:74.2%;}
 
291
 
 
292
        .yui-gb .yui-ge div.yui-u,
 
293
        .yui-gb .yui-gf div.yui-u {float:right;}
 
294
        .yui-gb .yui-ge div.first,
 
295
        .yui-gb .yui-gf div.first  {float:left;}
 
296
 
 
297
        /* Width Accommodation for Nested Contexts */
 
298
        .yui-gb .yui-ge .yui-u,
 
299
        .yui-gb .yui-gf div.first {*width:24%;_width:20%;}
 
300
 
 
301
        /* Width Accommodation for Nested Contexts */
 
302
        .yui-gb .yui-ge div.first, 
 
303
        .yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
 
304
 
 
305
        /* Patch for GD within GE */
 
306
        .yui-ge div.first .yui-gd .yui-u {width:65%;}
 
307
        .yui-ge div.first .yui-gd div.first {width:32%;}
 
308
 
 
309
/*
 
310
        Section: Clearing 
 
311
*/
 
312
 
 
313
#bd:after,
 
314
.yui-g:after, 
 
315
.yui-gb:after, 
 
316
.yui-gc:after, 
 
317
.yui-gd:after, 
 
318
.yui-ge:after, 
 
319
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 
320
#bd,
 
321
.yui-g, 
 
322
.yui-gb, 
 
323
.yui-gc, 
 
324
.yui-gd, 
 
325
.yui-ge, 
 
326
.yui-gf{zoom:1;}