blob: 3db72d3f82a323705376d72486d2736b88f9aef1 [file] [log] [blame]
/*
* Copyright 2007 The Closure Library Authors. All Rights Reserved.
*
* Use of this source code is governed by the Apache License, Version 2.0.
* See the COPYING file for details.
*/
/**
* CSS Inlay
* This is the minimum CSS required to use the markup/classname patterns.
* @author elsigh@google.com (Lindsey Simon)
* @author ddiaz@google.com (Dustin Diaz)
*/
/**
* Document container designed for fluid width scaling.
* Alternative g-doc- fixed-width classes are in gui-fixed.css.
*/
.g-doc {
width: 100%;
text-align: left;
}
/**
* g-section fundamentally has to clear floats. There are many ways to do this.
* This technique is nice because it doesn't rely on overflow: hidden, which
* has the potential to hide your content in situations where a fixed size
* node takes up too much space (like a big table, or a text input or image.
* Works in Webkit, IE8, and FF3.
*/
.g-section {
width: 100%;
vertical-align: top;
display: inline-block;
}
/**
* IE7-only hack. Nicely IE7 will clear floats with just block display
* and hasLayout.
*/
*:first-child+html .g-section {
display: block;
}
/**
* IE6 cannot hang with overflow: visible. If we use the IE7 display block
* trick in IE6 we get severe float drop in nested grids.
*/
* html .g-section {
overflow: hidden;
}
/* FF2 can't actually hang with overflow: visible. */
@-moz-document url-prefix() {
.g-section {
overflow: hidden;
}
}
/**
* FF3 now needs to be reset after the previous block which affects it as well.
* We target the tt element in this hack because no one uses it.
*/
@-moz-document url-prefix() {
.g-section,tt:default {
overflow: visible;
}
}
/* Forces "hasLayout" fixing a gamut of bugs in <= IE7. */
.g-section,
.g-unit {
zoom: 1;
}
/* Used for splitting a template's units text-alignment to the outer edges. */
.g-split .g-unit {
text-align: right;
}
.g-split .g-first {
text-align: left;
}