* { margin: 0; padding: 0; } ul { list-style: none; } a { color: #03C; text-decoration: none; } a:hover { text-decoration: underline; } .hide { display: none; } @font-face { font-family: 'fonteditor'; src: url('../font/iconfont.ttf') format('truetype'); } .i-edit, .i-del { display: inline-block; font-size: 12px; } .i-edit:before, .i-del:before, .i-edit:after, .i-del:after { font-family: 'fonteditor'; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; } .i-edit:hover, .i-del:hover { cursor: pointer; color: blue; } .i-edit:before { content: '\e605'; } .i-del:before { content: '\e611'; } .i-github { display: inline-block; } .i-github:before, .i-github:after { font-family: 'fonteditor'; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; } .i-github:before { content: '\e600'; } .close-editor { display: inline-block; position: absolute; right: 0; top: 0; padding: 0 3px; z-index: 100; font-size: 14px; background: #FFF; border-left: 1px solid #000; display: none; } .close-editor:before, .close-editor:after { font-family: 'fonteditor'; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; } .close-editor:before { content: '\e611'; } .close-editor:hover { cursor: pointer; } .glyf-editor { width: 100%; height: 100%; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .glyf-editor .marker-x, .glyf-editor .marker-y { position: absolute; width: 0; height: 0; z-index: 60; pointer-events: none; } .glyf-editor .marker-x { width: 20px; border-top: 1px dashed #000; } .glyf-editor .marker-y { height: 20px; border-left: 1px dashed #000; } .editor-contextmenu { color: #333; width: 140px; border: 1px solid #999; background: #FEFEFE; line-height: 24px; padding: 0 4px; box-shadow: 1px 1px 1px #CCC; position: absolute; } .editor-contextmenu li { padding-left: 10px; cursor: pointer; border-bottom: 1px solid #CCC; } .editor-contextmenu li > ul { display: none; color: #333; width: 140px; border: 1px solid #999; background: #FEFEFE; line-height: 24px; padding: 0 4px; box-shadow: 1px 1px 1px #CCC; position: absolute; margin-left: 120px; } .editor-contextmenu > li[data-sub] { color: green; } .editor-contextmenu > li[data-sub]:after { content: '>'; margin-right: 10px; float: right; font-family: 'Simsun'; } .editor-contextmenu li[data-tag="selected"] { display: inline-block; display: block; } .editor-contextmenu li[data-tag="selected"]:before, .editor-contextmenu li[data-tag="selected"]:after { font-family: 'fonteditor'; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; } .editor-contextmenu li[data-tag="selected"]:after { content: '\e610'; float: right; margin-right: 10px; } .editor-contextmenu li:hover { background: #EEE; } .editor-contextmenu li:hover > ul { display: block; } .editor-contextmenu li:last-child { border-bottom: none; } .editor:hover .close-editor { display: block; } body, html { height: 100%; } #render-view { font-size: 12px; width: 100%; height: 100%; position: relative; -webkit-text-size-adjust: none; }