110 lines
1.6 KiB
CSS
110 lines
1.6 KiB
CSS
|
|
#mdEditorPreview {
|
|
position: absolute;
|
|
top: 35px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#left-column, #right-column
|
|
{
|
|
height: 100%;
|
|
}
|
|
#left-column {
|
|
width: 60%;
|
|
}
|
|
#right-column {
|
|
width: 40%;
|
|
}
|
|
|
|
#right-column {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wmd-panel-editor, .preview-container, #wmd-input {
|
|
height: 100%;
|
|
}
|
|
|
|
.wmd-panel-editor, .wmd-panel-preview {
|
|
}
|
|
|
|
.wmd-input, .wmd-input:focus, #md-section-helper /* helper必须在这里 */
|
|
{
|
|
width: 100%;
|
|
border: 1px #eee solid;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
font-size: 14px;
|
|
resize: none;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* 不能为display: none */
|
|
#md-section-helper {
|
|
position: absolute;
|
|
height: 0;
|
|
overflow-y: scroll;
|
|
padding: 0 6px;
|
|
top:10px; /*一条横线....*/
|
|
z-index: -1;
|
|
opacity: none;
|
|
}
|
|
|
|
#right-column {
|
|
border: 1px dashed #BBBBBB;
|
|
border-radius: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
.preview-container {
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
.wmd-preview {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.wmd-button-row, .preview-button-row
|
|
{
|
|
padding: 0px;
|
|
height: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
.wmd-spacer
|
|
{
|
|
width: 0px;
|
|
height: 20px;
|
|
margin-left: 10px;
|
|
|
|
background-color: Silver;
|
|
display: inline-block;
|
|
list-style: none;
|
|
}
|
|
|
|
.wmd-button, .preview-button {
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
list-style: none;
|
|
cursor: pointer;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.wmd-button {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.preview-button {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.wmd-button > span, .preview-button > span {
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
} |