outliner.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. /* outliner.css */
  2. ul.outliner
  3. {
  4. margin-top: 2px;
  5. }
  6. ul.outliner,
  7. ul.outliner ul,
  8. ul.outliner li
  9. {
  10. list-style: none;
  11. margin-left:6px;
  12. padding-left:0;
  13. text-align: left;
  14. }
  15. ul.outliner li
  16. {
  17. background-size: 16px 16px;
  18. background-position: 0px 0px;
  19. background-repeat: no-repeat;
  20. white-space: nowrap;
  21. }
  22. ul.outliner a
  23. {
  24. margin-left: 18px;
  25. padding: 1px;
  26. line-height: 18px;
  27. vertical-align:middle;
  28. }
  29. ul.outliner a:hover
  30. {
  31. cursor: pointer;
  32. animation: item_hover 1s;
  33. background-color: #C0C0C0;
  34. color: black;
  35. }
  36. ul.outliner a.selected,
  37. ul.outliner a.selected:hover
  38. {
  39. background-color:#F0A0A0;
  40. color:black;
  41. animation: none;
  42. }
  43. ul.outliner .cut
  44. {
  45. color:blue;
  46. font-style: italic;
  47. }
  48. ul.outliner .selected.cut
  49. {
  50. color:blue;
  51. font-style: italic;
  52. }
  53. ul.outliner .active_camera
  54. {
  55. font-weight: bold;
  56. }
  57. ul.outliner .hidden
  58. {
  59. color:#C0C0C0;
  60. }
  61. ul.outliner .selected.hidden
  62. {
  63. color:#707070;
  64. }
  65. ul.outliner ul.collapsed
  66. {
  67. display:none;
  68. }
  69. ul.outliner ul.expanded
  70. {
  71. visibility:visible;
  72. }
  73. ul.outliner button
  74. {
  75. padding:0;
  76. font-size:9px;
  77. width:9px;
  78. height:9px;
  79. background-color: transparent;
  80. background-repeat: no-repeat;
  81. background-position: center center;
  82. border:none;
  83. text-align: center;
  84. margin-left: -11px;
  85. margin-right: 2px;
  86. outline: none;
  87. box-shadow: none;
  88. }
  89. ul.outliner button.collapse
  90. {
  91. background-image:url(images/collapse.svg);
  92. }
  93. ul.outliner button.expand
  94. {
  95. background-image:url(images/expand.svg);
  96. }
  97. ul.outliner button:hover
  98. {
  99. cursor:pointer;
  100. }
  101. /* tree images */
  102. ul.tree li
  103. {
  104. background-image: url(images/outliner/default.svg);
  105. }
  106. ul.tree li.Group
  107. {
  108. background-image: url(images/outliner/group.svg)
  109. }
  110. ul.tree li.Solid
  111. {
  112. background-image: url(images/outliner/solid.svg)
  113. }
  114. ul.tree li.Profile
  115. {
  116. background-image: url(images/outliner/profile.svg)
  117. }
  118. ul.tree li.Cord
  119. {
  120. background-image: url(images/outliner/cord.svg)
  121. }
  122. ul.tree li.Mesh
  123. {
  124. background-image: url(images/outliner/mesh.svg)
  125. }
  126. ul.tree li.AmbientLight,
  127. ul.tree li.DirectionalLight,
  128. ul.tree li.PointLight,
  129. ul.tree li.AreaLight,
  130. ul.tree li.HemisphereLight,
  131. ul.tree li.SpotLight
  132. {
  133. background-image: url(images/outliner/light.svg);
  134. }
  135. ul.tree li.PerspectiveCamera,
  136. ul.tree li.OrthographicCamera
  137. {
  138. background-image: url(images/outliner/camera.svg);
  139. }
  140. ul.tree li.Cloner
  141. {
  142. background-image: url(images/outliner/cloner.svg);
  143. }
  144. ul.tree li.CircleBuilder,
  145. ul.tree li.CircleHollowBuilder
  146. {
  147. background-image: url(images/outliner/circle.svg);
  148. }
  149. ul.tree li.RectangleBuilder,
  150. ul.tree li.RectangleHollowBuilder
  151. {
  152. background-image: url(images/outliner/rectangle.svg);
  153. }
  154. ul.tree li.EllipseBuilder
  155. {
  156. background-image: url(images/outliner/ellipse.svg);
  157. }
  158. ul.tree li.TrapeziumBuilder
  159. {
  160. background-image: url(images/outliner/trapezium.svg);
  161. }
  162. ul.tree li.IProfileBuilder
  163. {
  164. background-image: url(images/outliner/iprofile.svg);
  165. }
  166. ul.tree li.LProfileBuilder
  167. {
  168. background-image: url(images/outliner/lprofile.svg);
  169. }
  170. ul.tree li.TProfileBuilder
  171. {
  172. background-image: url(images/outliner/tprofile.svg);
  173. }
  174. ul.tree li.UProfileBuilder
  175. {
  176. background-image: url(images/outliner/uprofile.svg);
  177. }
  178. ul.tree li.ZProfileBuilder
  179. {
  180. background-image: url(images/outliner/zprofile.svg);
  181. }