468 lines
7.0 KiB
CSS
468 lines
7.0 KiB
CSS
/*
|
|
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
|
|
Code licensed under the BSD License:
|
|
http://developer.yahoo.net/yui/license.txt
|
|
version: 2.7.0
|
|
*/
|
|
/**
|
|
* 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.076em;
|
|
*width: 71.25em;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 974 Centered (doc4) */
|
|
#doc4 {
|
|
width: 74.923em;
|
|
*width: 73.05em;
|
|
}
|
|
|
|
/**
|
|
* Section: Preset Template Rules (.yui-t[1-6])
|
|
*/
|
|
|
|
|
|
.yui-b {
|
|
/* to preserve source-order independence for Gecko */
|
|
position: relative;
|
|
}
|
|
|
|
.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;
|
|
/* IE: preserve layout at narrow widths */
|
|
margin-left: -25em;
|
|
}
|
|
|
|
.yui-t4 #yui-main,
|
|
.yui-t5 #yui-main,
|
|
.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.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
|
|
*/
|
|
|
|
/* 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%;
|
|
}
|
|
|
|
/* @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;
|
|
}
|
|
|
|
#hd,
|
|
#bd,
|
|
#ft,
|
|
.yui-g,
|
|
.yui-gb,
|
|
.yui-gc,
|
|
.yui-gd,
|
|
.yui-ge,
|
|
.yui-gf {
|
|
zoom: 1;
|
|
}
|