diff options
Diffstat (limited to 'js/yui3/cssgrids-context-deprecated/grids-context.css')
| -rw-r--r-- | js/yui3/cssgrids-context-deprecated/grids-context.css | 490 |
1 files changed, 490 insertions, 0 deletions
diff --git a/js/yui3/cssgrids-context-deprecated/grids-context.css b/js/yui3/cssgrids-context-deprecated/grids-context.css new file mode 100644 index 000000000..c0407c03a --- /dev/null +++ b/js/yui3/cssgrids-context-deprecated/grids-context.css @@ -0,0 +1,490 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +/* +* +* 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; +} |