286 lines
6.6 KiB
CSS
286 lines
6.6 KiB
CSS
|
/*
|
||
|
|
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;}
|