Files
2026-02-22 21:59:33 +01:00

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%
}