/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /** * YUI Grids * @module grids * @namespace yui- * @requires reset, fonts */ /** * Note: Throughout this file, the *property (star-property) filter is used * to give a value to IE that other browsers do not see. _property is only seen * by IE7, so the combo of *prop and _prop can target between IE6 and IE7. * * More information on these filters and related validation errors: * http://tech.groups.yahoo.com/group/ydn-javascript/message/40059 */ /** * Section: General Rules */ /** * Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) */ .yui-g .yui-u .yui-g { width: 100%; } /** * Section: Grids and Nesting Grids */ /* Children generally take half the available space */ .yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { float: left; } /* Float units (and sub grids) to the right */ .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u { float: right; } /*Float units (and sub grids) to the left */ .yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first { float: left; } .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf { width: 49.1%; } .yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { width: 32%; margin-left: 1.99%; } /* Give IE some extra breathing room for 1/3-based rounding issues */ .yui-gb .yui-u { *margin-left: 1.9%; *width: 31.9%; } .yui-gc div.first, .yui-gd .yui-u { width: 66%; } .yui-gd div.first { width: 32%; } .yui-ge div.first, .yui-gf .yui-u { width: 74.2%; } .yui-ge .yui-u, .yui-gf div.first { width: 24%; } .yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first { margin-left: 0; } /** * Section: Deep Nesting */ .yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u { width: 49%; *width: 48.1%; *margin-left: 0; } .yui-g .yui-g .yui-u { width: 48.1%; } /*SF 1927599 from 1.14 to 2.6.0*/ .yui-g .yui-gb div.first, .yui-gb .yui-gb div.first { *margin-right: 0; *width: 32%; _width: 31.7%; } .yui-g .yui-gc div.first, .yui-gd .yui-g { width: 66%; } .yui-gb .yui-g div.first { *margin-right: 4%; _margin-right: 1.3%; } .yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first { *margin-right: 0; } .yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u { *margin-left: 1.8%; _margin-left: 4%; } .yui-g .yui-gb .yui-u { _margin-left: 1.0%; } .yui-gb .yui-gd .yui-u { *width: 66%; _width: 61.2%; } .yui-gb .yui-gd div.first { *width: 31%; _width: 29.5%; } .yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u { width: 32%; _float: right; margin-right: 0; _margin-left: 0; } .yui-gb .yui-gc div.first { width: 66%; *float: left; *margin-left: 0; } .yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u { margin: 0; } .yui-gb .yui-gb .yui-u { _margin-left: .7%; } .yui-gb .yui-g div.first, .yui-gb .yui-gb div.first { *margin-left: 0; } .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u { *width: 48.1%; *margin-left: 0; } .yui-gb .yui-gd div.first { width: 32%; } .yui-g .yui-gd div.first { _width: 29.9%; } .yui-ge .yui-g { width: 24%; } .yui-gf .yui-g { width: 74.2%; } .yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u { float: right; } .yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first { float: left; } /* Width Accommodation for Nested Contexts */ .yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first { *width: 24%; _width: 20%; } /* Width Accommodation for Nested Contexts */ .yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u { *width: 73.5%; _width: 65.5%; } /* Patch for GD within GE */ .yui-ge div.first .yui-gd .yui-u { width: 65%; } .yui-ge div.first .yui-gd div.first { width: 32%; } /* @group Clearing */ #hd:after, #bd:after, #ft:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #hd, #bd, #ft, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf { zoom: 1; }