fonteditor/demo/css/editor.css
2014-11-16 14:02:42 +08:00

170 lines
3.0 KiB
CSS

* {
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-family: 'fonteditor';
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.1px;
font-size: 12px;
}
.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;
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;
font-family: 'fonteditor';
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.1px;
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 {
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;
font-family: 'fonteditor';
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.1px;
display: block;
}
.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;
}