StickyNote.uss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. * .unity-label#title, * .unity-text-field#title-field,* .unity-label#contents, * .unity-text-field#contents-field
  2. {
  3. -unity-font:resource("GraphView/DummyFont(LucidaGrande).ttf");
  4. }
  5. .sticky-note
  6. {
  7. min-height: 100px;
  8. min-width: 80px;
  9. position:absolute;
  10. flex-direction:column;
  11. align-items:stretch;
  12. --layer:-100;
  13. border-radius:0;
  14. margin-left: 0;
  15. margin-right: 0;
  16. margin-top: 0;
  17. margin-bottom: 0;
  18. border-left-width:0;
  19. border-top-width:0;
  20. border-bottom-width:0;
  21. border-right-width:0;
  22. padding-left:0;
  23. padding-right:0;
  24. padding-top:0;
  25. padding-bottom:0;
  26. border-radius: 2px;
  27. }
  28. .sticky-note #selection-border
  29. {
  30. border-radius: 2px;
  31. }
  32. .sticky-note, * .unity-text-field , * .unity-text-field > .unity-base-text-field__input
  33. {
  34. background-color: #fcd76e;
  35. padding-left:0;
  36. padding-right:0;
  37. padding-top:0;
  38. padding-bottom:0;
  39. font-size:20px;
  40. }
  41. .sticky-note, * .unity-text-field, .unity-base-text-field .unity-base-text-field__input
  42. {
  43. border-left-width:0;
  44. border-top-width:0;
  45. border-bottom-width:0;
  46. border-right-width:0;
  47. unity-text-align:top-left;
  48. }
  49. .unity-text-field:hover, .unity-base-text-field .unity-base-text-field__input:hover
  50. {
  51. border-left-width:0;
  52. border-top-width:0;
  53. border-bottom-width:0;
  54. border-right-width:0;
  55. }
  56. .sticky-note .resizer
  57. {
  58. margin-bottom: 6px;
  59. margin-right: 6px;
  60. }
  61. .sticky-note *
  62. {
  63. color:#584308;
  64. }
  65. /* Themes*/
  66. .theme-black *
  67. {
  68. color:#AB924B;
  69. }
  70. .theme-black > #node-border
  71. {
  72. border-color:#AB924B;
  73. border-radius: 8px;
  74. }
  75. .sticky-note.theme-black, .theme-black .unity-text-field
  76. {
  77. background-color: #362905;
  78. }
  79. * > #node-border
  80. {
  81. flex:1 0 auto;
  82. flex-direction:column;
  83. align-items:stretch;
  84. border-left-width: 2px;
  85. border-top-width: 2px;
  86. border-bottom-width: 2px;
  87. border-right-width: 2px;
  88. }
  89. * #title, * #title-field
  90. {
  91. font-size: 20px;
  92. white-space: normal;
  93. }
  94. * #contents
  95. {
  96. margin-top:0;
  97. margin-bottom:0;
  98. padding-top:0;
  99. padding-bottom:0;
  100. }
  101. * #contents, * #contents *
  102. {
  103. font-size: 11px;
  104. white-space: normal;
  105. }
  106. * #title
  107. {
  108. margin-top:0;
  109. margin-bottom:0;
  110. padding-top:0;
  111. padding-bottom:0;
  112. white-space: normal;
  113. }
  114. * #title.empty
  115. {
  116. height: 12px;
  117. }
  118. * #contents
  119. {
  120. flex:1 0 auto;
  121. }
  122. * .unity-text-field
  123. {
  124. position: absolute;
  125. left:0;
  126. right:0;
  127. top:0;
  128. bottom:0;
  129. margin-left:0;
  130. margin-right:0;
  131. margin-top:0;
  132. margin-bottom:0;
  133. padding-left: 0;
  134. padding-right: 0;
  135. padding-top: 0;
  136. padding-bottom: 0;
  137. }
  138. * .unity-text-field .unity-base-field__input
  139. {
  140. background-image:none;
  141. }
  142. * .unity-label
  143. {
  144. border-top-width: 1px;
  145. border-left-width: 1px;
  146. border-right-width: 1px;
  147. border-bottom-width: 1px;
  148. margin-left: 6px;
  149. margin-right: 6px;
  150. margin-top: 1px;
  151. margin-bottom: 1px;
  152. padding-left:0;
  153. padding-right:0;
  154. overflow:hidden;
  155. }
  156. .size-medium #title, .size-medium #title-field
  157. {
  158. font-size: 40px;
  159. }
  160. .size-medium #contents, .size-medium #contents *
  161. {
  162. font-size: 24px;
  163. }
  164. .size-large #title, .size-large #title-field
  165. {
  166. font-size: 60px;
  167. }
  168. .size-large #contents, .size-large #contents *
  169. {
  170. font-size: 36px;
  171. }
  172. .size-huge #title, .size-huge #title-field
  173. {
  174. font-size: 80px;
  175. }
  176. .size-huge #contents, .size-huge #contents *
  177. {
  178. font-size: 56px;
  179. }
  180. * .unity-label:hover
  181. {
  182. border-color: rgba(68,192,255, 0.5);
  183. }
  184. * .unity-text-field:hover
  185. {
  186. background-image:none;
  187. }
  188. * .unity-text-field .unity-base-field__input:focus
  189. {
  190. background-image:none;
  191. }
  192. * .unity-text-field .unity-base-field__input:focus:hover
  193. {
  194. background-image:none;
  195. }
  196. /*
  197. .sticky-note.theme-orange, .theme-orange TextField
  198. {
  199. background-color:#FCD76E;
  200. }
  201. .sticky-note.theme-orange *
  202. {
  203. color:#000000;
  204. }
  205. .sticky-note.theme-orange #node-border
  206. {
  207. border-color:none;
  208. }
  209. .sticky-note.theme-red *
  210. {
  211. color:#FF8B8B;
  212. }
  213. .sticky-note.theme-green *
  214. {
  215. color:#6BE6B0;
  216. }
  217. .sticky-note.theme-blue *
  218. {
  219. color:#8FC1DF;
  220. }
  221. .sticky-note.theme-teal *
  222. {
  223. color:#84E4E7;
  224. }
  225. .sticky-note.theme-purple *
  226. {
  227. color:#FBCBF4;
  228. }
  229. */