Nenhuma descrição
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

SGBlackboard.uss 7.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  1. .unity-label {
  2. padding-top: 1px;
  3. padding-left: 2px;
  4. padding-right: 2px;
  5. padding-bottom: 2px;
  6. margin-left: 4px;
  7. margin-top: 2px;
  8. margin-right: 4px;
  9. margin-bottom: 2px;
  10. }
  11. #SGBlackboard {
  12. position:absolute;
  13. flex-direction: column;
  14. background-color: rgba(0,0,0,0);
  15. border-color: rgba(0,0,0,0);
  16. min-width: 100px;
  17. min-height: 100px;
  18. width: 200px;
  19. height: 400px;
  20. }
  21. #SGBlackboard.windowed {
  22. position: relative;
  23. padding-top: 0;
  24. flex: 1;
  25. border-left-width: 0;
  26. border-top-width: 0;
  27. border-right-width: 0;
  28. border-bottom-width: 0;
  29. border-radius: 0;
  30. width: initial;
  31. height: initial;
  32. }
  33. #SGBlackboard > #subTitleTextField {
  34. position: relative;
  35. font-size: 11px;
  36. margin-left: 0;
  37. left: 5;
  38. top: 5;
  39. width: auto;
  40. visibility: hidden;
  41. }
  42. #SGBlackboard.windowed > .resizer {
  43. display: none;
  44. }
  45. #SGBlackboard > #categoryDragIndicator {
  46. background-color: cornflowerblue;
  47. min-height: 4px;
  48. left:0;
  49. right:0;
  50. padding-top: 2px;
  51. padding-bottom: 2px;
  52. }
  53. #SGBlackboard:selected {
  54. border-color: #44C0FF;
  55. }
  56. #SGBlackboard > .mainContainer {
  57. border-left-width: 1px;
  58. border-top-width: 1px;
  59. border-right-width: 1px;
  60. border-bottom-width: 1px;
  61. border-radius: 5px;
  62. background-color: #2b2b2b;
  63. border-color: #191919;
  64. margin: 6px;
  65. flex-direction: column;
  66. align-items: stretch;
  67. }
  68. #SGBlackboard.scrollable > .mainContainer {
  69. position: absolute;
  70. top:0;
  71. left:0;
  72. right:0;
  73. bottom:0;
  74. }
  75. #SGBlackboard > .mainContainer > #content {
  76. flex-direction: column;
  77. align-items: stretch;
  78. }
  79. #SGBlackboard.scrollable > .mainContainer > #content {
  80. position: absolute;
  81. top:0;
  82. left:0;
  83. right:0;
  84. bottom:0;
  85. flex-direction: column;
  86. align-items: stretch;
  87. }
  88. #SGBlackboard.scrollable > .mainContainer > #content > #scrollBoundaryTop
  89. {
  90. position: relative;
  91. align-content: flex-start;
  92. opacity: 0.1;
  93. min-height: 15;
  94. -unity-background-image-tint-color: aqua;
  95. background-color: lightgrey;
  96. border-bottom-right-radius: 15px;
  97. border-bottom-left-radius: 15px;
  98. }
  99. #SGBlackboard.scrollable > .mainContainer > #content > #scrollBoundaryBottom
  100. {
  101. position: relative;
  102. align-content: flex-end;
  103. min-height: 15;
  104. opacity: 0.1;
  105. -unity-background-image-tint-color: aqua;
  106. background-color: lightgrey;
  107. border-top-right-radius: 15px;
  108. border-top-left-radius: 15px;
  109. }
  110. #SGBlackboard > .mainContainer > #content > ScrollView {
  111. flex: 1 0 0;
  112. align-content: center;
  113. }
  114. #SGBlackboard > .mainContainer > #content > #contentContainer {
  115. min-height: 50px;
  116. padding-bottom: 15px;
  117. flex-direction: column;
  118. align-items: stretch;
  119. }
  120. #SGBlackboard > .mainContainer > #content > #header {
  121. overflow: hidden;
  122. flex-direction: row;
  123. align-items: stretch;
  124. background-color: #393939;
  125. border-bottom-width: 1px;
  126. border-color: #212121;
  127. border-top-right-radius: 4px;
  128. border-top-left-radius: 4px;
  129. padding-left: 1px;
  130. padding-top: 4px;
  131. padding-bottom: 2px;
  132. }
  133. #SGBlackboard.windowed > .mainContainer > #content > #header {
  134. border-top-right-radius: 0;
  135. border-top-left-radius: 0;
  136. }
  137. #SGBlackboard > .mainContainer > #content > #header > #labelContainer {
  138. flex: 1 0 0;
  139. flex-direction: column;
  140. align-items: stretch;
  141. }
  142. #SGBlackboard > .mainContainer > #content > #header > #addButton {
  143. align-self:center;
  144. font-size: 20px;
  145. margin-top:15px;
  146. margin-bottom:3px;
  147. margin-left:4px;
  148. margin-right:4px;
  149. border-color: transparent;
  150. background-color: transparent;
  151. }
  152. #SGBlackboard > .mainContainer > #content > #header > #addButton:hover {
  153. background-color: #676767;
  154. /* theme-button-background-color */
  155. border-color: #222222;
  156. /* -theme-app-toolbar-button-border-color */
  157. }
  158. #SGBlackboard > .mainContainer > #content > #header > #addButton:hover:active {
  159. background-color: #747474;
  160. /* theme-button-background-color */
  161. border-color: #222222;
  162. /* -theme-app-toolbar-button-border-color */
  163. }
  164. #SGBlackboard > .mainContainer > #content > #header > #labelContainer > #titleLabel {
  165. font-size : 14px;
  166. color: #c1c1c1;
  167. }
  168. #SGBlackboard > .mainContainer > #content > #header > #labelContainer > #subTitleLabel {
  169. font-size: 11px;
  170. color: #606060;
  171. }
  172. #SGBlackboard.scrollable > .mainContainer > #content > .unity-scroll-view > .unity-scroller--horizontal {
  173. background-color: #393939;
  174. }
  175. #SGBlackboard.scrollable > .mainContainer > #content > .unity-scroll-view > .unity-scroller--vertical {
  176. background-color: #393939;
  177. }
  178. .blackboardCategory {
  179. padding: 2px;
  180. border-color: dimgray;
  181. border-width: 0.5px;
  182. border-radius: 3px;
  183. }
  184. .blackboardCategory > .mainContainer > #categoryHeader {
  185. flex-direction: row;
  186. align-items: stretch;
  187. }
  188. .blackboardCategory > .mainContainer > #categoryHeader > #categoryTitleLabel {
  189. color: #606060;
  190. font-size: 11px;
  191. }
  192. .blackboardCategory > .mainContainer > #categoryHeader > #textField {
  193. position: absolute;
  194. top:0;
  195. left:0;
  196. right:0;
  197. bottom:0;
  198. -unity-text-align:middle-left;
  199. -unity-font-color: red;
  200. font-size: 11px;
  201. }
  202. .blackboardCategory > #dragIndicator {
  203. background-color: #44C0FF;
  204. position: absolute;
  205. min-height: 2px;
  206. height:4px;
  207. margin-bottom: 1;
  208. }
  209. .blackboardCategory.selected {
  210. border-color: cornflowerblue;
  211. }
  212. .blackboardCategory.unnamed {
  213. border-width: 0;
  214. border-radius: 0;
  215. border-color: black;
  216. }
  217. .blackboardCategory.hovered {
  218. border-color: lightskyblue;
  219. }
  220. #SGBlackboardRow {
  221. left: 1px;
  222. right: 1px;
  223. padding-left: 4px;
  224. padding-right: 8px;
  225. }
  226. #SGBlackboardRow > .mainContainer > #root > #itemRow {
  227. flex-direction: row;
  228. }
  229. #SGBlackboardRow > .mainContainer > #root > #itemRow > #itemRowContentContainer {
  230. flex: 1 0 0;
  231. align-items: stretch;
  232. }
  233. #SGBlackboardRow > .mainContainer > #root > #itemRow > #itemRowContentContainer > #itemContainer {
  234. flex-direction: row;
  235. align-items: stretch;
  236. }
  237. #SGBlackboardRow > .mainContainer > #root > #itemRow > #expandButton {
  238. align-self: center;
  239. background-image: none;
  240. background-color: #2A2A2A;
  241. /* theme-input-background-color */
  242. border-left-width: 0;
  243. border-top-width: 0;
  244. border-right-width: 0;
  245. border-bottom-width: 0;
  246. margin: 0;
  247. padding: 0;
  248. }
  249. #SGBlackboardRow > .mainContainer > #root > #itemRow > #expandButton > #buttonImage {
  250. --unity-image : resource("GraphView/Nodes/NodeChevronRight.png");
  251. width: 12px;
  252. height: 12px;
  253. }
  254. #SGBlackboardRow.expanded > .mainContainer > #root > #itemRow > #expandButton > #buttonImage {
  255. --unity-image : resource("GraphView/Nodes/NodeChevronDown.png");
  256. }
  257. #SGBlackboardRow > .mainContainer > #root > #itemRow > #expandButton:hover > #buttonImage {
  258. background-color: #212121;
  259. border-radius: 1px;
  260. }
  261. #SGBlackboardRow > .mainContainer > #root > #propertyViewContainer {
  262. }
  263. #SGBlackboardRow.hovered #pill #selection-border
  264. {
  265. background-color:rgba(68,192,255,0.4);
  266. border-color: cornflowerblue;
  267. border-left-width: 2px;
  268. border-top-width: 2px;
  269. border-right-width: 2px;
  270. border-bottom-width: 2px;
  271. left: 1px;
  272. right: 1px;
  273. top: 1px;
  274. bottom: 1px;
  275. }
  276. #SGBlackboardField {
  277. flex: 1 0 0;
  278. flex-direction: row;
  279. align-items: stretch;
  280. }
  281. #SGBlackboardField > .mainContainer {
  282. flex: 1 0 0;
  283. flex-direction: row;
  284. align-items: stretch;
  285. }
  286. #SGBlackboardField > .mainContainer > #contentItem {
  287. flex: 1 0 0;
  288. flex-direction: row;
  289. align-items: stretch;
  290. }
  291. #SGBlackboardField > .mainContainer > #textField {
  292. position: absolute;
  293. left:0;
  294. right:0;
  295. bottom:0;
  296. -unity-text-align:middle-left;
  297. -unity-font-color: red;
  298. font-size: 11px;
  299. }
  300. #SGBlackboardField > .mainContainer > #contentItem > #typeLabel {
  301. flex: 1 0 0;
  302. -unity-text-align:middle-right;
  303. color: #808080;
  304. font-size: 11px;
  305. }