From d8fa5ff67f2fe8e158f6108b5c8874dc125d9924 Mon Sep 17 00:00:00 2001 From: LucasYuNju Date: Mon, 26 Dec 2016 23:17:01 +0800 Subject: [PATCH 1/4] Move markdown related css to public/themes --- note.html | 4 +- public/md/themes/mdeditor.css | 1262 ----------------- .../markdown/default/index.less} | 0 .../markdown/github2/index.less} | 0 4 files changed, 2 insertions(+), 1264 deletions(-) delete mode 100644 public/md/themes/mdeditor.css rename public/{md/themes/themes/default/theme.css => themes/markdown/default/index.less} (100%) rename public/{md/themes/themes/github2/theme.css => themes/markdown/github2/index.less} (100%) diff --git a/note.html b/note.html index cffd5389..4dc355ef 100755 --- a/note.html +++ b/note.html @@ -18,9 +18,9 @@ - + - + diff --git a/public/md/themes/mdeditor.css b/public/md/themes/mdeditor.css deleted file mode 100644 index 90a6fc07..00000000 --- a/public/md/themes/mdeditor.css +++ /dev/null @@ -1,1262 +0,0 @@ -.form-control:focus { - border-color: #f0f0f0; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px rgba(128, 128, 128, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px rgba(128, 128, 128, 0.6); -} -@media (min-width: 768px) { - .navbar-form .col-sm-1 { - width: 8.33333333% !important; - } - .navbar-form .col-sm-2 { - width: 16.66666667% !important; - } - .navbar-form .col-sm-3 { - width: 25% !important; - } - .navbar-form .col-sm-4 { - width: 33.33333333% !important; - } - .navbar-form .col-sm-5 { - width: 41.66666667% !important; - } - .navbar-form .col-sm-6 { - width: 50% !important; - } - .navbar-form .col-sm-7 { - width: 58.33333333% !important; - } - .navbar-form .col-sm-8 { - width: 66.66666667% !important; - } - .navbar-form .col-sm-9 { - width: 75% !important; - } - .navbar-form .col-sm-10 { - width: 83.33333333% !important; - } - .navbar-form .col-sm-11 { - width: 91.66666667% !important; - } - .navbar-form .col-sm-12 { - width: 100% !important; - } -} -.navbar-form * { - float: none; -} - -.container { - margin-bottom: 180px; - text-align: justify; -} -.sequence-diagram, -.flow-chart { - text-align: center; - margin-bottom: 0.3em; -} -.sequence-diagram text, -.flow-chart text { - font-size: 15px !important; - font-family: "Source Sans Pro", sans-serif !important; -} -.sequence-diagram [fill="#ffffff"], -.flow-chart [fill="#ffffff"] { - fill: #f8f8f8; -} -.sequence-diagram [stroke="#000000"], -.flow-chart [stroke="#000000"] { - stroke: #3f3f3f; -} -.sequence-diagram text[stroke="#000000"], -.flow-chart text[stroke="#000000"] { - stroke: none; -} -.sequence-diagram [fill="#000"], -.flow-chart [fill="#000"], -.sequence-diagram [fill="#000000"], -.flow-chart [fill="#000000"], -.sequence-diagram [fill="black"], -.flow-chart [fill="black"] { - fill: #3f3f3f; -} - -kbd { - padding: 0.1em 0.6em; - border: 1px solid rgba(63, 63, 63, 0.25); - -webkit-box-shadow: 0 1px 0px rgba(63, 63, 63, 0.25); - box-shadow: 0 1px 0px rgba(63, 63, 63, 0.25); - font-size: 0.7em; - font-family: sans-serif; - background-color: #ffffff; - color: #333333; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - white-space: nowrap; -} -.toc ul { - list-style-type: none; - margin-bottom: 15px; -} -.footnote { - vertical-align: top; - position: relative; - top: -0.5em; - font-size: 0.8em; -} -.tour-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; - background-color: #000; - opacity: 0.8; -} -.tour-step-backdrop { - position: relative; - z-index: 1031; - background: inherit; -} -.tour-step-background { - position: absolute; - z-index: 1030; - background: inherit; - border-radius: 6px; -} -.popover[class*="tour-"] { - z-index: 1030; -} -.popover[class*="tour-"] .popover-navigation { - padding: 9px 14px; -} -.popover[class*="tour-"] .popover-navigation *[data-role=end] { - float: right; -} -.popover[class*="tour-"] .popover-navigation *[data-role=prev], -.popover[class*="tour-"] .popover-navigation *[data-role=next], -.popover[class*="tour-"] .popover-navigation *[data-role=end] { - cursor: pointer; -} -.popover[class*="tour-"] .popover-navigation *[data-role=prev].disabled, -.popover[class*="tour-"] .popover-navigation *[data-role=next].disabled, -.popover[class*="tour-"] .popover-navigation *[data-role=end].disabled { - cursor: default; -} -.popover[class*="tour-"].orphan { - position: fixed; - margin-top: 0; -} -.popover[class*="tour-"].orphan .arrow { - display: none; -} -div.jGrowl { - z-index: 9999; - color: #fff; - font-size: 12px; -} -/** Normal Style Positions **/ -div.jGrowl { - position: absolute; -} -body > div.jGrowl { - position: fixed; -} -div.jGrowl.top-left { - left: 0px; - top: 0px; -} -div.jGrowl.top-right { - right: 0px; - top: 0px; -} -div.jGrowl.bottom-left { - left: 0px; - bottom: 0px; -} -div.jGrowl.bottom-right { - right: 0px; - bottom: 0px; -} -div.jGrowl.center { - top: 0px; - width: 50%; - left: 25%; -} -/** Cross Browser Styling **/ -div.center div.jGrowl-notification, -div.center div.jGrowl-closer { - margin-left: auto; - margin-right: auto; -} -div.jGrowl div.jGrowl-notification, -div.jGrowl div.jGrowl-closer { - background-color: #000; - zoom: 1; - width: 235px; - padding: 10px; - margin-top: 5px; - margin-bottom: 5px; - font-family: Tahoma, Arial, Helvetica, sans-serif; - font-size: 1em; - text-align: left; - display: none; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; -} -div.jGrowl div.jGrowl-notification { - min-height: 40px; -} -div.jGrowl div.jGrowl-notification, -div.jGrowl div.jGrowl-closer { - margin: 10px; -} -div.jGrowl div.jGrowl-notification div.jGrowl-header { - font-weight: bold; - font-size: .85em; -} -div.jGrowl div.jGrowl-notification div.jGrowl-close { - z-index: 99; - float: right; - font-weight: bold; - font-size: 1em; - cursor: pointer; -} -div.jGrowl div.jGrowl-closer { - padding-top: 4px; - padding-bottom: 4px; - cursor: pointer; - font-size: .9em; - font-weight: bold; - text-align: center; -} -/** Hide jGrowl when printing **/ -@media print { - div.jGrowl { - display: none; - } -} -/* Colors */ -/* Sizes */ -/* Bootstrap */ -.working { - cursor: progress; -} -.dragging { - cursor: move !important; -} -.btn, -.dropdown-menu { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; -} -.dropdown-menu, -.modal-content, -.panel-content, -.search-bar, -.popover, -.find-replace, -.alertify { - -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); -} -.collapsed > .icon-up-dir:before { - content: '\e94d'; -} -.modal.fade .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-content { - background-color: #f8f8f8; -} -.modal-body { - background-color: #ffffff; - padding-bottom: 30px; -} -.modal-footer { - margin-top: 0; -} -.modal-iframe { - display: block; - margin: 30px auto 0; - z-index: 1040; - border-radius: 0; -} -a { - -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; - transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; -} -.nav-pills > li > a { - border: 1px solid rgba(0, 0, 0, 0); -} -.nav-pills > li > a:hover, -.nav-pills > li > a:focus { - color: #343434; - border-color: rgba(128, 128, 128, 0.1); -} -.nav-pills > li.open > a .caret, -.nav-pills > li > a:hover .caret, -.nav-pills > li > a:focus .caret { - border-top-color: #343434; - border-bottom-color: #343434; -} -.nav-pills > li.disabled > a:hover, -.nav-pills > li.disabled > a:focus { - border-color: rgba(0, 0, 0, 0); -} -.nav-pills > li.open > a, -.nav-pills > li.open > a:hover, -.nav-pills > li.open > a:focus { - color: #343434; - border-color: rgba(128, 128, 128, 0.1); -} -.list-group-item { - padding: 10px 15px; - border-left-width: 0; - border-right-width: 0; - margin-bottom: 0; -} -.list-group .list-group-item { - border-radius: 0; -} -a.list-group-item:hover, -a.list-group-item:focus { - color: #343434; - border-color: rgba(128, 128, 128, 0.1); -} -.list-group-item .checkbox { - float: right; - margin: 0; - padding: 0; - cursor: pointer; -} -.list-group-item .checkbox input { - cursor: pointer; - margin: 0 16px; - height: 38px; -} -.form-group { - margin-bottom: 1px; - padding: 5px; -} -.text-danger:hover { - color: #d82a1a; -} -.bring-to-front { - z-index: 1050 !important; -} -.dialog-header-message { - position: absolute; - top: 12px; - right: 55px; - font-weight: bold; -} -/******************* - * Buttons - *******************/ -.btn { - padding: 8px 11px; - -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; - transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; -} -.btn-default:hover, -.alertify-button-cancel:hover, -.btn-default:focus, -.alertify-button-cancel:focus, -.btn-default:active, -.alertify-button-cancel:active, -.open .btn-default.dropdown-toggle, -.open .alertify-button-cancel.dropdown-toggle { - color: #343434; - border-color: rgba(128, 128, 128, 0.1); - background-color: rgba(128, 128, 128, 0.04) !important; -} -.btn-primary:hover, -.alertify-button-ok:hover, -.btn-primary:focus, -.alertify-button-ok:focus, -.btn-primary:active, -.alertify-button-ok:active, -.open .btn-primary.dropdown-toggle, -.open .alertify-button-ok.dropdown-toggle { - color: #343434; - border-color: rgba(128, 128, 128, 0.1); - background-color: #e3e3e3 !important; -} -.btn-success:hover, -.btn-success:focus, -.btn-success:active, -.open .btn-success.dropdown-toggle { - color: #343434 !important; - border-color: rgba(128, 128, 128, 0.1); - background-color: rgba(128, 128, 128, 0.05) !important; -} -.btn-info:hover, -.btn-info:focus, -.btn-info:active, -.btn-info.info-tooltip, -.info-tooltip .btn-info, -.open .btn-info.dropdown-toggle { - color: #343434; - border-color: rgba(128, 128, 128, 0.08); - background-color: #f3f3f3 !important; -} -.btn-link:hover { - text-decoration: none; -} -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { - margin-left: 0; -} -.btn-group > .btn + .dropdown-toggle { - padding-right: 11px; - padding-left: 11px; -} -/******************** - * Input - ********************/ -.form-control { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); -} -@media (min-width: 768px) { - .form-inline .col-sm-1 { - width: 8.33333333% !important; - } - .form-inline .col-sm-2 { - width: 16.66666667% !important; - } - .form-inline .col-sm-3 { - width: 25% !important; - } - .form-inline .col-sm-4 { - width: 33.33333333% !important; - } - .form-inline .col-sm-5 { - width: 41.66666667% !important; - } - .form-inline .col-sm-6 { - width: 50% !important; - } - .form-inline .col-sm-7 { - width: 58.33333333% !important; - } - .form-inline .col-sm-8 { - width: 66.66666667% !important; - } - .form-inline .col-sm-9 { - width: 75% !important; - } - .form-inline .col-sm-10 { - width: 83.33333333% !important; - } - .form-inline .col-sm-11 { - width: 91.66666667% !important; - } - .form-inline .col-sm-12 { - width: 100% !important; - } -} -.form-inline * { - float: none; -} -.form-control.error { - border-color: #e84c3d; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 8px #e84c3d; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 8px #e84c3d; -} -.help-block { - font-size: 12px; -} -.input-group-addon { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); -} -a.input-group-addon { - color: #4fa1db; -} -.input-group-btn .btn i { - font-size: 110%; -} -.input-group-btn:first-child .btn { - margin-right: 6px; -} -.input-group-btn:last-child .btn { - margin-left: 6px; -} -/******************* - * Navbar - *******************/ -.navbar { - position: absolute; - top: 0; - left: 0; - width: 100%; - padding: 0; - border: 0; - border-top: 1px solid rgba(128, 128, 128, 0.1); - border-bottom: 1px solid rgba(128, 128, 128, 0.1); - border-radius: 0; - z-index: 20; -} -.navbar .left-space, -.navbar .right-space { - width: 25px; - height: 38px; -} -.navbar .nav { - float: left; - margin: 5px 9px; - height: 38px; -} -.navbar .nav > li { - display: inline-block; -} -.navbar .nav.pull-right { - float: right; -} -.navbar .nav.pull-right > li > .dropdown-menu { - right: 0; - left: auto; -} -.navbar .nav.pull-right > li > .dropdown-menu .dropdown-menu { - right: 100%; - left: auto; - margin-right: -1px; - margin-left: 0; -} -.navbar .btn { - height: 38px; - padding: 6px 8px; -} -.navbar .btn-group > .btn.disabled *, -.navbar .btn-group > .btn.blocked *, -.navbar .btn-group > .btn[disabled] * { - color: rgba(77, 77, 77, 0.3); -} -.navbar .button-open-discussion.some { - color: #e0b800 !important; -} -.navbar .button-open-discussion.replied { - color: #e74434 !important; -} -.navbar .file-title-navbar { - display: inline-block; - vertical-align: middle; - padding: 1px 15px; - font-size: 1.5em; - line-height: 1.45em; - font-weight: 200; - overflow: hidden; - white-space: nowrap; -} -.navbar .file-title-navbar a i { - -webkit-transition: all ease-in-out .15s; - transition: all ease-in-out .15s; -} -.navbar .file-title-navbar a .icon-link-ext-alt { - color: transparent; - position: relative; - font-size: 12px; - top: -12px; - right: 6px; - width: 0; -} -.navbar .file-title-navbar a:hover [class^="icon-provider-"], -.navbar .file-title-navbar a:hover [class*=" icon-provider-"] { - opacity: 0.5; - filter: alpha(opacity=50); -} -.navbar .file-title-navbar a:hover .icon-link-ext-alt { - color: #343434; -} -.navbar .input-file-title-container { - display: inline-block; - vertical-align: middle; -} -.navbar .input-file-title-container .input-file-title { - width: 400px; - font-size: 16px; - height: 38px; -} -.navbar .working-indicator { - display: inline-block; - vertical-align: middle; - overflow: hidden; - height: 38px; - width: 60px; - padding-top: 8px; -} -.navbar .working-indicator .bar { - display: inline-block; - width: 14px; - height: 6px; - border-radius: 1px; - margin: 0 2px; - opacity: 0.25; - filter: alpha(opacity=25); - background-color: rgba(77, 77, 77, 0.75); -} -.navbar .offline-status > div { - display: inline-block; - vertical-align: middle; - height: 38px; - padding: 9px 10px; -} -.navbar .buttons-dropdown > .nav { - margin-left: 0; - margin-right: 0; -} -.navbar div.dropdown-menu { - top: initial; - padding: 5px; - margin: 10px; -} -/******************** - * Extensions buttons - ********************/ -.extension-buttons > .btn-group > .btn, -.extension-preview-buttons > .btn-group > .btn, -.extension-buttons > .btn-group > .btn, -.extension-preview-buttons > .btn-group > .btn { - border-radius: 0; -} -.extension-buttons > .btn-group:first-child > .btn, -.extension-preview-buttons > .btn-group:first-child > .btn, -.extension-buttons > .btn-group:first-child > .btn, -.extension-preview-buttons > .btn-group:first-child > .btn { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.extension-buttons > .btn-group:last-child > .btn, -.extension-preview-buttons > .btn-group:last-child > .btn, -.extension-buttons > .btn-group:last-child > .btn, -.extension-preview-buttons > .btn-group:last-child > .btn { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.extension-preview-buttons { - position: absolute; - right: -1px; - top: 29px; - bottom: auto; - z-index: 40; - background-color: #f0f0f0; - border: 1px solid #dfdfdf; - border-radius: 4px; -} -.extension-preview-buttons .btn-success { - padding: 3px; -} -.extension-preview-buttons.animate { - -webkit-transition: 350ms ease-in-out all; - transition: 350ms ease-in-out all; -} -.extension-preview-buttons .btn-group .btn { - position: initial; - border: 0; -} -.extension-preview-buttons .dropdown-menu { - margin-top: 6px; - margin-bottom: 6px; - padding-bottom: 20px; -} -.extension-preview-buttons .dropdown-menu h3 { - margin: 3px; - magin-left: 10px; -} -.extension-preview-buttons hr { - margin: 0; -} -.extension-preview-buttons .markdown-syntax, -.extension-preview-buttons .table-of-contents { - overflow-y: auto; - overflow-x: hidden; - padding-right: 20px; - width: 300px; -} -.extension-preview-buttons .markdown-syntax { - white-space: normal; -} -.extension-preview-buttons .table-of-contents { - padding: 10px 0 10px; - margin-left: -10px; -} -.extension-preview-buttons .table-of-contents ul { - margin-left: 10px; - padding-left: 20px; -} -.extension-preview-buttons .table-of-contents li { - height: auto; -} -.extension-preview-buttons .stat-button .value { - vertical-align: text-top; -} -.extension-preview-buttons .drag-me { - color: #4d4d4d; -} -.extension-preview-buttons .drag-me i:before { - width: 5px; -} -/************************** - * Settings dialog - **************************/ -.modal-settings .modal-header { - padding-bottom: 0; -} -.modal-settings textarea { - max-width: 100%; - min-height: 100px; -} -.modal-settings .panel { - border: 0; - border-radius: inherit; - background: #ffffff; - border-bottom: 1px solid #f5f5f5; - -webkit-box-shadow: none; - box-shadow: none; -} -.modal-settings .accordion-heading { - padding: 12px 15px; -} -.modal-settings .accordion-heading .checkbox { - margin-top: 0; - margin-bottom: 0; -} -.modal-settings .accordion-inner { - border: 0; - padding: 10px 40px 20px; -} -.modal-settings .accordion-inner .form-horizontal .control-label { - text-align: left; -} -.modal-settings .accordion-inner .form-horizontal .form-inline .label-text { - margin-left: 15px; -} -.modal-settings .tab-pane-button-container { - width: 220px; - margin: 10px auto 20px; -} -.modal-settings .tab-pane-button-container .btn { - text-align: start; - padding-left: 15px; -} -.modal-settings .nav-tabs { - margin: 15px 0 0; -} -.modal-settings .nav-tabs > li > a:hover, -.modal-settings .nav-tabs > li > a:focus { - color: #343434; - border-color: rgba(128, 128, 128, 0.1); - background-color: rgba(128, 128, 128, 0.04); - border-bottom-color: rgba(0, 0, 0, 0); -} -.modal-settings .nav-tabs > li.active > a, -.modal-settings .nav-tabs > li.active > a:hover, -.modal-settings .nav-tabs > li.active > a:focus { - color: #3f3f3f; - background-color: #ffffff; - border-color: #f0f0f0; - border-bottom-color: rgba(0, 0, 0, 0); - margin-bottom: -1px; - padding: 10px 15px 11px; -} -/********************************* - * Layout - *********************************/ -.layout-wrapper-l1, -.layout-wrapper-l2, -.layout-wrapper-l3 { - position: absolute; - top: 0; - left: 0; - overflow: hidden; -} -.layout-animate { - -webkit-transition: -webkit-transform 350ms ease-in-out; - -moz-transition: -moz-transform 350ms ease-in-out; - -o-transition: -o-transform 350ms ease-in-out; - transition: transform 350ms ease-in-out; -} -.layout-resizer { - left: 0; - width: 22px; - position: absolute; - top: 0; - bottom: 0; -} -.layout-resizer.open { - cursor: col-resize; -} -.layout-vertical .layout-resizer.open { - cursor: col-resize; -} -.layout-toggler { - position: absolute; - top: 0; - left: 0; - padding: 0; - margin: 0; - width: 22px; -} -.layout-toggler i { - font-size: 22px; -} -.layout-toggler.layout-toggler-preview { - top: 50%; - margin-top: -15px; - width: 22px; - text-align: center; -} -.layout-toggler.layout-toggler-preview:hover { - background: #ddd !important; -} -.layout-animate .layout-toggler.layout-toggler-preview { - -webkit-transition: -webkit-transform 350ms ease-in-out; - -moz-transition: -moz-transform 350ms ease-in-out; - -o-transition: -o-transform 350ms ease-in-out; - transition: transform 350ms ease-in-out; -} -.layout-toggler.layout-toggler-preview i:before { - content: "\f104"; -} -.layout-toggler.layout-toggler-preview.open > i:before { - content: "\f105"; -} -.layout-toggler.layout-toggler-navbar { - line-height: 0; -} -.layout-toggler.layout-toggler-navbar i { - font-size: 16px; - height: 12px; - overflow: hidden; -} -/***************************** - * Editor - *****************************/ -/* -@font-face { - font-family: 'PT Sans'; - font-style: normal; - font-weight: 400; - src: local('PT Sans'), local('PTSans'), url("../font/PTSans-Regular-webfont.woff") format('woff'); -} -@font-face { - font-family: 'PT Sans'; - font-style: normal; - font-weight: 700; - src: local('PT Sans Bold'), local('PTSans-Bold'), url("../font/PTSans-Bold-webfont.woff") format('woff'); -} -@font-face { - font-family: 'PT Sans'; - font-style: italic; - font-weight: 400; - src: local('PT Sans Italic'), local('PTSans-Italic'), url("../font/PTSans-Italic-webfont.woff") format('woff'); -} -@font-face { - font-family: 'PT Sans'; - font-style: italic; - font-weight: 700; - src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url("../font/PTSans-BoldItalic-webfont.woff") format('woff'); -} -*/ -#wmd-input { - padding: 0 3px; - padding-top: 3px; - position: absolute; - top: 0; - left: 0; - line-height: 1.65; - letter-spacing: normal; - border-radius: 0; - /*color: #5a5a5a;*/ - color: #000; - -webkit-box-shadow: none; - box-shadow: none; - resize: none; - border: none; - padding: 0; - background-color: #ffffff; - overflow: auto; - white-space: pre-wrap; - word-wrap: break-word; - word-break: normal; -} -#wmd-input > .editor-content { - padding-bottom: 100px; - outline: none; -} -#wmd-input > .editor-margin { - position: absolute; - top: 0; - left: 0; -} -#wmd-input > .editor-margin .discussion { - font-size: 17px; - position: absolute; - cursor: pointer; -} -#wmd-input > .editor-margin .discussion.new { - display: none; -} -#wmd-input > .editor-margin .discussion.new:hover, -#wmd-input > .editor-margin .discussion.new.active, -#wmd-input > .editor-margin .discussion.new.active:hover { - display: inline-block; - color: rgba(128, 128, 128, 0.35) !important; -} -#wmd-input > .editor-margin .discussion.added { - color: rgba(235, 192, 0, 0.7); -} -#wmd-input > .editor-margin .discussion.added:hover, -#wmd-input > .editor-margin .discussion.added.active, -#wmd-input > .editor-margin .discussion.added.active:hover { - color: #ebc000 !important; -} -#wmd-input > .editor-margin .discussion.replied { - color: rgba(230, 59, 43, 0.7); -} -#wmd-input > .editor-margin .discussion.replied:hover, -#wmd-input > .editor-margin .discussion.replied.active, -#wmd-input > .editor-margin .discussion.replied.active:hover { - color: rgba(230, 59, 43, 0.8) !important; -} -#wmd-input > .editor-margin .discussion.icon-split { - font-size: 22px; -} -#wmd-input > .editor-margin .discussion.icon-split:before { - margin-right: 0; -} -#wmd-input > .editor-margin .discussion:hover, -#wmd-input > .editor-margin .discussion.active { - text-decoration: none; -} -#wmd-input.has-selection > .editor-margin .discussion.new { - display: inline-block; - color: rgba(128, 128, 128, 0.25); -} -#wmd-input.font-monospaced * { - font-family: "Source Code Pro", monospace !important; - line-height: 1.65 !important; - font-size: 1em !important; -} -#wmd-input .comment-highlight, -#wmd-input .find-replace-highlight { - background-color: rgba(255, 230, 0, 0.5); -} -#wmd-input .find-replace-select { - background-color: #b5d5ff; -} -#wmd-input .conflict { - font-weight: bold; - color: #e63b2b; -} -#wmd-input .code, -#wmd-input .pre { - color: #343434; - font: normal 0.9em "Source Code Pro", monospace; -} -#wmd-input .tag { - color: #343434; - font: bold 0.9em "Source Code Pro", monospace; -} -#wmd-input .tag .punctuation, -#wmd-input .tag .attr-value, -#wmd-input .tag .attr-name { - font-weight: normal; -} -#wmd-input .latex, -#wmd-input .math { - color: #808080; -} -#wmd-input .entity { - font: italic 0.9em "Source Code Pro", monospace; - color: #808080; -} -#wmd-input .table { - font: normal 0.9em "Source Code Pro", monospace; -} -#wmd-input .table * { - font-size: 1em; -} -#wmd-input .comment { - font-size: 0.9em; - color: rgba(128, 128, 128, 0.6); -} -#wmd-input .keyword { - color: #5a5a5a; - font-weight: bold; -} -#wmd-input .code, -#wmd-input .img, -#wmd-input .imgref, -#wmd-input .md-toc { - background-color: rgba(128, 128, 128, 0.075); - border-radius: 4px; - padding: 0.15em 0; -} -#wmd-input .md-toc { - font-size: 2.5em; - padding: 0.2em; -} -#wmd-input .link .md-underlined-text, -#wmd-input .linkref .md-underlined-text { - color: inherit; -} -#wmd-input .blockquote { - color: #808080; -} -#wmd-input .h1, -#wmd-input .h2, -#wmd-input .h3, -#wmd-input .h4, -#wmd-input .h5, -#wmd-input .h6 { - font-weight: 300; -} -#wmd-input .h1 .md-hash, -#wmd-input .h2 .md-hash, -#wmd-input .h3 .md-hash, -#wmd-input .h4 .md-hash, -#wmd-input .h5 .md-hash, -#wmd-input .h6 .md-hash { - color: rgba(128, 128, 128, 0.4); -} -#wmd-input .h1, -#wmd-input .h11 { - font-size: 1.7em; -} -#wmd-input .h2, -#wmd-input .h22 { - font-size: 1.4em; -} -#wmd-input .h3 { - font-size: 1.2em; -} -#wmd-input .h4 { - font-size: 1.1em; -} -#wmd-input .h5 { - font-size: 1em; -} -#wmd-input .h6 { - font-size: 0.9em; -} -#wmd-input .md, -#wmd-input .hr { - color: rgba(128, 128, 128, 0.6); - font-style: normal; - font-weight: normal; -} -#wmd-input .em, -#wmd-input .em .md { - font-style: italic; -} -#wmd-input .strong, -#wmd-input .strong .md { - font-weight: bold; -} -#wmd-input .md-strike-text { - text-decoration: line-through; -} -#wmd-input .url, -#wmd-input .email, -#wmd-input .md-underlined-text { - text-decoration: underline; -} -#wmd-input .linkdef .url { - color: rgba(128, 128, 128, 0.6); -} -#wmd-input .img, -#wmd-input .imgref { - padding: 0.2em 0.4em; - padding-right: 0; -} -#wmd-input .md-bang, -#wmd-input .md-alt, -#wmd-input .md-title { - color: #7f7f7f; -} -.find-replace { - position: absolute; - bottom: 3px; - left: 3px; - width: 410px; - background-color: #fafafa; - padding: 15px 20px; - border-top: 1px solid #e6e6e6; - border-right: 1px solid #e6e6e6; - border-top-right-radius: 6px; -} -.find-replace .form-group { - width: 180px; - padding: 0 5px; -} -.find-replace .close { - position: absolute; - right: 20px; - top: 10px; -} -/***************************** -* Preview -*****************************/ -.preview-panel { - position: absolute; - top: 0; - left: 0; - overflow: hidden; - -webkit-box-shadow: inset 1px 0 rgba(128, 128, 128, 0.06); - box-shadow: inset 1px 0 rgba(128, 128, 128, 0.06); - z-index: 10; - font-size: 16px; -} -.layout-animate .preview-panel { - -webkit-transition: 350ms ease-in-out all; - transition: 350ms ease-in-out all; -} -.layout-vertical .preview-panel { - -webkit-box-shadow: inset 0 1px rgba(128, 128, 128, 0.06); - box-shadow: inset 0 1px rgba(128, 128, 128, 0.06); -} -#preview-contents { - text-align: justify; -} -.preview-container { - position: absolute; - overflow: auto; - right: 0; - padding-right: 10px; - left: 30px; -} -.wmd-prompt-background { - display: none; -} -#mdEditor .navbar .nav { - height: 30px; - margin: 0; -} -#mdEditor .navbar .nav li { - line-height: 28px; -} -#mdEditor .navbar .btn { - height: 30px; - padding: 0 10px; - color: #666; - font-size: 14px; -} -#mdEditor .navbar-default { - background-color: #f0f0f0; - border: none; - border-bottom: 1px solid #ccc; - padding: 0; - height: 30px; - min-height: 30px; - overflow: hidden; - margin-bottom: 0; -} -#mdEditor .btn-success { - color: #dddddd; - background-color: rgba(0, 0, 0, 0); - border-color: rgba(0, 0, 0, 0); -} -#mdEditor .btn-success.disabled { - background-color: rgba(0, 0, 0, 0); - border-color: rgba(0, 0, 0, 0); -} -#mdEditor .btn-info { - color: rgba(128, 128, 128, 0.55); - background-color: rgba(0, 0, 0, 0); - border-color: rgba(0, 0, 0, 0); -} -#mdEditor .layout-wrapper-l1, -#mdEditor .layout-wrapper-l2, -#mdEditor .layout-wrapper-l3 { - left: 0; - right: 0; - bottom: 0; - top: 0; -} -#mdEditor .layout-wrapper-l3 { - top: 30px; - margin-top: 5px; - border: 1px solid #eee; - border-radius: 5px; -} -#mdEditor #wmd-input { - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 10px; -} -#mdEditor .preview-panel { - left: 0; - top: 0; - right: 0; - bottom: 0; - padding: 10px; -} -#mdEditor .wmd-button, -#mdEditor .preview-button { - width: auto; -} -.buttons-dropdown .dropdown-menu #mdEditor .btn-success { - color: #4d4d4d !important; -} -.buttons-dropdown .dropdown-menu #mdEditor .btn-success:hover, -.buttons-dropdown .dropdown-menu #mdEditor .btn-success:focus, -.buttons-dropdown .dropdown-menu #mdEditor .btn-success:active { - border-color: rgba(128, 128, 128, 0.1); - background-color: rgba(128, 128, 128, 0.05) !important; -} -#mdEditor .btn-primary:hover, -#mdEditor .alertify-button-ok:hover, -#mdEditor .btn-primary:focus, -#mdEditor .alertify-button-ok:focus, -#mdEditor .btn-primary:active, -#mdEditor .alertify-button-ok:active, -.open #mdEditor .btn-primary.dropdown-toggle, -.open #mdEditor .alertify-button-ok.dropdown-toggle { - color: #ffffff; -} -#mdEditor .sub-menu, -#mdEditor .file-list .list-group-item { - background-color: #fcfcfc; -} -#mdEditor .extension-preview-buttons.closed { - opacity: 0.25; - filter: alpha(opacity=25); -} -#mdEditor .extension-preview-buttons.closed.info-tooltip-container { - opacity: 1; - filter: alpha(opacity=100); -} -#mdEditor .modal-document-manager .btn-default { - background-color: transparent; - border-color: transparent; -} -#mdEditor .modal-document-manager .btn-default:hover, -#mdEditor .modal-document-manager .btn-default:focus, -#mdEditor .modal-document-manager .btn-default:active, -.open #mdEditor .modal-document-manager .btn-default.dropdown-toggle { - border-color: rgba(128, 128, 128, 0.1); -} - -/*必须和wmd-input一样*/ -.textarea-helper { - padding: 10px; - overflow: auto; - white-space: pre-wrap; - word-wrap: break-word; - height: 1px; - visibility: hidden; -} diff --git a/public/md/themes/themes/default/theme.css b/public/themes/markdown/default/index.less similarity index 100% rename from public/md/themes/themes/default/theme.css rename to public/themes/markdown/default/index.less diff --git a/public/md/themes/themes/github2/theme.css b/public/themes/markdown/github2/index.less similarity index 100% rename from public/md/themes/themes/github2/theme.css rename to public/themes/markdown/github2/index.less From 4ef593c62ee5cd9528243bff26d53f17c9e4f147 Mon Sep 17 00:00:00 2001 From: LucasYuNju Date: Mon, 26 Dec 2016 23:17:17 +0800 Subject: [PATCH 2/4] Update md_theme plugin --- public/plugins/md_theme/plugin.js | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/public/plugins/md_theme/plugin.js b/public/plugins/md_theme/plugin.js index 07592e48..ed7fa7b8 100644 --- a/public/plugins/md_theme/plugin.js +++ b/public/plugins/md_theme/plugin.js @@ -27,20 +27,19 @@ define(function() { _themes: [], getThemes: function() { var me = this; - - // 遍历主题目录, 得到主题 - var themeBasePath = __dirname + "/public/md/themes/themes"; - var dirs = Api.nodeFs.readdirSync(themeBasePath); - for(var i = 0; i < dirs.length; ++i) { - var dir = dirs[i]; // 名称 - - me._themeMap[dir] = { - name: dir, // 主题名称 - dir: dir - }; - - me._themes.push(me._themeMap[dir]); - } + // 遍历主题目录, 得到主题列表 + var themeFolder = __dirname + "/public/themes/markdown"; + Api.nodeFs.readdirSync(themeFolder) + .filter(function(theme) { + return Api.nodeFs.statSync(themeFolder + "/" + theme).isDirectory(); + }) + .forEach(function(theme) { + me._themeMap[theme] = { + name: theme, // 主题名称 + dir: theme + }; + me._themes.push(me._themeMap[theme]); + }); }, // 改变主题 @@ -48,7 +47,7 @@ define(function() { var me = this; themeDir || (themeDir = 'default'); themeDir = themeDir.toLowerCase(); - $('#md-theme').attr('href', 'public/md/themes/themes/' + themeDir + '/theme.css'); + $('#md-theme').attr('href', 'public/themes/markdown/' + themeDir + '/index.css'); Config.mdTheme = themeDir; var ok = Api.writeConfig(Config); From f0725b2b75b70c913931eb521bee5277915e5a7d Mon Sep 17 00:00:00 2001 From: LucasYuNju Date: Mon, 26 Dec 2016 23:17:39 +0800 Subject: [PATCH 3/4] Add md_theme to config-default.js --- public/config-default.js | 1 + 1 file changed, 1 insertion(+) diff --git a/public/config-default.js b/public/config-default.js index fa46cd4d..f77084c0 100644 --- a/public/config-default.js +++ b/public/config-default.js @@ -1,6 +1,7 @@ var Config = { "plugins": [ "theme", + "md_theme", "import_leanote", "import_evernote", "export_pdf", From 4ef95a98a1e025f0e6f9b2cdd88d13126bab634b Mon Sep 17 00:00:00 2001 From: LucasYuNju Date: Mon, 26 Dec 2016 23:22:16 +0800 Subject: [PATCH 4/4] Rename meditor.css to meditor.less --- public/themes/markdown/meditor.less | 1262 +++++++++++++++++++++++++++ 1 file changed, 1262 insertions(+) create mode 100644 public/themes/markdown/meditor.less diff --git a/public/themes/markdown/meditor.less b/public/themes/markdown/meditor.less new file mode 100644 index 00000000..90a6fc07 --- /dev/null +++ b/public/themes/markdown/meditor.less @@ -0,0 +1,1262 @@ +.form-control:focus { + border-color: #f0f0f0; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px rgba(128, 128, 128, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px rgba(128, 128, 128, 0.6); +} +@media (min-width: 768px) { + .navbar-form .col-sm-1 { + width: 8.33333333% !important; + } + .navbar-form .col-sm-2 { + width: 16.66666667% !important; + } + .navbar-form .col-sm-3 { + width: 25% !important; + } + .navbar-form .col-sm-4 { + width: 33.33333333% !important; + } + .navbar-form .col-sm-5 { + width: 41.66666667% !important; + } + .navbar-form .col-sm-6 { + width: 50% !important; + } + .navbar-form .col-sm-7 { + width: 58.33333333% !important; + } + .navbar-form .col-sm-8 { + width: 66.66666667% !important; + } + .navbar-form .col-sm-9 { + width: 75% !important; + } + .navbar-form .col-sm-10 { + width: 83.33333333% !important; + } + .navbar-form .col-sm-11 { + width: 91.66666667% !important; + } + .navbar-form .col-sm-12 { + width: 100% !important; + } +} +.navbar-form * { + float: none; +} + +.container { + margin-bottom: 180px; + text-align: justify; +} +.sequence-diagram, +.flow-chart { + text-align: center; + margin-bottom: 0.3em; +} +.sequence-diagram text, +.flow-chart text { + font-size: 15px !important; + font-family: "Source Sans Pro", sans-serif !important; +} +.sequence-diagram [fill="#ffffff"], +.flow-chart [fill="#ffffff"] { + fill: #f8f8f8; +} +.sequence-diagram [stroke="#000000"], +.flow-chart [stroke="#000000"] { + stroke: #3f3f3f; +} +.sequence-diagram text[stroke="#000000"], +.flow-chart text[stroke="#000000"] { + stroke: none; +} +.sequence-diagram [fill="#000"], +.flow-chart [fill="#000"], +.sequence-diagram [fill="#000000"], +.flow-chart [fill="#000000"], +.sequence-diagram [fill="black"], +.flow-chart [fill="black"] { + fill: #3f3f3f; +} + +kbd { + padding: 0.1em 0.6em; + border: 1px solid rgba(63, 63, 63, 0.25); + -webkit-box-shadow: 0 1px 0px rgba(63, 63, 63, 0.25); + box-shadow: 0 1px 0px rgba(63, 63, 63, 0.25); + font-size: 0.7em; + font-family: sans-serif; + background-color: #ffffff; + color: #333333; + border-radius: 3px; + display: inline-block; + margin: 0 0.1em; + white-space: nowrap; +} +.toc ul { + list-style-type: none; + margin-bottom: 15px; +} +.footnote { + vertical-align: top; + position: relative; + top: -0.5em; + font-size: 0.8em; +} +.tour-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000; + opacity: 0.8; +} +.tour-step-backdrop { + position: relative; + z-index: 1031; + background: inherit; +} +.tour-step-background { + position: absolute; + z-index: 1030; + background: inherit; + border-radius: 6px; +} +.popover[class*="tour-"] { + z-index: 1030; +} +.popover[class*="tour-"] .popover-navigation { + padding: 9px 14px; +} +.popover[class*="tour-"] .popover-navigation *[data-role=end] { + float: right; +} +.popover[class*="tour-"] .popover-navigation *[data-role=prev], +.popover[class*="tour-"] .popover-navigation *[data-role=next], +.popover[class*="tour-"] .popover-navigation *[data-role=end] { + cursor: pointer; +} +.popover[class*="tour-"] .popover-navigation *[data-role=prev].disabled, +.popover[class*="tour-"] .popover-navigation *[data-role=next].disabled, +.popover[class*="tour-"] .popover-navigation *[data-role=end].disabled { + cursor: default; +} +.popover[class*="tour-"].orphan { + position: fixed; + margin-top: 0; +} +.popover[class*="tour-"].orphan .arrow { + display: none; +} +div.jGrowl { + z-index: 9999; + color: #fff; + font-size: 12px; +} +/** Normal Style Positions **/ +div.jGrowl { + position: absolute; +} +body > div.jGrowl { + position: fixed; +} +div.jGrowl.top-left { + left: 0px; + top: 0px; +} +div.jGrowl.top-right { + right: 0px; + top: 0px; +} +div.jGrowl.bottom-left { + left: 0px; + bottom: 0px; +} +div.jGrowl.bottom-right { + right: 0px; + bottom: 0px; +} +div.jGrowl.center { + top: 0px; + width: 50%; + left: 25%; +} +/** Cross Browser Styling **/ +div.center div.jGrowl-notification, +div.center div.jGrowl-closer { + margin-left: auto; + margin-right: auto; +} +div.jGrowl div.jGrowl-notification, +div.jGrowl div.jGrowl-closer { + background-color: #000; + zoom: 1; + width: 235px; + padding: 10px; + margin-top: 5px; + margin-bottom: 5px; + font-family: Tahoma, Arial, Helvetica, sans-serif; + font-size: 1em; + text-align: left; + display: none; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} +div.jGrowl div.jGrowl-notification { + min-height: 40px; +} +div.jGrowl div.jGrowl-notification, +div.jGrowl div.jGrowl-closer { + margin: 10px; +} +div.jGrowl div.jGrowl-notification div.jGrowl-header { + font-weight: bold; + font-size: .85em; +} +div.jGrowl div.jGrowl-notification div.jGrowl-close { + z-index: 99; + float: right; + font-weight: bold; + font-size: 1em; + cursor: pointer; +} +div.jGrowl div.jGrowl-closer { + padding-top: 4px; + padding-bottom: 4px; + cursor: pointer; + font-size: .9em; + font-weight: bold; + text-align: center; +} +/** Hide jGrowl when printing **/ +@media print { + div.jGrowl { + display: none; + } +} +/* Colors */ +/* Sizes */ +/* Bootstrap */ +.working { + cursor: progress; +} +.dragging { + cursor: move !important; +} +.btn, +.dropdown-menu { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.dropdown-menu, +.modal-content, +.panel-content, +.search-bar, +.popover, +.find-replace, +.alertify { + -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); +} +.collapsed > .icon-up-dir:before { + content: '\e94d'; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-content { + background-color: #f8f8f8; +} +.modal-body { + background-color: #ffffff; + padding-bottom: 30px; +} +.modal-footer { + margin-top: 0; +} +.modal-iframe { + display: block; + margin: 30px auto 0; + z-index: 1040; + border-radius: 0; +} +a { + -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; + transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; +} +.nav-pills > li > a { + border: 1px solid rgba(0, 0, 0, 0); +} +.nav-pills > li > a:hover, +.nav-pills > li > a:focus { + color: #343434; + border-color: rgba(128, 128, 128, 0.1); +} +.nav-pills > li.open > a .caret, +.nav-pills > li > a:hover .caret, +.nav-pills > li > a:focus .caret { + border-top-color: #343434; + border-bottom-color: #343434; +} +.nav-pills > li.disabled > a:hover, +.nav-pills > li.disabled > a:focus { + border-color: rgba(0, 0, 0, 0); +} +.nav-pills > li.open > a, +.nav-pills > li.open > a:hover, +.nav-pills > li.open > a:focus { + color: #343434; + border-color: rgba(128, 128, 128, 0.1); +} +.list-group-item { + padding: 10px 15px; + border-left-width: 0; + border-right-width: 0; + margin-bottom: 0; +} +.list-group .list-group-item { + border-radius: 0; +} +a.list-group-item:hover, +a.list-group-item:focus { + color: #343434; + border-color: rgba(128, 128, 128, 0.1); +} +.list-group-item .checkbox { + float: right; + margin: 0; + padding: 0; + cursor: pointer; +} +.list-group-item .checkbox input { + cursor: pointer; + margin: 0 16px; + height: 38px; +} +.form-group { + margin-bottom: 1px; + padding: 5px; +} +.text-danger:hover { + color: #d82a1a; +} +.bring-to-front { + z-index: 1050 !important; +} +.dialog-header-message { + position: absolute; + top: 12px; + right: 55px; + font-weight: bold; +} +/******************* + * Buttons + *******************/ +.btn { + padding: 8px 11px; + -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; + transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; +} +.btn-default:hover, +.alertify-button-cancel:hover, +.btn-default:focus, +.alertify-button-cancel:focus, +.btn-default:active, +.alertify-button-cancel:active, +.open .btn-default.dropdown-toggle, +.open .alertify-button-cancel.dropdown-toggle { + color: #343434; + border-color: rgba(128, 128, 128, 0.1); + background-color: rgba(128, 128, 128, 0.04) !important; +} +.btn-primary:hover, +.alertify-button-ok:hover, +.btn-primary:focus, +.alertify-button-ok:focus, +.btn-primary:active, +.alertify-button-ok:active, +.open .btn-primary.dropdown-toggle, +.open .alertify-button-ok.dropdown-toggle { + color: #343434; + border-color: rgba(128, 128, 128, 0.1); + background-color: #e3e3e3 !important; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.open .btn-success.dropdown-toggle { + color: #343434 !important; + border-color: rgba(128, 128, 128, 0.1); + background-color: rgba(128, 128, 128, 0.05) !important; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.info-tooltip, +.info-tooltip .btn-info, +.open .btn-info.dropdown-toggle { + color: #343434; + border-color: rgba(128, 128, 128, 0.08); + background-color: #f3f3f3 !important; +} +.btn-link:hover { + text-decoration: none; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-right: 11px; + padding-left: 11px; +} +/******************** + * Input + ********************/ +.form-control { + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); +} +@media (min-width: 768px) { + .form-inline .col-sm-1 { + width: 8.33333333% !important; + } + .form-inline .col-sm-2 { + width: 16.66666667% !important; + } + .form-inline .col-sm-3 { + width: 25% !important; + } + .form-inline .col-sm-4 { + width: 33.33333333% !important; + } + .form-inline .col-sm-5 { + width: 41.66666667% !important; + } + .form-inline .col-sm-6 { + width: 50% !important; + } + .form-inline .col-sm-7 { + width: 58.33333333% !important; + } + .form-inline .col-sm-8 { + width: 66.66666667% !important; + } + .form-inline .col-sm-9 { + width: 75% !important; + } + .form-inline .col-sm-10 { + width: 83.33333333% !important; + } + .form-inline .col-sm-11 { + width: 91.66666667% !important; + } + .form-inline .col-sm-12 { + width: 100% !important; + } +} +.form-inline * { + float: none; +} +.form-control.error { + border-color: #e84c3d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 8px #e84c3d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 8px #e84c3d; +} +.help-block { + font-size: 12px; +} +.input-group-addon { + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); +} +a.input-group-addon { + color: #4fa1db; +} +.input-group-btn .btn i { + font-size: 110%; +} +.input-group-btn:first-child .btn { + margin-right: 6px; +} +.input-group-btn:last-child .btn { + margin-left: 6px; +} +/******************* + * Navbar + *******************/ +.navbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + padding: 0; + border: 0; + border-top: 1px solid rgba(128, 128, 128, 0.1); + border-bottom: 1px solid rgba(128, 128, 128, 0.1); + border-radius: 0; + z-index: 20; +} +.navbar .left-space, +.navbar .right-space { + width: 25px; + height: 38px; +} +.navbar .nav { + float: left; + margin: 5px 9px; + height: 38px; +} +.navbar .nav > li { + display: inline-block; +} +.navbar .nav.pull-right { + float: right; +} +.navbar .nav.pull-right > li > .dropdown-menu { + right: 0; + left: auto; +} +.navbar .nav.pull-right > li > .dropdown-menu .dropdown-menu { + right: 100%; + left: auto; + margin-right: -1px; + margin-left: 0; +} +.navbar .btn { + height: 38px; + padding: 6px 8px; +} +.navbar .btn-group > .btn.disabled *, +.navbar .btn-group > .btn.blocked *, +.navbar .btn-group > .btn[disabled] * { + color: rgba(77, 77, 77, 0.3); +} +.navbar .button-open-discussion.some { + color: #e0b800 !important; +} +.navbar .button-open-discussion.replied { + color: #e74434 !important; +} +.navbar .file-title-navbar { + display: inline-block; + vertical-align: middle; + padding: 1px 15px; + font-size: 1.5em; + line-height: 1.45em; + font-weight: 200; + overflow: hidden; + white-space: nowrap; +} +.navbar .file-title-navbar a i { + -webkit-transition: all ease-in-out .15s; + transition: all ease-in-out .15s; +} +.navbar .file-title-navbar a .icon-link-ext-alt { + color: transparent; + position: relative; + font-size: 12px; + top: -12px; + right: 6px; + width: 0; +} +.navbar .file-title-navbar a:hover [class^="icon-provider-"], +.navbar .file-title-navbar a:hover [class*=" icon-provider-"] { + opacity: 0.5; + filter: alpha(opacity=50); +} +.navbar .file-title-navbar a:hover .icon-link-ext-alt { + color: #343434; +} +.navbar .input-file-title-container { + display: inline-block; + vertical-align: middle; +} +.navbar .input-file-title-container .input-file-title { + width: 400px; + font-size: 16px; + height: 38px; +} +.navbar .working-indicator { + display: inline-block; + vertical-align: middle; + overflow: hidden; + height: 38px; + width: 60px; + padding-top: 8px; +} +.navbar .working-indicator .bar { + display: inline-block; + width: 14px; + height: 6px; + border-radius: 1px; + margin: 0 2px; + opacity: 0.25; + filter: alpha(opacity=25); + background-color: rgba(77, 77, 77, 0.75); +} +.navbar .offline-status > div { + display: inline-block; + vertical-align: middle; + height: 38px; + padding: 9px 10px; +} +.navbar .buttons-dropdown > .nav { + margin-left: 0; + margin-right: 0; +} +.navbar div.dropdown-menu { + top: initial; + padding: 5px; + margin: 10px; +} +/******************** + * Extensions buttons + ********************/ +.extension-buttons > .btn-group > .btn, +.extension-preview-buttons > .btn-group > .btn, +.extension-buttons > .btn-group > .btn, +.extension-preview-buttons > .btn-group > .btn { + border-radius: 0; +} +.extension-buttons > .btn-group:first-child > .btn, +.extension-preview-buttons > .btn-group:first-child > .btn, +.extension-buttons > .btn-group:first-child > .btn, +.extension-preview-buttons > .btn-group:first-child > .btn { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.extension-buttons > .btn-group:last-child > .btn, +.extension-preview-buttons > .btn-group:last-child > .btn, +.extension-buttons > .btn-group:last-child > .btn, +.extension-preview-buttons > .btn-group:last-child > .btn { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.extension-preview-buttons { + position: absolute; + right: -1px; + top: 29px; + bottom: auto; + z-index: 40; + background-color: #f0f0f0; + border: 1px solid #dfdfdf; + border-radius: 4px; +} +.extension-preview-buttons .btn-success { + padding: 3px; +} +.extension-preview-buttons.animate { + -webkit-transition: 350ms ease-in-out all; + transition: 350ms ease-in-out all; +} +.extension-preview-buttons .btn-group .btn { + position: initial; + border: 0; +} +.extension-preview-buttons .dropdown-menu { + margin-top: 6px; + margin-bottom: 6px; + padding-bottom: 20px; +} +.extension-preview-buttons .dropdown-menu h3 { + margin: 3px; + magin-left: 10px; +} +.extension-preview-buttons hr { + margin: 0; +} +.extension-preview-buttons .markdown-syntax, +.extension-preview-buttons .table-of-contents { + overflow-y: auto; + overflow-x: hidden; + padding-right: 20px; + width: 300px; +} +.extension-preview-buttons .markdown-syntax { + white-space: normal; +} +.extension-preview-buttons .table-of-contents { + padding: 10px 0 10px; + margin-left: -10px; +} +.extension-preview-buttons .table-of-contents ul { + margin-left: 10px; + padding-left: 20px; +} +.extension-preview-buttons .table-of-contents li { + height: auto; +} +.extension-preview-buttons .stat-button .value { + vertical-align: text-top; +} +.extension-preview-buttons .drag-me { + color: #4d4d4d; +} +.extension-preview-buttons .drag-me i:before { + width: 5px; +} +/************************** + * Settings dialog + **************************/ +.modal-settings .modal-header { + padding-bottom: 0; +} +.modal-settings textarea { + max-width: 100%; + min-height: 100px; +} +.modal-settings .panel { + border: 0; + border-radius: inherit; + background: #ffffff; + border-bottom: 1px solid #f5f5f5; + -webkit-box-shadow: none; + box-shadow: none; +} +.modal-settings .accordion-heading { + padding: 12px 15px; +} +.modal-settings .accordion-heading .checkbox { + margin-top: 0; + margin-bottom: 0; +} +.modal-settings .accordion-inner { + border: 0; + padding: 10px 40px 20px; +} +.modal-settings .accordion-inner .form-horizontal .control-label { + text-align: left; +} +.modal-settings .accordion-inner .form-horizontal .form-inline .label-text { + margin-left: 15px; +} +.modal-settings .tab-pane-button-container { + width: 220px; + margin: 10px auto 20px; +} +.modal-settings .tab-pane-button-container .btn { + text-align: start; + padding-left: 15px; +} +.modal-settings .nav-tabs { + margin: 15px 0 0; +} +.modal-settings .nav-tabs > li > a:hover, +.modal-settings .nav-tabs > li > a:focus { + color: #343434; + border-color: rgba(128, 128, 128, 0.1); + background-color: rgba(128, 128, 128, 0.04); + border-bottom-color: rgba(0, 0, 0, 0); +} +.modal-settings .nav-tabs > li.active > a, +.modal-settings .nav-tabs > li.active > a:hover, +.modal-settings .nav-tabs > li.active > a:focus { + color: #3f3f3f; + background-color: #ffffff; + border-color: #f0f0f0; + border-bottom-color: rgba(0, 0, 0, 0); + margin-bottom: -1px; + padding: 10px 15px 11px; +} +/********************************* + * Layout + *********************************/ +.layout-wrapper-l1, +.layout-wrapper-l2, +.layout-wrapper-l3 { + position: absolute; + top: 0; + left: 0; + overflow: hidden; +} +.layout-animate { + -webkit-transition: -webkit-transform 350ms ease-in-out; + -moz-transition: -moz-transform 350ms ease-in-out; + -o-transition: -o-transform 350ms ease-in-out; + transition: transform 350ms ease-in-out; +} +.layout-resizer { + left: 0; + width: 22px; + position: absolute; + top: 0; + bottom: 0; +} +.layout-resizer.open { + cursor: col-resize; +} +.layout-vertical .layout-resizer.open { + cursor: col-resize; +} +.layout-toggler { + position: absolute; + top: 0; + left: 0; + padding: 0; + margin: 0; + width: 22px; +} +.layout-toggler i { + font-size: 22px; +} +.layout-toggler.layout-toggler-preview { + top: 50%; + margin-top: -15px; + width: 22px; + text-align: center; +} +.layout-toggler.layout-toggler-preview:hover { + background: #ddd !important; +} +.layout-animate .layout-toggler.layout-toggler-preview { + -webkit-transition: -webkit-transform 350ms ease-in-out; + -moz-transition: -moz-transform 350ms ease-in-out; + -o-transition: -o-transform 350ms ease-in-out; + transition: transform 350ms ease-in-out; +} +.layout-toggler.layout-toggler-preview i:before { + content: "\f104"; +} +.layout-toggler.layout-toggler-preview.open > i:before { + content: "\f105"; +} +.layout-toggler.layout-toggler-navbar { + line-height: 0; +} +.layout-toggler.layout-toggler-navbar i { + font-size: 16px; + height: 12px; + overflow: hidden; +} +/***************************** + * Editor + *****************************/ +/* +@font-face { + font-family: 'PT Sans'; + font-style: normal; + font-weight: 400; + src: local('PT Sans'), local('PTSans'), url("../font/PTSans-Regular-webfont.woff") format('woff'); +} +@font-face { + font-family: 'PT Sans'; + font-style: normal; + font-weight: 700; + src: local('PT Sans Bold'), local('PTSans-Bold'), url("../font/PTSans-Bold-webfont.woff") format('woff'); +} +@font-face { + font-family: 'PT Sans'; + font-style: italic; + font-weight: 400; + src: local('PT Sans Italic'), local('PTSans-Italic'), url("../font/PTSans-Italic-webfont.woff") format('woff'); +} +@font-face { + font-family: 'PT Sans'; + font-style: italic; + font-weight: 700; + src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url("../font/PTSans-BoldItalic-webfont.woff") format('woff'); +} +*/ +#wmd-input { + padding: 0 3px; + padding-top: 3px; + position: absolute; + top: 0; + left: 0; + line-height: 1.65; + letter-spacing: normal; + border-radius: 0; + /*color: #5a5a5a;*/ + color: #000; + -webkit-box-shadow: none; + box-shadow: none; + resize: none; + border: none; + padding: 0; + background-color: #ffffff; + overflow: auto; + white-space: pre-wrap; + word-wrap: break-word; + word-break: normal; +} +#wmd-input > .editor-content { + padding-bottom: 100px; + outline: none; +} +#wmd-input > .editor-margin { + position: absolute; + top: 0; + left: 0; +} +#wmd-input > .editor-margin .discussion { + font-size: 17px; + position: absolute; + cursor: pointer; +} +#wmd-input > .editor-margin .discussion.new { + display: none; +} +#wmd-input > .editor-margin .discussion.new:hover, +#wmd-input > .editor-margin .discussion.new.active, +#wmd-input > .editor-margin .discussion.new.active:hover { + display: inline-block; + color: rgba(128, 128, 128, 0.35) !important; +} +#wmd-input > .editor-margin .discussion.added { + color: rgba(235, 192, 0, 0.7); +} +#wmd-input > .editor-margin .discussion.added:hover, +#wmd-input > .editor-margin .discussion.added.active, +#wmd-input > .editor-margin .discussion.added.active:hover { + color: #ebc000 !important; +} +#wmd-input > .editor-margin .discussion.replied { + color: rgba(230, 59, 43, 0.7); +} +#wmd-input > .editor-margin .discussion.replied:hover, +#wmd-input > .editor-margin .discussion.replied.active, +#wmd-input > .editor-margin .discussion.replied.active:hover { + color: rgba(230, 59, 43, 0.8) !important; +} +#wmd-input > .editor-margin .discussion.icon-split { + font-size: 22px; +} +#wmd-input > .editor-margin .discussion.icon-split:before { + margin-right: 0; +} +#wmd-input > .editor-margin .discussion:hover, +#wmd-input > .editor-margin .discussion.active { + text-decoration: none; +} +#wmd-input.has-selection > .editor-margin .discussion.new { + display: inline-block; + color: rgba(128, 128, 128, 0.25); +} +#wmd-input.font-monospaced * { + font-family: "Source Code Pro", monospace !important; + line-height: 1.65 !important; + font-size: 1em !important; +} +#wmd-input .comment-highlight, +#wmd-input .find-replace-highlight { + background-color: rgba(255, 230, 0, 0.5); +} +#wmd-input .find-replace-select { + background-color: #b5d5ff; +} +#wmd-input .conflict { + font-weight: bold; + color: #e63b2b; +} +#wmd-input .code, +#wmd-input .pre { + color: #343434; + font: normal 0.9em "Source Code Pro", monospace; +} +#wmd-input .tag { + color: #343434; + font: bold 0.9em "Source Code Pro", monospace; +} +#wmd-input .tag .punctuation, +#wmd-input .tag .attr-value, +#wmd-input .tag .attr-name { + font-weight: normal; +} +#wmd-input .latex, +#wmd-input .math { + color: #808080; +} +#wmd-input .entity { + font: italic 0.9em "Source Code Pro", monospace; + color: #808080; +} +#wmd-input .table { + font: normal 0.9em "Source Code Pro", monospace; +} +#wmd-input .table * { + font-size: 1em; +} +#wmd-input .comment { + font-size: 0.9em; + color: rgba(128, 128, 128, 0.6); +} +#wmd-input .keyword { + color: #5a5a5a; + font-weight: bold; +} +#wmd-input .code, +#wmd-input .img, +#wmd-input .imgref, +#wmd-input .md-toc { + background-color: rgba(128, 128, 128, 0.075); + border-radius: 4px; + padding: 0.15em 0; +} +#wmd-input .md-toc { + font-size: 2.5em; + padding: 0.2em; +} +#wmd-input .link .md-underlined-text, +#wmd-input .linkref .md-underlined-text { + color: inherit; +} +#wmd-input .blockquote { + color: #808080; +} +#wmd-input .h1, +#wmd-input .h2, +#wmd-input .h3, +#wmd-input .h4, +#wmd-input .h5, +#wmd-input .h6 { + font-weight: 300; +} +#wmd-input .h1 .md-hash, +#wmd-input .h2 .md-hash, +#wmd-input .h3 .md-hash, +#wmd-input .h4 .md-hash, +#wmd-input .h5 .md-hash, +#wmd-input .h6 .md-hash { + color: rgba(128, 128, 128, 0.4); +} +#wmd-input .h1, +#wmd-input .h11 { + font-size: 1.7em; +} +#wmd-input .h2, +#wmd-input .h22 { + font-size: 1.4em; +} +#wmd-input .h3 { + font-size: 1.2em; +} +#wmd-input .h4 { + font-size: 1.1em; +} +#wmd-input .h5 { + font-size: 1em; +} +#wmd-input .h6 { + font-size: 0.9em; +} +#wmd-input .md, +#wmd-input .hr { + color: rgba(128, 128, 128, 0.6); + font-style: normal; + font-weight: normal; +} +#wmd-input .em, +#wmd-input .em .md { + font-style: italic; +} +#wmd-input .strong, +#wmd-input .strong .md { + font-weight: bold; +} +#wmd-input .md-strike-text { + text-decoration: line-through; +} +#wmd-input .url, +#wmd-input .email, +#wmd-input .md-underlined-text { + text-decoration: underline; +} +#wmd-input .linkdef .url { + color: rgba(128, 128, 128, 0.6); +} +#wmd-input .img, +#wmd-input .imgref { + padding: 0.2em 0.4em; + padding-right: 0; +} +#wmd-input .md-bang, +#wmd-input .md-alt, +#wmd-input .md-title { + color: #7f7f7f; +} +.find-replace { + position: absolute; + bottom: 3px; + left: 3px; + width: 410px; + background-color: #fafafa; + padding: 15px 20px; + border-top: 1px solid #e6e6e6; + border-right: 1px solid #e6e6e6; + border-top-right-radius: 6px; +} +.find-replace .form-group { + width: 180px; + padding: 0 5px; +} +.find-replace .close { + position: absolute; + right: 20px; + top: 10px; +} +/***************************** +* Preview +*****************************/ +.preview-panel { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + -webkit-box-shadow: inset 1px 0 rgba(128, 128, 128, 0.06); + box-shadow: inset 1px 0 rgba(128, 128, 128, 0.06); + z-index: 10; + font-size: 16px; +} +.layout-animate .preview-panel { + -webkit-transition: 350ms ease-in-out all; + transition: 350ms ease-in-out all; +} +.layout-vertical .preview-panel { + -webkit-box-shadow: inset 0 1px rgba(128, 128, 128, 0.06); + box-shadow: inset 0 1px rgba(128, 128, 128, 0.06); +} +#preview-contents { + text-align: justify; +} +.preview-container { + position: absolute; + overflow: auto; + right: 0; + padding-right: 10px; + left: 30px; +} +.wmd-prompt-background { + display: none; +} +#mdEditor .navbar .nav { + height: 30px; + margin: 0; +} +#mdEditor .navbar .nav li { + line-height: 28px; +} +#mdEditor .navbar .btn { + height: 30px; + padding: 0 10px; + color: #666; + font-size: 14px; +} +#mdEditor .navbar-default { + background-color: #f0f0f0; + border: none; + border-bottom: 1px solid #ccc; + padding: 0; + height: 30px; + min-height: 30px; + overflow: hidden; + margin-bottom: 0; +} +#mdEditor .btn-success { + color: #dddddd; + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +#mdEditor .btn-success.disabled { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +#mdEditor .btn-info { + color: rgba(128, 128, 128, 0.55); + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); +} +#mdEditor .layout-wrapper-l1, +#mdEditor .layout-wrapper-l2, +#mdEditor .layout-wrapper-l3 { + left: 0; + right: 0; + bottom: 0; + top: 0; +} +#mdEditor .layout-wrapper-l3 { + top: 30px; + margin-top: 5px; + border: 1px solid #eee; + border-radius: 5px; +} +#mdEditor #wmd-input { + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 10px; +} +#mdEditor .preview-panel { + left: 0; + top: 0; + right: 0; + bottom: 0; + padding: 10px; +} +#mdEditor .wmd-button, +#mdEditor .preview-button { + width: auto; +} +.buttons-dropdown .dropdown-menu #mdEditor .btn-success { + color: #4d4d4d !important; +} +.buttons-dropdown .dropdown-menu #mdEditor .btn-success:hover, +.buttons-dropdown .dropdown-menu #mdEditor .btn-success:focus, +.buttons-dropdown .dropdown-menu #mdEditor .btn-success:active { + border-color: rgba(128, 128, 128, 0.1); + background-color: rgba(128, 128, 128, 0.05) !important; +} +#mdEditor .btn-primary:hover, +#mdEditor .alertify-button-ok:hover, +#mdEditor .btn-primary:focus, +#mdEditor .alertify-button-ok:focus, +#mdEditor .btn-primary:active, +#mdEditor .alertify-button-ok:active, +.open #mdEditor .btn-primary.dropdown-toggle, +.open #mdEditor .alertify-button-ok.dropdown-toggle { + color: #ffffff; +} +#mdEditor .sub-menu, +#mdEditor .file-list .list-group-item { + background-color: #fcfcfc; +} +#mdEditor .extension-preview-buttons.closed { + opacity: 0.25; + filter: alpha(opacity=25); +} +#mdEditor .extension-preview-buttons.closed.info-tooltip-container { + opacity: 1; + filter: alpha(opacity=100); +} +#mdEditor .modal-document-manager .btn-default { + background-color: transparent; + border-color: transparent; +} +#mdEditor .modal-document-manager .btn-default:hover, +#mdEditor .modal-document-manager .btn-default:focus, +#mdEditor .modal-document-manager .btn-default:active, +.open #mdEditor .modal-document-manager .btn-default.dropdown-toggle { + border-color: rgba(128, 128, 128, 0.1); +} + +/*必须和wmd-input一样*/ +.textarea-helper { + padding: 10px; + overflow: auto; + white-space: pre-wrap; + word-wrap: break-word; + height: 1px; + visibility: hidden; +}