pandao
6 years ago
13 changed files with 387 additions and 350 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,184 +1,184 @@ |
|||
@charset "UTF-8"; |
|||
|
|||
#{$prefix}dialog { |
|||
color: $color; |
|||
position: fixed; |
|||
z-index: 99999; |
|||
display: none; |
|||
@include border-radius(3px); |
|||
@include box-shadow(0 0 10px rgba(0, 0, 0, 0.3)); |
|||
//@include user-select(none); |
|||
background: #fff; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#{$prefix}dialog-container { |
|||
position: relative; |
|||
padding: 20px; |
|||
line-height: 1.4; |
|||
|
|||
h1 { |
|||
font-size: 24px; |
|||
margin-bottom: 10px; |
|||
|
|||
.fa { |
|||
color: #2C7EEA; |
|||
padding-right: 5px; |
|||
} |
|||
|
|||
small { |
|||
padding-left: 5px; |
|||
font-weight: normal; |
|||
font-size: 12px; |
|||
color: #999; |
|||
} |
|||
} |
|||
|
|||
select { |
|||
color: #999; |
|||
padding: 3px 8px; |
|||
border: 1px solid $borderColor; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}dialog-close { |
|||
position: absolute; |
|||
top: 12px; |
|||
right: 15px; |
|||
font-size: 18px; |
|||
color: #ccc; |
|||
@include transition(color 300ms ease-out); |
|||
|
|||
&:hover { |
|||
color: #999; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}dialog-header { |
|||
padding: 11px 20px; |
|||
border-bottom: 1px solid #eee; |
|||
@include transition(background 300ms ease-out); |
|||
|
|||
&:hover { |
|||
background: #f6f6f6; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}dialog-title { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#{$prefix}dialog-footer { |
|||
padding: 10px 0 0 0; |
|||
text-align: right; |
|||
} |
|||
|
|||
#{$prefix}dialog-info { |
|||
width: 420px; |
|||
|
|||
h1 { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
#{$prefix}dialog-container { |
|||
padding: 20px 25px 25px; |
|||
} |
|||
|
|||
#{$prefix}dialog-close { |
|||
top: 10px; |
|||
right: 10px; |
|||
} |
|||
|
|||
p > a, .hover-link:hover { |
|||
color: #2196F3; |
|||
} |
|||
|
|||
.hover-link { |
|||
color: #666; |
|||
} |
|||
|
|||
a { |
|||
.fa-external-link { |
|||
display: none; |
|||
} |
|||
|
|||
&:hover { |
|||
color: #2196F3; |
|||
|
|||
.fa-external-link { |
|||
display: inline-block; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
#{$prefix}mask, |
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask { |
|||
display: none; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
#{$prefix}mask, |
|||
#{$prefix}dialog-mask-bg { |
|||
background: #fff; |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
#{$prefix}mask { |
|||
position: fixed; |
|||
background: #000; |
|||
@include opacity(0.2); |
|||
z-index: 99998; |
|||
} |
|||
|
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask-con { |
|||
background: url(../images/loading.gif) no-repeat center center; |
|||
@include background-size(32px 32px); |
|||
} |
|||
|
|||
#{$prefix}container-mask { |
|||
z-index: 20; |
|||
display: block; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { |
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask-con { |
|||
background-image: url(../images/loading@2x.gif); |
|||
} |
|||
} |
|||
|
|||
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) { |
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask-con { |
|||
background-image: url(../images/loading@3x.gif); |
|||
} |
|||
} |
|||
|
|||
#{$prefix}code-block-dialog, |
|||
#{$prefix}preformatted-text-dialog { |
|||
textarea { |
|||
width: 100%; |
|||
height: 400px; |
|||
margin-bottom: 6px; |
|||
overflow: auto; |
|||
border: 1px solid #eee; |
|||
background: #fff; |
|||
padding: 15px; |
|||
resize: none; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}code-toolbar { |
|||
color: #999; |
|||
font-size: 14px; |
|||
margin: -5px 0 10px; |
|||
} |
|||
@charset "UTF-8"; |
|||
|
|||
#{$prefix}dialog { |
|||
color: $color; |
|||
position: fixed; |
|||
z-index: 99999; |
|||
display: none; |
|||
@include border-radius(3px); |
|||
@include box-shadow(0 0 10px rgba(0, 0, 0, 0.3)); |
|||
//@include user-select(none); |
|||
background: #fff; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#{$prefix}dialog-container { |
|||
position: relative; |
|||
padding: 20px; |
|||
line-height: 1.4; |
|||
|
|||
h1 { |
|||
font-size: 24px; |
|||
margin-bottom: 10px; |
|||
|
|||
.fa { |
|||
color: #2C7EEA; |
|||
padding-right: 5px; |
|||
} |
|||
|
|||
small { |
|||
padding-left: 5px; |
|||
font-weight: normal; |
|||
font-size: 12px; |
|||
color: #999; |
|||
} |
|||
} |
|||
|
|||
select { |
|||
color: #999; |
|||
padding: 3px 8px; |
|||
border: 1px solid $borderColor; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}dialog-close { |
|||
position: absolute; |
|||
top: 12px; |
|||
right: 15px; |
|||
font-size: 18px; |
|||
color: #ccc; |
|||
@include transition(color 300ms ease-out); |
|||
|
|||
&:hover { |
|||
color: #999; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}dialog-header { |
|||
padding: 11px 20px; |
|||
border-bottom: 1px solid #eee; |
|||
@include transition(background 300ms ease-out); |
|||
|
|||
&:hover { |
|||
background: #f6f6f6; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}dialog-title { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#{$prefix}dialog-footer { |
|||
padding: 10px 0 0 0; |
|||
text-align: right; |
|||
} |
|||
|
|||
#{$prefix}dialog-info { |
|||
width: 420px; |
|||
|
|||
h1 { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
#{$prefix}dialog-container { |
|||
padding: 20px 25px 25px; |
|||
} |
|||
|
|||
#{$prefix}dialog-close { |
|||
top: 10px; |
|||
right: 10px; |
|||
} |
|||
|
|||
p > a, .hover-link:hover { |
|||
color: #2196F3; |
|||
} |
|||
|
|||
.hover-link { |
|||
color: #666; |
|||
} |
|||
|
|||
a { |
|||
.fa-external-link { |
|||
display: none; |
|||
} |
|||
|
|||
&:hover { |
|||
color: #2196F3; |
|||
|
|||
.fa-external-link { |
|||
display: inline-block; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
#{$prefix}mask, |
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask { |
|||
display: none; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
#{$prefix}mask, |
|||
#{$prefix}dialog-mask-bg { |
|||
background: #fff; |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
#{$prefix}mask { |
|||
position: fixed; |
|||
background: #000; |
|||
@include opacity(0.2); |
|||
z-index: 9998; |
|||
} |
|||
|
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask-con { |
|||
background: url(../images/loading.gif) no-repeat center center; |
|||
@include background-size(32px 32px); |
|||
} |
|||
|
|||
#{$prefix}container-mask { |
|||
z-index: 20; |
|||
display: block; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { |
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask-con { |
|||
background-image: url(../images/loading@2x.gif); |
|||
} |
|||
} |
|||
|
|||
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) { |
|||
#{$prefix}container-mask, |
|||
#{$prefix}dialog-mask-con { |
|||
background-image: url(../images/loading@3x.gif); |
|||
} |
|||
} |
|||
|
|||
#{$prefix}code-block-dialog, |
|||
#{$prefix}preformatted-text-dialog { |
|||
textarea { |
|||
width: 100%; |
|||
height: 400px; |
|||
margin-bottom: 6px; |
|||
overflow: auto; |
|||
border: 1px solid #eee; |
|||
background: #fff; |
|||
padding: 15px; |
|||
resize: none; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}code-toolbar { |
|||
color: #999; |
|||
font-size: 14px; |
|||
margin: -5px 0 10px; |
|||
} |
|||
|
|||
@ -1,137 +1,137 @@ |
|||
@charset "UTF-8"; |
|||
|
|||
@import "lib/variables"; |
|||
@import "lib/prefixes"; |
|||
|
|||
.editormd { |
|||
width: 90%; |
|||
height: 640px; |
|||
margin: 0 auto; |
|||
text-align: left; |
|||
overflow: hidden; |
|||
position: relative; |
|||
margin-bottom: 15px; |
|||
border: 1px solid $borderColor; |
|||
font-family: "Meiryo UI", "Microsoft YaHei", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif; |
|||
|
|||
*, *:before, *:after { |
|||
@include box-sizing(border-box); |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
img { |
|||
border: none; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
> textarea, |
|||
#{$prefix}html-textarea, |
|||
#{$prefix}markdown-textarea { |
|||
width: 0; |
|||
height: 0; |
|||
outline: 0; |
|||
resize:none; |
|||
} |
|||
|
|||
#{$prefix}html-textarea, |
|||
#{$prefix}markdown-textarea { |
|||
display : none; |
|||
} |
|||
|
|||
input[type="text"], |
|||
input[type="button"], |
|||
input[type="submit"], |
|||
select, textarea, button { |
|||
@include appearance(none); |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
height: 10px; |
|||
width: 7px; |
|||
background: rgba(0, 0, 0, .1); |
|||
|
|||
&:hover { |
|||
background: rgba(0, 0, 0, .2); |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
background: rgba(0,0,0,0.3); |
|||
@include border-radius(6px); |
|||
|
|||
&:hover { |
|||
@include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, .25)); |
|||
background-color: rgba(0, 0, 0, .4); |
|||
} |
|||
} |
|||
} |
|||
|
|||
#{$prefix}user-unselect { |
|||
@include user-select(none); |
|||
} |
|||
|
|||
#{$prefix}toolbar { |
|||
width: 100%; |
|||
min-height: 37px; |
|||
background: #fff; |
|||
display: none; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
border-bottom: 1px solid $borderColor; |
|||
} |
|||
|
|||
#{$prefix}toolbar-container { |
|||
padding: 0 8px; |
|||
min-height: 35px; |
|||
@include user-select(none); |
|||
} |
|||
|
|||
@import "editormd.menu"; |
|||
|
|||
#{$prefix}container { |
|||
margin: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
padding: 35px 0 0; |
|||
position: relative; |
|||
background: #fff; |
|||
@include box-sizing(border-box); |
|||
} |
|||
|
|||
@import "editormd.dialog"; |
|||
@import "editormd.grid"; |
|||
@import "editormd.tab"; |
|||
@import "editormd.form"; |
|||
@import "editormd.codemirror"; |
|||
@import "editormd.preview"; |
|||
@import "editormd.preview.themes"; |
|||
|
|||
#{$prefix}onlyread { |
|||
#{$prefix}toolbar { |
|||
display: none; |
|||
} |
|||
|
|||
.CodeMirror { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
#{$prefix}preview { |
|||
top: 0; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}fullscreen { |
|||
position: fixed; |
|||
top : 0; |
|||
left : 0; |
|||
border: none; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
@import "editormd.themes"; |
|||
@charset "UTF-8"; |
|||
|
|||
@import "lib/variables"; |
|||
@import "lib/prefixes"; |
|||
|
|||
.editormd { |
|||
width: 90%; |
|||
height: 640px; |
|||
margin: 0 auto; |
|||
text-align: left; |
|||
overflow: hidden; |
|||
position: relative; |
|||
margin-bottom: 15px; |
|||
border: 1px solid $borderColor; |
|||
font-family: "Meiryo UI", "Microsoft YaHei", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif; |
|||
|
|||
*, *:before, *:after { |
|||
@include box-sizing(border-box); |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
img { |
|||
border: none; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
> textarea, |
|||
#{$prefix}html-textarea, |
|||
#{$prefix}markdown-textarea { |
|||
width: 0; |
|||
height: 0; |
|||
outline: 0; |
|||
resize:none; |
|||
} |
|||
|
|||
#{$prefix}html-textarea, |
|||
#{$prefix}markdown-textarea { |
|||
display : none; |
|||
} |
|||
|
|||
input[type="text"], |
|||
input[type="button"], |
|||
input[type="submit"], |
|||
select, textarea, button { |
|||
@include appearance(none); |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
height: 10px; |
|||
width: 7px; |
|||
background: rgba(0, 0, 0, .1); |
|||
|
|||
&:hover { |
|||
background: rgba(0, 0, 0, .2); |
|||
} |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
background: rgba(0,0,0,0.3); |
|||
@include border-radius(6px); |
|||
|
|||
&:hover { |
|||
@include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, .25)); |
|||
background-color: rgba(0, 0, 0, .4); |
|||
} |
|||
} |
|||
} |
|||
|
|||
#{$prefix}user-unselect { |
|||
@include user-select(none); |
|||
} |
|||
|
|||
#{$prefix}toolbar { |
|||
width: 100%; |
|||
min-height: 37px; |
|||
background: #fff; |
|||
display: none; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
border-bottom: 1px solid $borderColor; |
|||
} |
|||
|
|||
#{$prefix}toolbar-container { |
|||
padding: 0 8px; |
|||
min-height: 35px; |
|||
@include user-select(none); |
|||
} |
|||
|
|||
@import "editormd.menu"; |
|||
|
|||
#{$prefix}container { |
|||
margin: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
padding: 35px 0 0; |
|||
position: relative; |
|||
background: #fff; |
|||
@include box-sizing(border-box); |
|||
} |
|||
|
|||
@import "editormd.dialog"; |
|||
@import "editormd.grid"; |
|||
@import "editormd.tab"; |
|||
@import "editormd.form"; |
|||
@import "editormd.codemirror"; |
|||
@import "editormd.preview"; |
|||
@import "editormd.preview.themes"; |
|||
|
|||
#{$prefix}onlyread { |
|||
#{$prefix}toolbar { |
|||
display: none; |
|||
} |
|||
|
|||
.CodeMirror { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
#{$prefix}preview { |
|||
top: 0; |
|||
} |
|||
} |
|||
|
|||
#{$prefix}fullscreen { |
|||
position: fixed; |
|||
top : 0; |
|||
left : 0; |
|||
border: none; |
|||
margin: 0 auto!important; |
|||
} |
|||
|
|||
@import "editormd.themes"; |
|||
|
|||
Loading…
Reference in new issue