Andreas Hocevar
42 lines
1.1 KiB
CSS
42 lines
1.1 KiB
CSS
/*
|
|
* Copyright 2009 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.
|
|
*/
|
|
|
|
/*
|
|
* Cross-browser implementation of the "display: inline-block" CSS property.
|
|
* See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
|
|
* Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9.
|
|
*
|
|
* @author attila@google.com (Attila Bodis)
|
|
*/
|
|
|
|
/*
|
|
* Default rule; only Safari, Webkit, and Opera handle it without hacks.
|
|
*/
|
|
.goog-inline-block {
|
|
position: relative;
|
|
display: -moz-inline-box; /* Ignored by FF3 and later. */
|
|
display: inline-block;
|
|
}
|
|
|
|
/*
|
|
* Pre-IE7 IE hack. On IE, "display: inline-block" only gives the element
|
|
* layout, but doesn't give it inline behavior. Subsequently setting display
|
|
* to inline does the trick.
|
|
*/
|
|
* html .goog-inline-block {
|
|
display: inline;
|
|
}
|
|
|
|
/*
|
|
* IE7-only hack. On IE, "display: inline-block" only gives the element
|
|
* layout, but doesn't give it inline behavior. Subsequently setting display
|
|
* to inline does the trick.
|
|
*/
|
|
*:first-child+html .goog-inline-block {
|
|
display: inline;
|
|
}
|