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.1 -r1.2 --- openacs-4/packages/ajaxhelper/www/resources/yui/grids/grids.css 21 Oct 2006 06:14:58 -0000 1.1 +++ openacs-4/packages/ajaxhelper/www/resources/yui/grids/grids.css 25 Dec 2006 16:40:02 -0000 1.2 @@ -1,88 +1,129 @@ -/* +/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt -version: 0.11.3 */ -body { - text-align:center; -} -#doc { - width:57.69em; - *width:56.3em; /* IE */ - min-width:750px; - margin:auto; - text-align:left; -} +/* for all templates and grids */ +body{text-align:center;} +#ft{clear:both;} +/**/ +/* 750 centered, and backward compatibility */ +#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 { + margin:auto;text-align:left; + width:57.69em;*width:56.3em;min-width:750px;} +/* 950 centered */ +#doc2 { + width:73.074em;*width:71.313em;min-width:950px;} +/* 100% with 10px viewport side matting */ +#doc3 { + margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */ + width:auto;} + +/* below required for all fluid grids; adjust widths and margins above accordingly */ -#hd,#bd {margin-bottom:1em;text-align:left;} -#ft {font-size:77%;font-family:verdana;clear:both;} + /* to preserve source-order independence for Gecko */ + .yui-b{position:relative;} + .yui-b{_position:static;} /* for IE < 7 */ + #yui-main .yui-b{position:static;} -/* rules for main templates */ -.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b, -.yui-t4 .yui-b, .yui-t5 .yui-b, .yui-t6 .yui-b {float:right;} -.yui-t1 .yui-b, .yui-t2 .yui-b, .yui-t3 .yui-b, .yui-t4 #yui-main .yui-b, .yui- -t5 #yui-main .yui-b, .yui-t6 #yui-main .yui-b {float:left;} +#yui-main {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 */} -/* t1: L160 */ -.yui-t1 #yui-main .yui-b {width:76%;min-width:570px;} -.yui-t1 .yui-b {width:21.33%;min-width:160px;} +.yui-t4 #yui-main, +.yui-t5 #yui-main, +.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */} -/* t2 & t4: L180 & R180 */ -.yui-t2 #yui-main .yui-b, .yui-t4 #yui-main .yui-b {width:73.4%;min- -width:550px;} -.yui-t2 .yui-b, .yui-t4 .yui-b {width:24%;min-width:180px;} +.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; +} -/* t3 & t6: L300 & R300 */ -.yui-t3 #yui-main .yui-b, .yui-t6 #yui-main .yui-b {width:57.6%;min- -width:430px;} -.yui-t3 .yui-b, .yui-t6 .yui-b {width:40%;min-width:300px;} +.yui-t2 .yui-b { + float:left; + width:13.8456em;*width:13.512em;} +.yui-t2 #yui-main .yui-b { + margin-left:14.8456em;*margin-left:14.512em; +} -/* t5: R240 */ -.yui-t5 #yui-main .yui-b {width:65.4%;min-width:490px;} -.yui-t5 .yui-b {width:32%;min-width:240px;} +.yui-t3 .yui-b { + float:left; + width:23.0759em;*width:22.52em;} +.yui-t3 #yui-main .yui-b { + margin-left:24.0759em;*margin-left:23.52em; +} -/* t7: 750 */ +.yui-t4 .yui-b { + float:right; + width:13.8456em;*width:13.512em;} +.yui-t4 #yui-main .yui-b { + margin-right:14.8456em;*margin-right:14.512em; +} - - -/* grid-generic rules for all templates */ - -/* all modules and grids nested in a grid get floated */ -.yui-g .yui-u, .yui-g .yui-g, .yui-ge .yui-u, .yui-gf .yui-u { - float:right; - display:inline; /* IE */ +.yui-t5 .yui-b { + float:right; + width:18.4608em;*width:18.016em;} +.yui-t5 #yui-main .yui-b { + margin-right:19.4608em;*margin-right:19.016em; } -/* float left and kill margin on first for added flex */ -.yui-g .first, .yui-gd .first, .yui-ge .first, .yui-gf .first {float:left; } - -/* 2 col */ -.yui-g .yui-u, .yui-g .yui-g {width:49.1%;} -.yui-g .yui-g .yui-u {width:48.1%;} /* smaller for nested to preserve margins */ - -/* 3 col */ -.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u { - float:left; /* need to reverse the order for 3 */ - margin-left:2%; *margin-left:1.895%; - width:32%; +.yui-t6 .yui-b { + float:right; + width:23.0759em;*width:22.52em;} +.yui-t6 #yui-main .yui-b { + margin-right:24.0759em;*margin-right:23.52em; } -.yui-gb .first, .yui-gc .first, .yui-gd .first {margin-left:0;} - -/* colspan 2 */ -.yui-gc .first, .yui-gd .yui-u {width:66%;} -.yui-gd .first {width:32%;} - -/* colspan 3 */ -.yui-ge .yui-u {width:24%;} -.yui-ge .first, .yui-gf .yui-u {width:74.2%;} -.yui-gf .first {width:24%;} -.yui-ge .first {width:74.2%;} - -/* self clear floated parent containers */ -#bd: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;} -#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {zoom:1;} /* IE */ +.yui-t7 #yui-main .yui-b { + display:block;margin:0 0 1em 0; +} +#yui-main .yui-b {float:none;width:auto;} +/* GRIDS (not TEMPLATES) */ +.yui-g .yui-u, +.yui-g .yui-g, +.yui-gc .yui-u, +.yui-gc .yui-g .yui-u, +.yui-ge .yui-u, +.yui-gf .yui-u{float:right;display:inline;} +.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;} +.yui-g .yui-u, +.yui-g .yui-g{width:49.1%;} +.yui-g .yui-g .yui-u, +.yui-gc .yui-g .yui-u {width:48.1%;} +.yui-gb .yui-u, +.yui-gc .yui-u, +.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;} +.yui-gb div.first, +.yui-gc div.first, +.yui-gd div.first{margin-left:0;} +.yui-gc div.first, +.yui-gd .yui-u{width:66%;} +.yui-gd div.first{width:32%;} +.yui-ge .yui-u{width:24%;} +.yui-ge div.first, +.yui-gf .yui-u{width:74.2%;} +.yui-gf div.first{width:24%;} +.yui-ge div.first{width:74.2%;} +#bd: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;} +#bd, +.yui-g, +.yui-gb, +.yui-gc, +.yui-gd, +.yui-ge, +.yui-gf{zoom:1;} \ No newline at end of file