增加ttf管理器
This commit is contained in:
mkwiser
44
css/bootstrap.less
vendored
Normal file
44
css/bootstrap.less
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
|
||||
// overwrite bootstrap themes
|
||||
|
||||
|
||||
.modal-dialog {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
background: #327EC0;
|
||||
color: #FFF;
|
||||
.close {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-color: rgba(0,0,0,.5);
|
||||
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,35 @@
|
||||
.modal-dialog {
|
||||
margin-top: 100px;
|
||||
}
|
||||
.modal-header {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
background: #327EC0;
|
||||
color: #FFF;
|
||||
}
|
||||
.modal-header .close {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.modal-header .modal-title {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.modal-footer {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.modal-body {
|
||||
min-height: 100px;
|
||||
}
|
||||
.modal-content {
|
||||
border-color: rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
.dropdown-menu a {
|
||||
cursor: pointer;
|
||||
}
|
||||
body,
|
||||
html {
|
||||
margin: 0;
|
||||
@@ -28,6 +60,7 @@ html {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
@@ -35,7 +68,7 @@ html {
|
||||
margin-right: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.navbar .btn:first-child {
|
||||
.navbar > .btn:first-child {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#export-btn {
|
||||
@@ -74,3 +107,11 @@ html {
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
.selection-range {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
display: none;
|
||||
border: 1px solid #CCC;
|
||||
background: rgba(222, 222, 222, 0.5);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
|
||||
@import './bootstrap.less';
|
||||
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -35,6 +37,7 @@ body, html {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
|
||||
@@ -43,7 +46,7 @@ body, html {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.btn:first-child {
|
||||
>.btn:first-child {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
@@ -88,4 +91,14 @@ body, html {
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.selection-range {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
display: none;
|
||||
border: 1px solid #CCC;
|
||||
background: rgba(222, 222, 222, 0.5);
|
||||
pointer-events: none;
|
||||
}
|
||||
20
css/ico.css
20
css/ico.css
@@ -2,3 +2,23 @@
|
||||
font-family: 'fonteditor';
|
||||
src: url('../font/iconfont.ttf') format('truetype');
|
||||
}
|
||||
.i-edit,
|
||||
.i-del {
|
||||
display: inline-block;
|
||||
font-family: 'fonteditor';
|
||||
font-size: 12px;
|
||||
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';
|
||||
}
|
||||
|
||||
22
css/ico.less
22
css/ico.less
@@ -6,3 +6,25 @@
|
||||
src: url('../font/iconfont.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.i-edit,
|
||||
.i-del {
|
||||
display: inline-block;
|
||||
font-family: 'fonteditor';
|
||||
font-size: 12px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: 0.1px;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
|
||||
.i-edit:before {
|
||||
content: '\e605';
|
||||
}
|
||||
|
||||
.i-del:before {
|
||||
content: '\e611';
|
||||
}
|
||||
105
css/ttf.css
105
css/ttf.css
@@ -1,3 +1,35 @@
|
||||
.modal-dialog {
|
||||
margin-top: 100px;
|
||||
}
|
||||
.modal-header {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
background: #327EC0;
|
||||
color: #FFF;
|
||||
}
|
||||
.modal-header .close {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.modal-header .modal-title {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.modal-footer {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.modal-body {
|
||||
min-height: 100px;
|
||||
}
|
||||
.modal-content {
|
||||
border-color: rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
.dropdown-menu a {
|
||||
cursor: pointer;
|
||||
}
|
||||
body,
|
||||
html {
|
||||
margin: 0;
|
||||
@@ -28,6 +60,7 @@ html {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
@@ -35,7 +68,7 @@ html {
|
||||
margin-right: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.navbar .btn:first-child {
|
||||
.navbar > .btn:first-child {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#export-btn {
|
||||
@@ -74,26 +107,64 @@ html {
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
.selection-range {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
display: none;
|
||||
border: 1px solid #CCC;
|
||||
background: rgba(222, 222, 222, 0.5);
|
||||
pointer-events: none;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'fonteditor';
|
||||
src: url('../font/iconfont.ttf') format('truetype');
|
||||
}
|
||||
.i-edit,
|
||||
.i-del {
|
||||
display: inline-block;
|
||||
font-family: 'fonteditor';
|
||||
font-size: 12px;
|
||||
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';
|
||||
}
|
||||
.project .project-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.project .project-list {
|
||||
line-height: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.project .project-list div {
|
||||
padding-left: 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.project .project-list div:hover {
|
||||
color: red;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
background: #EFEFEF;
|
||||
}
|
||||
.project .project-list div:hover .i-del {
|
||||
display: block;
|
||||
}
|
||||
.project .project-list .i-del {
|
||||
float: right;
|
||||
display: none;
|
||||
}
|
||||
.glyf-list {
|
||||
padding-bottom: 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.glyf-list > .glyf-item {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
width: 86px;
|
||||
border: 1px solid #CCC;
|
||||
@@ -123,12 +194,34 @@ html {
|
||||
.glyf-list > .glyf-item .glyf .path {
|
||||
fill: green;
|
||||
}
|
||||
.glyf-list > .glyf-item .i-del,
|
||||
.glyf-list > .glyf-item .i-edit {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
display: none;
|
||||
}
|
||||
.glyf-list > .glyf-item .i-edit {
|
||||
right: 20px;
|
||||
}
|
||||
.glyf-list > .glyf-item:hover {
|
||||
background: #EFEFEF;
|
||||
}
|
||||
.glyf-list > .glyf-item:hover .path {
|
||||
fill: darkgreen;
|
||||
}
|
||||
.glyf-list > .glyf-item:hover .i-del,
|
||||
.glyf-list > .glyf-item:hover .i-edit {
|
||||
display: block;
|
||||
}
|
||||
.glyf-list > .compound .path {
|
||||
fill: lightgreen!important;
|
||||
}
|
||||
.glyf-list > .new .path {
|
||||
fill: blue!important;
|
||||
}
|
||||
.glyf-list > .selected {
|
||||
background: #EBFFC2!important;
|
||||
}
|
||||
.glyf-list.no-hover .glyf-item {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
55
css/ttf.less
55
css/ttf.less
@@ -10,15 +10,23 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
.project-list {
|
||||
line-height: 20px;
|
||||
line-height: 24px;
|
||||
|
||||
div {
|
||||
padding-left: 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
div:hover {
|
||||
color: red;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
background: #EFEFEF;
|
||||
|
||||
.i-del {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.i-del {
|
||||
float: right;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -27,9 +35,13 @@
|
||||
|
||||
|
||||
.glyf-list {
|
||||
padding-bottom: 40px;
|
||||
overflow: hidden;
|
||||
|
||||
>.glyf-item {
|
||||
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
width: 86px;
|
||||
border: 1px solid #CCC;
|
||||
@@ -59,6 +71,17 @@
|
||||
fill: green;
|
||||
}
|
||||
}
|
||||
|
||||
.i-del,
|
||||
.i-edit {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.i-edit {
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
>.glyf-item:hover {
|
||||
@@ -66,6 +89,17 @@
|
||||
.path {
|
||||
fill: darkgreen;
|
||||
}
|
||||
|
||||
.i-del,
|
||||
.i-edit {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
>.compound {
|
||||
.path {
|
||||
fill: lightgreen!important;
|
||||
}
|
||||
}
|
||||
|
||||
>.new {
|
||||
@@ -73,4 +107,15 @@
|
||||
fill: blue!important;
|
||||
}
|
||||
}
|
||||
|
||||
>.selected {
|
||||
background: #EBFFC2!important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.glyf-list.no-hover {
|
||||
.glyf-item {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user