editorLive.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. .editor-body {
  2. display: flex;
  3. flex-direction: row;
  4. }
  5. @font-face {
  6. font-family: 'Material Icons';
  7. font-style: normal;
  8. font-weight: 400;
  9. src: url(./mdc/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  10. src: local('Material Icons'),
  11. local('MaterialIcons-Regular'),
  12. url(./mdc/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
  13. url(./mdc/iconfont/MaterialIcons-Regular.woff) format('woff'),
  14. url(./mdc/iconfont/MaterialIcons-Regular.ttf) format('truetype');
  15. }
  16. .material-icons {
  17. font-family: 'Material Icons';
  18. font-weight: normal;
  19. font-style: normal;
  20. font-size: 24px; /* Preferred icon size */
  21. display: inline-block;
  22. line-height: 1;
  23. text-transform: none;
  24. letter-spacing: normal;
  25. word-wrap: normal;
  26. white-space: nowrap;
  27. direction: ltr;
  28. /* Support for all WebKit browsers. */
  29. -webkit-font-smoothing: antialiased;
  30. /* Support for Safari and Chrome. */
  31. text-rendering: optimizeLegibility;
  32. /* Support for Firefox. */
  33. -moz-osx-font-smoothing: grayscale;
  34. /* Support for IE. */
  35. font-feature-settings: 'liga';
  36. }
  37. /*
  38. .mdc-persistent-drawer--open {
  39. width: 300px;
  40. }
  41. .mdc-persistent-drawer__drawer {
  42. width: 300px;
  43. }
  44. */
  45. .mdc-theme--accent {
  46. color: #2E7D32;
  47. }
  48. .draggable {
  49. top: 200px;
  50. left: 400px;
  51. z-index: 4;
  52. background-color: rgba(230, 230, 230, 0.95);
  53. }
  54. .draggable.is-pointer-down {
  55. background: #999FA4;
  56. }
  57. .draggable.is-dragging { opacity: 0.9; }
  58. .handle {
  59. background: rgba(67, 103, 163, 0.80);
  60. width: 100%;
  61. }
  62. .propGrid.max-width {
  63. max-width: 400px;
  64. }
  65. .codeEditorGrid{
  66. width: 1000px;
  67. height: 520px;
  68. }
  69. .codeEditorGrid.max-width {
  70. max-width: 1200px;
  71. }
  72. .propEditorGrid.max-width {
  73. max-width: 700px;
  74. }
  75. .aceEditor {
  76. width:inherit; height: 400px
  77. }
  78. .avatarName {
  79. color: #2E7D32;
  80. font-weight: bold;
  81. }
  82. .nodeItem {
  83. color: black
  84. }
  85. .sideBar {
  86. padding-left: 16px;
  87. overflow-x: hidden;
  88. overflow-y: auto;
  89. background-color: rgba(247, 247, 247, 0.95);
  90. z-index: 3;
  91. position: fixed;
  92. width: 400px;
  93. height: 95%;
  94. }
  95. .settingsDiv {
  96. padding-left: 16px;
  97. overflow: auto;
  98. background-color: rgba(230, 230, 230, 0.95);
  99. z-index: 2;
  100. position: absolute;
  101. }
  102. .userList {
  103. padding-left: 16px;
  104. }
  105. .avatar-card {
  106. cursor:pointer;
  107. background-repeat: no-repeat;
  108. height: 200px;
  109. background-position: center top;
  110. background-size: 100%;
  111. }
  112. /* .avatar-card .mdc-card__primary,
  113. .avatar-card .mdc-card__actions {
  114. background: rgba(0, 0, 0, .4);
  115. }
  116. */