/** codemirror default style **/
.cm-shortcode { color: orange; }


.CodeMirror-wrap pre {
    font-size: 14px;
    line-height: 1.3em;
}

.source-preview.bottom { position: fixed; bottom: 0; }
.source-preview.top { position: fixed; top: 0; }
.source-preview.middle { position: fixed; top: 25%; }

.source-preview.left { position: fixed; left: 0; }
.source-preview.center { position: fixed; left: 45%; }
.source-preview.right { position: fixed; right: 0; }

.source-preview.vertical.left {
    -webkit-transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform-origin: 0 50%;
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin: 0 50%;
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin: 0 50%;
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform-origin: 0 50%;
    transform: rotate(-90deg) translate(-50%, 50%);
}

.source-preview.vertical.right {
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform-origin: 100% 50%;
    -moz-transform: rotate(90deg) translate(50%, 50%);
    -ms-transform-origin: 100% 50%;
    -ms-transform: rotate(90deg) translate(50%, 50%);
    -o-transform-origin: 100% 50%;
    -o-transform: rotate(90deg) translate(50%, 50%);
    transform-origin: 100% 50%;
    transform: rotate(90deg) translate(50%, 50%);
}

.source-preview.vertical.left.rounded {
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.source-preview.vertical.right.rounded {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.source-preview.vertical.bottom,
.source-preview.vertical.top {
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}

.source-preview.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.source-preview {
    z-index: 1000;
}