Index: openacs-4/packages/ajaxhelper/www/resources/yui/grids/grids.css =================================================================== RCS file: /usr/local/cvsroot/openacs-4/packages/ajaxhelper/www/resources/yui/grids/grids.css,v diff -u -r1.3 -r1.4 --- openacs-4/packages/ajaxhelper/www/resources/yui/grids/grids.css 8 Sep 2007 14:22:05 -0000 1.3 +++ openacs-4/packages/ajaxhelper/www/resources/yui/grids/grids.css 9 Apr 2009 23:15:48 -0000 1.4 @@ -1,216 +1,467 @@ /* -Copyright (c) 2007, Yahoo! Inc. All rights reserved. +Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt -version: 2.3.0 +version: 2.7.0 */ -/* for all templates and grids */ -body{text-align:center;} -#ft{clear:both;} -/**/ -/* 750 centered, and backward compatibility */ -#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 { - margin:auto;text-align:left; - width:57.69em;*width:56.301em;min-width:750px;} -/* 950 centered */ +/** + * 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 + */ + +body { + text-align: center; +} + +/** + * Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) + */ + +#doc,#doc2,#doc3,#doc4, +.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 { + margin: auto; + text-align: left; + width: 57.69em; + *width: 56.25em; +} + +/* 950 Centered (doc2) */ #doc2 { - width:73.074em;*width:71.313em;} -/* 100% with 10px viewport side matting */ + width: 73.076em; + *width: 71.25em; +} + +/* 100% (doc3) */ #doc3 { - margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */ - width:auto;} -/* 974 centered */ +/** + * 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; +} + +/* 974 Centered (doc4) */ #doc4 { - width:74.923em;*width:73.117em;} - -/* below required for all fluid grids; adjust widths and margins above accordingly */ + width: 74.923em; + *width: 73.05em; +} +/** + * Section: Preset Template Rules (.yui-t[1-6]) + */ + + +.yui-b { /* to preserve source-order independence for Gecko */ - .yui-b{position:relative;} - .yui-b{_position:static;} /* for IE < 7 */ - #yui-main .yui-b{position:static;} + position: relative; +} -#yui-main {width:100%;} +.yui-b { + /* to preserve source-order independence for IE */ + _position: static; +} + +#yui-main .yui-b { + /* to preserve source-order independence for Gecko */ + position: static; +} + +#yui-main, +.yui-g .yui-u .yui-g { + width: 100%; +} + .yui-t1 #yui-main, .yui-t2 #yui-main, -.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */} +.yui-t3 #yui-main { + float: right; + /* IE: preserve layout at narrow widths */ + margin-left: -25em; +} .yui-t4 #yui-main, .yui-t5 #yui-main, -.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */} +.yui-t6 #yui-main { + float: left; + /* IE: preserve layout at narrow widths */ + margin-right: -25em; +} +/** + * For Specific Template Presets + */ + .yui-t1 .yui-b { - float:left; - width:12.3207em;*width:12.0106em;} -.yui-t1 #yui-main .yui-b{ - margin-left:13.3207em;*margin-left:13.0106em; + float: left; + width: 12.30769em; + *width: 12.00em; } +.yui-t1 #yui-main .yui-b { + margin-left: 13.30769em; + *margin-left: 13.05em; +} + .yui-t2 .yui-b { - float:left; - width:13.8456em;*width:13.512em;} + float: left; + width: 13.8461em; + *width: 13.50em; +} + .yui-t2 #yui-main .yui-b { - margin-left:14.8456em;*margin-left:14.512em; + margin-left: 14.8461em; + *margin-left: 14.55em; } .yui-t3 .yui-b { - float:left; - width:23.0759em;*width:22.52em;} + float: left; + width: 23.0769em; + *width: 22.50em; +} + .yui-t3 #yui-main .yui-b { - margin-left:24.0759em;*margin-left:23.52em; + margin-left: 24.0769em; + *margin-left: 23.62em; } .yui-t4 .yui-b { - float:right; - width:13.8456em;*width:13.512em;} + float: right; + width: 13.8456em; + *width: 13.50em; +} + .yui-t4 #yui-main .yui-b { - margin-right:14.8456em;*margin-right:14.512em; + margin-right: 14.8456em; + *margin-right: 14.55em; } .yui-t5 .yui-b { - float:right; - width:18.4608em;*width:18.016em;} + float: right; + width: 18.4615em; + *width: 18.00em; +} + .yui-t5 #yui-main .yui-b { - margin-right:19.4608em;*margin-right:19.016em; + margin-right: 19.4615em; + *margin-right: 19.125em; } .yui-t6 .yui-b { - float:right; - width:23.0759em;*width:22.52em;} + float: right; + width: 23.0769em; + *width: 22.50em; +} + .yui-t6 #yui-main .yui-b { - margin-right:24.0759em;*margin-right:23.52em; + margin-right: 24.0769em; + *margin-right: 23.62em; } .yui-t7 #yui-main .yui-b { - display:block;margin:0 0 1em 0; + display: block; + margin: 0 0 1em 0; } -#yui-main .yui-b {float:none;width:auto;} -/* GRIDS (not TEMPLATES) */ -.yui-gb .yui-g,/*new for nesting normal grids in special grids*/ -.yui-gb .yui-gb,/*new for nesting normal grids in special grids*/ -.yui-gb .yui-u, +#yui-main .yui-b { + float: none; + width: auto; +} + +/** + * 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-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, -.yui-gd .yui-u{float:left;margin-left:2%;width:32%;} +.yui-gd .yui-u { + float: left; +} -.yui-gb .yui-gb .yui-u, -.yui-gb .yui-gc .yui-u {_margin-left:1.2%;*margin-left:1.7%;} -.yui-g .yui-gb .yui-u {_margin-left:.8%;} /* for #8-10 for IE6 */ -.yui-gb .yui-u {margin-left:2%;width:32%;float:right;*width:31.8%;} -.yui-gb div.first {margin-left:0;*margin-right:1px;float:left;} -.yui-gb .yui-gb div.first {*margin-right:0;width:31.7%;} /* for #29 for IE7*/ -.yui-gb .yui-gc div.first, /* for #41 for IE7 */ -.yui-gb .yui-gd div.first /* for #40 for IE7 */ - {*margin-right:0;} +/* 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 {float:left;} +.yui-g .yui-ge div.first, +.yui-gc div.first div.first { + float: left; +} -.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-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-gc .yui-u, -.yui-g .yui-gc .yui-u {_float:right;width:32%;_width:29.9%;} -.yui-gb .yui-gc div.first {width:66%;*width:64.5%;*float:left;*margin-left:0;} -.yui-gb .yui-ge .yui-u, -.yui-gb .yui-gf .yui-u {margin:0;} +.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%; +} - /*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;display:inline;} - - /*Float units (and sub grids) to the left */ - .yui-g div.first, - .yui-g div.first, - .yui-gc div.first, - .yui-gc div.first div.first, - .yui-gd div.first, - .yui-ge div.first, - .yui-gf div.first{float:left;} +/* 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:48.1%;*margin-left:0;} -.yui-g .yui-g div.first {*margin:0;} -.yui-gb .yui-g div.first {*margin-right:1px;} +.yui-gf .yui-g .yui-u { + width: 49%; + *width: 48.1%; + *margin-left: 0; +} -.yui-gb .yui-gb .yui-u {_margin-left:.7%;} /* for #23-32 for IE6*/ -.yui-gb .yui-g div.first, /* for #23 for IE6*/ -.yui-gb .yui-gb div.first {*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%;*width:48.1%;*margin-left:0;} + .yui-gd .yui-g .yui-u { + *width: 48.1%; + *margin-left: 0; +} -.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-gd div.first { + width: 32%; +} -.yui-g .yui-gb div.first, - .yui-gb div.first, - .yui-gc div.first, - .yui-gd div.first {margin-left:0;} - -.yui-g .yui-gc div.first, -.yui-gc div.first, -.yui-gd .yui-g, /* for 056, 057 */ -.yui-gd .yui-u {width:66%;} +.yui-g .yui-gd div.first { + _width: 29.9%; +} -.yui-gd div.first, -.yui-gb .yui-gd div.first {width:32%;} -.yui-g .yui-gd div.first {_width:29.9%;} +.yui-ge .yui-g { + width: 24%; +} -.yui-ge .yui-u, -.yui-ge .yui-g, -.yui-gf div.first {width:24%;} +.yui-gf .yui-g { + width: 74.2%; +} -.yui-ge div.first, -.yui-gf .yui-g, -.yui-gf .yui-u{width:74.2%;} +.yui-gb .yui-ge div.yui-u, + .yui-gb .yui-gf div.yui-u { + float: right; +} -/* narrower width in nexted contexts */ +.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%;} + .yui-gb .yui-gf div.first { + *width: 24%; + _width: 20%; +} -/* narrower width in nexted contexts */ +/* Width Accommodation for Nested Contexts */ .yui-gb .yui-ge div.first, -.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;} + .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;} +.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;} \ No newline at end of file +.yui-gf { + zoom: 1; +}