PageRenderTime 145ms CodeModel.GetById 60ms app.highlight 48ms RepoModel.GetById 32ms app.codeStats 1ms

/kai/public/css/grids.css

https://bitbucket.org/bbangert/kai/
CSS | 283 lines | 168 code | 55 blank | 60 comment | 0 complexity | f5b65731d129c47ad226d77e32e298b9 MD5 | raw file
  1/*
  2Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  3Code licensed under the BSD License:
  4http://developer.yahoo.net/yui/license.txt
  5version: 2.5.2
  6*/
  7/*
  8	Note: Throughout this file, the *property filter is used to 
  9	      give a value to IE that other browsers do not see.	
 10*/
 11
 12/*
 13	Section: General Rules
 14*/
 15
 16	body {
 17		text-align:center;
 18	}
 19	
 20	#ft {
 21		clear:both;
 22	}
 23
 24/*
 25	Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
 26*/
 27
 28	/* 
 29		Subsection: General 
 30	*/ 	
 31
 32	#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
 33		margin:auto;
 34		text-align:left;
 35		width:57.69em;*width:56.25em;
 36		min-width:750px;
 37	}
 38	/* 
 39		Subsection: 950 Centered (doc2) 
 40	*/
 41	#doc2 {
 42		width:73.076em;*width:71.25em;
 43	}
 44
 45	/* 
 46		Subsection: 100% (doc3) 
 47	*/
 48	#doc3 {
 49		/* Left and Right margins are not a structural part of Grids. Without them Grids
 50		   works fine, but content bleeds to the very edge of the document, which often
 51		   impairs readability and usability. They are 
 52		   provided because they prevent the content from "bleeding" into the browser's chrome.*/
 53		margin:auto 10px; 
 54		width:auto;
 55	}
 56	
 57	/* 
 58		Subsection: 974 Centered (doc4) 
 59	*/
 60	#doc4 {
 61		width:74.923em;*width:73.05em;
 62	}	
 63	
 64/*
 65	Section: Preset Template Rules (.yui-t[1-6])
 66*/
 67	
 68	/* 
 69		Subsection: General
 70	*/
 71
 72	/* to preserve source-order independence for Gecko */
 73	.yui-b{position:relative;}
 74	.yui-b{_position:static;}
 75	#yui-main .yui-b{position:static;}
 76
 77	#yui-main {width:100%;}
 78		
 79	.yui-t1 #yui-main,
 80	.yui-t2 #yui-main,
 81	.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}
 82
 83	.yui-t4 #yui-main,
 84	.yui-t5 #yui-main,
 85	.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}
 86
 87	/* 
 88		Subsection: For Specific Template Presets
 89	*/
 90
 91	.yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}
 92	.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}
 93
 94	.yui-t2 .yui-b {float:left;width:13.8461em;*width:13.50em;}
 95	.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}
 96
 97	.yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
 98	.yui-t3 #yui-main .yui-b {margin-left:24.0769em;*margin-left:23.62em;}
 99
100	.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
101	.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}
102
103	.yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
104	.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}
105
106	.yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
107	.yui-t6 #yui-main .yui-b {margin-right:24.0769em;*margin-right:23.62em;}
108
109	.yui-t7 #yui-main .yui-b {
110		display:block;margin:0 0 1em 0;
111	}
112	#yui-main .yui-b {float:none;width:auto;}
113
114/*
115	Section: Grids and Nesting Grids
116*/
117
118	/*
119		Subsection: Children generally take half the available space
120	*/
121
122	.yui-gb .yui-u,
123	.yui-g .yui-gb .yui-u,
124	.yui-gb .yui-g,
125	.yui-gb .yui-gb,
126	.yui-gb .yui-gc,
127	.yui-gb .yui-gd,
128	.yui-gb .yui-ge,
129	.yui-gb .yui-gf,
130	.yui-gc .yui-u, 
131	.yui-gc .yui-g,
132	.yui-gd .yui-u {float:left;}
133
134	/*Float units (and sub grids) to the right */
135	.yui-g .yui-u,
136	.yui-g .yui-g,
137	.yui-g .yui-gb, 
138	.yui-g .yui-gc, 
139	.yui-g .yui-gd, 
140	.yui-g .yui-ge, 
141	.yui-g .yui-gf, 
142	.yui-gc .yui-u, 
143	.yui-gd .yui-g,
144	.yui-g .yui-gc .yui-u,
145	.yui-ge .yui-u, 
146	.yui-ge .yui-g, 
147	.yui-gf .yui-g,
148	.yui-gf .yui-u{float:right;}
149
150	/*Float units (and sub grids) to the left */
151	.yui-g div.first, 
152	.yui-gb div.first,
153	.yui-gc div.first,
154	.yui-gd div.first, 
155	.yui-ge div.first, 
156	.yui-gf div.first,
157	.yui-g .yui-gc div.first,
158	.yui-g .yui-ge div.first,
159	.yui-gc div.first div.first {float:left;}
160
161	.yui-g .yui-u,
162	.yui-g .yui-g,
163	.yui-g .yui-gb,
164	.yui-g .yui-gc,
165	.yui-g .yui-gd,
166	.yui-g .yui-ge,
167	.yui-g .yui-gf {width:49.1%;}
168
169	.yui-gb .yui-u,
170	.yui-g .yui-gb .yui-u,
171	.yui-gb .yui-g,
172	.yui-gb .yui-gb,
173	.yui-gb .yui-gc,
174	.yui-gb .yui-gd,
175	.yui-gb .yui-ge,
176	.yui-gb .yui-gf,
177	.yui-gc .yui-u, 
178	.yui-gc .yui-g,
179	.yui-gd .yui-u {width:32%;margin-left:1.99%;}
180
181		/* Give IE some extra breathing room for 1/3-based rounding issues */
182		.yui-gb .yui-u {*margin-left:1.9%;*width:31.9%;}
183
184	.yui-gc div.first, 
185	.yui-gd .yui-u {width:66%;}
186	.yui-gd div.first {width:32%;}
187
188	.yui-ge div.first, 
189	.yui-gf .yui-u{width:74.2%;}
190
191	.yui-ge .yui-u,
192	.yui-gf div.first {width:24%;}
193
194	.yui-g .yui-gb div.first,
195	.yui-gb div.first, 
196	.yui-gc div.first, 
197	.yui-gd div.first {margin-left:0;}
198	   
199	/*
200		Section: Deep Nesting 
201	*/
202	.yui-g .yui-g .yui-u,
203	.yui-gb .yui-g .yui-u,
204	.yui-gc .yui-g .yui-u,
205	.yui-gd .yui-g .yui-u,
206	.yui-ge .yui-g .yui-u,
207	.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
208
209	.yui-g .yui-gb div.first,
210	.yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}
211
212	.yui-g .yui-gc div.first, 
213	.yui-gd .yui-g  {width:66%;}
214
215	.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}
216
217	.yui-gb .yui-gc div.first, 
218	.yui-gb .yui-gd div.first  {*margin-right:0;}
219
220	.yui-gb .yui-gb .yui-u,
221	.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}
222
223	.yui-g .yui-gb .yui-u {_margin-left:1.0%;}
224
225	.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
226	.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}
227
228	.yui-g .yui-gc .yui-u, 
229	.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
230	.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}
231
232	.yui-gb .yui-ge .yui-u, 
233	.yui-gb .yui-gf .yui-u {margin:0;}
234
235	.yui-gb .yui-gb .yui-u {_margin-left:.7%;}
236
237	.yui-gb .yui-g div.first, 
238	.yui-gb .yui-gb div.first {*margin-left:0;}
239
240	.yui-gc .yui-g .yui-u,
241	.yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}s
242
243	.yui-gb .yui-gd div.first {width:32%;}
244	.yui-g .yui-gd div.first {_width:29.9%;}
245
246	.yui-ge .yui-g {width:24%;}
247	.yui-gf .yui-g {width:74.2%;}
248
249	.yui-gb .yui-ge div.yui-u,
250	.yui-gb .yui-gf div.yui-u {float:right;}
251	.yui-gb .yui-ge div.first,
252	.yui-gb .yui-gf div.first  {float:left;}
253
254	/* Width Accommodation for Nested Contexts */
255	.yui-gb .yui-ge .yui-u,
256	.yui-gb .yui-gf div.first {*width:24%;_width:20%;}
257
258	/* Width Accommodation for Nested Contexts */
259	.yui-gb .yui-ge div.first, 
260	.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
261
262	/* Patch for GD within GE */
263	.yui-ge div.first .yui-gd .yui-u {width:65%;}
264	.yui-ge div.first .yui-gd div.first {width:32%;}
265
266/*
267	Section: Clearing 
268*/
269
270#bd:after,
271.yui-g:after, 
272.yui-gb:after, 
273.yui-gc:after, 
274.yui-gd:after, 
275.yui-ge:after, 
276.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
277#bd,
278.yui-g, 
279.yui-gb, 
280.yui-gc, 
281.yui-gd, 
282.yui-ge, 
283.yui-gf{zoom:1;}