VisibilityTool.uss 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. VisibilityToolWindow {
  2. flex:1 0;
  3. width : 250px;
  4. flex-direction: row-reverse;
  5. padding-bottom : 10px;
  6. }
  7. VisibilityToolWindow > PopupWindow{
  8. flex : 1 0;
  9. }
  10. VisibilityToolWindow > PopupWindow > #unity-content-container{
  11. flex : 1 0;
  12. }
  13. BoneVisibilityToolView{
  14. flex:1 0 auto;
  15. }
  16. SpriteVisibilityToolView{
  17. flex:1 0 auto;
  18. }
  19. MeshVisibilityToolView{
  20. flex:1 0 auto;
  21. }
  22. #VisibilityToolSelection{
  23. max-height : 20px;
  24. flex-direction : row;
  25. flex: 1 0 auto;
  26. }
  27. #VisibilityToolContainer{
  28. padding-bottom : 45px;
  29. }
  30. #VisibilityToolSelection > Label{
  31. flex:1 0 auto;
  32. }
  33. #HierarchyToolButtonImage{
  34. background-image: resource("Icons/HierarchyTool");
  35. }
  36. #VisibilityToolSelection > Button{
  37. margin-top: 0;
  38. margin-left: 0;
  39. margin-bottom: 0;
  40. margin-right: 0;
  41. padding-top: 0;
  42. padding-left: 0;
  43. padding-bottom: 0;
  44. padding-right: 0;
  45. border-left-width: 0;
  46. border-top-width: 0;
  47. border-right-width: 0;
  48. border-bottom-width: 0;
  49. cursor : link;
  50. }
  51. .visibilityToolTab {
  52. background-image: none;
  53. color: #505050;
  54. -unity-slice-left: 6;
  55. -unity-slice-top: 4;
  56. -unity-slice-right: 6;
  57. -unity-slice-bottom: 4;
  58. flex :1 0 auto;
  59. margin-top: 0;
  60. margin-left: 0;
  61. margin-bottom: 0;
  62. margin-right: 0;
  63. padding-top: 0;
  64. padding-left: 0;
  65. padding-bottom: 0;
  66. padding-right: 0;
  67. border-left-width: 0;
  68. border-top-width: 0;
  69. border-right-width: 0;
  70. border-bottom-width: 0;
  71. }
  72. .visibilityToolTabDark{
  73. color: #B4B4B4;
  74. }
  75. .visibilityToolTab:checked{
  76. background-image: resource("Builtin Skins/LightSkin/Images/tabbar on f.png");
  77. color: #505050;
  78. flex :1 0 auto;
  79. -unity-slice-left: 6;
  80. -unity-slice-top: 4;
  81. -unity-slice-right: 6;
  82. -unity-slice-bottom: 4;
  83. margin-top: 0;
  84. margin-left: 0;
  85. margin-bottom: 0;
  86. margin-right: 0;
  87. padding-top: 0;
  88. padding-left: 0;
  89. padding-bottom: 0;
  90. padding-right: 0;
  91. border-left-width: 0;
  92. border-top-width: 0;
  93. border-right-width: 0;
  94. }
  95. .visibilityToolTabDark:checked{
  96. background-image: resource("Builtin Skins/DarkSkin/Images/tabbar on f.png");
  97. color: #B4B4B4;
  98. }
  99. .visibilityToolTab:hover:active:checked{
  100. background-image: resource("Builtin Skins/LightSkin/Images/tabbar on.png");
  101. flex :1 0 auto;
  102. -unity-slice-left: 6;
  103. -unity-slice-top: 4;
  104. -unity-slice-right: 6;
  105. -unity-slice-bottom: 4;
  106. margin-top: 0;
  107. margin-left: 0;
  108. margin-bottom: 0;
  109. margin-right: 0;
  110. padding-top: 0;
  111. padding-left: 0;
  112. padding-bottom: 0;
  113. padding-right: 0;
  114. border-left-width: 0;
  115. border-top-width: 0;
  116. border-right-width: 0;
  117. border-bottom-width: 0;
  118. }
  119. .visibilityToolTabDark:hover:active:checked{
  120. background-image: resource("Builtin Skins/DarkSkin/Images/tabbar on.png");
  121. }
  122. .visibilityToolTab:hover:active{
  123. background-image: resource("Builtin Skins/LightSkin/Images/tabbar on.png");
  124. color: #505050;
  125. flex :1 0 auto;
  126. -unity-slice-left: 6;
  127. -unity-slice-top: 4;
  128. -unity-slice-right: 6;
  129. -unity-slice-bottom: 4;
  130. margin-top: 0;
  131. margin-left: 0;
  132. margin-bottom: 0;
  133. margin-right: 0;
  134. padding-top: 0;
  135. padding-left: 0;
  136. padding-bottom: 0;
  137. padding-right: 0;
  138. border-left-width: 0;
  139. border-top-width: 0;
  140. border-right-width: 0;
  141. border-bottom-width: 0;
  142. }
  143. .visibilityToolTabDark:hover:active{
  144. background-image: resource("Builtin Skins/DarkSkin/Images/tabbar on.png");
  145. }
  146. #OpacitySliderGroup
  147. {
  148. margin-bottom : 5px;
  149. flex-direction:row;
  150. flex : 1 0 auto;
  151. max-height : 16px;
  152. }
  153. #BoneOpacitySliderGroup
  154. {
  155. flex-direction:row;
  156. height : 16px;
  157. }
  158. #MeshOpacitySliderGroup
  159. {
  160. flex-direction:row;
  161. height : 16px;
  162. }
  163. #MeshOpacitySlider
  164. {
  165. align-self : center;
  166. flex : 1 0;
  167. }
  168. #BoneOpacitySlider
  169. {
  170. align-self : center;
  171. flex : 1 0;
  172. }
  173. #BoneOpacitySliderIcon
  174. {
  175. background-image: url("Icons/Light/Bone.png");
  176. width : 16px;
  177. height : 16px;
  178. }
  179. #MeshOpacitySliderIcon
  180. {
  181. background-image: url("Icons/Light/Mesh.png");
  182. width : 16px;
  183. height : 16px;
  184. }
  185. .Dark #BoneOpacitySliderIcon
  186. {
  187. background-image: url("Icons/Dark/d_Bone.png");
  188. width : 16px;
  189. height : 16px;
  190. }
  191. .Dark #MeshOpacitySliderIcon
  192. {
  193. background-image: url("Icons/Dark/d_Mesh.png");
  194. width : 16px;
  195. height : 16px;
  196. }
  197. BoneReparentToolView
  198. {
  199. flex : 1 0 auto;
  200. }
  201. #Resizer
  202. {
  203. cursor : resize-horizontal;
  204. min-width: 20px;
  205. margin-right: -15px;
  206. }