GraphEditorView.uss 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. BlackboardRow.hovered #pill #selection-border
  2. {
  3. background-color:rgba(68,192,255,0.4);
  4. border-color: #44C0FF;
  5. border-left-width: 2px;
  6. border-top-width: 2px;
  7. border-right-width: 2px;
  8. border-bottom-width: 2px;
  9. left: 1px;
  10. right: 1px;
  11. top: 1px;
  12. bottom: 1px;
  13. }
  14. GraphEditorView {
  15. flex-direction: column;
  16. flex: 1;
  17. }
  18. GraphEditorView #TitleBar {
  19. }
  20. GraphEditorView > #content {
  21. flex: 1;
  22. flex-direction: row;
  23. }
  24. GraphEditorView > #content > #GraphView {
  25. flex: 1;
  26. }
  27. GraphEditorView > #content > #inspector {
  28. width: 400px;
  29. }
  30. .edge.fromMatrix4, .edge.fromMatrix3, .edge.fromMatrix2 {
  31. --edge-output-color: #8FC1DF;
  32. }
  33. .edge.toMatrix4, .edge.toMatrix3, .edge.toMatrix2 {
  34. --edge-input-color: #8FC1DF;
  35. }
  36. .edge.fromTexture2D, .edge.fromCubemap {
  37. --edge-output-color: #FF8B8B;
  38. }
  39. .edge.toTexture2D, .edge.toCubemap {
  40. --edge-input-color: #FF8B8B;
  41. }
  42. .edge.fromVector4 {
  43. --edge-output-color: #FBCBF4;
  44. }
  45. .edge.toVector4 {
  46. --edge-input-color: #FBCBF4;
  47. }
  48. .edge.fromVector3 {
  49. --edge-output-color: #F6FF9A;
  50. }
  51. .edge.toVector3 {
  52. --edge-input-color: #F6FF9A;
  53. }
  54. .edge.fromVector2 {
  55. --edge-output-color: #9AEF92;
  56. }
  57. .edge.toVector2 {
  58. --edge-input-color: #9AEF92;
  59. }
  60. .edge.fromVector1 {
  61. --edge-output-color: #84E4E7;
  62. }
  63. .edge.toVector1 {
  64. --edge-input-color: #84E4E7;
  65. }
  66. .edge.fromBoolean {
  67. --edge-output-color: #9481E6;
  68. }
  69. .edge.toBoolean {
  70. --edge-input-color: #9481E6;
  71. }
  72. #resizeBorderFrame > .resize {
  73. background-color: rgba(0, 0, 0, 0);
  74. position: absolute;
  75. }
  76. #resizeBorderFrame > .resize.vertical {
  77. cursor: resize-vertical;
  78. height: 10px;
  79. left: 10px;
  80. right: 10px;
  81. padding-top: 0;
  82. padding-bottom: 0;
  83. margin-top: 0;
  84. margin-bottom: 0;
  85. }
  86. #resizeBorderFrame > .resize.horizontal {
  87. cursor: resize-horizontal;
  88. width: 10px;
  89. top: 10px;
  90. bottom: 10px;
  91. padding-left: 0;
  92. padding-right: 0;
  93. margin-left: 0;
  94. margin-right: 0;
  95. }
  96. #resizeBorderFrame > .resize.diagonal {
  97. width: 10px;
  98. height: 6px;
  99. }
  100. #resizeBorderFrame > .resize.diagonal.top-left {
  101. cursor: resize-up-left;
  102. top: 0;
  103. left: 0;
  104. }
  105. #resizeBorderFrame > .resize.diagonal.top-right {
  106. cursor: resize-up-right;
  107. top: 0;
  108. right: 0;
  109. }
  110. #resizeBorderFrame > .resize.diagonal.bottom-left {
  111. cursor: resize-up-right;
  112. bottom: 0;
  113. left: 0;
  114. }
  115. #resizeBorderFrame > .resize.diagonal.bottom-right {
  116. cursor: resize-up-left;
  117. bottom: 0;
  118. right: 0;
  119. }
  120. #resizeBorderFrame > .resize.vertical.top {
  121. top: 0;
  122. }
  123. #resizeBorderFrame > .resize.vertical.bottom {
  124. bottom: 0;
  125. }
  126. #resizeBorderFrame > .resize.horzontal.left {
  127. left: 0;
  128. }
  129. #resizeBorderFrame > .resize.horizontal.right {
  130. right: 0;
  131. }
  132. .resizeBorderFrame {
  133. position: absolute;
  134. top: 0;
  135. right: 0;
  136. bottom: 0;
  137. left: 0;
  138. }
  139. .nodeEditor {
  140. border-color: rgb(79, 79, 79);
  141. border-bottom-width: 1px;
  142. padding-top: 10px;
  143. }
  144. NodeEditorHeaderView {
  145. padding-left: 16px;
  146. padding-right: 16px;
  147. padding-bottom: 10px;
  148. flex-direction: row;
  149. }
  150. NodeEditorHeaderView > #preType {
  151. margin-left: 10px;
  152. }
  153. NodeEditorHeaderView > #preType,
  154. NodeEditorHeaderView > #postType,
  155. NodeEditorHeaderView > #type {
  156. color: rgb(180, 180, 180);
  157. }
  158. NodeEditorHeaderView > #title {
  159. color: rgb(180, 180, 180);
  160. -unity-font-style: bold;
  161. }
  162. .nodeEditor > .section {
  163. padding-bottom: 10px;
  164. }
  165. .nodeEditor > .section.hidden {
  166. height: 0;
  167. padding-bottom: 0;
  168. }
  169. .nodeEditor > .section > .title {
  170. color: rgb(180, 180, 180);
  171. -unity-font-style: bold;
  172. padding-left: 16px;
  173. padding-right: 16px;
  174. padding-bottom: 2px;
  175. }
  176. .nodeEditor > .section > #slots {
  177. flex-direction: column;
  178. padding-left: 15px;
  179. padding-right: 15px;
  180. }
  181. .nodeEditor > .section#surfaceOptions {
  182. padding-left: 15px;
  183. padding-right: 15px;
  184. }
  185. IMGUISlotEditorView {
  186. flex-direction: column;
  187. padding-bottom: 2px;
  188. }
  189. ObjectControlView {
  190. flex-direction: row;
  191. }
  192. ObjectControlView > ObjectField {
  193. flex: 1;
  194. }
  195. PropertyControlView {
  196. padding-left: 8px;
  197. padding-right: 8px;
  198. padding-top: 4px;
  199. padding-bottom: 4px;
  200. }
  201. /* TEMP STUFF THAT SHOULD ACTUALLY STAY IN GRAPHVIEW */
  202. .unity-Doublefield-input {
  203. min-height: 15px;
  204. margin-left: 4px;
  205. margin-top: 2px;
  206. margin-right: 4px;
  207. margin-bottom: 2px;
  208. padding-left: 3px;
  209. padding-top: 1px;
  210. padding-right: 3px;
  211. padding-bottom: 2px;
  212. -unity-slice-left: 3;
  213. -unity-slice-top: 3;
  214. -unity-slice-right: 3;
  215. -unity-slice-bottom: 3;
  216. --unity-selection-color: rgba(61,128,223,166);
  217. cursor: text;
  218. color: #B4B4B4;
  219. background-image: resource("Builtin Skins/DarkSkin/Images/TextField.png");
  220. --unity-cursor-color:#B4B4B4;
  221. }
  222. .unity-Doublefield-input:focus {
  223. background-image: resource("Builtin Skins/DarkSkin/Images/TextField focused.png");
  224. }