123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- .editor-body {
- display: flex;
- flex-direction: row;
- }
- @font-face {
- font-family: 'Material Icons';
- font-style: normal;
- font-weight: 400;
- src: url(./mdc/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
- src: local('Material Icons'),
- local('MaterialIcons-Regular'),
- url(./mdc/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
- url(./mdc/iconfont/MaterialIcons-Regular.woff) format('woff'),
- url(./mdc/iconfont/MaterialIcons-Regular.ttf) format('truetype');
- }
- .material-icons {
- font-family: 'Material Icons';
- font-weight: normal;
- font-style: normal;
- font-size: 24px; /* Preferred icon size */
- display: inline-block;
- line-height: 1;
- text-transform: none;
- letter-spacing: normal;
- word-wrap: normal;
- white-space: nowrap;
- direction: ltr;
- /* Support for all WebKit browsers. */
- -webkit-font-smoothing: antialiased;
- /* Support for Safari and Chrome. */
- text-rendering: optimizeLegibility;
- /* Support for Firefox. */
- -moz-osx-font-smoothing: grayscale;
- /* Support for IE. */
- font-feature-settings: 'liga';
- }
- /*
- .mdc-persistent-drawer--open {
- width: 300px;
-
- }
- .mdc-persistent-drawer__drawer {
- width: 300px;
- }
- */
- .mdc-theme--accent {
- color: #2E7D32;
- }
- .draggable {
- top: 200px;
- left: 400px;
- z-index: 4;
- background-color: rgba(230, 230, 230, 0.95);
- }
-
- .draggable.is-pointer-down {
- background: #999FA4;
- }
- .draggable.is-dragging { opacity: 0.9; }
-
- .handle {
- background: rgba(67, 103, 163, 0.80);
- width: 100%;
- }
- .propGrid.max-width {
- max-width: 400px;
- }
- .codeEditorGrid{
- width: 1000px;
- height: 520px;
- }
- .codeEditorGrid.max-width {
- max-width: 1200px;
- }
- .propEditorGrid.max-width {
- max-width: 700px;
- }
- .aceEditor {
- width:inherit; height: 400px
- }
- .avatarName {
- color: #2E7D32;
- font-weight: bold;
- }
- .nodeItem {
- color: black
-
- }
- .sideBar {
- padding-left: 16px;
- overflow-x: hidden;
- overflow-y: auto;
- background-color: rgba(247, 247, 247, 0.95);
- z-index: 3;
- position: fixed;
- width: 400px;
- height: 95%;
- }
- .settingsDiv {
- padding-left: 16px;
- overflow: auto;
- background-color: rgba(230, 230, 230, 0.95);
- z-index: 2;
- position: absolute;
- }
- .userList {
- padding-left: 16px;
- }
- .avatar-card {
- cursor:pointer;
- background-repeat: no-repeat;
- height: 200px;
- background-position: center top;
- background-size: 100%;
- }
- /* .avatar-card .mdc-card__primary,
- .avatar-card .mdc-card__actions {
- background: rgba(0, 0, 0, .4);
- }
- */
|