174 lines
3.5 KiB
Plaintext
174 lines
3.5 KiB
Plaintext
/*===============================================
|
|
Bootstrap Markdown Editor
|
|
================================================= */
|
|
.md-editor {
|
|
display:block;
|
|
}
|
|
|
|
/* toolbar header */
|
|
.md-editor .md-footer,.md-editor>.md-header {
|
|
display:block;
|
|
padding:8px 4px;
|
|
background: #fafafa;
|
|
}
|
|
.md-editor>.md-header {margin:0}
|
|
|
|
.md-editor>.md-header .btn-group .btn-default,
|
|
.md-editor>.md-header .btn-group .btn-primary {
|
|
color: #666;
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* preview area */
|
|
.md-editor>.md-preview {
|
|
background:#fff;
|
|
border-top:1px dashed #ddd;
|
|
border-bottom:1px dashed #ddd;
|
|
min-height:10px;
|
|
overflow:auto
|
|
}
|
|
|
|
/* editor area */
|
|
.md-editor>textarea {
|
|
font-size:14px;
|
|
outline:0;
|
|
margin:0;
|
|
display:block;
|
|
padding:15px;
|
|
width:100%;
|
|
border:0;
|
|
border-top:1px solid #ddd;
|
|
border-radius:0;
|
|
box-shadow:none;
|
|
background:#fff
|
|
}
|
|
.md-editor>textarea:focus {
|
|
box-shadow:none;
|
|
background:#fff
|
|
}
|
|
/* focus/active area */
|
|
// .md-editor.active {
|
|
// border-color:#66afe9;
|
|
// outline:0;
|
|
// -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
|
|
// box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
|
|
// }
|
|
|
|
.md-editor .md-controls {
|
|
float:right;
|
|
padding:3px
|
|
}
|
|
|
|
.md-editor .md-controls .md-control {
|
|
right:5px;
|
|
color:#bebebe;
|
|
padding:3px 3px 3px 10px
|
|
}
|
|
.md-editor .md-controls .md-control:hover {
|
|
color:#333
|
|
}
|
|
.md-editor .md-controls .md-control-fullscreen {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode {
|
|
width:100%;
|
|
height:100%;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
z-index:99999;
|
|
padding:60px 30px 15px;
|
|
background:#fff!important;
|
|
border:0!important
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-footer {
|
|
display:none
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview {
|
|
margin:0 auto!important;
|
|
height:100%!important;
|
|
font-size:20px!important;
|
|
padding:20px!important;
|
|
color:#999;
|
|
line-height:1.6em!important;
|
|
resize:none!important;
|
|
box-shadow:none!important;
|
|
background:#fff!important;
|
|
border:0!important
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-preview {
|
|
color:#333;
|
|
overflow:auto
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover {
|
|
color:#333;
|
|
background:#fff!important
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-header {
|
|
background:0 0;
|
|
text-align:center;
|
|
position:fixed;
|
|
width:100%;
|
|
top:20px
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .btn-group {
|
|
float:none
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .btn {
|
|
border:0;
|
|
background:0 0;
|
|
color:#b3b3b3
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover {
|
|
box-shadow:none;
|
|
color:#333
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-fullscreen-controls {
|
|
position:absolute;
|
|
top:20px;
|
|
right:20px;
|
|
text-align:right;
|
|
z-index:1002;
|
|
display:block
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
|
|
color:#b3b3b3;
|
|
clear:right;
|
|
margin:10px;
|
|
width:30px;
|
|
height:30px;
|
|
text-align:center
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
|
|
color:#333;
|
|
text-decoration:none
|
|
}
|
|
|
|
.md-editor.md-fullscreen-mode .md-editor {
|
|
height:100%!important;
|
|
position:relative
|
|
}
|
|
|
|
.md-editor .md-fullscreen-controls {
|
|
display:none
|
|
}
|
|
|
|
.md-nooverflow {
|
|
overflow:hidden;
|
|
position:fixed;
|
|
width:100%
|
|
} |