##// END OF EJS Templates
rewrote graph plotting, added zooming and json dump insted of stupid string formating.
rewrote graph plotting, added zooming and json dump insted of stupid string formating.

File last commit:

r0:564e4082 default
r486:5c376ac2 celery
Show More
grids.css
467 lines | 7.0 KiB | text/css | CssLexer
Marcin Kuzminski
initial commit.
r0 /*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
* 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%;
}
/*YUILibrary bug #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;
}