1
/*
2
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
3
 *
4
 * Use of this source code is governed by the Apache License, Version 2.0.
5
 * See the COPYING file for details.
6
 */
7

8
/*
9
 * Cross-browser implementation of the "display: inline-block" CSS property.
10
 * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
11
 * Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9.
12
 *
13
 * @author [email protected] (Attila Bodis)
14
 */
15

16
/*
17
 * Default rule; only Safari, Webkit, and Opera handle it without hacks.
18
 */
19
.goog-inline-block {
20
  position: relative;
21
  display: -moz-inline-box; /* Ignored by FF3 and later. */
22
  display: inline-block;
23
}
24

25
/*
26
 * Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element
27
 * layout, but doesn't give it inline behavior.  Subsequently setting display
28
 * to inline does the trick.
29
 */
30
* html .goog-inline-block {
31
  display: inline;
32
}
33

34
/*
35
 * IE7-only hack.  On IE, "display: inline-block" only gives the element
36
 * layout, but doesn't give it inline behavior.  Subsequently setting display
37
 * to inline does the trick.
38
 */
39
*:first-child+html .goog-inline-block {
40
  display: inline;
41
}
42

43