import v1.0.0-RC4 | 2009-05-20
This commit is contained in:
86
webdir/javascript/yui/grids/README
Normal file
86
webdir/javascript/yui/grids/README
Normal file
@ -0,0 +1,86 @@
|
||||
YUI Library - Grids - Release Notes
|
||||
|
||||
Version 2.6.0
|
||||
|
||||
* Removed extraneous "s" typo per Bugzilla #1826435 and SF #1921958
|
||||
* Added .yui-g .yui-u .yui-g {width:100%;} so nested grids work
|
||||
more consistently; BZ:2156128, SF:2060556
|
||||
* Added provision for better g>g>u gutters per SF:1927599
|
||||
|
||||
Version 2.5.1
|
||||
|
||||
* Added more specific selectors to allow nesting on "yui-gd" grids
|
||||
within "yui-ge" for Bugzilla #1779582, Sourceforge #1897741
|
||||
* Modified Page Width and Template Preset values for IE
|
||||
* Reordered several rules; formatted file and added more comments
|
||||
* Modified width and margin values for "thirds" nesting grid
|
||||
* Combined and optimized several selectors and rules
|
||||
|
||||
Version 2.5.0
|
||||
|
||||
* Tweaked em widths for "template presets" .yui-t1-6
|
||||
* Pruned two redundant lines
|
||||
|
||||
Version 2.4.0
|
||||
|
||||
* No changes.
|
||||
|
||||
Version 2.3.1
|
||||
|
||||
* Fixed bug in 2.3.0 that transposed the columns in deeply-
|
||||
nested grids. Sourceforge #1765553, Bugzilla #1419885
|
||||
* Improved precision and consistency of margins in nested grids.
|
||||
|
||||
Version 2.3.0
|
||||
|
||||
* Added more specific selectors to allow deeper nesting of both
|
||||
grids inside special grids, special grids within special
|
||||
grids, and special grids within grids.
|
||||
* Added #doc4 which provides a 974px page width
|
||||
|
||||
Version 2.2.0 - 2.2.2
|
||||
|
||||
* No changes.
|
||||
|
||||
Version 0.12.1 - 0.12.2
|
||||
|
||||
* No changes.
|
||||
|
||||
Version 0.12.0
|
||||
|
||||
* Removed redundant "text-align:left" from nodes below #doc.
|
||||
|
||||
* Removed small-font treatment on #ft.
|
||||
|
||||
* Removed margin-bottom from #hd,#bd.
|
||||
|
||||
* Added two new #doc definitions (#doc2 and #doc3) that provide
|
||||
950px centered and 100% page width presets to supplement the
|
||||
original 750px centered page width.
|
||||
|
||||
* Made ".first" selectors more precise by binding to divs, to
|
||||
make it less likely that our .first definitions will impact
|
||||
nested content elements wishing to use this nomenclature.
|
||||
|
||||
* Fixed "nested yui-gc" bug.
|
||||
|
||||
* Fixed build-process whitespace bug with .yui-t2 and .yui-t5.
|
||||
|
||||
* Migrated .yui-t's technique to "negative margins" technique
|
||||
from "floated ems".
|
||||
|
||||
* The "negative margins" technique caused z-index issues, so
|
||||
position:relative was added to the secondary yui-b to enable
|
||||
correct z-index.
|
||||
|
||||
* Make optimization benefits from inheritence wins via code
|
||||
reorganizations.
|
||||
|
||||
Version 0.11.0
|
||||
|
||||
* Removed line #43 because it set an already-set value.
|
||||
Was: ".yui-t7 #main .yui-b{min-width:750px;}"
|
||||
|
||||
Version 0.10.0
|
||||
|
||||
* Initial release.
|
||||
7
webdir/javascript/yui/grids/grids-min.css
vendored
Normal file
7
webdir/javascript/yui/grids/grids-min.css
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
/*
|
||||
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 2.6.0
|
||||
*/
|
||||
body{text-align:center;}#ft{clear:both;}#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;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{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.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.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;}.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;}.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%;}.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;}.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%;}.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;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#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;}
|
||||
285
webdir/javascript/yui/grids/grids.css
Normal file
285
webdir/javascript/yui/grids/grids.css
Normal file
@ -0,0 +1,285 @@
|
||||
/*
|
||||
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 2.6.0
|
||||
*/
|
||||
/*
|
||||
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.
|
||||
*/
|
||||
|
||||
/*
|
||||
Section: General Rules
|
||||
*/
|
||||
|
||||
body {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#ft {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/*
|
||||
Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
|
||||
*/
|
||||
|
||||
/*
|
||||
Subsection: General
|
||||
*/
|
||||
|
||||
#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;
|
||||
min-width:750px;
|
||||
}
|
||||
/*
|
||||
Subsection: 950 Centered (doc2)
|
||||
*/
|
||||
#doc2 {
|
||||
width:73.076em;*width:71.25em;
|
||||
}
|
||||
|
||||
/*
|
||||
Subsection: 100% (doc3)
|
||||
*/
|
||||
#doc3 {
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/*
|
||||
Subsection: 974 Centered (doc4)
|
||||
*/
|
||||
#doc4 {
|
||||
width:74.923em;*width:73.05em;
|
||||
}
|
||||
|
||||
/*
|
||||
Section: Preset Template Rules (.yui-t[1-6])
|
||||
*/
|
||||
|
||||
/*
|
||||
Subsection: General
|
||||
*/
|
||||
|
||||
/* to preserve source-order independence for Gecko */
|
||||
.yui-b{position:relative;}
|
||||
.yui-b{_position:static;}
|
||||
#yui-main .yui-b{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-t4 #yui-main,
|
||||
.yui-t5 #yui-main,
|
||||
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}
|
||||
|
||||
/*
|
||||
Subsection: For Specific Template Presets
|
||||
*/
|
||||
|
||||
.yui-t1 .yui-b {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.8461em;*width:13.50em;}
|
||||
.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}
|
||||
|
||||
.yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
|
||||
.yui-t3 #yui-main .yui-b {margin-left:24.0769em;*margin-left:23.62em;}
|
||||
|
||||
.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
|
||||
.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}
|
||||
|
||||
.yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
|
||||
.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}
|
||||
|
||||
.yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
|
||||
.yui-t6 #yui-main .yui-b {margin-right:24.0769em;*margin-right:23.62em;}
|
||||
|
||||
.yui-t7 #yui-main .yui-b {display:block;margin:0 0 1em 0;}
|
||||
|
||||
#yui-main .yui-b {float:none;width:auto;}
|
||||
|
||||
/*
|
||||
Section: Grids and Nesting Grids
|
||||
*/
|
||||
|
||||
/*
|
||||
Subsection: 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%;}
|
||||
|
||||
/*
|
||||
Section: Clearing
|
||||
*/
|
||||
|
||||
#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;}
|
||||
Reference in New Issue
Block a user