editorLive.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. .editor-body {
  2. display: flex;
  3. flex-direction: row;
  4. }
  5. .draggable {
  6. top: 200px;
  7. left: 400px;
  8. z-index: 4;
  9. background-color: rgba(230, 230, 230, 0.95);
  10. }
  11. .draggable.is-pointer-down {
  12. background: #999FA4;
  13. }
  14. .draggable.is-dragging { opacity: 0.9; }
  15. .handle {
  16. background: rgba(67, 103, 163, 0.80);
  17. width: 100%;
  18. height: 20px;
  19. left: 100px;
  20. }
  21. .propGrid.max-width {
  22. max-width: 400px;
  23. }
  24. .codeEditorGrid{
  25. width: 1000px;
  26. height: 560px;
  27. }
  28. .params-textfield-input {
  29. width: 400px;
  30. }
  31. .codeEditorGrid.max-width {
  32. max-width: 1200px;
  33. }
  34. .propEditorGrid.max-width {
  35. max-width: 700px;
  36. }
  37. .aceEditor {
  38. width:inherit; height: 400px
  39. }
  40. .avatarName {
  41. color: #2E7D32;
  42. font-weight: bold;
  43. }
  44. .nodeItem {
  45. color: black
  46. }
  47. .sideBar {
  48. padding-left: 16px;
  49. overflow-x: hidden;
  50. overflow-y: auto;
  51. background-color: rgba(240, 240, 240, 0.90);
  52. z-index: 3;
  53. position: fixed;
  54. width: 450px;
  55. height: 95%;
  56. }
  57. .settingsDiv {
  58. padding-left: 16px;
  59. overflow: auto;
  60. background-color: rgba(230, 230, 230, 0.95);
  61. z-index: 2;
  62. position: absolute;
  63. }
  64. .userList {
  65. padding-left: 16px;
  66. }
  67. .gizmomode {
  68. cursor:pointer;
  69. }
  70. .avatar-card {
  71. cursor:pointer;
  72. background-repeat: no-repeat;
  73. height: 200px;
  74. background-position: center top;
  75. background-size: 100%;
  76. }
  77. .create-card {
  78. cursor:pointer;
  79. }
  80. /* .avatar-card .mdc-card__primary,
  81. .avatar-card .mdc-card__actions {
  82. background: rgba(0, 0, 0, .4);
  83. }
  84. */
  85. /* :root {
  86. --mdc-theme-primary: #9E9E9E;
  87. }
  88. */
  89. .prop-text-field-input {
  90. font-size: inherit;
  91. padding: 5px;
  92. }
  93. /* .prop-mdc-text-field {
  94. height: 56px;
  95. }
  96. */
  97. .mdc-list-item__graphic {
  98. margin-left: 0;
  99. margin-right: 32px;
  100. display: -webkit-inline-box;
  101. display: -ms-inline-flexbox;
  102. display: inline-flex;
  103. -webkit-box-align: center;
  104. -ms-flex-align: center;
  105. align-items: center;
  106. -webkit-box-pack: center;
  107. -ms-flex-pack: center;
  108. justify-content: center;
  109. }
  110. .createItems{
  111. height: 40px;
  112. width: 40px;
  113. cursor:pointer;
  114. }
  115. .protoPropLabel {
  116. font-weight: bold
  117. }
  118. .editButton{
  119. height: 30px;
  120. width: 30px;
  121. }
  122. .createListItem {
  123. width: 30px;
  124. cursor:pointer;
  125. }
  126. /* .tooltip {
  127. position: relative;
  128. display: inline-block;
  129. border-bottom: 1px dotted black;
  130. }
  131. */
  132. .tooltip .tooltiptext {
  133. visibility: hidden;
  134. width: 100px;
  135. background-color: rgba(134, 134, 134, 0.85);
  136. color: rgb(255, 255, 255);
  137. text-align: center;
  138. border-radius: 6px;
  139. padding: 5px 0;
  140. /* Position the tooltip */
  141. position: absolute;
  142. z-index: 1;
  143. bottom: 100%;
  144. left: 50%;
  145. margin-left: -50px;
  146. }
  147. .tooltip:hover .tooltiptext {
  148. visibility: visible;
  149. }