/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ /* * * The YUI CSS Foundation uses the *property and _property CSS filter * techniques to shield a value from A-grade browsers [1] other than * IE6 & IE7 (*property) and IE6 (_property) * / Section: General Rules */ .yui3-cssgrids body { /* center the page */ text-align: center; margin-left: auto; margin-right: auto; } /* Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) */ /* Subsection: General */ .yui3-cssgrids .yui3-d0, /* 100% */ .yui3-cssgrids .yui3-d1, /* 750px */ .yui3-cssgrids .yui3-d1f, /* 750px fixed */ .yui3-cssgrids .yui3-d2, /* 950px */ .yui3-cssgrids .yui3-d2f, /* 950px fixed */ .yui3-cssgrids .yui3-d3, /* 974px */ .yui3-cssgrids .yui3-d3f { /* 974px fixed */ margin: auto; text-align: left; width: 57.69em; *width: 56.25em; /* doc1*/ } .yui3-cssgrids .yui3-t1, .yui3-cssgrids .yui3-t2, .yui3-cssgrids .yui3-t3, .yui3-cssgrids .yui3-t4, .yui3-cssgrids .yui3-t5, .yui3-cssgrids .yui3-t6 { margin: auto; text-align: left; width: 100%; } /* Subsection: 100% (doc) */ .yui3-cssgrids .yui3-d0 { /* Left and Right margins are not a structural part of Grids. Without them Grids works fine, but content bleeds to the very edge of the document, which often impairs readability and usability. They are provided because they prevent the content from "bleeding" into the browser's chrome.*/ margin: auto 10px; width: auto; } .yui3-cssgrids .yui3-d0f { width: 100%; } /* Subsection: 950 Centered (doc2) */ .yui3-cssgrids .yui3-d2 { width: 73.076em; *width: 71.25em; } .yui3-cssgrids .yui3-d2f { width: 950px; } /* Subsection: 974 Centered (doc3) */ .yui3-cssgrids .yui3-d3 { width: 74.923em; *width: 73.05em; } .yui3-cssgrids .yui3-d3f { width: 974px; } /* Section: Preset Template Rules (.yui3-t[1-6]) */ /* Subsection: General */ /* to preserve source-order independence for Gecko without breaking IE */ .yui3-cssgrids .yui3-b { position: relative; } .yui3-cssgrids .yui3-b { _position: static; } .yui3-cssgrids .yui3-main .yui3-b { position: static; } .yui3-cssgrids .yui3-main { width: 100%; } .yui3-cssgrids .yui3-t1 .yui3-main, .yui3-cssgrids .yui3-t2 .yui3-main, .yui3-cssgrids .yui3-t3 .yui3-main { float: right; /* IE: preserve layout at narrow widths */ margin-left: -25em; } .yui3-cssgrids .yui3-t4 .yui3-main, .yui3-cssgrids .yui3-t5 .yui3-main, .yui3-cssgrids .yui3-t6 .yui3-main { float: left; /* IE: preserve layout at narrow widths */ margin-right: -25em; } /* Subsection: For Specific Template Presets */ /** * Nudge down to get to 13px equivalent for these form elements */ /* TODO Create t1-6's that are based on fixed widths */ /* t1 narrow block = left, equivalent of 160px */ .yui3-cssgrids .yui3-t1 .yui3-b { float: left; width: 12.30769em; *width: 12.00em; } .yui3-cssgrids .yui3-t1 .yui3-main .yui3-b { margin-left: 13.30769em; *margin-left:12.975em; } /* t2 narrow block = left, equivalent of 180px */ .yui3-cssgrids .yui3-t2 .yui3-b { float: left; width: 13.84615em; *width: 13.50em; } .yui3-cssgrids .yui3-t2 .yui3-main .yui3-b { margin-left: 14.84615em; *margin-left: 14.475em; } /* t3 narrow block = left, equivalent of 300px */ .yui3-cssgrids .yui3-t3 .yui3-b { float: left; width: 23.0769em; *width: 22.50em; } .yui3-cssgrids .yui3-t3 .yui3-main .yui3-b { margin-left: 24.0769em; *margin-left: 23.475em; } /* t4 narrow block = right, equivalent of 180px */ .yui3-cssgrids .yui3-t4 .yui3-b { float: right; width: 13.8456em; *width: 13.50em; } .yui3-cssgrids .yui3-t4 .yui3-main .yui3-b { margin-right: 14.8456em; *margin-right: 14.475em; } /* t5 narrow block = right, equivalent of 240px */ .yui3-cssgrids .yui3-t5 .yui3-b { float: right; width: 18.4615em; *width: 18.00em; } .yui3-cssgrids .yui3-t5 .yui3-main .yui3-b { margin-right: 19.4615em; *margin-right: 18.975em; } /* t6 narrow block = equivalent of 300px */ .yui3-cssgrids .yui3-t6 .yui3-b { float: right; width: 23.0769em; *width: 22.50em; } .yui3-cssgrids .yui3-t6 .yui3-main .yui3-b { margin-right: 24.0769em; *margin-right: 23.475em; } .yui3-cssgrids .yui3-main .yui3-b { float: none; width: auto; } /* Section: Grids and Nesting Grids */ /* Subsection: Children generally take half the available space */ .yui3-cssgrids .yui3-gb .yui3-u, .yui3-cssgrids .yui3-g .yui3-gb .yui3-u, .yui3-cssgrids .yui3-gb .yui3-g, .yui3-cssgrids .yui3-gb .yui3-gb, .yui3-cssgrids .yui3-gb .yui3-gc, .yui3-cssgrids .yui3-gb .yui3-gd, .yui3-cssgrids .yui3-gb .yui3-ge, .yui3-cssgrids .yui3-gb .yui3-gf, .yui3-cssgrids .yui3-gc .yui3-u, .yui3-cssgrids .yui3-gc .yui3-g, .yui3-cssgrids .yui3-gd .yui3-u { float: left; } /*Float units (and sub grids) to the right */ .yui3-cssgrids .yui3-g .yui3-u, .yui3-cssgrids .yui3-g .yui3-g, .yui3-cssgrids .yui3-g .yui3-gb, .yui3-cssgrids .yui3-g .yui3-gc, .yui3-cssgrids .yui3-g .yui3-gd, .yui3-cssgrids .yui3-g .yui3-ge, .yui3-cssgrids .yui3-g .yui3-gf, .yui3-cssgrids .yui3-gc .yui3-u, .yui3-cssgrids .yui3-gd .yui3-g, .yui3-cssgrids .yui3-g .yui3-gc .yui3-u, .yui3-cssgrids .yui3-ge .yui3-u, .yui3-cssgrids .yui3-ge .yui3-g, .yui3-cssgrids .yui3-gf .yui3-g, .yui3-cssgrids .yui3-gf .yui3-u { float: right; } /*Float units (and sub grids) to the left */ .yui3-cssgrids .yui3-g div.first, .yui3-cssgrids .yui3-gb div.first, .yui3-cssgrids .yui3-gc div.first, .yui3-cssgrids .yui3-gd div.first, .yui3-cssgrids .yui3-ge div.first, .yui3-cssgrids .yui3-gf div.first, .yui3-cssgrids .yui3-g .yui3-gc div.first, .yui3-cssgrids .yui3-g .yui3-ge div.first, .yui3-cssgrids .yui3-gc div.first div.first { float: left; } .yui3-cssgrids .yui3-g .yui3-u, .yui3-cssgrids .yui3-g .yui3-g, .yui3-cssgrids .yui3-g .yui3-gb, .yui3-cssgrids .yui3-g .yui3-gc, .yui3-cssgrids .yui3-g .yui3-gd, .yui3-cssgrids .yui3-g .yui3-ge, .yui3-cssgrids .yui3-g .yui3-gf { width: 49.1%; } .yui3-cssgrids .yui3-gb .yui3-u, .yui3-cssgrids .yui3-g .yui3-gb .yui3-u, .yui3-cssgrids .yui3-gb .yui3-g, .yui3-cssgrids .yui3-gb .yui3-gb, .yui3-cssgrids .yui3-gb .yui3-gc, .yui3-cssgrids .yui3-gb .yui3-gd, .yui3-cssgrids .yui3-gb .yui3-ge, .yui3-cssgrids .yui3-gb .yui3-gf, .yui3-cssgrids .yui3-gc .yui3-u, .yui3-cssgrids .yui3-gc .yui3-g, .yui3-cssgrids .yui3-gd .yui3-u { width: 32%; margin-left: 2.0%; } /* Give IE some extra breathing room for 1/3-based rounding issues */ .yui3-cssgrids .yui3-gb .yui3-u { *width: 31.8%; *margin-left: 1.9%; } .yui3-cssgrids .yui3-gc div.first, .yui3-cssgrids .yui3-gd .yui3-u { width: 66%; _width: 65.7%; } .yui3-cssgrids .yui3-gd div.first { width: 32%; _width: 31.5%; } .yui3-cssgrids .yui3-ge div.first, .yui3-cssgrids .yui3-gf .yui3-u { width: 74.2%; _width: 74%; } .yui3-cssgrids .yui3-ge .yui3-u, .yui3-cssgrids .yui3-gf div.first { width: 24%; _width: 23.8%; } .yui3-cssgrids .yui3-g .yui3-gb div.first, .yui3-cssgrids .yui3-gb div.first, .yui3-cssgrids .yui3-gc div.first, .yui3-cssgrids .yui3-gd div.first { margin-left: 0; } /* Section: Deep Nesting */ .yui3-cssgrids .yui3-g .yui3-g .yui3-u, .yui3-cssgrids .yui3-gb .yui3-g .yui3-u, .yui3-cssgrids .yui3-gc .yui3-g .yui3-u, .yui3-cssgrids .yui3-gd .yui3-g .yui3-u, .yui3-cssgrids .yui3-ge .yui3-g .yui3-u, .yui3-cssgrids .yui3-gf .yui3-g .yui3-u { width: 49%; *width: 48.1%; *margin-left: 0; } .yui3-cssgrids .yui3-g .yui3-gb div.first, .yui3-cssgrids .yui3-gb .yui3-gb div.first { *margin-right: 0; *width: 32%; _width: 31.7%; } .yui3-cssgrids .yui3-g .yui3-gc div.first, .yui3-cssgrids .yui3-gd .yui3-g { width: 66%; } .yui3-cssgrids .yui3-gb .yui3-g div.first { *margin-right: 4%; _margin-right: 1.3%; } .yui3-cssgrids .yui3-gb .yui3-gc div.first, .yui3-cssgrids .yui3-gb .yui3-gd div.first { *margin-right: 0; } .yui3-cssgrids .yui3-gb .yui3-gb .yui3-u, .yui3-cssgrids .yui3-gb .yui3-gc .yui3-u { *margin-left: 1.8%; _margin-left: 4%; } .yui3-cssgrids .yui3-g .yui3-gb .yui3-u { _margin-left: 1.0%; } .yui3-cssgrids .yui3-gb .yui3-gd .yui3-u { *width: 66%; _width: 61.2%; } .yui3-cssgrids .yui3-gb .yui3-gd div.first { *width: 31%; _width: 29.5%; } .yui3-cssgrids .yui3-g .yui3-gc .yui3-u, .yui3-cssgrids .yui3-gb .yui3-gc .yui3-u { width: 32%; _float: right; margin-right: 0; _margin-left: 0; } .yui3-cssgrids .yui3-gb .yui3-gc div.first { width: 66%; *float: left; *margin-left: 0; } .yui3-cssgrids .yui3-gb .yui3-ge .yui3-u, .yui3-cssgrids .yui3-gb .yui3-gf .yui3-u { margin: 0; } .yui3-cssgrids .yui3-gb .yui3-gb .yui3-u { _margin-left: .7%; } .yui3-cssgrids .yui3-gb .yui3-g div.first, .yui3-cssgrids .yui3-gb .yui3-gb div.first { *margin-left:0; } .yui3-cssgrids .yui3-gc .yui3-g .yui3-u, .yui3-cssgrids .yui3-gd .yui3-g .yui3-u { *width: 48.1%; *margin-left: 0; } .yui3-cssgrids .yui3-gb .yui3-gd div.first { width: 32%; } .yui3-cssgrids .yui3-g .yui3-gd div.first { _width: 29.9%; } .yui3-cssgrids .yui3-ge .yui3-g { width: 24%; } .yui3-cssgrids .yui3-gf .yui3-g { width: 74.2%; } .yui3-cssgrids .yui3-gb .yui3-ge div.yui3-u, .yui3-cssgrids .yui3-gb .yui3-gf div.yui3-u { float: right; } .yui3-cssgrids .yui3-gb .yui3-ge div.first, .yui3-cssgrids .yui3-gb .yui3-gf div.first { float: left; } /* Width Accommodation for Nested Contexts */ .yui3-cssgrids .yui3-gb .yui3-ge .yui3-u, .yui3-cssgrids .yui3-gb .yui3-gf div.first { *width: 24%; _width: 20%; } /* Width Accommodation for Nested Contexts */ .yui3-cssgrids .yui3-gc .yui3-gf .yui3-u { width: 74%; _width: 73%; } .yui3-cssgrids .yui3-gc .yui3-gf div.first { width: 24%; } .yui3-cssgrids .yui3-gb .yui3-ge div.first, .yui3-cssgrids .yui3-gb .yui3-gf .yui3-u { *width: 73.5%; _width: 65.5%; } /* Patch for GD within GE */ .yui3-cssgrids .yui3-ge div.first .yui3-gd .yui3-u { width: 65%; } .yui3-cssgrids .yui3-ge div.first .yui3-gd div.first { width: 32%; } /* Section: Clearing. zoom for IE, :after for others */ .yui3-cssgrids #bd:after, .yui3-cssgrids .yui3-g:after, .yui3-cssgrids .yui3-gb:after, .yui3-cssgrids .yui3-gc:after, .yui3-cssgrids .yui3-gd:after, .yui3-cssgrids .yui3-ge:after, .yui3-cssgrids .yui3-gf:after, .yui3-cssgrids .yui3-t1:after, .yui3-cssgrids .yui3-t2:after, .yui3-cssgrids .yui3-t3:after, .yui3-cssgrids .yui3-t4:after, .yui3-cssgrids .yui3-t5:after, .yui3-cssgrids .yui3-t6:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .yui3-cssgrids #bd, .yui3-cssgrids .yui3-g, .yui3-cssgrids .yui3-gb, .yui3-cssgrids .yui3-gc, .yui3-cssgrids .yui3-gd, .yui3-cssgrids .yui3-ge, .yui3-cssgrids .yui3-gf, .yui3-cssgrids .yui3-t1, .yui3-cssgrids .yui3-t2, .yui3-cssgrids .yui3-t3, .yui3-cssgrids .yui3-t4, .yui3-cssgrids .yui3-t5, .yui3-cssgrids .yui3-t6 { zoom: 1; }