tree.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  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. /* Author: arv@google.com (Erik Arvidsson) */
  8. /* Author: eae@google.com (Emil A Eklund) */
  9. /* Author: jonp@google.com (Jon Perlow) */
  10. /*
  11. TODO(arv): Currently the sprite image has the height 16px. We should make the
  12. image taller which would allow better flexibility when it comes to the height
  13. of a tree row.
  14. */
  15. .goog-tree-root:focus {
  16. outline: none;
  17. }
  18. .goog-tree-row {
  19. white-space: nowrap;
  20. font: icon;
  21. line-height: 16px;
  22. height: 16px;
  23. }
  24. .goog-tree-row span {
  25. overflow: hidden;
  26. text-overflow: ellipsis;
  27. }
  28. .goog-tree-children {
  29. background-repeat: repeat-y;
  30. background-image: url(//ssl.gstatic.com/closure/tree/I.png) !important;
  31. background-position-y: 1px !important; /* IE only */
  32. font: icon;
  33. }
  34. .goog-tree-children-nolines {
  35. font: icon;
  36. }
  37. .goog-tree-icon {
  38. background-image: url(//ssl.gstatic.com/closure/tree/tree.png);
  39. }
  40. .goog-tree-expand-icon {
  41. vertical-align: middle;
  42. height: 16px;
  43. width: 16px;
  44. cursor: default;
  45. }
  46. .goog-tree-expand-icon-plus {
  47. width: 19px;
  48. background-position: 0 0;
  49. }
  50. .goog-tree-expand-icon-minus {
  51. width: 19px;
  52. background-position: -24px 0;
  53. }
  54. .goog-tree-expand-icon-tplus {
  55. width: 19px;
  56. background-position: -48px 0;
  57. }
  58. .goog-tree-expand-icon-tminus {
  59. width: 19px;
  60. background-position: -72px 0;
  61. }
  62. .goog-tree-expand-icon-lplus {
  63. width: 19px;
  64. background-position: -96px 0;
  65. }
  66. .goog-tree-expand-icon-lminus {
  67. width: 19px;
  68. background-position: -120px 0;
  69. }
  70. .goog-tree-expand-icon-t {
  71. width: 19px;
  72. background-position: -144px 0;
  73. }
  74. .goog-tree-expand-icon-l {
  75. width: 19px;
  76. background-position: -168px 0;
  77. }
  78. .goog-tree-expand-icon-blank {
  79. width: 19px;
  80. background-position: -168px -24px;
  81. }
  82. .goog-tree-collapsed-folder-icon {
  83. vertical-align: middle;
  84. height: 16px;
  85. width: 16px;
  86. background-position: -0px -24px;
  87. }
  88. .goog-tree-expanded-folder-icon {
  89. vertical-align: middle;
  90. height: 16px;
  91. width: 16px;
  92. background-position: -24px -24px;
  93. }
  94. .goog-tree-file-icon {
  95. vertical-align: middle;
  96. height: 16px;
  97. width: 16px;
  98. background-position: -48px -24px;
  99. }
  100. .goog-tree-item-label {
  101. margin-left: 3px;
  102. padding: 1px 2px 1px 2px;
  103. text-decoration: none;
  104. color: WindowText;
  105. cursor: default;
  106. }
  107. .goog-tree-item-label:hover {
  108. text-decoration: underline;
  109. }
  110. .selected .goog-tree-item-label {
  111. background-color: ButtonFace;
  112. color: ButtonText;
  113. }
  114. .focused .selected .goog-tree-item-label {
  115. background-color: Highlight;
  116. color: HighlightText;
  117. }
  118. .goog-tree-hide-root {
  119. display: none;
  120. }