first commit

libraries/framework/skin/base/plugins/markdown.less

@@ -0,0 +1,174 @@
+/*===============================================
+  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%
+}