g-base.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /*
  2. * Copyright 2007 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. * CSS Inlay
  9. * This is the minimum CSS required to use the markup/classname patterns.
  10. * @author elsigh@google.com (Lindsey Simon)
  11. * @author ddiaz@google.com (Dustin Diaz)
  12. */
  13. /**
  14. * Document container designed for fluid width scaling.
  15. * Alternative g-doc- fixed-width classes are in gui-fixed.css.
  16. */
  17. .g-doc {
  18. width: 100%;
  19. text-align: left;
  20. }
  21. /**
  22. * g-section fundamentally has to clear floats. There are many ways to do this.
  23. * This technique is nice because it doesn't rely on overflow: hidden, which
  24. * has the potential to hide your content in situations where a fixed size
  25. * node takes up too much space (like a big table, or a text input or image.
  26. * Works in Webkit, IE8, and FF3.
  27. */
  28. .g-section {
  29. width: 100%;
  30. vertical-align: top;
  31. display: inline-block;
  32. }
  33. /**
  34. * IE7-only hack. Nicely IE7 will clear floats with just block display
  35. * and hasLayout.
  36. */
  37. *:first-child+html .g-section {
  38. display: block;
  39. }
  40. /**
  41. * IE6 cannot hang with overflow: visible. If we use the IE7 display block
  42. * trick in IE6 we get severe float drop in nested grids.
  43. */
  44. * html .g-section {
  45. overflow: hidden;
  46. }
  47. /* FF2 can't actually hang with overflow: visible. */
  48. @-moz-document url-prefix() {
  49. .g-section {
  50. overflow: hidden;
  51. }
  52. }
  53. /**
  54. * FF3 now needs to be reset after the previous block which affects it as well.
  55. * We target the tt element in this hack because no one uses it.
  56. */
  57. @-moz-document url-prefix() {
  58. .g-section,tt:default {
  59. overflow: visible;
  60. }
  61. }
  62. /* Forces "hasLayout" fixing a gamut of bugs in <= IE7. */
  63. .g-section,
  64. .g-unit {
  65. zoom: 1;
  66. }
  67. /* Used for splitting a template's units text-alignment to the outer edges. */
  68. .g-split .g-unit {
  69. text-align: right;
  70. }
  71. .g-split .g-first {
  72. text-align: left;
  73. }