From 3b9bc687c48caf014afa151b37170827cb26c420 Mon Sep 17 00:00:00 2001
From: lealife <lifephp@gmail.com>
Date: Mon, 23 Jan 2017 18:26:56 +0800
Subject: [PATCH] theme
---
public/css/theme/default.css | 3261 +++++++++++++++++++-
public/css/theme/includes/tinymce.less | 4 +
public/css/theme/simple.css | 3219 ++++++++++++++++++-
public/css/theme/writting-overwrite.css | 3737 ++++++++++++++++++++++-
public/css/theme/writting.css | 3393 +++++++++++++++++++-
5 files changed, 13610 insertions(+), 4 deletions(-)
diff --git a/public/css/theme/default.css b/public/css/theme/default.css
index 591cf2b..e3a8f37 100644
--- a/public/css/theme/default.css
+++ b/public/css/theme/default.css
@@ -1 +1,3260 @@
-::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')}.close:focus{outline:0}.invisible{visibility:hidden}.mobile-show{display:none}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#editorTool,#newNoteWrap,#myBlog,.lea-blog,#myProfile,#toggleEditorMode,.folderHeader{-webkit-user-select:none;-moz-user-select:none;user-select:none}@font-face{font-family:leanote;src:url(../../fonts/leanote-font3/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font3/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font3/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}#logo,.mce-i-mind,.mce-i-ace-pre,.lea-icon{font-family:leanote!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-markdown:before{content:"\e604"}.mce-i-mind:before{content:"\e602"}.mce-i-ace-pre:before{content:"\e603"}#logo:before{content:"\e901";line-height:1;margin-top:5px;display:inline-block;vertical-align:top}#logo.icon-only:before{content:"\e902"}.lang-zh-cn #logo:before{content:"\e900"}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#000;border-radius:3px;padding:3px 5px;border:1px solid #080303}.new-note,.new-note a{color:#fff}.new-note:hover{background:#3d3b3b;border-color:transparent}.new-note:hover,.new-note:hover a{color:#fff}.new-markdown{margin-left:3px;margin-right:3px}.top-nav{margin:0 10px;display:inline-block;line-height:60px}.my-link,.new-markdown-text-abbr,.new-note-text-abbr{display:none}#myAvatar{height:30px;max-width:30px;overflow:hidden;border-radius:50%}.ios7-a{display:inline-block;padding:0 10px;height:36px;vertical-align:middle;line-height:36px;cursor:pointer}#page.mini-left #notebook,#page.mini-left #notebookSplitter,#page.mini-left #logo,#page.mini-left #leftSwitcher,#page.mini-left #leftNotebook .slimScrollDiv{display:none}#page.mini-left #leftSwitcher2{display:block}#page.mini-left #leftNotebook{width:30px!important}#page.mini-left #noteAndEditor{left:30px!important}a{color:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}#header{height:60px;background-color:#25313e;border-bottom:1px solid #25313e;color:#fff;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#ccc}#header li,#header li a{color:#000}#logo{line-height:50px;box-sizing:content-box;width:140px;height:60px;padding-left:10px;padding-top:9px;font-size:32px}#switcher{line-height:50px;padding-top:6px;padding-right:5px;width:30px;text-align:center}#switcher i{font-size:16px;cursor:pointer}#switcher i:hover{color:#0fb264}#switcher #leftSwitcher2{cursor:pointer;font-size:16px;line-height:34px;margin-top:8px;padding:0 5px;height:34px;display:inline-block}#switcher #leftSwitcher2:hover{color:#0fb264}#switcher #leftSwitcher2{display:none}#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;border:none;color:#ccc;background-color:#000;padding-left:14px;border-radius:5px;height:30px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline:0!important;border-color:#0fb264;box-shadow:none}#header ul{margin:0;padding:0;list-style:none}#header ul li.dropdown{display:inline-block;height:60px}#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}#header span.icon{display:inline-block;font-size:28px;color:#999}.dropdown-menu li>a{color:#000}.dropdown-menu li:hover,.dropdown-menu li:focus{background-color:#ebeff2}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus{background-color:#ebeff2}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20.gif);vertical-align:middle;visibility:hidden}#inviteFriends{position:relative}#inviteFriends .dot{display:inline-block;position:absolute;right:-8px;top:-8px;width:8px;height:8px;border-radius:50%;background:#FF9263}#inviteUrl{width:400px;padding:3px;border-radius:3px;border:1px solid #eee}#myProfile{margin:0 10px}.profile-img{line-height:60px}#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#mainContainer{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;zoom:1}#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff;text-align:center;padding-top:100px;z-index:1000}#notebookSplitter{left:170px}#noteSplitter{left:250px}.ace_editor,.ace_editor *{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_invisible_space{visibility:hidden!important}#editor,#mdEditor{position:absolute;z-index:2;top:66px;bottom:0;right:0;left:5px;padding:0;display:none}.leanoteNav{position:absolute;right:0;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-top:4px}.leanoteNav h1{margin:0;font-size:16px;padding:3px;cursor:pointer}.leanoteNav i{padding:3px}.leanoteNav span{display:none}.leanoteNav .leanoteNavContent{display:none;overflow:auto}.leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}.leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}.leanoteNav.unfolder span{display:inline}.leanoteNav.unfolder .leanoteNavContent{display:block;min-height:30px}.leanoteNav ul{margin:0;padding-left:23px}.leanoteNav ul li{list-style-type:disc}.leanoteNav ul li a:hover{color:#0fb264}.leanoteNav ul .nav-h2{margin-left:20px}.leanoteNav ul .nav-h3{margin-left:30px}.leanoteNav ul .nav-h4{margin-left:40px}.leanoteNav ul .nav-h5{margin-left:50px}.scrollTo-a{cursor:pointer!important}.preview-container table,.mce-item-table,.preview-container table td,.mce-item-table td,.preview-container table th,.mce-item-table th,.preview-container table caption,.mce-item-table caption{border:1px solid #ddd;border-collapse:collapse;padding:5px;vertical-align:middle}.preview-container table tr,.mce-item-table tr{background-color:none;border-top:1px solid #ccc}.preview-container table tr:nth-child(2n),.mce-item-table tr:nth-child(2n){background-color:#f7f7f9}.preview-container th{padding:10px}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}.mce-btn-small button{padding:5px 5px!important;line-height:20px!important}.mce-foot .mce-btn{border-radius:3px}.mce-menubtn.mce-btn-small span{line-height:20px!important}.mce-btn span{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif!important}.mce-primary button,.mce-primary button i{text-shadow:none}.mce-primary{background-color:#47a447!important;border:none!important}.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000!important}.mce-menu-item-normal.mce-active{background-color:#ebeff2}.tool-split{display:inline-block;line-height:25px;color:#ddd}#moreBtn{dispaly:block;position:absolute;cursor:pointer;right:5px;padding:3px 10px}#moreBtn span{display:none}.mce-colorbtn-trans div{line-height:11px;text-align:center}.mce-btn-small .mce-caret{margin-top:8px}.mce-listbox.mce-btn-small .mce-caret{margin-top:-2px}.mce-btn i{text-shadow:none}.mce-colorbutton.mce-btn-small .mce-preview{width:15px}#editorContent{border:1px solid #ccc;border-radius:5px;padding:5px;outline:0;margin-top:5px;bottom:5px!important}#editorContent pre{position:relative;-mo-height:auto!important}#editorContent pre .toggle-raw{position:absolute;left:2px;top:-2px;z-index:100;display:none}#editorContent pre:hover .toggle-raw{display:block}#editorContent *{font-family:inherit}.mce-tinymce-inline{border-width:0!important}#editorContent a{color:#2a6496;text-decoration:underline}#editorContent pre{font:12px / normal Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;color:#4D4D4C}#editorContent .ace_searchbtn_close{margin:0}#editorContent .ace-tomorrow{padding:0;padding-left:44px}#editorContent .ace-to-pre{padding:0;padding-left:5px}#editorContent .ace_scrollbar-v{overflow-y:hidden}#editorContent .leanote-image-container{display:inline-block;width:100px}#editorContent .leanote-image-container .loader{display:inline-block;vertical-align:top;margin-right:3px;margin-top:5px}#editorContent .leanote-image-container .progress{display:inline-block;margin:0;width:80px}#mdEditor{z-index:1;background-color:#fff;bottom:5px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}#wmd-button-bar{overflow:visible}#mdEditorPreview{position:absolute;top:35px;left:0;right:0;bottom:0}#left-column,#right-column,#mdSplitter{position:absolute;top:0;bottom:0}#mdSplitter{width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize;left:450px;background:0 0}#left-column{left:0;width:450px}#right-column{left:450px;right:0;overflow:hidden}.wmd-panel-editor,.preview-container,#wmd-input{height:100%}.wmd-input,.wmd-input:focus,#md-section-helper{width:100%;border:1px #eee solid;border-radius:5px;outline:0;font-size:14px;resize:none;overflow-x:hidden}#md-section-helper{position:absolute;height:0;overflow-y:scroll;padding:0 6px;top:10px;z-index:-1;opacity:none}.preview-container{overflow:auto}.wmd-preview{width:100%;font-size:14px;overflow:auto;overflow-x:hidden}.wmd-button-row,.preview-button-row{padding:0;height:auto;margin:0}.wmd-spacer{width:0;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;font-size:14px}#mdEditor .navbar-default{overflow:visible}.wmd-mode{min-width:150px;left:50%;margin-left:-75px!important}.wmd-mode:before{right:auto;left:40%}#md-keyboard-mode{color:#8E8E8E;font-size:12px;font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;font-style:normal}textarea#wmd-input{color:#000!important}.ace_editor{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_editor *{font-family:inherit}.m-todo-item{list-style:none}textarea#wmd-input{color:#000!important}#wmd-input .ace_cjk{color:inherit}#wmd-input .ace_searchbtn_close{margin:0}#wmd-input .ace_content{padding-top:5px}#wmd-input.ace_editor{color:#000}#wmd-input.ace-tm{background-color:#fff}#wmd-input.ace-tm .ace_text-input{box-sizing:initial}#wmd-input.ace-tm .ace_marker-layer .ace_active-line{background-color:rgba(89,128,166,.05)}#wmd-input.ace-tm .ace_cursor{color:#243342}#wmd-input.ace-tm .ace_print-margin{background:0 0}#wmd-input.ace-tm .ace_markup.ace_heading{color:#000;font-weight:700}#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,#wmd-input.ace-tm .ace_markup.ace_heading.ace_5{color:#1d3e81}#wmd-input.ace-tm .ace_markup.ace_list{color:#000}#wmd-input.ace-tm .ace_constant.ace_language{color:#1d3e81;font-weight:400}#wmd-input.ace-tm .ace_meta.ace_tag{color:#384654;font-style:italic;font-weight:700}#wmd-input.ace-tm .ace_keyword.ace_operator{color:#384654;background-color:transparent}#wmd-input.ace-tm .ace_storage,#wmd-input.ace-tm .ace_keyword{color:#384654;font-weight:700}#wmd-input.ace-tm .ace_entity.ace_name.ace_function{color:#1a2026;font-weight:700}#wmd-input.ace-tm .ace_string{color:#384654;font-style:italic}#wmd-input.ace-tm .ace_invalid{color:inherit;background:inherit}#wmd-input.ace-tm .ace_strong{color:#000;font-weight:700}#wmd-input.ace-tm .ace_emphasis{color:#000;font-style:italic}#wmd-input.ace-tm .ace_blockquote{color:#000}#wmd-input.ace-tm .ace_code{color:#1a2026}#wmd-input.ace-tm .ace_code_block{color:#1a2026}#wmd-input.ace-tm .ace_link{color:#000;background-color:transparent;text-decoration:underline}#wmd-input .ace_underline{color:#1d3e81;text-decoration:none}#wmd-input.ace-tm .ace_description{color:#576c82}#wmd-input.ace-tm .ace_constant{color:#384654}#wmd-input.ace-tm .ace_comment{color:rgba(87,108,130,.6);font-style:italic}#wmd-input.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}#wmd-input.emacs-mode .ace_cursor{border:2px rgba(101,189,119,.8)solid!important;background-color:#65bd77}#leftNotebook{position:absolute;left:0;top:0;bottom:0;width:170px}#notebook,#notebookMin{position:absolute;left:0;bottom:0;top:0;right:0;background-color:#41586e;overflow-y:auto;overflow-x:auto;z-index:2}#addNotebookPlus{padding-right:10px;color:#adbece}#addNotebookPlus .fa{font-size:16px}#notebookList input,#notebookListForSearch input{border:1px solid rgba(0,0,0,.1);width:90%;padding-left:3px;box-shadow:none;background:0 0;color:#fff}#notebookList input:focus,#notebookListForSearch input:focus{outline:0!important}#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#41586e}#notebookMin div.minContainer{border-bottom:1px solid rgba(255,255,255,.3);padding:5px;position:relative;cursor:pointer}#notebookMin div.minContainer i{font-size:20px;color:#fff}#notebookMin div.minContainer:hover i{color:#0fb264}#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer}#notebookMin div.minContainer ul li a{cursor:pointer}#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer}.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.folderHeader span{display:inline-block;line-height:35px;color:#fff;font-size:16px}.folderHeader .fa-left,.friend-header i.fa{display:inline-block;line-height:35px;font-size:16px;width:35px;border-right:1px solid rgba(255,255,255,.05);text-align:center;color:#fff}.friend-header{position:relative}.friend-header .notebook-setting{display:none;position:absolute;right:0;left:auto}.friend-header:hover .notebook-setting{display:block}.each-user{margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:3px;border-radius:3px;border:1px solid rgba(0,0,0,.09);background-color:#37485e}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.each-user div span{line-height:35px;color:#fff;padding-left:3px;font-size:14px;display:block;position:absolute;left:23px;top:0;right:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.each-user div .fa{width:20px;border-right:none}.notebook-number-notes{position:absolute;right:10px;top:0;bottom:0;z-index:1;display:inline-block;line-height:20px!important;height:20px;margin-top:5px;padding:0 3px}.notebook-setting{display:none;position:absolute;right:1px;top:0;bottom:0;z-index:2;line-height:30px}.notebook-setting:before{content:"\f013"}.ztree li a:hover .notebook-setting{display:block}#myTag .folderBody{padding:0 3px;padding-bottom:3px}#myTag .folderBody li{margin-left:10px;padding:3px;line-height:normal}#notebookList{border-top:1px solid rgba(255,255,255,.05)}.ztree{padding:0}#searchNotebookForAdd{line-height:normal;width:200px;margin:0 10px;margin-bottom:10px;height:30px;border-color:#ebeff2;box-shadow:none}#myNotebooks .folderBody{padding-top:3px}.folderBody{overflow-x:hidden}#searchNotebookForList{height:30px;width:90%;margin:3px auto;margin-top:0;border-color:#ebeff2;box-shadow:none}#notebookNavForNewNote li:hover{background:0 0}.folderBody{list-style:none;margin:0;padding:0;background-color:#37485e}.folderBody li{line-height:30px}.closed .folderBody{display:none}#myTag .folderBody li{position:relative}#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:400;background-color:#fff;color:#000;border:1px solid #ebeff2}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{position:absolute;bottom:0;top:0;width:250px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;z-index:333}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}#notesAndSort{background-color:#eee;border-bottom:1px solid #ebeff2;height:36px}#sortType{float:right}#noteItemListWrap{position:absolute;left:0;right:0;top:36px;bottom:3px}#noteAndEditorMask{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;text-align:center;padding-top:60px;opacity:.3;z-index:500;display:none}#noteItemList{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;overflow-y:hidden;padding:0 5px}#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd!important}.item-active,#noteItemList .item-active:hover{background-color:#65bd77!important;color:#fff}.item-active .fa,#noteItemList .item-active:hover .fa{color:#eee!important}.item-active .item-title,#noteItemList .item-active:hover .item-title{color:#fff}#noteItemList .item-thumb{width:100px;overflow:hidden;position:absolute;z-index:1;right:0;top:4px;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-width:100px}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#noteItemList .item-desc{position:absolute;left:0;top:4px;right:0;margin-left:4px}#noteItemList .item-desc .fa{color:#666}#noteItemList .item-image .item-desc{right:100px}.item-info{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desc{margin:0;word-wrap:break-word}#noteItemList{user-select:none;-webkit-user-select:none;-moz-user-select:none}#noteItemList .item-setting,#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;padding:3px;border-radius:5px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464C5E}#noteItemList .item-setting .fa,#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-setting:hover,#noteItemList .item-blog:hover{opacity:.8}#noteItemList .item-blog{top:1px}#noteItemList .item-setting{bottom:0;display:none}#noteItemList .item:hover .item-setting{display:block}#tool{border-bottom:1px solid #ddd;height:36px;margin-left:-5px;position:relative}#editorTool{margin:0;margin-right:5px;padding:0;list-style:none}#editorTool li{display:inline-block}#noteInfo{width:400px;box-sizing:border-box;padding:10px;-webkit-user-select:initial}#noteInfo table{width:100%;margin:0}#noteInfo table th{min-width:100px}#noteInfo table th,#noteInfo table td{border-top:none;border-bottom:1px solid #ddd;padding:8px;line-height:20px;vertical-align:top;word-break:break-all}#noteInfo table td{max-width:280px}#noteInfo a{cursor:pointer}#noteInfo a.post-url{background:#FDF936}#noteInfo .post-url-wrap{word-wrap:break-word}#noteInfo .post-url-wrap span{display:inline}#noteInfo .post-url-wrap input{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-pencil{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-text{display:none}#noteInfo .post-url-wrap.post-url-edit input{display:inline}#editor #mceToolbar{height:30px}#editor.all-tool #mceToolbar{height:60px}#editor.all-tool .more-fa:before{content:"\f106"}#editor.all-tool #editorContent{top:60px}#editor .more-fa:before{content:"\f107"}#historyList img{max-width:100%}.history-modal .modal-dialog{width:auto!important;position:absolute;left:5px;right:5px;top:5px;bottom:5px}.history-modal .modal-dialog .modal-content{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;padding:0;overflow:scroll}.history-modal .modal-dialog .modal-content .modal-body{position:absolute;top:0;bottom:0;left:0;right:0;padding:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap{position:absolute;top:0;bottom:0;overflow-y:auto;width:200px;border-right:1px solid #ccc;box-shadow:1px 1px 10px #ddd}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header{line-height:50px;font-size:16px;font-weight:700;padding-left:15px;border-bottom:1px solid #eee;background-color:#ccc}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list{position:absolute;top:51px;bottom:0;left:0;right:0;overflow-y:auto;margin-bottom:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item{border-top:none}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover{color:#000;background-color:#eee;border-color:#eee}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap{position:absolute;top:0;bottom:0;right:0;left:200px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close{padding:10px 15px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back{margin-left:10px;margin-top:5px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header{height:51px;border-bottom:1px solid #eee;box-shadow:5px 0 5px #ccc}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content{position:absolute;top:51px;bottom:0;right:0;left:0;padding-top:5px;padding-right:5px;padding-left:10px;overflow-y:auto}#upload{position:absolute;z-index:0;bottom:0;right:0;left:0;padding:0;background-color:#fff;text-align:center;display:none}#upload #drop{width:100%;height:100%;padding-top:100px}#drop.in{border:1px solid #000}#drop.hover{border:2px solid #000}#uploadMsg{position:absolute;top:3px;right:3px;bottom:10px;overflow:scroll;list-style:none}#uploadAttach{position:relative;margin-top:5px}.dropzone{text-align:center}.dropzone input{display:none}.dropzone.in{border:1px solid #000}.dropzone.hover{border:2px solid #000}#attachUploadMsg,#avatarUploadMsg{list-style-type:none;margin:0;padding:0;max-height:240px;z-index:3}#attachUploadMsg .alert,#avatarUploadMsg .alert{margin:0;padding:0 3px;margin-top:10px}#attachMenu{width:450px;padding:10px 5px}#attachList{margin:0;padding:0;max-height:450px;overflow-y:auto}#attachList li{display:block;margin:0;padding:0 3px;border-radius:3px;border-bottom:1px dashed #eee;height:45px;line-height:45px}#attachList li div{float:left}#attachList li .attach-title{width:290px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#attachList li .attach-process{float:right}#attachList li.loading{text-align:center}#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fff}#noteTitle:focus{outline:0!important}#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}.fa-calendar{color:#666}.dropdown-menu .fa{width:15px}.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}.tab-pane{padding:5px 0 0}#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:0 0}.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}.new-note-right:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#toggleEditorMode{margin:0 10px!important}#editorMask{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;display:none;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}.note-mask{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}#noteMaskForLoading{padding-top:60px;background:#fff;text-align:center;opacity:.3}.info-toolbar{position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;padding-left:5px;height:30px;display:none;overflow:hidden}.info-toolbar .toolbar-update{color:inherit;float:right;padding:0 10px}.info-toolbar .toolbar-update:hover{background:#fff;color:#000}.info-toolbar .created-time{display:inline-block;padding-right:10px}#editorContent{-webkit-user-select:text}#editor.read-only #mceToolbarContainer{display:none}#editor.read-only .info-toolbar{display:block}#note.read-only #editor,#note.read-only #mdEditor{top:60px}#note.read-only #tool{display:none}#note.read-only .toolbar-update{display:none}#note.read-only #noteReadTop{display:block}#note.read-only #infoToolbar,#note.read-only #mceToolbar,#note.read-only .navbar{display:none}#note.read-only #editorContent,#note.read-only #mdEditor .layout-wrapper-l3{top:0}#noteRead{position:absolute;left:5px;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}#noteReadTop{position:absolute;height:60px;left:5px;right:0;top:0;bottom:0;z-index:2;display:none;background:#fff;padding-left:5px}#noteReadTitle{margin:3px 0;height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#noteReadInfo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;margin-top:8px}.read-only-editor #editBtn span:before{content:"\f044"}#editBtn span:before{content:"\f06e"}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fff}#addTagInput:focus{outline:0}.label-default{background-color:#464C5E}.label-red{background-color:#d9534f}.label-yellow{background-color:#f0ad4e}.label-blue{background-color:#428bca}.label-green{background-color:#5cb85c}.label{border-radius:0;font-weight:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#tag{position:absolute;right:300px;top:0;left:5px;bottom:0}#tag{height:36px;line-height:36px}#tag .dropdown{line-height:30px}#tagColor{left:10px}#tagColor:before{content:"";background-image:none}#addTagInput{width:100px}#tagNav i,#tagNav em{font-style:normal}#tagNav .tag-delete{display:none;margin-left:3px;font-size:12px}#tagNav li:hover .tag-delete{display:inline-block}#tagNav a:hover{background:none!important}.batch #noteItemList .item-active .item-setting,.batch #noteItemList .item-active:hover .item-setting{display:none}.batch #toggleEditorMode{display:none}#batchMask{background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none}.batch-ctn{position:relative;padding:50px;width:100%;height:100%}.batch-note{display:inline-block;width:160px;position:absolute;left:50%;border:1px solid #ccc;height:200px;padding:5px;border-radius:5px;background:#eee;overflow:hidden;transition:margin .5s;margin-left:-1000px}.batch-note .title{font-size:16px;margin-bottom:5px;font-weight:700}.batch-info{position:absolute;left:0;top:0;right:0;text-align:center;margin-top:300px}.batch-info p{margin-top:8px}.batch-info .fa{cursor:pointer;font-size:16px}*,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif}body{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif;font-weight:400;font-size:14px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){body{font-weight:300}}h1,h2,h3{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif;font-weight:400!important}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.editor-content,.preview-container{-webkit-overflow-scrolling:touch!important}.folderBody a:hover,.folderBody .contextmenu-hover{color:#fff;background-color:rgba(0,0,0,.1)!important}.folderBody a.active,.folderBody a.active:hover{background-color:#25313e!important;color:#fff}#searchNotebookForList{color:#ccc;border:1px solid rgba(255,255,255,.1);background-color:#37485e}#searchNotebookForList:focus{outline:0!important;border:1px solid rgba(255,255,255,.3);box-shadow:none}.label-default{background-color:#191D2B}#myShareNotebooks .folderBody{background:0 0}.tmpzTreeMove_arrow{color:#fff}.ztree>li{border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.ztree li a.curSelectedNode{background-color:rgba(0,0,0,.3);border-radius:3px;color:#fff}.ztree li a{color:#ADBECE}.ztree li a.tmpTargetNode_inner{padding-top:0;background-color:rgba(0,0,0,.3);color:#fff;height:30px;border:1px #ccc solid;opacity:.8;filter:alpha(opacity=80)}@media screen and (max-width:700px){#toggleEditorMode,#lea,#myBlog,#demoRegister,.noteSplit,#logo,#tipsBtn,#contentHistory,#curNotebookForNewNote,#curNotebookForNewSharedNote,.for-split,#listNotebookDropdownMenu,#listShareNotebookDropdownMenu,.new-markdown-text,.new-note-text,.username,#notebookMin,.ui-loader,#md-section-helper,.writing-mobile-hide,.tips-ctn,#wmd-undo-button,#wmd-redo-button,#wmd-hr-button,#wmd-help-button{display:none!important}*,.ztree li a.level0 span,.ztree li a.level1 span{font-size:16px}.label i{opacity:1;width:12px}.label i:hover,.label i:focus{color:#65bd77!important}#leftSwitcher:before{content:"\f039"}a:focus,a:hover,a:active{color:#65bd77!important}#noteItemList .item{height:120px}#leftNotebook{width:140px!important;max-width:140px}#notebook{display:block!important}#leftNotebook .slimScrollDiv{display:block!important}#switcher{padding-top:0;padding-right:0}#switcher i{padding:20px 0;font-size:20px}#newNoteMarkdownBtn{width:10px;overflow:hidden}#noteAndEditor{left:140px!important}#noteList{display:block;width:100%!important}#note{visibility:hidden;z-index:-1;overflow-x:hidden;left:0!important;padding-left:0}#note #editor{visibility:hidden}#note .mce-tinymce{visibility:hidden!important}#note.editor-show{visibility:visible;z-index:initial}#note.editor-show #editor{visibility:visible}#note.editor-show .mce-tinymce{visibility:visible!important}#leftSwitcher{display:block!important}#leftSwitcher2{display:none!important}.full-editor #leftNotebook{display:none}.full-editor #noteAndEditor{left:0!important}.full-editor #noteList{display:none}#searchWrap{margin-left:3px}#searchNote{border-top:none;border-bottom:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding-right:10px}#searchNote input{width:55px;padding-left:5px;padding-right:2px;margin-top:3px;-webkit-transform:translate3d(0,0,0);-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}#searchNote input:focus{width:100px}#tool{position:relative}#tag{position:absolute;right:124px;left:0;top:0;bottom:0;overflow:hidden}#tag #tags{left:50px;right:0;top:0;bottom:0;overflow-y:hidden;overflow-x:scroll;position:absolute;line-height:40px;line-height:inherit!important}#tag #tagDropdown{float:left;width:50px;line-height:40px;overflow:hidden;padding-left:3px}#tag .add-tag-text{display:none}#tag #addTagInput{width:30px;display:inline-block}#tag #tagColor{display:none!important}#left-column{width:100%!important}#mdEditor #wmd-input *{font-size:14px}.new-markdown-text-abbr,.new-note-text-abbr{display:inline}.my-link{display:block}#themeForm img{height:70px!important}.slimScrollBar,.slimScrollRail{display:none!important}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.wmd-input-section{-webkit-overflow-scrolling:touch!important;overflow:auto!important}#attachMenu{width:320px}#attachList{max-height:200px}#attachList li .attach-title{width:170px}#dropAttach .btn{padding:5px 3px;margin-top:3px;display:block}#myTag .folderBody li{margin:5px}#myTag .folderBody li a:hover span{color:#65bd77}#noteItemList .item-thumb{width:80px;height:80px;margin-top:15px}#noteItemList .item{height:118px}#noteItemList .item-setting,#noteItemList .item-blog{font-size:16px;width:30px;display:inline-block}#noteMaskForLoading{opacity:.8}#editorContent .ace-tomorrow{padding:0}#note,#editor,#mdEditor{left:0}#mdEditor #right-column{display:none}#mdEditor.read-only #left-column{visibility:hidden}#mdEditor.read-only #right-column{left:0!important;display:block;-webkit-overflow-scrolling:touch!important}#mdEditor.read-only .preview-container{left:5px}}@media screen and (max-width:1024px){#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags{overflow:auto!important;-webkit-overflow-scrolling:touch!important}#tag{position:absolute;right:310px;left:0;top:0;bottom:0;overflow:hidden;padding-left:5px}#tag #tagDropdown{float:left;width:50px;line-height:40px;overflow:hidden;padding-left:3px}#tag .add-tag-text{display:none}#tag #addTagInput{width:30px;display:inline-block}#tag #tagColor{display:none!important}#tags{left:50px;right:0;top:0;bottom:0;overflow-y:hidden;overflow-x:scroll;position:absolute;line-height:40px;line-height:inherit!important}}@media screen and (max-width:800px){#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.wmd-input-section{overflow:auto!important;-webkit-overflow-scrolling:touch!important}#lea,.lea-blog,#myBlog,#demoRegister,.noteSplit,#tipsBtn,#contentHistory,#curNotebookForNewNote,#curNotebookForNewSharedNote,.for-split,#listNotebookDropdownMenu,#listShareNotebookDropdownMenu,.username,.ui-loader,#md-section-helper{display:none!important}#tag{position:absolute;right:124px;left:0;top:0;bottom:0;overflow:hidden}#tag #tags{left:50px;right:0;top:0;bottom:0;overflow-y:hidden;overflow-x:scroll;position:absolute;line-height:40px;line-height:inherit!important}#tag #tagDropdown{float:left;width:50px;line-height:40px;overflow:hidden;padding-left:3px}#tag .add-tag-text{display:none}#tag #addTagInput{width:30px;display:inline-block}#tag #tagColor{display:none!important}.my-link{display:block}#attachMenu{width:320px}#attachList{max-height:200px}#attachList li .attach-title{width:170px}#dropAttach .btn{padding:5px 3px;margin-top:3px;display:block}#myTag .folderBody li{margin:5px}#myTag .folderBody li a:hover span{color:#65bd77}#left-column{width:100%!important}#mdEditor #wmd-input{font-size:14px}.my-link{display:block}#themeForm img{height:70px!important}#mdEditor #right-column{display:none}.wmd-button-bar-inner{height:30px}#mdEditor.read-only #left-column{visibility:hidden}#mdEditor.read-only #right-column{left:0!important;display:block;-webkit-overflow-scrolling:touch!important}#mdEditor.read-only .preview-container{left:10px}#searchNote{margin-top:2px}#tags .label,#tags .label i{font-size:10px}.mobile-hide{display:none}.mobile-show{display:block}#editorContent,#mdEditor{bottom:0!important}#mdEditor .layout-wrapper-l3,#editorContent{margin-top:0;border:none}.leanote-plugin #header{height:40px}.leanote-plugin #mainContainer{top:40px}.leanote-plugin .profile-img{line-height:37px}.leanote-plugin #switcher i{padding:11px 0}.leanote-plugin #searchNote{padding-top:1px}.leanote-plugin #newNoteWrap{line-height:22px}.leanote-plugin #leanoteMsg{margin-top:0}.leanote-plugin *,.leanote-plugin .ztree li a.level0 span,.leanote-plugin .ztree li a.level1 span,.leanote-plugin #noteItemList .item-setting,.leanote-plugin #noteItemList .item-blog{font-size:14px}.leanote-plugin .leanoteNav h1{font-size:16px}.leanote-plugin h1{font-size:24px}.leanote-plugin h2{font-size:20px}.leanote-plugin h3{font-size:18px}.leanote-plugin h4{font-size:16px}.leanote-plugin #noteItemList .item-setting,.leanote-plugin #noteItemList .item-blog{width:23px;padding:1px}.leanote-plugin #noteItemList .item{height:69px}.leanote-plugin #noteItemList .item-thumb{width:60px;height:60px;margin-top:0}.leanote-plugin #preview-contents{padding-left:0}.leanote-plugin #msg{font-size:12px}.leanote-plugin #noteInfo{width:265px}.leanote-plugin #noteInfo table th{min-width:72px}.leanote-plugin #noteInfo .post-url-wrap span{word-break:break-all}.extension-preview-buttons{border:none}}
\ No newline at end of file
+::selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-moz-selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-webkit-selection {
+ background: #000000;
+ color: #ffffff;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+ width: 5px;
+ height: 8px;
+ background: none;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #41586e;
+ opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+ background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+ background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+ height: 0;
+ background-color:#f0f0f0;
+ background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+ height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+ width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+ background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+ background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+ background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+ background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+ background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+ background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+ background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+ background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+ background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+@-webkit-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-moz-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-ms-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-moz-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-ms-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-moz-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-o-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+@-moz-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+@-o-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.animated {
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -ms-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ -moz-animation-duration: 0.5s;
+ -ms-animation-duration: 0.5s;
+ -o-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+}
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ -moz-animation-name: fadeIn;
+ -o-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ -moz-animation-name: fadeInUp;
+ -o-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+/**
+ * 通用的
+ */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+.close:focus {
+ outline: none;
+}
+.invisible {
+ visibility: hidden;
+}
+.mobile-show {
+ display: none;
+}
+.btn {
+ border-radius: 2px;
+}
+.alert {
+ margin-bottom: 10px;
+}
+.btn * {
+ cursor: pointer !important;
+}
+.dropdown-submenu {
+ position: relative;
+}
+.dropdown-submenu > ul.dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-left: -3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ padding-top: 10px !important;
+}
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block;
+}
+.dropdown-submenu:after {
+ display: block;
+ content: " ";
+ position: absolute;
+ right: 0;
+ top: 10px;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #666;
+}
+.dropdown-submenu:hover > a:after {
+ border-left-color: #fff;
+}
+.dropdown-submenu.pull-left {
+ float: none;
+}
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: -100%;
+ margin-left: 10px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}
+.open > .dropdown-menu,
+.dropdown-submenu:hover > .dropdown-menu {
+ visibility: visible;
+ -webkit-animation: pulldown .2s;
+ animation: pulldown .2s;
+ /*
+ transform: scale(1, 1);
+ -webkit-transform: scale(1, 1);
+ -moz-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ */
+}
+.dropdown-menu {
+ visibility: hidden;
+ display: block;
+ /*
+ -webkit-transform: scale(0, 0);
+ -webkit-transform-origin: top;
+ -webkit-animation-fill-mode: forwards;
+ -webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -o-transform: scale(0, 0);
+ -o-transform-origin: top;
+ -o-animation-fill-mode: forwards;
+ -o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -moz-transform: scale(0, 0);
+ -moz-transform-origin: top;
+ -moz-animation-fill-mode: forwards;
+ -moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ transform: scale(0, 0);
+ transform-origin: top;
+ animation-fill-mode: forwards;
+ transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+ */
+}
+.dropdown-list {
+ width: 530px;
+ border-radius: 3px;
+}
+.dropdown-list ul {
+ margin: 0;
+ padding: 0;
+}
+.dropdown-list ul li {
+ float: left;
+ width: 120px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ border: 1px dashed #ccc;
+}
+.dropdown-menu .divider {
+ margin: 3px 0;
+}
+.dropdown-menu {
+ border-radius: 3px;
+ margin: 0;
+ /*overflow-x: hidden; */
+ /*overflow-y: scroll;*/
+}
+.dropdown-menu:before {
+ content: "";
+ width: 20px;
+ height: 12px;
+ position: absolute;
+ top: -12px;
+ right: 8px;
+ background-image: url("../../images/triangle_2x.png");
+ background-size: 20px 12px;
+}
+.dropdown-submenu .dropdown-menu:before {
+ background: none;
+}
+#searchNotebookForAddDropdownList,
+#searchNotebookForAddShareDropdownList {
+ left: -200px;
+}
+#searchNotebookForAddDropdownList:before,
+#searchNotebookForAddShareDropdownList:before {
+ left: 190px;
+ right: inherit;
+}
+.dropdown-menu li {
+ list-style: none;
+ padding-left: 10px;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+}
+.dropdown-menu li > a {
+ color: #000000;
+ display: block;
+ padding-right: 20px;
+}
+.dropdown-menu > li > a {
+ padding: 3px 20px 3px 0;
+}
+.noteSplit {
+ position: absolute;
+ top: 0;
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 3333;
+ cursor: col-resize;
+}
+a.raw {
+ color: #428bca;
+}
+a.raw:hover {
+ color: #2a6496;
+}
+.cm-item {
+ position: relative;
+}
+.cm-item .cm-text {
+ position: absolute;
+ left: 23px;
+ right: 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.cm-item .cm-text .c-text {
+ display: initial;
+}
+.b-m-mpanel {
+ border-radius: 3px;
+}
+.modal-content {
+ background-color: #f8f8f8;
+}
+.modal-body {
+ background-color: #ffffff;
+ padding-bottom: 30px;
+}
+.modal-footer {
+ margin-top: 0;
+}
+#editorTool,
+#newNoteWrap,
+#myBlog,
+.lea-blog,
+#myProfile,
+#toggleEditorMode,
+.folderHeader {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+@font-face {
+ font-family: 'leanote';
+ src: url('../../fonts/leanote-font3/leanote.eot?-vcf23i');
+ src: url('../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i') format('embedded-opentype'), url('../../fonts/leanote-font3/leanote.ttf?-vcf23i') format('truetype'), url('../../fonts/leanote-font3/leanote.woff?-vcf23i') format('woff'), url('../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+#logo,
+.mce-i-mind,
+.mce-i-ace-pre,
+.lea-icon {
+ font-family: 'leanote' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.icon-markdown:before {
+ content: "\e604";
+}
+.mce-i-mind:before {
+ content: "\e602";
+}
+.mce-i-ace-pre:before {
+ content: "\e603";
+}
+#logo:before {
+ content: "\e901";
+ line-height: 1;
+ margin-top: 5px;
+ display: inline-block;
+ vertical-align: top;
+}
+#logo.icon-only:before {
+ content: "\e902";
+}
+.lang-zh-cn #logo:before {
+ content: "\e900";
+}
+/**
+ * 头部
+ */
+#listNotebookDropdownMenu {
+ display: none;
+}
+#themeForm td {
+ padding: 5px;
+ text-align: center;
+}
+#themeForm img {
+ border: 1px solid #eee;
+ padding: 2px;
+}
+#avatar {
+ height: 60px;
+ max-width: 200px;
+ display: inline-block;
+ margin: 10px;
+}
+.new-split {
+ display: none;
+}
+.new-note-right {
+ padding: 0 5px;
+ padding-left: 3px;
+}
+#leanoteMsg {
+ line-height: 40px;
+ margin-top: 10px;
+ margin-left: 10px;
+}
+#newNoteWrap {
+ line-height: 40px;
+ margin-top: 10px;
+}
+.new-note {
+ background-color: #000000;
+ border-radius: 3px;
+ padding: 3px 5px;
+ border: 1px solid #080303;
+}
+.new-note,
+.new-note a {
+ color: #ffffff;
+}
+.new-note:hover {
+ background: #3d3b3b;
+ border-color: transparent;
+}
+.new-note:hover,
+.new-note:hover a {
+ color: #fff;
+}
+.new-markdown {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+.top-nav {
+ margin: 0 10px;
+ display: inline-block;
+ line-height: 60px;
+}
+.my-link,
+.new-markdown-text-abbr,
+.new-note-text-abbr {
+ display: none;
+}
+#myAvatar {
+ height: 30px;
+ max-width: 30px;
+ overflow: hidden;
+ border-radius: 50%;
+}
+.ios7-a {
+ display: inline-block;
+ padding: 0 10px;
+ height: 36px;
+ vertical-align: middle;
+ line-height: 36px;
+ cursor: pointer;
+}
+#page.mini-left #notebook,
+#page.mini-left #notebookSplitter,
+#page.mini-left #logo,
+#page.mini-left #leftSwitcher,
+#page.mini-left #leftNotebook .slimScrollDiv {
+ display: none;
+}
+#page.mini-left #leftSwitcher2 {
+ display: block;
+}
+#page.mini-left #leftNotebook {
+ width: 30px !important;
+}
+#page.mini-left #noteAndEditor {
+ left: 30px !important;
+}
+a {
+ color: #000000;
+ cursor: pointer;
+}
+a:hover {
+ text-decoration: none !important;
+ color: #000000;
+}
+#header {
+ height: 60px;
+ background-color: #25313e;
+ border-bottom: 1px solid #25313e;
+ color: #ffffff;
+ /* for app */
+ webkit-user-select: none;
+ /* 还不知 */
+ -webkit-app-region: drag;
+ /* -webkit-app-region: no-drag; */
+}
+#header a {
+ color: #cccccc;
+}
+#header li,
+#header li a {
+ color: #000000;
+}
+#logo {
+ line-height: 50px;
+ box-sizing: content-box;
+ width: 140px;
+ height: 60px;
+ padding-left: 10px;
+ padding-top: 9px;
+ font-size: 32px;
+}
+#switcher {
+ line-height: 50px;
+ padding-top: 6px;
+ padding-right: 5px;
+ width: 30px;
+ text-align: center;
+}
+#switcher i {
+ font-size: 16px;
+ cursor: pointer;
+}
+#switcher i:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ cursor: pointer;
+ font-size: 16px;
+ line-height: 34px;
+ margin-top: 8px;
+ padding: 0 5px;
+ height: 34px;
+ display: inline-block;
+}
+#switcher #leftSwitcher2:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ display: none;
+}
+#searchNote {
+ padding-left: 0;
+ line-height: 60px;
+ margin: 0;
+}
+#searchNote input {
+ background-size: 18px 13px;
+ border-color: #ebeff2;
+ border: none;
+ color: #cccccc;
+ background-color: #000000;
+ padding-left: 14px;
+ border-radius: 5px;
+ height: 30px;
+ width: 250px;
+ line-height: 20px;
+ box-shadow: none;
+}
+#searchNote input:focus {
+ outline: none !important;
+ border-color: #0fb264;
+ box-shadow: none;
+}
+#header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#header ul li.dropdown {
+ display: inline-block;
+ height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+ display: block;
+ padding: 15px 5px 0 0;
+ position: relative;
+}
+#header span.icon {
+ display: inline-block;
+ font-size: 28px;
+ color: #999999;
+}
+.dropdown-menu li > a {
+ color: #000000;
+}
+.dropdown-menu li:hover,
+.dropdown-menu li:focus {
+ background-color: #ebeff2;
+}
+.dropdown-menu li > a:hover,
+.dropdown-menu li > a:focus {
+ background-color: #ebeff2;
+}
+#loading {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ content: url(../../images/loading-a-20.gif);
+ vertical-align: middle;
+ visibility: hidden;
+}
+#inviteFriends {
+ position: relative;
+}
+#inviteFriends .dot {
+ display: inline-block;
+ position: absolute;
+ right: -8px;
+ top: -8px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: #FF9263;
+}
+#inviteUrl {
+ width: 400px;
+ padding: 3px;
+ border-radius: 3px;
+ border: 1px solid #eee;
+}
+#myProfile {
+ margin: 0 10px;
+}
+.profile-img {
+ line-height: 60px;
+}
+#page {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+#pageInner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+#mainContainer {
+ position: absolute;
+ top: 60px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ zoom: 1;
+}
+#mainMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ background-color: #fff;
+ text-align: center;
+ padding-top: 100px;
+ z-index: 1000;
+}
+#notebookSplitter {
+ left: 170px;
+}
+#noteSplitter {
+ left: 250px;
+}
+.ace_editor,
+.ace_editor * {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_invisible_space {
+ visibility: hidden !important;
+}
+#editor,
+#mdEditor {
+ position: absolute;
+ z-index: 2;
+ top: 66px;
+ bottom: 0px;
+ right: 0;
+ left: 5px;
+ padding: 0;
+ display: none;
+}
+/* leanote nav */
+.leanoteNav {
+ position: absolute;
+ right: 0px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ background-color: #fff;
+ opacity: 0.5;
+ z-index: 11;
+ margin-top: 4px;
+}
+.leanoteNav h1 {
+ margin: 0;
+ font-size: 16px;
+ padding: 3px;
+ cursor: pointer;
+}
+.leanoteNav i {
+ padding: 3px;
+}
+.leanoteNav span {
+ display: none;
+}
+.leanoteNav .leanoteNavContent {
+ display: none;
+ overflow: auto;
+}
+.leanoteNav.unfolder {
+ min-width: 200px;
+ max-width: 300px;
+ opacity: 0.8;
+}
+.leanoteNav.unfolder h1 {
+ border-bottom: 1px dashed #ebeff2;
+}
+.leanoteNav.unfolder span {
+ display: inline;
+}
+.leanoteNav.unfolder .leanoteNavContent {
+ display: block;
+ min-height: 30px;
+}
+.leanoteNav ul {
+ margin: 0;
+ padding-left: 23px;
+}
+.leanoteNav ul li {
+ list-style-type: disc;
+}
+.leanoteNav ul li a:hover {
+ color: #0fb264;
+}
+.leanoteNav ul .nav-h2 {
+ margin-left: 20px;
+}
+.leanoteNav ul .nav-h3 {
+ margin-left: 30px;
+}
+.leanoteNav ul .nav-h4 {
+ margin-left: 40px;
+}
+.leanoteNav ul .nav-h5 {
+ margin-left: 50px;
+}
+.scrollTo-a {
+ cursor: pointer !important;
+}
+.preview-container table,
+.mce-item-table,
+.preview-container table td,
+.mce-item-table td,
+.preview-container table th,
+.mce-item-table th,
+.preview-container table caption,
+.mce-item-table caption {
+ border: 1px solid #ddd;
+ border-collapse: collapse;
+ padding: 5px;
+ vertical-align: middle;
+}
+.preview-container table tr,
+.mce-item-table tr {
+ background-color: none;
+ border-top: 1px solid #ccc;
+}
+.preview-container table tr:nth-child(2n),
+.mce-item-table tr:nth-child(2n) {
+ background-color: #f7f7f9;
+}
+.preview-container th {
+ padding: 10px;
+}
+/**
+ * tinymce editor
+ */
+/* 包裹iframe */
+#editor .mce-ifr {
+ border: none;
+ overflow: hidden !important;
+ /*不知道哪里设置了auto*/
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+ border: none;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+ padding: 5px 5px !important;
+ line-height: 20px !important;
+}
+.mce-foot .mce-btn {
+ border-radius: 3px;
+}
+.mce-menubtn.mce-btn-small span {
+ line-height: 20px !important;
+}
+.mce-btn span {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+ text-shadow: none;
+}
+.mce-primary {
+ background-color: #47a447 !important;
+ border: none !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+ background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+ color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+ background-color: #ebeff2;
+}
+.tool-split {
+ display: inline-block;
+ line-height: 25px;
+ color: #ddd;
+}
+#moreBtn {
+ dispaly: block;
+ position: absolute;
+ cursor: pointer;
+ right: 5px;
+ padding: 3px 10px;
+}
+#moreBtn span {
+ display: none;
+}
+.mce-colorbtn-trans div {
+ line-height: 11px;
+ text-align: center;
+}
+.mce-btn-small .mce-caret {
+ margin-top: 8px;
+}
+.mce-listbox.mce-btn-small .mce-caret {
+ margin-top: -2px;
+}
+.mce-btn i {
+ text-shadow: none;
+}
+.mce-colorbutton.mce-btn-small .mce-preview {
+ width: 15px;
+}
+#editorContent {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ padding: 5px;
+ outline: none;
+ margin-top: 5px;
+ bottom: 5px !important;
+}
+#editorContent pre {
+ position: relative;
+ -mo-height: auto !important;
+}
+#editorContent pre .toggle-raw {
+ position: absolute;
+ left: 2px;
+ top: -2px;
+ z-index: 100;
+ display: none;
+}
+#editorContent pre:hover .toggle-raw {
+ display: block;
+}
+#editorContent * {
+ font-family: inherit;
+}
+.mce-tinymce-inline {
+ border-width: 0 !important;
+}
+#editorContent a {
+ color: #2a6496;
+ text-decoration: underline;
+}
+#editorContent pre {
+ font: 12px / normal Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ color: #4D4D4C;
+}
+#editorContent .ace_searchbtn_close {
+ margin: 0px;
+}
+#editorContent .ace-tomorrow {
+ padding: 0;
+ padding-left: 44px;
+}
+#editorContent .ace-to-pre {
+ padding: 0;
+ padding-left: 5px;
+}
+#editorContent .ace_scrollbar-v {
+ overflow-y: hidden;
+}
+#editorContent .leanote-image-container {
+ display: inline-block;
+ width: 100px;
+}
+#editorContent .leanote-image-container .loader {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 3px;
+ margin-top: 5px;
+}
+#editorContent .leanote-image-container .progress {
+ display: inline-block;
+ margin: 0;
+ width: 80px;
+}
+.mce-text {
+ vertical-align: middle;
+}
+/**
+ * markdown editor
+ */
+#mdEditor {
+ z-index: 1;
+ background-color: #fff;
+ bottom: 5px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+ font-size: 14px;
+ line-height: 22px;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+ position: relative;
+ height: 30px;
+ overflow: hidden;
+ border-bottom: 1px solid #ccc;
+ background-color: #f0f0f0;
+}
+#wmd-button-bar {
+ overflow: visible;
+}
+#mdEditorPreview {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+#left-column,
+#right-column,
+#mdSplitter {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+}
+#mdSplitter {
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 5;
+ cursor: col-resize;
+ left: 450px;
+ background: none;
+}
+#left-column {
+ left: 0;
+ width: 450px;
+}
+#right-column {
+ left: 450px;
+ right: 0;
+ overflow: hidden;
+}
+.wmd-panel-editor,
+.preview-container,
+#wmd-input {
+ height: 100%;
+}
+.wmd-input,
+.wmd-input:focus,
+#md-section-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;
+}
+.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;
+ font-size: 14px;
+}
+#mdEditor .navbar-default {
+ overflow: visible;
+}
+.wmd-mode {
+ min-width: 150px;
+ left: 50%;
+ margin-left: -75px !important;
+}
+.wmd-mode:before {
+ right: auto;
+ left: 40%;
+}
+#md-keyboard-mode {
+ color: #8E8E8E;
+ font-size: 12px;
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ font-style: normal;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+.ace_editor {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_editor * {
+ font-family: inherit;
+}
+/*
+// markdown editor ace
+@mdAceTextColor: #2C3E50; // #04294E; // #384654;
+@mdAceHeadingColor: #000; // 1a2026
+@mdAceBlockquoteColor: #003873;
+@mdAceCursorColor: #243342;
+
+@mdAceTextColor: #000;
+@mdAceTagColor: rgba(87, 108, 130, 0.6);
+
+textarea#wmd-input {
+ color: #000 !important;
+}
+
+#wmd-input {
+ .ace_searchbtn_close {
+ margin: 0px;
+ }
+ .ace_content {
+ padding-top: 5px;
+ }
+ &.ace_editor {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm {
+ background-color: #ffffff;
+ }
+ &.ace-tm .ace_text-input {
+ box-sizing: initial;
+ }
+ &.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_cursor {
+ color: @mdAceCursorColor;
+ }
+ // 左侧的线
+ &.ace-tm .ace_print-margin {
+ background: none;
+ // background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_markup.ace_heading {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ &.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
+ color: @mdAceTagColor;
+ }
+ }
+ &.ace-tm .ace_markup.ace_list {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_constant.ace_language {
+ color: @mdAceTagColor;
+ font-weight: normal;
+ }
+ &.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+ }
+ &.ace-tm .ace_storage,
+ &.ace-tm .ace_keyword {
+ color: #384654;
+ background-color: rgba(0, 0, 0, 0.04);
+ font-weight: bold;
+ }
+ &.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+ }
+ &.ace-tm .ace_strong {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_emphasis {
+ color: @mdAceTextColor;
+ font-style: italic;
+ }
+ &.ace-tm .ace_blockquote {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_code {
+ color: #1a2026;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_code_block {
+ color: #1a2026;
+ }
+ &.ace-tm .ace_link {
+ color: #576c82;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_description {
+ color: #576c82;
+ }
+ &.ace-tm .ace_constant {
+ color: #384654;
+ }
+ &.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+ }
+ &.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+ }
+
+ // vim cursor
+ &.normal-mode .ace_cursor {
+ background-color: #003A92;
+ }
+ // emacs cursor
+ &.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: rgb(101, 189, 119, 0.9);
+ }
+}
+*/
+.m-todo-item {
+ list-style: none;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+#wmd-input .ace_cjk {
+ color: inherit;
+}
+#wmd-input .ace_searchbtn_close {
+ margin: 0px;
+}
+#wmd-input .ace_content {
+ padding-top: 5px;
+}
+#wmd-input.ace_editor {
+ color: #000000;
+}
+#wmd-input.ace-tm {
+ background-color: #ffffff;
+}
+#wmd-input.ace-tm .ace_text-input {
+ box-sizing: initial;
+}
+#wmd-input.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+}
+#wmd-input.ace-tm .ace_cursor {
+ color: #243342;
+}
+#wmd-input.ace-tm .ace_print-margin {
+ background: none;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_5 {
+ color: #1d3e81;
+}
+#wmd-input.ace-tm .ace_markup.ace_list {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_constant.ace_language {
+ color: #1d3e81;
+ font-weight: normal;
+}
+#wmd-input.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+}
+#wmd-input.ace-tm .ace_storage,
+#wmd-input.ace-tm .ace_keyword {
+ color: #384654;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+}
+#wmd-input.ace-tm .ace_strong {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_emphasis {
+ color: #000000;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_blockquote {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_code {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_code_block {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_link {
+ color: #000000;
+ background-color: transparent;
+ text-decoration: underline;
+}
+#wmd-input .ace_underline {
+ color: #1d3e81;
+ text-decoration: none;
+}
+#wmd-input.ace-tm .ace_description {
+ color: #576c82;
+}
+#wmd-input.ace-tm .ace_constant {
+ color: #384654;
+}
+#wmd-input.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+}
+#wmd-input.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: #65bd77;
+}
+#leftNotebook {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 170px;
+}
+#notebook,
+#notebookMin {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ background-color: #41586e;
+ overflow-y: auto;
+ overflow-x: auto;
+ z-index: 2;
+}
+#addNotebookPlus {
+ padding-right: 10px;
+ color: #adbece;
+}
+#addNotebookPlus .fa {
+ font-size: 16px;
+}
+#notebookList input,
+#notebookListForSearch input {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ width: 90%;
+ padding-left: 3px;
+ box-shadow: none;
+ background: none;
+ color: #ffffff;
+}
+#notebookList input:focus,
+#notebookListForSearch input:focus {
+ outline: none !important;
+}
+#notebookMin {
+ z-index: 1;
+ overflow-y: visible;
+ overflow-x: visible;
+ background-color: #41586e;
+}
+#notebookMin div.minContainer {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+ padding: 5px;
+ position: relative;
+ cursor: pointer;
+}
+#notebookMin div.minContainer i {
+ font-size: 20px;
+ color: #ffffff;
+}
+#notebookMin div.minContainer:hover i {
+ color: #0fb264;
+}
+#notebookMin div.minContainer ul {
+ background-color: #fff;
+ opacity: 0.8;
+ display: none;
+ list-style: none;
+ margin: 0;
+ margin-left: 20px;
+ padding: 5px 0px;
+ border: 1px solid #0fb264;
+ position: absolute;
+ z-index: 1000;
+ top: 0;
+ left: 10px;
+ width: 150px;
+}
+#notebookMin div.minContainer ul li {
+ padding: 0 5px;
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li span {
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li a {
+ cursor: pointer;
+}
+#notebookBottom {
+ position: absolute;
+ bottom: 0px;
+ height: 30px;
+ right: 0;
+ left: 0;
+ line-height: 30px;
+ text-align: right;
+ padding-right: 5px;
+ background-color: #eee;
+}
+#notebookBottom #leftSwitcher {
+ border: 1px solid #ccc;
+ padding: 3px 8px;
+ cursor: pointer;
+}
+.folderHeader {
+ min-height: 35px;
+ line-height: 35px;
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.folderHeader span {
+ display: inline-block;
+ line-height: 35px;
+ color: #ffffff;
+ font-size: 16px;
+}
+.folderHeader .fa-left,
+.friend-header i.fa {
+ display: inline-block;
+ line-height: 35px;
+ font-size: 16px;
+ width: 35px;
+ border-right: 1px solid rgba(255, 255, 255, 0.05);
+ text-align: center;
+ color: #ffffff;
+}
+.friend-header {
+ position: relative;
+}
+.friend-header .notebook-setting {
+ display: none;
+ position: absolute;
+ right: 0;
+ left: auto;
+}
+.friend-header:hover .notebook-setting {
+ display: block;
+}
+.each-user {
+ margin-bottom: 5px;
+ margin-left: 5px;
+ margin-right: 5px;
+ margin-top: 3px;
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.09);
+ background-color: #37485e;
+}
+.each-user div {
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.each-user div span {
+ line-height: 35px;
+ color: #ffffff;
+ padding-left: 3px;
+ font-size: 14px;
+ display: block;
+ position: absolute;
+ left: 23px;
+ top: 0;
+ right: 23px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.each-user div .fa {
+ width: 20px;
+ border-right: none;
+}
+.notebook-number-notes {
+ position: absolute;
+ right: 10px;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: inline-block;
+ line-height: 20px !important;
+ height: 20px;
+ margin-top: 5px;
+ padding: 0 3px;
+}
+.notebook-setting {
+ display: none;
+ position: absolute;
+ right: 1px;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ line-height: 30px;
+}
+.notebook-setting:before {
+ content: "\f013";
+}
+.ztree li a:hover .notebook-setting {
+ display: block;
+}
+#myTag .folderBody {
+ padding: 0 3px;
+ padding-bottom: 3px;
+}
+#myTag .folderBody li {
+ margin-left: 10px;
+ padding: 3px;
+ line-height: normal;
+}
+#notebookList {
+ border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+.ztree {
+ padding: 0px;
+}
+#searchNotebookForAdd {
+ line-height: normal;
+ width: 200px;
+ margin: 0 10px;
+ margin-bottom: 10px;
+ height: 30px;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#myNotebooks .folderBody {
+ padding-top: 3px;
+}
+.folderBody {
+ overflow-x: hidden;
+}
+#searchNotebookForList {
+ height: 30px;
+ width: 90%;
+ margin: 3px auto;
+ margin-top: 0;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#notebookNavForNewNote li:hover {
+ background: none;
+}
+.folderBody {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ background-color: #37485e;
+}
+.folderBody li {
+ line-height: 30px;
+}
+.closed .folderBody {
+ display: none;
+}
+#myTag .folderBody li {
+ position: relative;
+}
+#myTag .folderBody li .badge {
+ width: 40px;
+ position: absolute;
+ right: 3px;
+ top: 7px;
+ font-weight: normal;
+ background-color: #ffffff;
+ color: #000000;
+ border: 1px solid #ebeff2;
+}
+/**
+ * 笔记列表
+ */
+#noteAndEditor {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ left: 170px;
+}
+#noteList {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ width: 250px;
+ border-right: 1px solid #cfcfcf;
+ border-left: 1px solid #cfcfcf;
+ z-index: 333;
+}
+#note {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ left: 250px;
+ right: 0;
+ padding-left: 5px;
+ overflow-y: hidden;
+ overflow-x: auto;
+ background-color: #ffffff;
+}
+#notesAndSort {
+ background-color: #eeeeee;
+ border-bottom: 1px solid #ebeff2;
+ height: 36px;
+}
+#sortType {
+ float: right;
+}
+#noteItemListWrap {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 36px;
+ bottom: 3px;
+}
+#noteAndEditorMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background: #fff;
+ text-align: center;
+ padding-top: 60px;
+ opacity: .3;
+ z-index: 500;
+ display: none;
+}
+/* item list */
+#noteItemList {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ overflow-y: hidden;
+ padding: 0 5px;
+}
+#noteItemList .item {
+ position: relative;
+ height: 110px;
+ overflow: hidden;
+ cursor: pointer;
+ border: 1px solid #ebeff2;
+ border-radius: 3px;
+ margin-top: 5px;
+ background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+ background-color: #ddd !important;
+}
+.item-active,
+#noteItemList .item-active:hover {
+ background-color: #65bd77 !important;
+ color: #fff;
+}
+.item-active .fa,
+#noteItemList .item-active:hover .fa {
+ color: #eee !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+ color: #fff;
+}
+#noteItemList .item-thumb {
+ width: 100px;
+ overflow: hidden;
+ position: absolute;
+ z-index: 1;
+ right: 0px;
+ top: 4px;
+ height: 100px;
+ background-color: #fff;
+ margin-right: 5px;
+ line-height: 100px;
+ text-align: center;
+}
+.item-thumb img {
+ max-width: 100px;
+}
+.item-title {
+ /*font-weight: 400;*/
+ font-size: 16px;
+ height: 22px;
+ line-height: 20px;
+ overflow: hidden;
+ margin-bottom: 0px;
+ color: #000000;
+ border-bottom: dashed 1px #ebeff2;
+}
+#noteItemList .item-desc {
+ position: absolute;
+ left: 0;
+ top: 4px;
+ right: 0px;
+ margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+ color: #666;
+}
+#noteItemList .item-image .item-desc {
+ right: 100px;
+}
+.item-info {
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.desc {
+ margin: 0;
+ word-wrap: break-word;
+}
+#noteItemList {
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+#noteItemList .item-setting,
+#noteItemList .item-blog {
+ position: absolute;
+ right: 1px;
+ font-size: 10px;
+ z-index: 2;
+ padding: 3px;
+ border-radius: 5px;
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ opacity: 0.5;
+ background-color: #464C5E;
+}
+#noteItemList .item-setting .fa,
+#noteItemList .item-blog .fa {
+ color: #fff !important;
+}
+#noteItemList .item-setting:hover,
+#noteItemList .item-blog:hover {
+ opacity: 0.8;
+}
+#noteItemList .item-blog {
+ top: 1px;
+}
+#noteItemList .item-setting {
+ bottom: 0;
+ display: none;
+}
+#noteItemList .item:hover .item-setting {
+ display: block;
+}
+/**
+ * 工具栏
+ * 附件
+ * 笔记信息
+ * 历史记录
+ * 提示
+ */
+#tool {
+ border-bottom: 1px solid #ddd;
+ height: 36px;
+ margin-left: -5px;
+ position: relative;
+}
+#editorTool {
+ margin: 0;
+ margin-right: 5px;
+ padding: 0;
+ list-style: none;
+}
+#editorTool li {
+ display: inline-block;
+}
+#noteInfo {
+ width: 400px;
+ box-sizing: border-box;
+ padding: 10px 10px;
+ -webkit-user-select: initial;
+}
+#noteInfo table {
+ width: 100%;
+ margin: 0;
+}
+#noteInfo table th {
+ min-width: 100px;
+}
+#noteInfo table th,
+#noteInfo table td {
+ border-top: none;
+ border-bottom: 1px solid #dddddd;
+ padding: 8px;
+ line-height: 20px;
+ vertical-align: top;
+ word-break: break-all;
+}
+#noteInfo table td {
+ max-width: 280px;
+}
+#noteInfo a {
+ cursor: pointer;
+}
+#noteInfo a.post-url {
+ background: #FDF936;
+}
+#noteInfo .post-url-wrap {
+ word-wrap: break-word;
+}
+#noteInfo .post-url-wrap span {
+ display: inline;
+}
+#noteInfo .post-url-wrap input {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-pencil {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-text {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit input {
+ display: inline;
+}
+#editor #mceToolbar {
+ height: 30px;
+}
+#editor.all-tool #mceToolbar {
+ height: 60px;
+}
+#editor.all-tool .more-fa:before {
+ content: "\f106";
+}
+#editor.all-tool #editorContent {
+ top: 60px;
+}
+#editor .more-fa:before {
+ content: "\f107";
+}
+#historyList img {
+ max-width: 100%;
+}
+.history-modal .modal-dialog {
+ width: auto !important;
+ position: absolute;
+ /* width: 100%; */
+ /* height: 100%; */
+ left: 5px;
+ right: 5px;
+ top: 5px;
+ bottom: 5px;
+}
+.history-modal .modal-dialog .modal-content {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: 0;
+ padding: 0;
+ overflow: scroll;
+}
+.history-modal .modal-dialog .modal-content .modal-body {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ overflow-y: auto;
+ width: 200px;
+ border-right: 1px solid #ccc;
+ box-shadow: 1px 1px 10px #ddd;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header {
+ line-height: 50px;
+ font-size: 16px;
+ font-weight: bold;
+ padding-left: 15px;
+ border-bottom: 1px solid #eee;
+ background-color: #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow-y: auto;
+ margin-bottom: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item {
+ border-top: none;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover {
+ color: #000;
+ background-color: #eee;
+ border-color: #eee;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 200px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close {
+ padding: 10px 15px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back {
+ margin-left: 10px;
+ margin-top: 5px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header {
+ height: 51px;
+ border-bottom: 1px solid #eee;
+ box-shadow: 5px 0px 5px #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ padding-top: 5px;
+ padding-right: 5px;
+ padding-left: 10px;
+ overflow-y: auto;
+}
+#upload {
+ position: absolute;
+ z-index: 0;
+ bottom: 0;
+ right: 0;
+ left: 0px;
+ padding: 0;
+ background-color: #fff;
+ text-align: center;
+ display: none;
+}
+#upload #drop {
+ width: 100%;
+ height: 100%;
+ padding-top: 100px;
+}
+#drop.in {
+ border: 1px solid #000000;
+}
+#drop.hover {
+ border: 2px solid #000000;
+}
+#uploadMsg {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ bottom: 10px;
+ overflow: scroll;
+ list-style: none;
+}
+#uploadAttach {
+ position: relative;
+ margin-top: 5px;
+}
+.dropzone {
+ text-align: center;
+}
+.dropzone input {
+ display: none;
+}
+.dropzone.in {
+ border: 1px solid #000000;
+}
+.dropzone.hover {
+ border: 2px solid #000000;
+}
+#attachUploadMsg,
+#avatarUploadMsg {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ max-height: 240px;
+ z-index: 3;
+}
+#attachUploadMsg .alert,
+#avatarUploadMsg .alert {
+ margin: 0;
+ padding: 0 3px;
+ margin-top: 10px;
+}
+#attachMenu {
+ width: 450px;
+ padding: 10px 5px;
+}
+#attachList {
+ margin: 0;
+ padding: 0;
+ max-height: 450px;
+ overflow-y: auto;
+}
+#attachList li {
+ display: block;
+ margin: 0;
+ padding: 0 3px;
+ border-radius: 3px;
+ border-bottom: 1px dashed #eee;
+ height: 45px;
+ line-height: 45px;
+}
+#attachList li div {
+ float: left;
+}
+#attachList li .attach-title {
+ width: 290px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#attachList li .attach-process {
+ float: right;
+}
+#attachList li.loading {
+ text-align: center;
+}
+/**
+ * 笔记
+ *
+ */
+#noteTitleDiv {
+ height: 30px;
+ border-bottom: 1px solid #ddd;
+}
+#noteTitle {
+ height: 100%;
+ padding: 0px 3px;
+ width: 100%;
+ border: none;
+ background-color: #ffffff;
+}
+#noteTitle:focus {
+ outline: none !important;
+}
+#editorContent {
+ position: absolute;
+ top: 30px;
+ bottom: 10px;
+ right: 0;
+ left: 0;
+ overflow: auto;
+}
+.fa-calendar {
+ color: #666;
+}
+.dropdown-menu .fa {
+ width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+ cursor: default;
+}
+.tab-pane {
+ padding: 5px 0 0 0;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+ padding-left: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+ background: none;
+}
+.new-note-left {
+ padding: 0 5px;
+ width: 95px;
+ overflow: hidden;
+ white-space: nowrap;
+ border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+ background-color: #ebeff2;
+}
+.new-note-right:hover {
+ background-color: #ebeff2;
+}
+#historyList table {
+ width: 100%;
+}
+#historyList .btns {
+ border-top: 1px dashed #eee;
+ padding: 5px 0;
+}
+#toggleEditorMode {
+ margin: 0 10px !important;
+}
+#editorMask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ background-color: #fff;
+ display: none;
+ z-index: -10;
+ padding-top: 50px;
+ text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+ font-size: 24px;
+}
+#editorMask a {
+ display: inline-block;
+ border-radius: 3px;
+ border: 1px solid #ebeff2;
+ padding: 10px;
+}
+#editorMask a:hover {
+ background-color: #65bd77;
+ color: #fff;
+}
+.note-mask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0px;
+ z-index: -1;
+}
+#noteMaskForLoading {
+ padding-top: 60px;
+ background: #fff;
+ text-align: center;
+ opacity: .3;
+}
+.info-toolbar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ line-height: 30px;
+ padding-left: 5px;
+ height: 30px;
+ display: none;
+ overflow: hidden;
+}
+.info-toolbar .toolbar-update {
+ color: inherit;
+ float: right;
+ padding: 0 10px;
+}
+.info-toolbar .toolbar-update:hover {
+ background: #fff;
+ color: #000;
+}
+.info-toolbar .created-time {
+ display: inline-block;
+ padding-right: 10px;
+}
+#editorContent {
+ -webkit-user-select: text;
+}
+#editor.read-only #mceToolbarContainer {
+ display: none;
+}
+#editor.read-only .info-toolbar {
+ display: block;
+}
+#note.read-only #editor,
+#note.read-only #mdEditor {
+ top: 60px;
+}
+#note.read-only #tool {
+ display: none;
+}
+#note.read-only .toolbar-update {
+ display: none;
+}
+#note.read-only #noteReadTop {
+ display: block;
+}
+#note.read-only #infoToolbar,
+#note.read-only #mceToolbar,
+#note.read-only .navbar {
+ display: none;
+}
+#note.read-only #editorContent,
+#note.read-only #mdEditor .layout-wrapper-l3 {
+ top: 0;
+}
+#noteRead {
+ position: absolute;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: none;
+ z-index: 100;
+ padding-left: 5px;
+ background-color: #fff;
+}
+#noteReadTop {
+ position: absolute;
+ height: 60px;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ display: none;
+ background: #fff;
+ padding-left: 5px;
+}
+#noteReadTitle {
+ margin: 3px 0;
+ height: 26px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#noteReadInfo {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ color: #666;
+ margin-top: 8px;
+}
+.read-only-editor #editBtn span:before {
+ content: "\f044";
+}
+#editBtn span:before {
+ content: "\f06e";
+}
+/*标签与其它工具*/
+/* tag */
+#addTagInput {
+ line-height: 25px;
+ display: none;
+ padding: 0;
+ border: none;
+ background-color: #ffffff;
+}
+#addTagInput:focus {
+ outline: none;
+}
+.label-default {
+ background-color: #464C5E;
+}
+.label-red {
+ background-color: #d9534f;
+}
+.label-yellow {
+ background-color: #f0ad4e;
+}
+.label-blue {
+ background-color: #428bca;
+}
+.label-green {
+ background-color: #5cb85c;
+}
+.label {
+ border-radius: 0;
+ font-weight: normal;
+}
+.label i {
+ width: 10px;
+ cursor: pointer;
+ font-style: normal;
+ /*border-left: 1px solid #ccc;*/
+ display: inline-block;
+ padding-left: 3px;
+ opacity: 0;
+}
+.label i:hover {
+ opacity: 1;
+}
+#tag {
+ position: absolute;
+ right: 300px;
+ top: 0;
+ left: 5px;
+ bottom: 0;
+}
+#tag {
+ height: 36px;
+ line-height: 36px;
+}
+#tag .dropdown {
+ line-height: 30px;
+}
+#tagColor {
+ left: 10px;
+}
+#tagColor:before {
+ content: "";
+ background-image: none;
+}
+#addTagInput {
+ width: 100px;
+}
+#tagNav i,
+#tagNav em {
+ font-style: normal;
+}
+#tagNav .tag-delete {
+ display: none;
+ margin-left: 3px;
+ font-size: 12px;
+}
+#tagNav li:hover .tag-delete {
+ display: inline-block;
+}
+#tagNav a:hover {
+ background: none !important;
+}
+.batch #noteItemList .item-active .item-setting,
+.batch #noteItemList .item-active:hover .item-setting {
+ display: none;
+}
+.batch #toggleEditorMode {
+ display: none;
+}
+#batchMask {
+ background: #fff;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+.batch-ctn {
+ position: relative;
+ padding: 50px;
+ width: 100%;
+ height: 100%;
+}
+.batch-note {
+ display: inline-block;
+ width: 160px;
+ position: absolute;
+ left: 50%;
+ border: 1px solid #ccc;
+ height: 200px;
+ padding: 5px;
+ border-radius: 5px;
+ background: #eee;
+ overflow: hidden;
+ transition: margin 0.5s;
+ margin-left: -1000px;
+}
+.batch-note .title {
+ font-size: 16px;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+.batch-info {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ text-align: center;
+ margin-top: 300px;
+}
+.batch-info p {
+ margin-top: 8px;
+}
+.batch-info .fa {
+ cursor: pointer;
+ font-size: 16px;
+}
+*,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
+}
+body {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
+ font-weight: normal;
+ font-size: 14px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ body {
+ font-weight: 300;
+ }
+}
+h1,
+h2,
+h3 {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
+ font-weight: normal !important;
+}
+#noteItemList,
+#notebook,
+#leftNotebook,
+.slimScrollDiv,
+#editorContent,
+#editorContent_ifr,
+.mce-edit-area,
+.mce-container-body,
+.mce-tinymce,
+#editor .mce-ifr,
+.wmd-input,
+#noteReadContent,
+#attachList,
+#tags,
+.editor-content,
+.preview-container {
+ -webkit-overflow-scrolling: touch !important;
+}
+.folderBody a:hover,
+.folderBody .contextmenu-hover {
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+.folderBody a.active,
+.folderBody a.active:hover {
+ background-color: #25313e !important;
+ color: #fff;
+}
+#searchNotebookForList {
+ color: #ccc;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: #37485e;
+}
+#searchNotebookForList:focus {
+ outline: none !important;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ box-shadow: none;
+}
+.label-default {
+ background-color: #191D2B;
+}
+#myShareNotebooks .folderBody {
+ background: none;
+}
+.tmpzTreeMove_arrow {
+ color: #fff;
+}
+.ztree > li {
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.ztree li a.curSelectedNode {
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 3px;
+ color: #fff;
+}
+.ztree li a {
+ color: #ADBECE;
+}
+.ztree li a.tmpTargetNode_inner {
+ padding-top: 0px;
+ background-color: rgba(0, 0, 0, 0.3);
+ color: #fff;
+ height: 30px;
+ border: 1px #ccc solid;
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+}
+@media screen and (max-width: 700px) {
+ #toggleEditorMode,
+ #lea,
+ #myBlog,
+ #demoRegister,
+ .noteSplit,
+ #logo,
+ #tipsBtn,
+ #contentHistory,
+ #curNotebookForNewNote,
+ #curNotebookForNewSharedNote,
+ .for-split,
+ #listNotebookDropdownMenu,
+ #listShareNotebookDropdownMenu,
+ .new-markdown-text,
+ .new-note-text,
+ .username,
+ #notebookMin,
+ .ui-loader,
+ #md-section-helper,
+ .writing-mobile-hide,
+ .tips-ctn,
+ #wmd-undo-button,
+ #wmd-redo-button,
+ #wmd-hr-button,
+ #wmd-help-button {
+ display: none !important;
+ }
+ *,
+ .ztree li a.level0 span,
+ .ztree li a.level1 span {
+ font-size: 16px;
+ }
+ .label i {
+ opacity: 1;
+ width: 12px;
+ }
+ .label i:hover,
+ .label i:focus {
+ color: #65bd77 !important;
+ }
+ #leftSwitcher:before {
+ content: "\f039";
+ }
+ a:focus,
+ a:hover,
+ a:active {
+ color: #65bd77 !important;
+ }
+ #noteItemList .item {
+ height: 120px;
+ }
+ #leftNotebook {
+ width: 140px !important;
+ max-width: 140px;
+ }
+ #notebook {
+ display: block !important;
+ }
+ #leftNotebook .slimScrollDiv {
+ display: block !important;
+ }
+ #switcher {
+ padding-top: 0;
+ padding-right: 0;
+ }
+ #switcher i {
+ padding: 20px 0;
+ font-size: 20px;
+ }
+ #newNoteMarkdownBtn {
+ width: 10px;
+ overflow: hidden;
+ }
+ #noteAndEditor {
+ left: 140px !important;
+ }
+ #noteList {
+ display: block;
+ width: 100% !important;
+ }
+ #note {
+ visibility: hidden;
+ z-index: -1;
+ overflow-x: hidden;
+ left: 0 !important;
+ padding-left: 0;
+ }
+ #note #editor {
+ visibility: hidden;
+ }
+ #note .mce-tinymce {
+ visibility: hidden !important;
+ }
+ #note.editor-show {
+ visibility: visible;
+ z-index: initial;
+ }
+ #note.editor-show #editor {
+ visibility: visible;
+ }
+ #note.editor-show .mce-tinymce {
+ visibility: visible !important;
+ }
+ #leftSwitcher {
+ display: block !important;
+ }
+ #leftSwitcher2 {
+ display: none !important;
+ }
+ .full-editor #leftNotebook {
+ display: none;
+ }
+ .full-editor #noteAndEditor {
+ left: 0 !important;
+ }
+ .full-editor #noteList {
+ display: none;
+ }
+ #searchWrap {
+ margin-left: 3px;
+ }
+ #searchNote {
+ border-top: none;
+ border-bottom: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ padding-right: 10px;
+ }
+ #searchNote input {
+ width: 55px;
+ padding-left: 5px;
+ padding-right: 2px;
+ margin-top: 3px;
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-transition: 0.3s ease;
+ -moz-transition: 0.3s ease;
+ transition: 0.3s ease;
+ }
+ #searchNote input:focus {
+ width: 100px;
+ }
+ #tool {
+ position: relative;
+ }
+ #tag {
+ position: absolute;
+ right: 124px;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ }
+ #tag #tags {
+ left: 50px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ position: absolute;
+ line-height: 40px;
+ line-height: inherit !important;
+ }
+ #tag #tagDropdown {
+ float: left;
+ width: 50px;
+ line-height: 40px;
+ overflow: hidden;
+ padding-left: 3px;
+ }
+ #tag .add-tag-text {
+ display: none;
+ }
+ #tag #addTagInput {
+ width: 30px;
+ display: inline-block;
+ }
+ #tag #tagColor {
+ display: none !important;
+ }
+ #left-column {
+ width: 100% !important;
+ }
+ #mdEditor #wmd-input * {
+ font-size: 14px;
+ }
+ .new-markdown-text-abbr,
+ .new-note-text-abbr {
+ display: inline;
+ }
+ .my-link {
+ display: block;
+ }
+ #themeForm img {
+ height: 70px !important;
+ }
+ .slimScrollBar,
+ .slimScrollRail {
+ display: none !important;
+ }
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags,
+ .wmd-input-section {
+ -webkit-overflow-scrolling: touch !important;
+ overflow: auto !important;
+ }
+ #attachMenu {
+ width: 320px;
+ }
+ #attachList {
+ max-height: 200px;
+ }
+ #attachList li .attach-title {
+ width: 170px;
+ }
+ #dropAttach .btn {
+ padding: 5px 3px;
+ margin-top: 3px;
+ display: block;
+ }
+ #myTag .folderBody li {
+ margin: 5px;
+ }
+ #myTag .folderBody li a:hover span {
+ color: #65bd77;
+ }
+ #noteItemList .item-thumb {
+ width: 80px;
+ height: 80px;
+ margin-top: 15px;
+ }
+ #noteItemList .item {
+ height: 118px;
+ }
+ #noteItemList .item-setting,
+ #noteItemList .item-blog {
+ font-size: 16px;
+ width: 30px;
+ display: inline-block;
+ }
+ #noteMaskForLoading {
+ opacity: 0.8;
+ }
+ #editorContent .ace-tomorrow {
+ padding: 0;
+ }
+ #note,
+ #editor,
+ #mdEditor {
+ left: 0;
+ }
+ #mdEditor #right-column {
+ display: none;
+ }
+ #mdEditor.read-only #left-column {
+ visibility: hidden;
+ }
+ #mdEditor.read-only #right-column {
+ left: 0 !important;
+ display: block;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #mdEditor.read-only .preview-container {
+ left: 5px;
+ }
+}
+@media screen and (max-width: 1024px) {
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags {
+ overflow: auto !important;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #tag {
+ position: absolute;
+ right: 310px;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ padding-left: 5px;
+ }
+ #tag #tagDropdown {
+ float: left;
+ width: 50px;
+ line-height: 40px;
+ overflow: hidden;
+ padding-left: 3px;
+ }
+ #tag .add-tag-text {
+ display: none;
+ }
+ #tag #addTagInput {
+ width: 30px;
+ display: inline-block;
+ }
+ #tag #tagColor {
+ display: none !important;
+ }
+ #tags {
+ left: 50px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ position: absolute;
+ line-height: 40px;
+ line-height: inherit !important;
+ }
+}
+@media screen and (max-width: 800px) {
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags,
+ .wmd-input-section {
+ overflow: auto !important;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #lea,
+ .lea-blog,
+ #myBlog,
+ #demoRegister,
+ .noteSplit,
+ #tipsBtn,
+ #contentHistory,
+ #curNotebookForNewNote,
+ #curNotebookForNewSharedNote,
+ .for-split,
+ #listNotebookDropdownMenu,
+ #listShareNotebookDropdownMenu,
+ .username,
+ .ui-loader,
+ #md-section-helper {
+ display: none !important;
+ }
+ #tag {
+ position: absolute;
+ right: 124px;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ }
+ #tag #tags {
+ left: 50px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ position: absolute;
+ line-height: 40px;
+ line-height: inherit !important;
+ }
+ #tag #tagDropdown {
+ float: left;
+ width: 50px;
+ line-height: 40px;
+ overflow: hidden;
+ padding-left: 3px;
+ }
+ #tag .add-tag-text {
+ display: none;
+ }
+ #tag #addTagInput {
+ width: 30px;
+ display: inline-block;
+ }
+ #tag #tagColor {
+ display: none !important;
+ }
+ .my-link {
+ display: block;
+ }
+ #attachMenu {
+ width: 320px;
+ }
+ #attachList {
+ max-height: 200px;
+ }
+ #attachList li .attach-title {
+ width: 170px;
+ }
+ #dropAttach .btn {
+ padding: 5px 3px;
+ margin-top: 3px;
+ display: block;
+ }
+ #myTag .folderBody li {
+ margin: 5px;
+ }
+ #myTag .folderBody li a:hover span {
+ color: #65bd77;
+ }
+ #left-column {
+ width: 100% !important;
+ }
+ #mdEditor #wmd-input {
+ font-size: 14px;
+ }
+ .my-link {
+ display: block;
+ }
+ #themeForm img {
+ height: 70px !important;
+ }
+ #mdEditor #right-column {
+ display: none;
+ }
+ .wmd-button-bar-inner {
+ height: 30px;
+ }
+ #mdEditor.read-only #left-column {
+ visibility: hidden;
+ }
+ #mdEditor.read-only #right-column {
+ left: 0 !important;
+ display: block;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #mdEditor.read-only .preview-container {
+ left: 10px;
+ }
+ #searchNote {
+ margin-top: 2px;
+ }
+ #tags .label,
+ #tags .label i {
+ font-size: 10px;
+ }
+ .mobile-hide {
+ display: none;
+ }
+ .mobile-show {
+ display: block;
+ }
+ #editorContent,
+ #mdEditor {
+ bottom: 0 !important;
+ }
+ #mdEditor .layout-wrapper-l3,
+ #editorContent {
+ margin-top: 0;
+ border: none;
+ }
+ .leanote-plugin #header {
+ height: 40px;
+ }
+ .leanote-plugin #mainContainer {
+ top: 40px;
+ }
+ .leanote-plugin .profile-img {
+ line-height: 37px;
+ }
+ .leanote-plugin #switcher i {
+ padding: 11px 0;
+ }
+ .leanote-plugin #searchNote {
+ padding-top: 1px;
+ }
+ .leanote-plugin #newNoteWrap {
+ line-height: 22px;
+ }
+ .leanote-plugin #leanoteMsg {
+ margin-top: 0;
+ }
+ .leanote-plugin *,
+ .leanote-plugin .ztree li a.level0 span,
+ .leanote-plugin .ztree li a.level1 span,
+ .leanote-plugin #noteItemList .item-setting,
+ .leanote-plugin #noteItemList .item-blog {
+ font-size: 14px;
+ }
+ .leanote-plugin .leanoteNav h1 {
+ font-size: 16px;
+ }
+ .leanote-plugin h1 {
+ font-size: 24px;
+ }
+ .leanote-plugin h2 {
+ font-size: 20px;
+ }
+ .leanote-plugin h3 {
+ font-size: 18px;
+ }
+ .leanote-plugin h4 {
+ font-size: 16px;
+ }
+ .leanote-plugin #noteItemList .item-setting,
+ .leanote-plugin #noteItemList .item-blog {
+ width: 23px;
+ padding: 1px;
+ }
+ .leanote-plugin #noteItemList .item {
+ height: 69px;
+ }
+ .leanote-plugin #noteItemList .item-thumb {
+ width: 60px;
+ height: 60px;
+ margin-top: 0px;
+ }
+ .leanote-plugin #preview-contents {
+ padding-left: 0;
+ }
+ .leanote-plugin #msg {
+ font-size: 12px;
+ }
+ .leanote-plugin #noteInfo {
+ width: 265px;
+ }
+ .leanote-plugin #noteInfo table th {
+ min-width: 72px;
+ }
+ .leanote-plugin #noteInfo .post-url-wrap span {
+ word-break: break-all;
+ }
+ .extension-preview-buttons {
+ border: none;
+ }
+}
diff --git a/public/css/theme/includes/tinymce.less b/public/css/theme/includes/tinymce.less
index e32d0e7..7d47377 100644
--- a/public/css/theme/includes/tinymce.less
+++ b/public/css/theme/includes/tinymce.less
@@ -167,3 +167,7 @@
}
}
+// 不要, 标题下拉有问题
+.mce-text {
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/public/css/theme/simple.css b/public/css/theme/simple.css
index 1c8f8e7..85242c5 100644
--- a/public/css/theme/simple.css
+++ b/public/css/theme/simple.css
@@ -1 +1,3218 @@
-::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')}.close:focus{outline:0}.invisible{visibility:hidden}.mobile-show{display:none}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#editorTool,#newNoteWrap,#myBlog,.lea-blog,#myProfile,#toggleEditorMode,.folderHeader{-webkit-user-select:none;-moz-user-select:none;user-select:none}@font-face{font-family:leanote;src:url(../../fonts/leanote-font3/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font3/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font3/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}#logo,.mce-i-mind,.mce-i-ace-pre,.lea-icon{font-family:leanote!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-markdown:before{content:"\e604"}.mce-i-mind:before{content:"\e602"}.mce-i-ace-pre:before{content:"\e603"}#logo:before{content:"\e901";line-height:1;margin-top:5px;display:inline-block;vertical-align:top}#logo.icon-only:before{content:"\e902"}.lang-zh-cn #logo:before{content:"\e900"}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#eee;border-radius:3px;padding:3px 5px;border:1px solid transparent}.new-note,.new-note a{color:#000}.new-note:hover{background:#e0e0e0;border-color:transparent}.new-note:hover,.new-note:hover a{color:#fff}.new-markdown{margin-left:3px;margin-right:3px}.top-nav{margin:0 10px;display:inline-block;line-height:60px}.my-link,.new-markdown-text-abbr,.new-note-text-abbr{display:none}#myAvatar{height:30px;max-width:30px;overflow:hidden;border-radius:50%}.ios7-a{display:inline-block;padding:0 10px;height:36px;vertical-align:middle;line-height:36px;cursor:pointer}#page.mini-left #notebook,#page.mini-left #notebookSplitter,#page.mini-left #logo,#page.mini-left #leftSwitcher,#page.mini-left #leftNotebook .slimScrollDiv{display:none}#page.mini-left #leftSwitcher2{display:block}#page.mini-left #leftNotebook{width:30px!important}#page.mini-left #noteAndEditor{left:30px!important}a{color:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}#header{height:60px;background-color:#fff;border-bottom:1px solid #ebeff2;color:#000;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#000}#header li,#header li a{color:#000}#logo{line-height:50px;box-sizing:content-box;width:140px;height:60px;padding-left:10px;padding-top:9px;font-size:32px}#switcher{line-height:50px;padding-top:6px;padding-right:5px;width:30px;text-align:center}#switcher i{font-size:16px;cursor:pointer}#switcher i:hover{color:#0fb264}#switcher #leftSwitcher2{cursor:pointer;font-size:16px;line-height:34px;margin-top:8px;padding:0 5px;height:34px;display:inline-block}#switcher #leftSwitcher2:hover{color:#0fb264}#switcher #leftSwitcher2{display:none}#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;border:1px solid #ebeff2;color:#000;background-color:#fff;padding-left:14px;border-radius:5px;height:30px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline:0!important;border-color:#0fb264;box-shadow:none}#header ul{margin:0;padding:0;list-style:none}#header ul li.dropdown{display:inline-block;height:60px}#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}#header span.icon{display:inline-block;font-size:28px;color:#999}.dropdown-menu li>a{color:#000}.dropdown-menu li:hover,.dropdown-menu li:focus{background-color:#ebeff2}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus{background-color:#ebeff2}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20-black.gif);vertical-align:middle;visibility:hidden}#inviteFriends{position:relative}#inviteFriends .dot{display:inline-block;position:absolute;right:-8px;top:-8px;width:8px;height:8px;border-radius:50%;background:#FF9263}#inviteUrl{width:400px;padding:3px;border-radius:3px;border:1px solid #eee}#myProfile{margin:0 10px}.profile-img{line-height:60px}#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#mainContainer{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;zoom:1}#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff;text-align:center;padding-top:100px;z-index:1000}#notebookSplitter{left:170px}#noteSplitter{left:250px}.ace_editor,.ace_editor *{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_invisible_space{visibility:hidden!important}#editor,#mdEditor{position:absolute;z-index:2;top:66px;bottom:0;right:0;left:5px;padding:0;display:none}.leanoteNav{position:absolute;right:0;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-top:4px}.leanoteNav h1{margin:0;font-size:16px;padding:3px;cursor:pointer}.leanoteNav i{padding:3px}.leanoteNav span{display:none}.leanoteNav .leanoteNavContent{display:none;overflow:auto}.leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}.leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}.leanoteNav.unfolder span{display:inline}.leanoteNav.unfolder .leanoteNavContent{display:block;min-height:30px}.leanoteNav ul{margin:0;padding-left:23px}.leanoteNav ul li{list-style-type:disc}.leanoteNav ul li a:hover{color:#0fb264}.leanoteNav ul .nav-h2{margin-left:20px}.leanoteNav ul .nav-h3{margin-left:30px}.leanoteNav ul .nav-h4{margin-left:40px}.leanoteNav ul .nav-h5{margin-left:50px}.scrollTo-a{cursor:pointer!important}.preview-container table,.mce-item-table,.preview-container table td,.mce-item-table td,.preview-container table th,.mce-item-table th,.preview-container table caption,.mce-item-table caption{border:1px solid #ddd;border-collapse:collapse;padding:5px;vertical-align:middle}.preview-container table tr,.mce-item-table tr{background-color:none;border-top:1px solid #ccc}.preview-container table tr:nth-child(2n),.mce-item-table tr:nth-child(2n){background-color:#f7f7f9}.preview-container th{padding:10px}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}.mce-btn-small button{padding:5px 5px!important;line-height:20px!important}.mce-foot .mce-btn{border-radius:3px}.mce-menubtn.mce-btn-small span{line-height:20px!important}.mce-btn span{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif!important}.mce-primary button,.mce-primary button i{text-shadow:none}.mce-primary{background-color:#47a447!important;border:none!important}.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000!important}.mce-menu-item-normal.mce-active{background-color:#ebeff2}.tool-split{display:inline-block;line-height:25px;color:#ddd}#moreBtn{dispaly:block;position:absolute;cursor:pointer;right:5px;padding:3px 10px}#moreBtn span{display:none}.mce-colorbtn-trans div{line-height:11px;text-align:center}.mce-btn-small .mce-caret{margin-top:8px}.mce-listbox.mce-btn-small .mce-caret{margin-top:-2px}.mce-btn i{text-shadow:none}.mce-colorbutton.mce-btn-small .mce-preview{width:15px}#editorContent{border:1px solid #ccc;border-radius:5px;padding:5px;outline:0;margin-top:5px;bottom:5px!important}#editorContent pre{position:relative;-mo-height:auto!important}#editorContent pre .toggle-raw{position:absolute;left:2px;top:-2px;z-index:100;display:none}#editorContent pre:hover .toggle-raw{display:block}#editorContent *{font-family:inherit}.mce-tinymce-inline{border-width:0!important}#editorContent a{color:#2a6496;text-decoration:underline}#editorContent pre{font:12px / normal Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;color:#4D4D4C}#editorContent .ace_searchbtn_close{margin:0}#editorContent .ace-tomorrow{padding:0;padding-left:44px}#editorContent .ace-to-pre{padding:0;padding-left:5px}#editorContent .ace_scrollbar-v{overflow-y:hidden}#editorContent .leanote-image-container{display:inline-block;width:100px}#editorContent .leanote-image-container .loader{display:inline-block;vertical-align:top;margin-right:3px;margin-top:5px}#editorContent .leanote-image-container .progress{display:inline-block;margin:0;width:80px}#mdEditor{z-index:1;background-color:#fff;bottom:5px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}#wmd-button-bar{overflow:visible}#mdEditorPreview{position:absolute;top:35px;left:0;right:0;bottom:0}#left-column,#right-column,#mdSplitter{position:absolute;top:0;bottom:0}#mdSplitter{width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize;left:450px;background:0 0}#left-column{left:0;width:450px}#right-column{left:450px;right:0;overflow:hidden}.wmd-panel-editor,.preview-container,#wmd-input{height:100%}.wmd-input,.wmd-input:focus,#md-section-helper{width:100%;border:1px #eee solid;border-radius:5px;outline:0;font-size:14px;resize:none;overflow-x:hidden}#md-section-helper{position:absolute;height:0;overflow-y:scroll;padding:0 6px;top:10px;z-index:-1;opacity:none}.preview-container{overflow:auto}.wmd-preview{width:100%;font-size:14px;overflow:auto;overflow-x:hidden}.wmd-button-row,.preview-button-row{padding:0;height:auto;margin:0}.wmd-spacer{width:0;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;font-size:14px}#mdEditor .navbar-default{overflow:visible}.wmd-mode{min-width:150px;left:50%;margin-left:-75px!important}.wmd-mode:before{right:auto;left:40%}#md-keyboard-mode{color:#8E8E8E;font-size:12px;font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;font-style:normal}textarea#wmd-input{color:#000!important}.ace_editor{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_editor *{font-family:inherit}.m-todo-item{list-style:none}textarea#wmd-input{color:#000!important}#wmd-input .ace_cjk{color:inherit}#wmd-input .ace_searchbtn_close{margin:0}#wmd-input .ace_content{padding-top:5px}#wmd-input.ace_editor{color:#000}#wmd-input.ace-tm{background-color:#fff}#wmd-input.ace-tm .ace_text-input{box-sizing:initial}#wmd-input.ace-tm .ace_marker-layer .ace_active-line{background-color:rgba(89,128,166,.05)}#wmd-input.ace-tm .ace_cursor{color:#243342}#wmd-input.ace-tm .ace_print-margin{background:0 0}#wmd-input.ace-tm .ace_markup.ace_heading{color:#000;font-weight:700}#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,#wmd-input.ace-tm .ace_markup.ace_heading.ace_5{color:#1d3e81}#wmd-input.ace-tm .ace_markup.ace_list{color:#000}#wmd-input.ace-tm .ace_constant.ace_language{color:#1d3e81;font-weight:400}#wmd-input.ace-tm .ace_meta.ace_tag{color:#384654;font-style:italic;font-weight:700}#wmd-input.ace-tm .ace_keyword.ace_operator{color:#384654;background-color:transparent}#wmd-input.ace-tm .ace_storage,#wmd-input.ace-tm .ace_keyword{color:#384654;font-weight:700}#wmd-input.ace-tm .ace_entity.ace_name.ace_function{color:#1a2026;font-weight:700}#wmd-input.ace-tm .ace_string{color:#384654;font-style:italic}#wmd-input.ace-tm .ace_invalid{color:inherit;background:inherit}#wmd-input.ace-tm .ace_strong{color:#000;font-weight:700}#wmd-input.ace-tm .ace_emphasis{color:#000;font-style:italic}#wmd-input.ace-tm .ace_blockquote{color:#000}#wmd-input.ace-tm .ace_code{color:#1a2026}#wmd-input.ace-tm .ace_code_block{color:#1a2026}#wmd-input.ace-tm .ace_link{color:#000;background-color:transparent;text-decoration:underline}#wmd-input .ace_underline{color:#1d3e81;text-decoration:none}#wmd-input.ace-tm .ace_description{color:#576c82}#wmd-input.ace-tm .ace_constant{color:#384654}#wmd-input.ace-tm .ace_comment{color:rgba(87,108,130,.6);font-style:italic}#wmd-input.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}#wmd-input.emacs-mode .ace_cursor{border:2px rgba(101,189,119,.8)solid!important;background-color:#65bd77}#leftNotebook{position:absolute;left:0;top:0;bottom:0;width:170px}#notebook,#notebookMin{position:absolute;left:0;bottom:0;top:0;right:0;background-color:#fff;overflow-y:auto;overflow-x:auto;z-index:2}#addNotebookPlus{padding-right:10px;color:#666}#addNotebookPlus .fa{font-size:16px}#notebookList input,#notebookListForSearch input{border:none;width:90%;padding-left:3px;box-shadow:none;background:0 0;color:#000}#notebookList input:focus,#notebookListForSearch input:focus{outline:0!important}#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#eee}#notebookMin div.minContainer{border-bottom:1px solid #ccc;padding:5px;position:relative;cursor:pointer}#notebookMin div.minContainer i{font-size:20px;color:#000}#notebookMin div.minContainer:hover i{color:#0fb264}#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer}#notebookMin div.minContainer ul li a{cursor:pointer}#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer}.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(0,0,0,.05)}.folderHeader span{display:inline-block;line-height:35px;color:#000;font-size:16px}.folderHeader .fa-left,.friend-header i.fa{display:inline-block;line-height:35px;font-size:16px;width:35px;border-right:1px solid rgba(0,0,0,.05);text-align:center;color:#000}.friend-header{position:relative}.friend-header .notebook-setting{display:none;position:absolute;right:0;left:auto}.friend-header:hover .notebook-setting{display:block}.each-user{margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:3px;border-radius:3px;border:1px solid #eee;background-color:#fff}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(0,0,0,.05)}.each-user div span{line-height:35px;color:#000;padding-left:3px;font-size:14px;display:block;position:absolute;left:23px;top:0;right:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.each-user div .fa{width:20px;border-right:none}.notebook-number-notes{position:absolute;right:10px;top:0;bottom:0;z-index:1;display:inline-block;line-height:20px!important;height:20px;margin-top:5px;padding:0 3px}.notebook-setting{display:none;position:absolute;right:1px;top:0;bottom:0;z-index:2;line-height:30px}.notebook-setting:before{content:"\f013"}.ztree li a:hover .notebook-setting{display:block}#myTag .folderBody{padding:0 3px;padding-bottom:3px}#myTag .folderBody li{margin-left:10px;padding:3px;line-height:normal}#notebookList{border-top:#eee}.ztree{padding:0}#searchNotebookForAdd{line-height:normal;width:200px;margin:0 10px;margin-bottom:10px;height:30px;border-color:#ebeff2;box-shadow:none}#myNotebooks .folderBody{padding-top:3px}.folderBody{overflow-x:hidden}#searchNotebookForList{height:30px;width:90%;margin:3px auto;margin-top:0;border-color:#ebeff2;box-shadow:none}#notebookNavForNewNote li:hover{background:0 0}.folderBody{list-style:none;margin:0;padding:0;background-color:#fff}.folderBody li{line-height:30px}.closed .folderBody{display:none}#myTag .folderBody li{position:relative}#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:400;background-color:#fff;color:#000;border:1px solid #ebeff2}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{position:absolute;bottom:0;top:0;width:250px;border-right:1px solid #ebeff2;border-left:1px solid #ebeff2;z-index:333}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}#notesAndSort{background-color:#fff;border-bottom:1px solid #ebeff2;height:36px}#sortType{float:right}#noteItemListWrap{position:absolute;left:0;right:0;top:36px;bottom:3px}#noteAndEditorMask{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;text-align:center;padding-top:60px;opacity:.3;z-index:500;display:none}#noteItemList{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;overflow-y:hidden;padding:0 5px}#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd!important}.item-active,#noteItemList .item-active:hover{background-color:#65bd77!important;color:#fff}.item-active .fa,#noteItemList .item-active:hover .fa{color:#eee!important}.item-active .item-title,#noteItemList .item-active:hover .item-title{color:#fff}#noteItemList .item-thumb{width:100px;overflow:hidden;position:absolute;z-index:1;right:0;top:4px;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-width:100px}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#noteItemList .item-desc{position:absolute;left:0;top:4px;right:0;margin-left:4px}#noteItemList .item-desc .fa{color:#666}#noteItemList .item-image .item-desc{right:100px}.item-info{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desc{margin:0;word-wrap:break-word}#noteItemList{user-select:none;-webkit-user-select:none;-moz-user-select:none}#noteItemList .item-setting,#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;padding:3px;border-radius:5px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464C5E}#noteItemList .item-setting .fa,#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-setting:hover,#noteItemList .item-blog:hover{opacity:.8}#noteItemList .item-blog{top:1px}#noteItemList .item-setting{bottom:0;display:none}#noteItemList .item:hover .item-setting{display:block}#tool{border-bottom:1px solid #ddd;height:36px;margin-left:-5px;position:relative}#editorTool{margin:0;margin-right:5px;padding:0;list-style:none}#editorTool li{display:inline-block}#noteInfo{width:400px;box-sizing:border-box;padding:10px;-webkit-user-select:initial}#noteInfo table{width:100%;margin:0}#noteInfo table th{min-width:100px}#noteInfo table th,#noteInfo table td{border-top:none;border-bottom:1px solid #ddd;padding:8px;line-height:20px;vertical-align:top;word-break:break-all}#noteInfo table td{max-width:280px}#noteInfo a{cursor:pointer}#noteInfo a.post-url{background:#FDF936}#noteInfo .post-url-wrap{word-wrap:break-word}#noteInfo .post-url-wrap span{display:inline}#noteInfo .post-url-wrap input{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-pencil{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-text{display:none}#noteInfo .post-url-wrap.post-url-edit input{display:inline}#editor #mceToolbar{height:30px}#editor.all-tool #mceToolbar{height:60px}#editor.all-tool .more-fa:before{content:"\f106"}#editor.all-tool #editorContent{top:60px}#editor .more-fa:before{content:"\f107"}#historyList img{max-width:100%}.history-modal .modal-dialog{width:auto!important;position:absolute;left:5px;right:5px;top:5px;bottom:5px}.history-modal .modal-dialog .modal-content{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;padding:0;overflow:scroll}.history-modal .modal-dialog .modal-content .modal-body{position:absolute;top:0;bottom:0;left:0;right:0;padding:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap{position:absolute;top:0;bottom:0;overflow-y:auto;width:200px;border-right:1px solid #ccc;box-shadow:1px 1px 10px #ddd}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header{line-height:50px;font-size:16px;font-weight:700;padding-left:15px;border-bottom:1px solid #eee;background-color:#ccc}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list{position:absolute;top:51px;bottom:0;left:0;right:0;overflow-y:auto;margin-bottom:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item{border-top:none}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover{color:#000;background-color:#eee;border-color:#eee}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap{position:absolute;top:0;bottom:0;right:0;left:200px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close{padding:10px 15px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back{margin-left:10px;margin-top:5px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header{height:51px;border-bottom:1px solid #eee;box-shadow:5px 0 5px #ccc}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content{position:absolute;top:51px;bottom:0;right:0;left:0;padding-top:5px;padding-right:5px;padding-left:10px;overflow-y:auto}#upload{position:absolute;z-index:0;bottom:0;right:0;left:0;padding:0;background-color:#fff;text-align:center;display:none}#upload #drop{width:100%;height:100%;padding-top:100px}#drop.in{border:1px solid #000}#drop.hover{border:2px solid #000}#uploadMsg{position:absolute;top:3px;right:3px;bottom:10px;overflow:scroll;list-style:none}#uploadAttach{position:relative;margin-top:5px}.dropzone{text-align:center}.dropzone input{display:none}.dropzone.in{border:1px solid #000}.dropzone.hover{border:2px solid #000}#attachUploadMsg,#avatarUploadMsg{list-style-type:none;margin:0;padding:0;max-height:240px;z-index:3}#attachUploadMsg .alert,#avatarUploadMsg .alert{margin:0;padding:0 3px;margin-top:10px}#attachMenu{width:450px;padding:10px 5px}#attachList{margin:0;padding:0;max-height:450px;overflow-y:auto}#attachList li{display:block;margin:0;padding:0 3px;border-radius:3px;border-bottom:1px dashed #eee;height:45px;line-height:45px}#attachList li div{float:left}#attachList li .attach-title{width:290px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#attachList li .attach-process{float:right}#attachList li.loading{text-align:center}#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fff}#noteTitle:focus{outline:0!important}#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}.fa-calendar{color:#666}.dropdown-menu .fa{width:15px}.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}.tab-pane{padding:5px 0 0}#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:0 0}.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}.new-note-right:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#toggleEditorMode{margin:0 10px!important}#editorMask{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;display:none;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}.note-mask{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}#noteMaskForLoading{padding-top:60px;background:#fff;text-align:center;opacity:.3}.info-toolbar{position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;padding-left:5px;height:30px;display:none;overflow:hidden}.info-toolbar .toolbar-update{color:inherit;float:right;padding:0 10px}.info-toolbar .toolbar-update:hover{background:#fff;color:#000}.info-toolbar .created-time{display:inline-block;padding-right:10px}#editorContent{-webkit-user-select:text}#editor.read-only #mceToolbarContainer{display:none}#editor.read-only .info-toolbar{display:block}#note.read-only #editor,#note.read-only #mdEditor{top:60px}#note.read-only #tool{display:none}#note.read-only .toolbar-update{display:none}#note.read-only #noteReadTop{display:block}#note.read-only #infoToolbar,#note.read-only #mceToolbar,#note.read-only .navbar{display:none}#note.read-only #editorContent,#note.read-only #mdEditor .layout-wrapper-l3{top:0}#noteRead{position:absolute;left:5px;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}#noteReadTop{position:absolute;height:60px;left:5px;right:0;top:0;bottom:0;z-index:2;display:none;background:#fff;padding-left:5px}#noteReadTitle{margin:3px 0;height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#noteReadInfo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;margin-top:8px}.read-only-editor #editBtn span:before{content:"\f044"}#editBtn span:before{content:"\f06e"}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fff}#addTagInput:focus{outline:0}.label-default{background-color:#464C5E}.label-red{background-color:#d9534f}.label-yellow{background-color:#f0ad4e}.label-blue{background-color:#428bca}.label-green{background-color:#5cb85c}.label{border-radius:0;font-weight:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#tag{position:absolute;right:300px;top:0;left:5px;bottom:0}#tag{height:36px;line-height:36px}#tag .dropdown{line-height:30px}#tagColor{left:10px}#tagColor:before{content:"";background-image:none}#addTagInput{width:100px}#tagNav i,#tagNav em{font-style:normal}#tagNav .tag-delete{display:none;margin-left:3px;font-size:12px}#tagNav li:hover .tag-delete{display:inline-block}#tagNav a:hover{background:none!important}.batch #noteItemList .item-active .item-setting,.batch #noteItemList .item-active:hover .item-setting{display:none}.batch #toggleEditorMode{display:none}#batchMask{background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none}.batch-ctn{position:relative;padding:50px;width:100%;height:100%}.batch-note{display:inline-block;width:160px;position:absolute;left:50%;border:1px solid #ccc;height:200px;padding:5px;border-radius:5px;background:#eee;overflow:hidden;transition:margin .5s;margin-left:-1000px}.batch-note .title{font-size:16px;margin-bottom:5px;font-weight:700}.batch-info{position:absolute;left:0;top:0;right:0;text-align:center;margin-top:300px}.batch-info p{margin-top:8px}.batch-info .fa{cursor:pointer;font-size:16px}*,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif}body{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif;font-weight:400;font-size:14px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){body{font-weight:300}}h1,h2,h3{font-family:'Open Sans',Helvetica,Tahoma,Arial,Hiragino Sans GB,"Microsoft YaHei","微软雅黑","Micro Hei",SimSun,"宋体",Heiti,"黑体",sans-serif;font-weight:400!important}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.editor-content,.preview-container{-webkit-overflow-scrolling:touch!important}.folderBody a.active{background-color:#fff;color:#0fb264}.folderBody a:hover,.folderBody .contextmenu-hover{background-color:#ebeff2!important}@media screen and (max-width:700px){#toggleEditorMode,#lea,#myBlog,#demoRegister,.noteSplit,#logo,#tipsBtn,#contentHistory,#curNotebookForNewNote,#curNotebookForNewSharedNote,.for-split,#listNotebookDropdownMenu,#listShareNotebookDropdownMenu,.new-markdown-text,.new-note-text,.username,#notebookMin,.ui-loader,#md-section-helper,.writing-mobile-hide,.tips-ctn,#wmd-undo-button,#wmd-redo-button,#wmd-hr-button,#wmd-help-button{display:none!important}*,.ztree li a.level0 span,.ztree li a.level1 span{font-size:16px}.label i{opacity:1;width:12px}.label i:hover,.label i:focus{color:#65bd77!important}#leftSwitcher:before{content:"\f039"}a:focus,a:hover,a:active{color:#65bd77!important}#noteItemList .item{height:120px}#leftNotebook{width:140px!important;max-width:140px}#notebook{display:block!important}#leftNotebook .slimScrollDiv{display:block!important}#switcher{padding-top:0;padding-right:0}#switcher i{padding:20px 0;font-size:20px}#newNoteMarkdownBtn{width:10px;overflow:hidden}#noteAndEditor{left:140px!important}#noteList{display:block;width:100%!important}#note{visibility:hidden;z-index:-1;overflow-x:hidden;left:0!important;padding-left:0}#note #editor{visibility:hidden}#note .mce-tinymce{visibility:hidden!important}#note.editor-show{visibility:visible;z-index:initial}#note.editor-show #editor{visibility:visible}#note.editor-show .mce-tinymce{visibility:visible!important}#leftSwitcher{display:block!important}#leftSwitcher2{display:none!important}.full-editor #leftNotebook{display:none}.full-editor #noteAndEditor{left:0!important}.full-editor #noteList{display:none}#searchWrap{margin-left:3px}#searchNote{border-top:none;border-bottom:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding-right:10px}#searchNote input{width:55px;padding-left:5px;padding-right:2px;margin-top:3px;-webkit-transform:translate3d(0,0,0);-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}#searchNote input:focus{width:100px}#tool{position:relative}#tag{position:absolute;right:124px;left:0;top:0;bottom:0;overflow:hidden}#tag #tags{left:50px;right:0;top:0;bottom:0;overflow-y:hidden;overflow-x:scroll;position:absolute;line-height:40px;line-height:inherit!important}#tag #tagDropdown{float:left;width:50px;line-height:40px;overflow:hidden;padding-left:3px}#tag .add-tag-text{display:none}#tag #addTagInput{width:30px;display:inline-block}#tag #tagColor{display:none!important}#left-column{width:100%!important}#mdEditor #wmd-input *{font-size:14px}.new-markdown-text-abbr,.new-note-text-abbr{display:inline}.my-link{display:block}#themeForm img{height:70px!important}.slimScrollBar,.slimScrollRail{display:none!important}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.wmd-input-section{-webkit-overflow-scrolling:touch!important;overflow:auto!important}#attachMenu{width:320px}#attachList{max-height:200px}#attachList li .attach-title{width:170px}#dropAttach .btn{padding:5px 3px;margin-top:3px;display:block}#myTag .folderBody li{margin:5px}#myTag .folderBody li a:hover span{color:#65bd77}#noteItemList .item-thumb{width:80px;height:80px;margin-top:15px}#noteItemList .item{height:118px}#noteItemList .item-setting,#noteItemList .item-blog{font-size:16px;width:30px;display:inline-block}#noteMaskForLoading{opacity:.8}#editorContent .ace-tomorrow{padding:0}#note,#editor,#mdEditor{left:0}#mdEditor #right-column{display:none}#mdEditor.read-only #left-column{visibility:hidden}#mdEditor.read-only #right-column{left:0!important;display:block;-webkit-overflow-scrolling:touch!important}#mdEditor.read-only .preview-container{left:5px}}@media screen and (max-width:1024px){#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags{overflow:auto!important;-webkit-overflow-scrolling:touch!important}#tag{position:absolute;right:310px;left:0;top:0;bottom:0;overflow:hidden;padding-left:5px}#tag #tagDropdown{float:left;width:50px;line-height:40px;overflow:hidden;padding-left:3px}#tag .add-tag-text{display:none}#tag #addTagInput{width:30px;display:inline-block}#tag #tagColor{display:none!important}#tags{left:50px;right:0;top:0;bottom:0;overflow-y:hidden;overflow-x:scroll;position:absolute;line-height:40px;line-height:inherit!important}}@media screen and (max-width:800px){#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.wmd-input-section{overflow:auto!important;-webkit-overflow-scrolling:touch!important}#lea,.lea-blog,#myBlog,#demoRegister,.noteSplit,#tipsBtn,#contentHistory,#curNotebookForNewNote,#curNotebookForNewSharedNote,.for-split,#listNotebookDropdownMenu,#listShareNotebookDropdownMenu,.username,.ui-loader,#md-section-helper{display:none!important}#tag{position:absolute;right:124px;left:0;top:0;bottom:0;overflow:hidden}#tag #tags{left:50px;right:0;top:0;bottom:0;overflow-y:hidden;overflow-x:scroll;position:absolute;line-height:40px;line-height:inherit!important}#tag #tagDropdown{float:left;width:50px;line-height:40px;overflow:hidden;padding-left:3px}#tag .add-tag-text{display:none}#tag #addTagInput{width:30px;display:inline-block}#tag #tagColor{display:none!important}.my-link{display:block}#attachMenu{width:320px}#attachList{max-height:200px}#attachList li .attach-title{width:170px}#dropAttach .btn{padding:5px 3px;margin-top:3px;display:block}#myTag .folderBody li{margin:5px}#myTag .folderBody li a:hover span{color:#65bd77}#left-column{width:100%!important}#mdEditor #wmd-input{font-size:14px}.my-link{display:block}#themeForm img{height:70px!important}#mdEditor #right-column{display:none}.wmd-button-bar-inner{height:30px}#mdEditor.read-only #left-column{visibility:hidden}#mdEditor.read-only #right-column{left:0!important;display:block;-webkit-overflow-scrolling:touch!important}#mdEditor.read-only .preview-container{left:10px}#searchNote{margin-top:2px}#tags .label,#tags .label i{font-size:10px}.mobile-hide{display:none}.mobile-show{display:block}#editorContent,#mdEditor{bottom:0!important}#mdEditor .layout-wrapper-l3,#editorContent{margin-top:0;border:none}.leanote-plugin #header{height:40px}.leanote-plugin #mainContainer{top:40px}.leanote-plugin .profile-img{line-height:37px}.leanote-plugin #switcher i{padding:11px 0}.leanote-plugin #searchNote{padding-top:1px}.leanote-plugin #newNoteWrap{line-height:22px}.leanote-plugin #leanoteMsg{margin-top:0}.leanote-plugin *,.leanote-plugin .ztree li a.level0 span,.leanote-plugin .ztree li a.level1 span,.leanote-plugin #noteItemList .item-setting,.leanote-plugin #noteItemList .item-blog{font-size:14px}.leanote-plugin .leanoteNav h1{font-size:16px}.leanote-plugin h1{font-size:24px}.leanote-plugin h2{font-size:20px}.leanote-plugin h3{font-size:18px}.leanote-plugin h4{font-size:16px}.leanote-plugin #noteItemList .item-setting,.leanote-plugin #noteItemList .item-blog{width:23px;padding:1px}.leanote-plugin #noteItemList .item{height:69px}.leanote-plugin #noteItemList .item-thumb{width:60px;height:60px;margin-top:0}.leanote-plugin #preview-contents{padding-left:0}.leanote-plugin #msg{font-size:12px}.leanote-plugin #noteInfo{width:265px}.leanote-plugin #noteInfo table th{min-width:72px}.leanote-plugin #noteInfo .post-url-wrap span{word-break:break-all}.extension-preview-buttons{border:none}}
\ No newline at end of file
+::selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-moz-selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-webkit-selection {
+ background: #000000;
+ color: #ffffff;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+ width: 5px;
+ height: 8px;
+ background: none;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #41586e;
+ opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+ background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+ background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+ height: 0;
+ background-color:#f0f0f0;
+ background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+ height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+ width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+ background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+ background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+ background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+ background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+ background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+ background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+ background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+ background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+ background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+@-webkit-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-moz-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-ms-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-moz-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-ms-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-moz-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-o-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+@-moz-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+@-o-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.animated {
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -ms-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ -moz-animation-duration: 0.5s;
+ -ms-animation-duration: 0.5s;
+ -o-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+}
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ -moz-animation-name: fadeIn;
+ -o-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ -moz-animation-name: fadeInUp;
+ -o-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+/**
+ * 通用的
+ */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+.close:focus {
+ outline: none;
+}
+.invisible {
+ visibility: hidden;
+}
+.mobile-show {
+ display: none;
+}
+.btn {
+ border-radius: 2px;
+}
+.alert {
+ margin-bottom: 10px;
+}
+.btn * {
+ cursor: pointer !important;
+}
+.dropdown-submenu {
+ position: relative;
+}
+.dropdown-submenu > ul.dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-left: -3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ padding-top: 10px !important;
+}
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block;
+}
+.dropdown-submenu:after {
+ display: block;
+ content: " ";
+ position: absolute;
+ right: 0;
+ top: 10px;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #666;
+}
+.dropdown-submenu:hover > a:after {
+ border-left-color: #fff;
+}
+.dropdown-submenu.pull-left {
+ float: none;
+}
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: -100%;
+ margin-left: 10px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}
+.open > .dropdown-menu,
+.dropdown-submenu:hover > .dropdown-menu {
+ visibility: visible;
+ -webkit-animation: pulldown .2s;
+ animation: pulldown .2s;
+ /*
+ transform: scale(1, 1);
+ -webkit-transform: scale(1, 1);
+ -moz-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ */
+}
+.dropdown-menu {
+ visibility: hidden;
+ display: block;
+ /*
+ -webkit-transform: scale(0, 0);
+ -webkit-transform-origin: top;
+ -webkit-animation-fill-mode: forwards;
+ -webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -o-transform: scale(0, 0);
+ -o-transform-origin: top;
+ -o-animation-fill-mode: forwards;
+ -o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -moz-transform: scale(0, 0);
+ -moz-transform-origin: top;
+ -moz-animation-fill-mode: forwards;
+ -moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ transform: scale(0, 0);
+ transform-origin: top;
+ animation-fill-mode: forwards;
+ transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+ */
+}
+.dropdown-list {
+ width: 530px;
+ border-radius: 3px;
+}
+.dropdown-list ul {
+ margin: 0;
+ padding: 0;
+}
+.dropdown-list ul li {
+ float: left;
+ width: 120px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ border: 1px dashed #ccc;
+}
+.dropdown-menu .divider {
+ margin: 3px 0;
+}
+.dropdown-menu {
+ border-radius: 3px;
+ margin: 0;
+ /*overflow-x: hidden; */
+ /*overflow-y: scroll;*/
+}
+.dropdown-menu:before {
+ content: "";
+ width: 20px;
+ height: 12px;
+ position: absolute;
+ top: -12px;
+ right: 8px;
+ background-image: url("../../images/triangle_2x.png");
+ background-size: 20px 12px;
+}
+.dropdown-submenu .dropdown-menu:before {
+ background: none;
+}
+#searchNotebookForAddDropdownList,
+#searchNotebookForAddShareDropdownList {
+ left: -200px;
+}
+#searchNotebookForAddDropdownList:before,
+#searchNotebookForAddShareDropdownList:before {
+ left: 190px;
+ right: inherit;
+}
+.dropdown-menu li {
+ list-style: none;
+ padding-left: 10px;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+}
+.dropdown-menu li > a {
+ color: #000000;
+ display: block;
+ padding-right: 20px;
+}
+.dropdown-menu > li > a {
+ padding: 3px 20px 3px 0;
+}
+.noteSplit {
+ position: absolute;
+ top: 0;
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 3333;
+ cursor: col-resize;
+}
+a.raw {
+ color: #428bca;
+}
+a.raw:hover {
+ color: #2a6496;
+}
+.cm-item {
+ position: relative;
+}
+.cm-item .cm-text {
+ position: absolute;
+ left: 23px;
+ right: 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.cm-item .cm-text .c-text {
+ display: initial;
+}
+.b-m-mpanel {
+ border-radius: 3px;
+}
+.modal-content {
+ background-color: #f8f8f8;
+}
+.modal-body {
+ background-color: #ffffff;
+ padding-bottom: 30px;
+}
+.modal-footer {
+ margin-top: 0;
+}
+#editorTool,
+#newNoteWrap,
+#myBlog,
+.lea-blog,
+#myProfile,
+#toggleEditorMode,
+.folderHeader {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+@font-face {
+ font-family: 'leanote';
+ src: url('../../fonts/leanote-font3/leanote.eot?-vcf23i');
+ src: url('../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i') format('embedded-opentype'), url('../../fonts/leanote-font3/leanote.ttf?-vcf23i') format('truetype'), url('../../fonts/leanote-font3/leanote.woff?-vcf23i') format('woff'), url('../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+#logo,
+.mce-i-mind,
+.mce-i-ace-pre,
+.lea-icon {
+ font-family: 'leanote' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.icon-markdown:before {
+ content: "\e604";
+}
+.mce-i-mind:before {
+ content: "\e602";
+}
+.mce-i-ace-pre:before {
+ content: "\e603";
+}
+#logo:before {
+ content: "\e901";
+ line-height: 1;
+ margin-top: 5px;
+ display: inline-block;
+ vertical-align: top;
+}
+#logo.icon-only:before {
+ content: "\e902";
+}
+.lang-zh-cn #logo:before {
+ content: "\e900";
+}
+/**
+ * 头部
+ */
+#listNotebookDropdownMenu {
+ display: none;
+}
+#themeForm td {
+ padding: 5px;
+ text-align: center;
+}
+#themeForm img {
+ border: 1px solid #eee;
+ padding: 2px;
+}
+#avatar {
+ height: 60px;
+ max-width: 200px;
+ display: inline-block;
+ margin: 10px;
+}
+.new-split {
+ display: none;
+}
+.new-note-right {
+ padding: 0 5px;
+ padding-left: 3px;
+}
+#leanoteMsg {
+ line-height: 40px;
+ margin-top: 10px;
+ margin-left: 10px;
+}
+#newNoteWrap {
+ line-height: 40px;
+ margin-top: 10px;
+}
+.new-note {
+ background-color: #eeeeee;
+ border-radius: 3px;
+ padding: 3px 5px;
+ border: 1px solid transparent;
+}
+.new-note,
+.new-note a {
+ color: #000000;
+}
+.new-note:hover {
+ background: #e0e0e0;
+ border-color: transparent;
+}
+.new-note:hover,
+.new-note:hover a {
+ color: #fff;
+}
+.new-markdown {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+.top-nav {
+ margin: 0 10px;
+ display: inline-block;
+ line-height: 60px;
+}
+.my-link,
+.new-markdown-text-abbr,
+.new-note-text-abbr {
+ display: none;
+}
+#myAvatar {
+ height: 30px;
+ max-width: 30px;
+ overflow: hidden;
+ border-radius: 50%;
+}
+.ios7-a {
+ display: inline-block;
+ padding: 0 10px;
+ height: 36px;
+ vertical-align: middle;
+ line-height: 36px;
+ cursor: pointer;
+}
+#page.mini-left #notebook,
+#page.mini-left #notebookSplitter,
+#page.mini-left #logo,
+#page.mini-left #leftSwitcher,
+#page.mini-left #leftNotebook .slimScrollDiv {
+ display: none;
+}
+#page.mini-left #leftSwitcher2 {
+ display: block;
+}
+#page.mini-left #leftNotebook {
+ width: 30px !important;
+}
+#page.mini-left #noteAndEditor {
+ left: 30px !important;
+}
+a {
+ color: #000000;
+ cursor: pointer;
+}
+a:hover {
+ text-decoration: none !important;
+ color: #000000;
+}
+#header {
+ height: 60px;
+ background-color: #ffffff;
+ border-bottom: 1px solid #ebeff2;
+ color: #000000;
+ /* for app */
+ webkit-user-select: none;
+ /* 还不知 */
+ -webkit-app-region: drag;
+ /* -webkit-app-region: no-drag; */
+}
+#header a {
+ color: #000000;
+}
+#header li,
+#header li a {
+ color: #000000;
+}
+#logo {
+ line-height: 50px;
+ box-sizing: content-box;
+ width: 140px;
+ height: 60px;
+ padding-left: 10px;
+ padding-top: 9px;
+ font-size: 32px;
+}
+#switcher {
+ line-height: 50px;
+ padding-top: 6px;
+ padding-right: 5px;
+ width: 30px;
+ text-align: center;
+}
+#switcher i {
+ font-size: 16px;
+ cursor: pointer;
+}
+#switcher i:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ cursor: pointer;
+ font-size: 16px;
+ line-height: 34px;
+ margin-top: 8px;
+ padding: 0 5px;
+ height: 34px;
+ display: inline-block;
+}
+#switcher #leftSwitcher2:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ display: none;
+}
+#searchNote {
+ padding-left: 0;
+ line-height: 60px;
+ margin: 0;
+}
+#searchNote input {
+ background-size: 18px 13px;
+ border-color: #ebeff2;
+ border: 1px solid #ebeff2;
+ color: #000000;
+ background-color: #ffffff;
+ padding-left: 14px;
+ border-radius: 5px;
+ height: 30px;
+ width: 250px;
+ line-height: 20px;
+ box-shadow: none;
+}
+#searchNote input:focus {
+ outline: none !important;
+ border-color: #0fb264;
+ box-shadow: none;
+}
+#header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#header ul li.dropdown {
+ display: inline-block;
+ height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+ display: block;
+ padding: 15px 5px 0 0;
+ position: relative;
+}
+#header span.icon {
+ display: inline-block;
+ font-size: 28px;
+ color: #999999;
+}
+.dropdown-menu li > a {
+ color: #000000;
+}
+.dropdown-menu li:hover,
+.dropdown-menu li:focus {
+ background-color: #ebeff2;
+}
+.dropdown-menu li > a:hover,
+.dropdown-menu li > a:focus {
+ background-color: #ebeff2;
+}
+#loading {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ content: url(../../images/loading-a-20-black.gif);
+ vertical-align: middle;
+ visibility: hidden;
+}
+#inviteFriends {
+ position: relative;
+}
+#inviteFriends .dot {
+ display: inline-block;
+ position: absolute;
+ right: -8px;
+ top: -8px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: #FF9263;
+}
+#inviteUrl {
+ width: 400px;
+ padding: 3px;
+ border-radius: 3px;
+ border: 1px solid #eee;
+}
+#myProfile {
+ margin: 0 10px;
+}
+.profile-img {
+ line-height: 60px;
+}
+#page {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+#pageInner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+#mainContainer {
+ position: absolute;
+ top: 60px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ zoom: 1;
+}
+#mainMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ background-color: #fff;
+ text-align: center;
+ padding-top: 100px;
+ z-index: 1000;
+}
+#notebookSplitter {
+ left: 170px;
+}
+#noteSplitter {
+ left: 250px;
+}
+.ace_editor,
+.ace_editor * {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_invisible_space {
+ visibility: hidden !important;
+}
+#editor,
+#mdEditor {
+ position: absolute;
+ z-index: 2;
+ top: 66px;
+ bottom: 0px;
+ right: 0;
+ left: 5px;
+ padding: 0;
+ display: none;
+}
+/* leanote nav */
+.leanoteNav {
+ position: absolute;
+ right: 0px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ background-color: #fff;
+ opacity: 0.5;
+ z-index: 11;
+ margin-top: 4px;
+}
+.leanoteNav h1 {
+ margin: 0;
+ font-size: 16px;
+ padding: 3px;
+ cursor: pointer;
+}
+.leanoteNav i {
+ padding: 3px;
+}
+.leanoteNav span {
+ display: none;
+}
+.leanoteNav .leanoteNavContent {
+ display: none;
+ overflow: auto;
+}
+.leanoteNav.unfolder {
+ min-width: 200px;
+ max-width: 300px;
+ opacity: 0.8;
+}
+.leanoteNav.unfolder h1 {
+ border-bottom: 1px dashed #ebeff2;
+}
+.leanoteNav.unfolder span {
+ display: inline;
+}
+.leanoteNav.unfolder .leanoteNavContent {
+ display: block;
+ min-height: 30px;
+}
+.leanoteNav ul {
+ margin: 0;
+ padding-left: 23px;
+}
+.leanoteNav ul li {
+ list-style-type: disc;
+}
+.leanoteNav ul li a:hover {
+ color: #0fb264;
+}
+.leanoteNav ul .nav-h2 {
+ margin-left: 20px;
+}
+.leanoteNav ul .nav-h3 {
+ margin-left: 30px;
+}
+.leanoteNav ul .nav-h4 {
+ margin-left: 40px;
+}
+.leanoteNav ul .nav-h5 {
+ margin-left: 50px;
+}
+.scrollTo-a {
+ cursor: pointer !important;
+}
+.preview-container table,
+.mce-item-table,
+.preview-container table td,
+.mce-item-table td,
+.preview-container table th,
+.mce-item-table th,
+.preview-container table caption,
+.mce-item-table caption {
+ border: 1px solid #ddd;
+ border-collapse: collapse;
+ padding: 5px;
+ vertical-align: middle;
+}
+.preview-container table tr,
+.mce-item-table tr {
+ background-color: none;
+ border-top: 1px solid #ccc;
+}
+.preview-container table tr:nth-child(2n),
+.mce-item-table tr:nth-child(2n) {
+ background-color: #f7f7f9;
+}
+.preview-container th {
+ padding: 10px;
+}
+/**
+ * tinymce editor
+ */
+/* 包裹iframe */
+#editor .mce-ifr {
+ border: none;
+ overflow: hidden !important;
+ /*不知道哪里设置了auto*/
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+ border: none;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+ padding: 5px 5px !important;
+ line-height: 20px !important;
+}
+.mce-foot .mce-btn {
+ border-radius: 3px;
+}
+.mce-menubtn.mce-btn-small span {
+ line-height: 20px !important;
+}
+.mce-btn span {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+ text-shadow: none;
+}
+.mce-primary {
+ background-color: #47a447 !important;
+ border: none !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+ background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+ color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+ background-color: #ebeff2;
+}
+.tool-split {
+ display: inline-block;
+ line-height: 25px;
+ color: #ddd;
+}
+#moreBtn {
+ dispaly: block;
+ position: absolute;
+ cursor: pointer;
+ right: 5px;
+ padding: 3px 10px;
+}
+#moreBtn span {
+ display: none;
+}
+.mce-colorbtn-trans div {
+ line-height: 11px;
+ text-align: center;
+}
+.mce-btn-small .mce-caret {
+ margin-top: 8px;
+}
+.mce-listbox.mce-btn-small .mce-caret {
+ margin-top: -2px;
+}
+.mce-btn i {
+ text-shadow: none;
+}
+.mce-colorbutton.mce-btn-small .mce-preview {
+ width: 15px;
+}
+#editorContent {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ padding: 5px;
+ outline: none;
+ margin-top: 5px;
+ bottom: 5px !important;
+}
+#editorContent pre {
+ position: relative;
+ -mo-height: auto !important;
+}
+#editorContent pre .toggle-raw {
+ position: absolute;
+ left: 2px;
+ top: -2px;
+ z-index: 100;
+ display: none;
+}
+#editorContent pre:hover .toggle-raw {
+ display: block;
+}
+#editorContent * {
+ font-family: inherit;
+}
+.mce-tinymce-inline {
+ border-width: 0 !important;
+}
+#editorContent a {
+ color: #2a6496;
+ text-decoration: underline;
+}
+#editorContent pre {
+ font: 12px / normal Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ color: #4D4D4C;
+}
+#editorContent .ace_searchbtn_close {
+ margin: 0px;
+}
+#editorContent .ace-tomorrow {
+ padding: 0;
+ padding-left: 44px;
+}
+#editorContent .ace-to-pre {
+ padding: 0;
+ padding-left: 5px;
+}
+#editorContent .ace_scrollbar-v {
+ overflow-y: hidden;
+}
+#editorContent .leanote-image-container {
+ display: inline-block;
+ width: 100px;
+}
+#editorContent .leanote-image-container .loader {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 3px;
+ margin-top: 5px;
+}
+#editorContent .leanote-image-container .progress {
+ display: inline-block;
+ margin: 0;
+ width: 80px;
+}
+.mce-text {
+ vertical-align: middle;
+}
+/**
+ * markdown editor
+ */
+#mdEditor {
+ z-index: 1;
+ background-color: #fff;
+ bottom: 5px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+ font-size: 14px;
+ line-height: 22px;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+ position: relative;
+ height: 30px;
+ overflow: hidden;
+ border-bottom: 1px solid #ccc;
+ background-color: #f0f0f0;
+}
+#wmd-button-bar {
+ overflow: visible;
+}
+#mdEditorPreview {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+#left-column,
+#right-column,
+#mdSplitter {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+}
+#mdSplitter {
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 5;
+ cursor: col-resize;
+ left: 450px;
+ background: none;
+}
+#left-column {
+ left: 0;
+ width: 450px;
+}
+#right-column {
+ left: 450px;
+ right: 0;
+ overflow: hidden;
+}
+.wmd-panel-editor,
+.preview-container,
+#wmd-input {
+ height: 100%;
+}
+.wmd-input,
+.wmd-input:focus,
+#md-section-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;
+}
+.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;
+ font-size: 14px;
+}
+#mdEditor .navbar-default {
+ overflow: visible;
+}
+.wmd-mode {
+ min-width: 150px;
+ left: 50%;
+ margin-left: -75px !important;
+}
+.wmd-mode:before {
+ right: auto;
+ left: 40%;
+}
+#md-keyboard-mode {
+ color: #8E8E8E;
+ font-size: 12px;
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ font-style: normal;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+.ace_editor {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_editor * {
+ font-family: inherit;
+}
+/*
+// markdown editor ace
+@mdAceTextColor: #2C3E50; // #04294E; // #384654;
+@mdAceHeadingColor: #000; // 1a2026
+@mdAceBlockquoteColor: #003873;
+@mdAceCursorColor: #243342;
+
+@mdAceTextColor: #000;
+@mdAceTagColor: rgba(87, 108, 130, 0.6);
+
+textarea#wmd-input {
+ color: #000 !important;
+}
+
+#wmd-input {
+ .ace_searchbtn_close {
+ margin: 0px;
+ }
+ .ace_content {
+ padding-top: 5px;
+ }
+ &.ace_editor {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm {
+ background-color: #ffffff;
+ }
+ &.ace-tm .ace_text-input {
+ box-sizing: initial;
+ }
+ &.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_cursor {
+ color: @mdAceCursorColor;
+ }
+ // 左侧的线
+ &.ace-tm .ace_print-margin {
+ background: none;
+ // background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_markup.ace_heading {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ &.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
+ color: @mdAceTagColor;
+ }
+ }
+ &.ace-tm .ace_markup.ace_list {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_constant.ace_language {
+ color: @mdAceTagColor;
+ font-weight: normal;
+ }
+ &.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+ }
+ &.ace-tm .ace_storage,
+ &.ace-tm .ace_keyword {
+ color: #384654;
+ background-color: rgba(0, 0, 0, 0.04);
+ font-weight: bold;
+ }
+ &.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+ }
+ &.ace-tm .ace_strong {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_emphasis {
+ color: @mdAceTextColor;
+ font-style: italic;
+ }
+ &.ace-tm .ace_blockquote {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_code {
+ color: #1a2026;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_code_block {
+ color: #1a2026;
+ }
+ &.ace-tm .ace_link {
+ color: #576c82;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_description {
+ color: #576c82;
+ }
+ &.ace-tm .ace_constant {
+ color: #384654;
+ }
+ &.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+ }
+ &.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+ }
+
+ // vim cursor
+ &.normal-mode .ace_cursor {
+ background-color: #003A92;
+ }
+ // emacs cursor
+ &.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: rgb(101, 189, 119, 0.9);
+ }
+}
+*/
+.m-todo-item {
+ list-style: none;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+#wmd-input .ace_cjk {
+ color: inherit;
+}
+#wmd-input .ace_searchbtn_close {
+ margin: 0px;
+}
+#wmd-input .ace_content {
+ padding-top: 5px;
+}
+#wmd-input.ace_editor {
+ color: #000000;
+}
+#wmd-input.ace-tm {
+ background-color: #ffffff;
+}
+#wmd-input.ace-tm .ace_text-input {
+ box-sizing: initial;
+}
+#wmd-input.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+}
+#wmd-input.ace-tm .ace_cursor {
+ color: #243342;
+}
+#wmd-input.ace-tm .ace_print-margin {
+ background: none;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_5 {
+ color: #1d3e81;
+}
+#wmd-input.ace-tm .ace_markup.ace_list {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_constant.ace_language {
+ color: #1d3e81;
+ font-weight: normal;
+}
+#wmd-input.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+}
+#wmd-input.ace-tm .ace_storage,
+#wmd-input.ace-tm .ace_keyword {
+ color: #384654;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+}
+#wmd-input.ace-tm .ace_strong {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_emphasis {
+ color: #000000;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_blockquote {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_code {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_code_block {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_link {
+ color: #000000;
+ background-color: transparent;
+ text-decoration: underline;
+}
+#wmd-input .ace_underline {
+ color: #1d3e81;
+ text-decoration: none;
+}
+#wmd-input.ace-tm .ace_description {
+ color: #576c82;
+}
+#wmd-input.ace-tm .ace_constant {
+ color: #384654;
+}
+#wmd-input.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+}
+#wmd-input.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: #65bd77;
+}
+#leftNotebook {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 170px;
+}
+#notebook,
+#notebookMin {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ background-color: #ffffff;
+ overflow-y: auto;
+ overflow-x: auto;
+ z-index: 2;
+}
+#addNotebookPlus {
+ padding-right: 10px;
+ color: #666666;
+}
+#addNotebookPlus .fa {
+ font-size: 16px;
+}
+#notebookList input,
+#notebookListForSearch input {
+ border: none;
+ width: 90%;
+ padding-left: 3px;
+ box-shadow: none;
+ background: none;
+ color: #000000;
+}
+#notebookList input:focus,
+#notebookListForSearch input:focus {
+ outline: none !important;
+}
+#notebookMin {
+ z-index: 1;
+ overflow-y: visible;
+ overflow-x: visible;
+ background-color: #eeeeee;
+}
+#notebookMin div.minContainer {
+ border-bottom: 1px solid #cccccc;
+ padding: 5px;
+ position: relative;
+ cursor: pointer;
+}
+#notebookMin div.minContainer i {
+ font-size: 20px;
+ color: #000000;
+}
+#notebookMin div.minContainer:hover i {
+ color: #0fb264;
+}
+#notebookMin div.minContainer ul {
+ background-color: #fff;
+ opacity: 0.8;
+ display: none;
+ list-style: none;
+ margin: 0;
+ margin-left: 20px;
+ padding: 5px 0px;
+ border: 1px solid #0fb264;
+ position: absolute;
+ z-index: 1000;
+ top: 0;
+ left: 10px;
+ width: 150px;
+}
+#notebookMin div.minContainer ul li {
+ padding: 0 5px;
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li span {
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li a {
+ cursor: pointer;
+}
+#notebookBottom {
+ position: absolute;
+ bottom: 0px;
+ height: 30px;
+ right: 0;
+ left: 0;
+ line-height: 30px;
+ text-align: right;
+ padding-right: 5px;
+ background-color: #eee;
+}
+#notebookBottom #leftSwitcher {
+ border: 1px solid #ccc;
+ padding: 3px 8px;
+ cursor: pointer;
+}
+.folderHeader {
+ min-height: 35px;
+ line-height: 35px;
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(0, 0, 0, 0.05);
+}
+.folderHeader span {
+ display: inline-block;
+ line-height: 35px;
+ color: #000000;
+ font-size: 16px;
+}
+.folderHeader .fa-left,
+.friend-header i.fa {
+ display: inline-block;
+ line-height: 35px;
+ font-size: 16px;
+ width: 35px;
+ border-right: 1px solid rgba(0, 0, 0, 0.05);
+ text-align: center;
+ color: #000000;
+}
+.friend-header {
+ position: relative;
+}
+.friend-header .notebook-setting {
+ display: none;
+ position: absolute;
+ right: 0;
+ left: auto;
+}
+.friend-header:hover .notebook-setting {
+ display: block;
+}
+.each-user {
+ margin-bottom: 5px;
+ margin-left: 5px;
+ margin-right: 5px;
+ margin-top: 3px;
+ border-radius: 3px;
+ border: 1px solid #eeeeee;
+ background-color: #ffffff;
+}
+.each-user div {
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(0, 0, 0, 0.05);
+}
+.each-user div span {
+ line-height: 35px;
+ color: #000000;
+ padding-left: 3px;
+ font-size: 14px;
+ display: block;
+ position: absolute;
+ left: 23px;
+ top: 0;
+ right: 23px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.each-user div .fa {
+ width: 20px;
+ border-right: none;
+}
+.notebook-number-notes {
+ position: absolute;
+ right: 10px;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: inline-block;
+ line-height: 20px !important;
+ height: 20px;
+ margin-top: 5px;
+ padding: 0 3px;
+}
+.notebook-setting {
+ display: none;
+ position: absolute;
+ right: 1px;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ line-height: 30px;
+}
+.notebook-setting:before {
+ content: "\f013";
+}
+.ztree li a:hover .notebook-setting {
+ display: block;
+}
+#myTag .folderBody {
+ padding: 0 3px;
+ padding-bottom: 3px;
+}
+#myTag .folderBody li {
+ margin-left: 10px;
+ padding: 3px;
+ line-height: normal;
+}
+#notebookList {
+ border-top: #eeeeee;
+}
+.ztree {
+ padding: 0px;
+}
+#searchNotebookForAdd {
+ line-height: normal;
+ width: 200px;
+ margin: 0 10px;
+ margin-bottom: 10px;
+ height: 30px;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#myNotebooks .folderBody {
+ padding-top: 3px;
+}
+.folderBody {
+ overflow-x: hidden;
+}
+#searchNotebookForList {
+ height: 30px;
+ width: 90%;
+ margin: 3px auto;
+ margin-top: 0;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#notebookNavForNewNote li:hover {
+ background: none;
+}
+.folderBody {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ background-color: #ffffff;
+}
+.folderBody li {
+ line-height: 30px;
+}
+.closed .folderBody {
+ display: none;
+}
+#myTag .folderBody li {
+ position: relative;
+}
+#myTag .folderBody li .badge {
+ width: 40px;
+ position: absolute;
+ right: 3px;
+ top: 7px;
+ font-weight: normal;
+ background-color: #ffffff;
+ color: #000000;
+ border: 1px solid #ebeff2;
+}
+/**
+ * 笔记列表
+ */
+#noteAndEditor {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ left: 170px;
+}
+#noteList {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ width: 250px;
+ border-right: 1px solid #ebeff2;
+ border-left: 1px solid #ebeff2;
+ z-index: 333;
+}
+#note {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ left: 250px;
+ right: 0;
+ padding-left: 5px;
+ overflow-y: hidden;
+ overflow-x: auto;
+ background-color: #ffffff;
+}
+#notesAndSort {
+ background-color: #ffffff;
+ border-bottom: 1px solid #ebeff2;
+ height: 36px;
+}
+#sortType {
+ float: right;
+}
+#noteItemListWrap {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 36px;
+ bottom: 3px;
+}
+#noteAndEditorMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background: #fff;
+ text-align: center;
+ padding-top: 60px;
+ opacity: .3;
+ z-index: 500;
+ display: none;
+}
+/* item list */
+#noteItemList {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ overflow-y: hidden;
+ padding: 0 5px;
+}
+#noteItemList .item {
+ position: relative;
+ height: 110px;
+ overflow: hidden;
+ cursor: pointer;
+ border: 1px solid #ebeff2;
+ border-radius: 3px;
+ margin-top: 5px;
+ background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+ background-color: #ddd !important;
+}
+.item-active,
+#noteItemList .item-active:hover {
+ background-color: #65bd77 !important;
+ color: #fff;
+}
+.item-active .fa,
+#noteItemList .item-active:hover .fa {
+ color: #eee !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+ color: #fff;
+}
+#noteItemList .item-thumb {
+ width: 100px;
+ overflow: hidden;
+ position: absolute;
+ z-index: 1;
+ right: 0px;
+ top: 4px;
+ height: 100px;
+ background-color: #fff;
+ margin-right: 5px;
+ line-height: 100px;
+ text-align: center;
+}
+.item-thumb img {
+ max-width: 100px;
+}
+.item-title {
+ /*font-weight: 400;*/
+ font-size: 16px;
+ height: 22px;
+ line-height: 20px;
+ overflow: hidden;
+ margin-bottom: 0px;
+ color: #000000;
+ border-bottom: dashed 1px #ebeff2;
+}
+#noteItemList .item-desc {
+ position: absolute;
+ left: 0;
+ top: 4px;
+ right: 0px;
+ margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+ color: #666;
+}
+#noteItemList .item-image .item-desc {
+ right: 100px;
+}
+.item-info {
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.desc {
+ margin: 0;
+ word-wrap: break-word;
+}
+#noteItemList {
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+#noteItemList .item-setting,
+#noteItemList .item-blog {
+ position: absolute;
+ right: 1px;
+ font-size: 10px;
+ z-index: 2;
+ padding: 3px;
+ border-radius: 5px;
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ opacity: 0.5;
+ background-color: #464C5E;
+}
+#noteItemList .item-setting .fa,
+#noteItemList .item-blog .fa {
+ color: #fff !important;
+}
+#noteItemList .item-setting:hover,
+#noteItemList .item-blog:hover {
+ opacity: 0.8;
+}
+#noteItemList .item-blog {
+ top: 1px;
+}
+#noteItemList .item-setting {
+ bottom: 0;
+ display: none;
+}
+#noteItemList .item:hover .item-setting {
+ display: block;
+}
+/**
+ * 工具栏
+ * 附件
+ * 笔记信息
+ * 历史记录
+ * 提示
+ */
+#tool {
+ border-bottom: 1px solid #ddd;
+ height: 36px;
+ margin-left: -5px;
+ position: relative;
+}
+#editorTool {
+ margin: 0;
+ margin-right: 5px;
+ padding: 0;
+ list-style: none;
+}
+#editorTool li {
+ display: inline-block;
+}
+#noteInfo {
+ width: 400px;
+ box-sizing: border-box;
+ padding: 10px 10px;
+ -webkit-user-select: initial;
+}
+#noteInfo table {
+ width: 100%;
+ margin: 0;
+}
+#noteInfo table th {
+ min-width: 100px;
+}
+#noteInfo table th,
+#noteInfo table td {
+ border-top: none;
+ border-bottom: 1px solid #dddddd;
+ padding: 8px;
+ line-height: 20px;
+ vertical-align: top;
+ word-break: break-all;
+}
+#noteInfo table td {
+ max-width: 280px;
+}
+#noteInfo a {
+ cursor: pointer;
+}
+#noteInfo a.post-url {
+ background: #FDF936;
+}
+#noteInfo .post-url-wrap {
+ word-wrap: break-word;
+}
+#noteInfo .post-url-wrap span {
+ display: inline;
+}
+#noteInfo .post-url-wrap input {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-pencil {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-text {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit input {
+ display: inline;
+}
+#editor #mceToolbar {
+ height: 30px;
+}
+#editor.all-tool #mceToolbar {
+ height: 60px;
+}
+#editor.all-tool .more-fa:before {
+ content: "\f106";
+}
+#editor.all-tool #editorContent {
+ top: 60px;
+}
+#editor .more-fa:before {
+ content: "\f107";
+}
+#historyList img {
+ max-width: 100%;
+}
+.history-modal .modal-dialog {
+ width: auto !important;
+ position: absolute;
+ /* width: 100%; */
+ /* height: 100%; */
+ left: 5px;
+ right: 5px;
+ top: 5px;
+ bottom: 5px;
+}
+.history-modal .modal-dialog .modal-content {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: 0;
+ padding: 0;
+ overflow: scroll;
+}
+.history-modal .modal-dialog .modal-content .modal-body {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ overflow-y: auto;
+ width: 200px;
+ border-right: 1px solid #ccc;
+ box-shadow: 1px 1px 10px #ddd;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header {
+ line-height: 50px;
+ font-size: 16px;
+ font-weight: bold;
+ padding-left: 15px;
+ border-bottom: 1px solid #eee;
+ background-color: #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow-y: auto;
+ margin-bottom: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item {
+ border-top: none;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover {
+ color: #000;
+ background-color: #eee;
+ border-color: #eee;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 200px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close {
+ padding: 10px 15px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back {
+ margin-left: 10px;
+ margin-top: 5px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header {
+ height: 51px;
+ border-bottom: 1px solid #eee;
+ box-shadow: 5px 0px 5px #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ padding-top: 5px;
+ padding-right: 5px;
+ padding-left: 10px;
+ overflow-y: auto;
+}
+#upload {
+ position: absolute;
+ z-index: 0;
+ bottom: 0;
+ right: 0;
+ left: 0px;
+ padding: 0;
+ background-color: #fff;
+ text-align: center;
+ display: none;
+}
+#upload #drop {
+ width: 100%;
+ height: 100%;
+ padding-top: 100px;
+}
+#drop.in {
+ border: 1px solid #000000;
+}
+#drop.hover {
+ border: 2px solid #000000;
+}
+#uploadMsg {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ bottom: 10px;
+ overflow: scroll;
+ list-style: none;
+}
+#uploadAttach {
+ position: relative;
+ margin-top: 5px;
+}
+.dropzone {
+ text-align: center;
+}
+.dropzone input {
+ display: none;
+}
+.dropzone.in {
+ border: 1px solid #000000;
+}
+.dropzone.hover {
+ border: 2px solid #000000;
+}
+#attachUploadMsg,
+#avatarUploadMsg {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ max-height: 240px;
+ z-index: 3;
+}
+#attachUploadMsg .alert,
+#avatarUploadMsg .alert {
+ margin: 0;
+ padding: 0 3px;
+ margin-top: 10px;
+}
+#attachMenu {
+ width: 450px;
+ padding: 10px 5px;
+}
+#attachList {
+ margin: 0;
+ padding: 0;
+ max-height: 450px;
+ overflow-y: auto;
+}
+#attachList li {
+ display: block;
+ margin: 0;
+ padding: 0 3px;
+ border-radius: 3px;
+ border-bottom: 1px dashed #eee;
+ height: 45px;
+ line-height: 45px;
+}
+#attachList li div {
+ float: left;
+}
+#attachList li .attach-title {
+ width: 290px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#attachList li .attach-process {
+ float: right;
+}
+#attachList li.loading {
+ text-align: center;
+}
+/**
+ * 笔记
+ *
+ */
+#noteTitleDiv {
+ height: 30px;
+ border-bottom: 1px solid #ddd;
+}
+#noteTitle {
+ height: 100%;
+ padding: 0px 3px;
+ width: 100%;
+ border: none;
+ background-color: #ffffff;
+}
+#noteTitle:focus {
+ outline: none !important;
+}
+#editorContent {
+ position: absolute;
+ top: 30px;
+ bottom: 10px;
+ right: 0;
+ left: 0;
+ overflow: auto;
+}
+.fa-calendar {
+ color: #666;
+}
+.dropdown-menu .fa {
+ width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+ cursor: default;
+}
+.tab-pane {
+ padding: 5px 0 0 0;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+ padding-left: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+ background: none;
+}
+.new-note-left {
+ padding: 0 5px;
+ width: 95px;
+ overflow: hidden;
+ white-space: nowrap;
+ border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+ background-color: #ebeff2;
+}
+.new-note-right:hover {
+ background-color: #ebeff2;
+}
+#historyList table {
+ width: 100%;
+}
+#historyList .btns {
+ border-top: 1px dashed #eee;
+ padding: 5px 0;
+}
+#toggleEditorMode {
+ margin: 0 10px !important;
+}
+#editorMask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ background-color: #fff;
+ display: none;
+ z-index: -10;
+ padding-top: 50px;
+ text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+ font-size: 24px;
+}
+#editorMask a {
+ display: inline-block;
+ border-radius: 3px;
+ border: 1px solid #ebeff2;
+ padding: 10px;
+}
+#editorMask a:hover {
+ background-color: #65bd77;
+ color: #fff;
+}
+.note-mask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0px;
+ z-index: -1;
+}
+#noteMaskForLoading {
+ padding-top: 60px;
+ background: #fff;
+ text-align: center;
+ opacity: .3;
+}
+.info-toolbar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ line-height: 30px;
+ padding-left: 5px;
+ height: 30px;
+ display: none;
+ overflow: hidden;
+}
+.info-toolbar .toolbar-update {
+ color: inherit;
+ float: right;
+ padding: 0 10px;
+}
+.info-toolbar .toolbar-update:hover {
+ background: #fff;
+ color: #000;
+}
+.info-toolbar .created-time {
+ display: inline-block;
+ padding-right: 10px;
+}
+#editorContent {
+ -webkit-user-select: text;
+}
+#editor.read-only #mceToolbarContainer {
+ display: none;
+}
+#editor.read-only .info-toolbar {
+ display: block;
+}
+#note.read-only #editor,
+#note.read-only #mdEditor {
+ top: 60px;
+}
+#note.read-only #tool {
+ display: none;
+}
+#note.read-only .toolbar-update {
+ display: none;
+}
+#note.read-only #noteReadTop {
+ display: block;
+}
+#note.read-only #infoToolbar,
+#note.read-only #mceToolbar,
+#note.read-only .navbar {
+ display: none;
+}
+#note.read-only #editorContent,
+#note.read-only #mdEditor .layout-wrapper-l3 {
+ top: 0;
+}
+#noteRead {
+ position: absolute;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: none;
+ z-index: 100;
+ padding-left: 5px;
+ background-color: #fff;
+}
+#noteReadTop {
+ position: absolute;
+ height: 60px;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ display: none;
+ background: #fff;
+ padding-left: 5px;
+}
+#noteReadTitle {
+ margin: 3px 0;
+ height: 26px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#noteReadInfo {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ color: #666;
+ margin-top: 8px;
+}
+.read-only-editor #editBtn span:before {
+ content: "\f044";
+}
+#editBtn span:before {
+ content: "\f06e";
+}
+/*标签与其它工具*/
+/* tag */
+#addTagInput {
+ line-height: 25px;
+ display: none;
+ padding: 0;
+ border: none;
+ background-color: #ffffff;
+}
+#addTagInput:focus {
+ outline: none;
+}
+.label-default {
+ background-color: #464C5E;
+}
+.label-red {
+ background-color: #d9534f;
+}
+.label-yellow {
+ background-color: #f0ad4e;
+}
+.label-blue {
+ background-color: #428bca;
+}
+.label-green {
+ background-color: #5cb85c;
+}
+.label {
+ border-radius: 0;
+ font-weight: normal;
+}
+.label i {
+ width: 10px;
+ cursor: pointer;
+ font-style: normal;
+ /*border-left: 1px solid #ccc;*/
+ display: inline-block;
+ padding-left: 3px;
+ opacity: 0;
+}
+.label i:hover {
+ opacity: 1;
+}
+#tag {
+ position: absolute;
+ right: 300px;
+ top: 0;
+ left: 5px;
+ bottom: 0;
+}
+#tag {
+ height: 36px;
+ line-height: 36px;
+}
+#tag .dropdown {
+ line-height: 30px;
+}
+#tagColor {
+ left: 10px;
+}
+#tagColor:before {
+ content: "";
+ background-image: none;
+}
+#addTagInput {
+ width: 100px;
+}
+#tagNav i,
+#tagNav em {
+ font-style: normal;
+}
+#tagNav .tag-delete {
+ display: none;
+ margin-left: 3px;
+ font-size: 12px;
+}
+#tagNav li:hover .tag-delete {
+ display: inline-block;
+}
+#tagNav a:hover {
+ background: none !important;
+}
+.batch #noteItemList .item-active .item-setting,
+.batch #noteItemList .item-active:hover .item-setting {
+ display: none;
+}
+.batch #toggleEditorMode {
+ display: none;
+}
+#batchMask {
+ background: #fff;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+.batch-ctn {
+ position: relative;
+ padding: 50px;
+ width: 100%;
+ height: 100%;
+}
+.batch-note {
+ display: inline-block;
+ width: 160px;
+ position: absolute;
+ left: 50%;
+ border: 1px solid #ccc;
+ height: 200px;
+ padding: 5px;
+ border-radius: 5px;
+ background: #eee;
+ overflow: hidden;
+ transition: margin 0.5s;
+ margin-left: -1000px;
+}
+.batch-note .title {
+ font-size: 16px;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+.batch-info {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ text-align: center;
+ margin-top: 300px;
+}
+.batch-info p {
+ margin-top: 8px;
+}
+.batch-info .fa {
+ cursor: pointer;
+ font-size: 16px;
+}
+*,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
+}
+body {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
+ font-weight: normal;
+ font-size: 14px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ body {
+ font-weight: 300;
+ }
+}
+h1,
+h2,
+h3 {
+ font-family: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
+ font-weight: normal !important;
+}
+#noteItemList,
+#notebook,
+#leftNotebook,
+.slimScrollDiv,
+#editorContent,
+#editorContent_ifr,
+.mce-edit-area,
+.mce-container-body,
+.mce-tinymce,
+#editor .mce-ifr,
+.wmd-input,
+#noteReadContent,
+#attachList,
+#tags,
+.editor-content,
+.preview-container {
+ -webkit-overflow-scrolling: touch !important;
+}
+.folderBody a.active {
+ background-color: #ffffff;
+ color: #0fb264;
+}
+.folderBody a:hover,
+.folderBody .contextmenu-hover {
+ background-color: #ebeff2 !important;
+}
+@media screen and (max-width: 700px) {
+ #toggleEditorMode,
+ #lea,
+ #myBlog,
+ #demoRegister,
+ .noteSplit,
+ #logo,
+ #tipsBtn,
+ #contentHistory,
+ #curNotebookForNewNote,
+ #curNotebookForNewSharedNote,
+ .for-split,
+ #listNotebookDropdownMenu,
+ #listShareNotebookDropdownMenu,
+ .new-markdown-text,
+ .new-note-text,
+ .username,
+ #notebookMin,
+ .ui-loader,
+ #md-section-helper,
+ .writing-mobile-hide,
+ .tips-ctn,
+ #wmd-undo-button,
+ #wmd-redo-button,
+ #wmd-hr-button,
+ #wmd-help-button {
+ display: none !important;
+ }
+ *,
+ .ztree li a.level0 span,
+ .ztree li a.level1 span {
+ font-size: 16px;
+ }
+ .label i {
+ opacity: 1;
+ width: 12px;
+ }
+ .label i:hover,
+ .label i:focus {
+ color: #65bd77 !important;
+ }
+ #leftSwitcher:before {
+ content: "\f039";
+ }
+ a:focus,
+ a:hover,
+ a:active {
+ color: #65bd77 !important;
+ }
+ #noteItemList .item {
+ height: 120px;
+ }
+ #leftNotebook {
+ width: 140px !important;
+ max-width: 140px;
+ }
+ #notebook {
+ display: block !important;
+ }
+ #leftNotebook .slimScrollDiv {
+ display: block !important;
+ }
+ #switcher {
+ padding-top: 0;
+ padding-right: 0;
+ }
+ #switcher i {
+ padding: 20px 0;
+ font-size: 20px;
+ }
+ #newNoteMarkdownBtn {
+ width: 10px;
+ overflow: hidden;
+ }
+ #noteAndEditor {
+ left: 140px !important;
+ }
+ #noteList {
+ display: block;
+ width: 100% !important;
+ }
+ #note {
+ visibility: hidden;
+ z-index: -1;
+ overflow-x: hidden;
+ left: 0 !important;
+ padding-left: 0;
+ }
+ #note #editor {
+ visibility: hidden;
+ }
+ #note .mce-tinymce {
+ visibility: hidden !important;
+ }
+ #note.editor-show {
+ visibility: visible;
+ z-index: initial;
+ }
+ #note.editor-show #editor {
+ visibility: visible;
+ }
+ #note.editor-show .mce-tinymce {
+ visibility: visible !important;
+ }
+ #leftSwitcher {
+ display: block !important;
+ }
+ #leftSwitcher2 {
+ display: none !important;
+ }
+ .full-editor #leftNotebook {
+ display: none;
+ }
+ .full-editor #noteAndEditor {
+ left: 0 !important;
+ }
+ .full-editor #noteList {
+ display: none;
+ }
+ #searchWrap {
+ margin-left: 3px;
+ }
+ #searchNote {
+ border-top: none;
+ border-bottom: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ padding-right: 10px;
+ }
+ #searchNote input {
+ width: 55px;
+ padding-left: 5px;
+ padding-right: 2px;
+ margin-top: 3px;
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-transition: 0.3s ease;
+ -moz-transition: 0.3s ease;
+ transition: 0.3s ease;
+ }
+ #searchNote input:focus {
+ width: 100px;
+ }
+ #tool {
+ position: relative;
+ }
+ #tag {
+ position: absolute;
+ right: 124px;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ }
+ #tag #tags {
+ left: 50px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ position: absolute;
+ line-height: 40px;
+ line-height: inherit !important;
+ }
+ #tag #tagDropdown {
+ float: left;
+ width: 50px;
+ line-height: 40px;
+ overflow: hidden;
+ padding-left: 3px;
+ }
+ #tag .add-tag-text {
+ display: none;
+ }
+ #tag #addTagInput {
+ width: 30px;
+ display: inline-block;
+ }
+ #tag #tagColor {
+ display: none !important;
+ }
+ #left-column {
+ width: 100% !important;
+ }
+ #mdEditor #wmd-input * {
+ font-size: 14px;
+ }
+ .new-markdown-text-abbr,
+ .new-note-text-abbr {
+ display: inline;
+ }
+ .my-link {
+ display: block;
+ }
+ #themeForm img {
+ height: 70px !important;
+ }
+ .slimScrollBar,
+ .slimScrollRail {
+ display: none !important;
+ }
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags,
+ .wmd-input-section {
+ -webkit-overflow-scrolling: touch !important;
+ overflow: auto !important;
+ }
+ #attachMenu {
+ width: 320px;
+ }
+ #attachList {
+ max-height: 200px;
+ }
+ #attachList li .attach-title {
+ width: 170px;
+ }
+ #dropAttach .btn {
+ padding: 5px 3px;
+ margin-top: 3px;
+ display: block;
+ }
+ #myTag .folderBody li {
+ margin: 5px;
+ }
+ #myTag .folderBody li a:hover span {
+ color: #65bd77;
+ }
+ #noteItemList .item-thumb {
+ width: 80px;
+ height: 80px;
+ margin-top: 15px;
+ }
+ #noteItemList .item {
+ height: 118px;
+ }
+ #noteItemList .item-setting,
+ #noteItemList .item-blog {
+ font-size: 16px;
+ width: 30px;
+ display: inline-block;
+ }
+ #noteMaskForLoading {
+ opacity: 0.8;
+ }
+ #editorContent .ace-tomorrow {
+ padding: 0;
+ }
+ #note,
+ #editor,
+ #mdEditor {
+ left: 0;
+ }
+ #mdEditor #right-column {
+ display: none;
+ }
+ #mdEditor.read-only #left-column {
+ visibility: hidden;
+ }
+ #mdEditor.read-only #right-column {
+ left: 0 !important;
+ display: block;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #mdEditor.read-only .preview-container {
+ left: 5px;
+ }
+}
+@media screen and (max-width: 1024px) {
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags {
+ overflow: auto !important;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #tag {
+ position: absolute;
+ right: 310px;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ padding-left: 5px;
+ }
+ #tag #tagDropdown {
+ float: left;
+ width: 50px;
+ line-height: 40px;
+ overflow: hidden;
+ padding-left: 3px;
+ }
+ #tag .add-tag-text {
+ display: none;
+ }
+ #tag #addTagInput {
+ width: 30px;
+ display: inline-block;
+ }
+ #tag #tagColor {
+ display: none !important;
+ }
+ #tags {
+ left: 50px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ position: absolute;
+ line-height: 40px;
+ line-height: inherit !important;
+ }
+}
+@media screen and (max-width: 800px) {
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags,
+ .wmd-input-section {
+ overflow: auto !important;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #lea,
+ .lea-blog,
+ #myBlog,
+ #demoRegister,
+ .noteSplit,
+ #tipsBtn,
+ #contentHistory,
+ #curNotebookForNewNote,
+ #curNotebookForNewSharedNote,
+ .for-split,
+ #listNotebookDropdownMenu,
+ #listShareNotebookDropdownMenu,
+ .username,
+ .ui-loader,
+ #md-section-helper {
+ display: none !important;
+ }
+ #tag {
+ position: absolute;
+ right: 124px;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ }
+ #tag #tags {
+ left: 50px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ position: absolute;
+ line-height: 40px;
+ line-height: inherit !important;
+ }
+ #tag #tagDropdown {
+ float: left;
+ width: 50px;
+ line-height: 40px;
+ overflow: hidden;
+ padding-left: 3px;
+ }
+ #tag .add-tag-text {
+ display: none;
+ }
+ #tag #addTagInput {
+ width: 30px;
+ display: inline-block;
+ }
+ #tag #tagColor {
+ display: none !important;
+ }
+ .my-link {
+ display: block;
+ }
+ #attachMenu {
+ width: 320px;
+ }
+ #attachList {
+ max-height: 200px;
+ }
+ #attachList li .attach-title {
+ width: 170px;
+ }
+ #dropAttach .btn {
+ padding: 5px 3px;
+ margin-top: 3px;
+ display: block;
+ }
+ #myTag .folderBody li {
+ margin: 5px;
+ }
+ #myTag .folderBody li a:hover span {
+ color: #65bd77;
+ }
+ #left-column {
+ width: 100% !important;
+ }
+ #mdEditor #wmd-input {
+ font-size: 14px;
+ }
+ .my-link {
+ display: block;
+ }
+ #themeForm img {
+ height: 70px !important;
+ }
+ #mdEditor #right-column {
+ display: none;
+ }
+ .wmd-button-bar-inner {
+ height: 30px;
+ }
+ #mdEditor.read-only #left-column {
+ visibility: hidden;
+ }
+ #mdEditor.read-only #right-column {
+ left: 0 !important;
+ display: block;
+ -webkit-overflow-scrolling: touch !important;
+ }
+ #mdEditor.read-only .preview-container {
+ left: 10px;
+ }
+ #searchNote {
+ margin-top: 2px;
+ }
+ #tags .label,
+ #tags .label i {
+ font-size: 10px;
+ }
+ .mobile-hide {
+ display: none;
+ }
+ .mobile-show {
+ display: block;
+ }
+ #editorContent,
+ #mdEditor {
+ bottom: 0 !important;
+ }
+ #mdEditor .layout-wrapper-l3,
+ #editorContent {
+ margin-top: 0;
+ border: none;
+ }
+ .leanote-plugin #header {
+ height: 40px;
+ }
+ .leanote-plugin #mainContainer {
+ top: 40px;
+ }
+ .leanote-plugin .profile-img {
+ line-height: 37px;
+ }
+ .leanote-plugin #switcher i {
+ padding: 11px 0;
+ }
+ .leanote-plugin #searchNote {
+ padding-top: 1px;
+ }
+ .leanote-plugin #newNoteWrap {
+ line-height: 22px;
+ }
+ .leanote-plugin #leanoteMsg {
+ margin-top: 0;
+ }
+ .leanote-plugin *,
+ .leanote-plugin .ztree li a.level0 span,
+ .leanote-plugin .ztree li a.level1 span,
+ .leanote-plugin #noteItemList .item-setting,
+ .leanote-plugin #noteItemList .item-blog {
+ font-size: 14px;
+ }
+ .leanote-plugin .leanoteNav h1 {
+ font-size: 16px;
+ }
+ .leanote-plugin h1 {
+ font-size: 24px;
+ }
+ .leanote-plugin h2 {
+ font-size: 20px;
+ }
+ .leanote-plugin h3 {
+ font-size: 18px;
+ }
+ .leanote-plugin h4 {
+ font-size: 16px;
+ }
+ .leanote-plugin #noteItemList .item-setting,
+ .leanote-plugin #noteItemList .item-blog {
+ width: 23px;
+ padding: 1px;
+ }
+ .leanote-plugin #noteItemList .item {
+ height: 69px;
+ }
+ .leanote-plugin #noteItemList .item-thumb {
+ width: 60px;
+ height: 60px;
+ margin-top: 0px;
+ }
+ .leanote-plugin #preview-contents {
+ padding-left: 0;
+ }
+ .leanote-plugin #msg {
+ font-size: 12px;
+ }
+ .leanote-plugin #noteInfo {
+ width: 265px;
+ }
+ .leanote-plugin #noteInfo table th {
+ min-width: 72px;
+ }
+ .leanote-plugin #noteInfo .post-url-wrap span {
+ word-break: break-all;
+ }
+ .extension-preview-buttons {
+ border: none;
+ }
+}
diff --git a/public/css/theme/writting-overwrite.css b/public/css/theme/writting-overwrite.css
index f9b5459..bd585bf 100644
--- a/public/css/theme/writting-overwrite.css
+++ b/public/css/theme/writting-overwrite.css
@@ -1 +1,3736 @@
-::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')}.close:focus{outline:0}.invisible{visibility:hidden}.mobile-show{display:none}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#editorTool,#newNoteWrap,#myBlog,.lea-blog,#myProfile,#toggleEditorMode,.folderHeader{-webkit-user-select:none;-moz-user-select:none;user-select:none}@font-face{font-family:leanote;src:url(../../fonts/leanote-font3/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font3/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font3/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}#logo,.mce-i-mind,.mce-i-ace-pre,.lea-icon{font-family:leanote!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-markdown:before{content:"\e604"}.mce-i-mind:before{content:"\e602"}.mce-i-ace-pre:before{content:"\e603"}#logo:before{content:"\e901";line-height:1;margin-top:5px;display:inline-block;vertical-align:top}#logo.icon-only:before{content:"\e902"}.lang-zh-cn #logo:before{content:"\e900"}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#000;border-radius:3px;padding:3px 5px;border:1px solid #080303}.new-note,.new-note a{color:#fff}.new-note:hover{background:#3d3b3b;border-color:transparent}.new-note:hover,.new-note:hover a{color:#fff}.new-markdown{margin-left:3px;margin-right:3px}.top-nav{margin:0 10px;display:inline-block;line-height:60px}.my-link,.new-markdown-text-abbr,.new-note-text-abbr{display:none}#myAvatar{height:30px;max-width:30px;overflow:hidden;border-radius:50%}.ios7-a{display:inline-block;padding:0 10px;height:36px;vertical-align:middle;line-height:36px;cursor:pointer}#page.mini-left #notebook,#page.mini-left #notebookSplitter,#page.mini-left #logo,#page.mini-left #leftSwitcher,#page.mini-left #leftNotebook .slimScrollDiv{display:none}#page.mini-left #leftSwitcher2{display:block}#page.mini-left #leftNotebook{width:30px!important}#page.mini-left #noteAndEditor{left:30px!important}a{color:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}#header{height:60px;background-color:#fbfcf7;border-bottom:1px solid #fbfcf7;color:#fff;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#ccc}#header li,#header li a{color:#000}#logo{line-height:50px;box-sizing:content-box;width:140px;height:60px;padding-left:10px;padding-top:9px;font-size:32px}#switcher{line-height:50px;padding-top:6px;padding-right:5px;width:30px;text-align:center}#switcher i{font-size:16px;cursor:pointer}#switcher i:hover{color:#0fb264}#switcher #leftSwitcher2{cursor:pointer;font-size:16px;line-height:34px;margin-top:8px;padding:0 5px;height:34px;display:inline-block}#switcher #leftSwitcher2:hover{color:#0fb264}#switcher #leftSwitcher2{display:none}#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;border:none;color:#ccc;background-color:#000;padding-left:14px;border-radius:5px;height:30px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline:0!important;border-color:#0fb264;box-shadow:none}#header ul{margin:0;padding:0;list-style:none}#header ul li.dropdown{display:inline-block;height:60px}#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}#header span.icon{display:inline-block;font-size:28px;color:#999}.dropdown-menu li>a{color:#000}.dropdown-menu li:hover,.dropdown-menu li:focus{background-color:#ebeff2}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus{background-color:#ebeff2}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20.gif);vertical-align:middle;visibility:hidden}#inviteFriends{position:relative}#inviteFriends .dot{display:inline-block;position:absolute;right:-8px;top:-8px;width:8px;height:8px;border-radius:50%;background:#FF9263}#inviteUrl{width:400px;padding:3px;border-radius:3px;border:1px solid #eee}#myProfile{margin:0 10px}.profile-img{line-height:60px}#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#mainContainer{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;zoom:1}#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff;text-align:center;padding-top:100px;z-index:1000}#notebookSplitter{left:170px}#noteSplitter{left:250px}.ace_editor,.ace_editor *{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_invisible_space{visibility:hidden!important}#editor,#mdEditor{position:absolute;z-index:2;top:66px;bottom:0;right:0;left:5px;padding:0;display:none}.leanoteNav{position:absolute;right:0;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-top:4px}.leanoteNav h1{margin:0;font-size:16px;padding:3px;cursor:pointer}.leanoteNav i{padding:3px}.leanoteNav span{display:none}.leanoteNav .leanoteNavContent{display:none;overflow:auto}.leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}.leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}.leanoteNav.unfolder span{display:inline}.leanoteNav.unfolder .leanoteNavContent{display:block;min-height:30px}.leanoteNav ul{margin:0;padding-left:23px}.leanoteNav ul li{list-style-type:disc}.leanoteNav ul li a:hover{color:#0fb264}.leanoteNav ul .nav-h2{margin-left:20px}.leanoteNav ul .nav-h3{margin-left:30px}.leanoteNav ul .nav-h4{margin-left:40px}.leanoteNav ul .nav-h5{margin-left:50px}.scrollTo-a{cursor:pointer!important}.preview-container table,.mce-item-table,.preview-container table td,.mce-item-table td,.preview-container table th,.mce-item-table th,.preview-container table caption,.mce-item-table caption{border:1px solid #ddd;border-collapse:collapse;padding:5px;vertical-align:middle}.preview-container table tr,.mce-item-table tr{background-color:none;border-top:1px solid #ccc}.preview-container table tr:nth-child(2n),.mce-item-table tr:nth-child(2n){background-color:#f7f7f9}.preview-container th{padding:10px}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}.mce-btn-small button{padding:5px 5px!important;line-height:20px!important}.mce-foot .mce-btn{border-radius:3px}.mce-menubtn.mce-btn-small span{line-height:20px!important}.mce-btn span{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif!important}.mce-primary button,.mce-primary button i{text-shadow:none}.mce-primary{background-color:#47a447!important;border:none!important}.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000!important}.mce-menu-item-normal.mce-active{background-color:#ebeff2}.tool-split{display:inline-block;line-height:25px;color:#ddd}#moreBtn{dispaly:block;position:absolute;cursor:pointer;right:5px;padding:3px 10px}#moreBtn span{display:none}.mce-colorbtn-trans div{line-height:11px;text-align:center}.mce-btn-small .mce-caret{margin-top:8px}.mce-listbox.mce-btn-small .mce-caret{margin-top:-2px}.mce-btn i{text-shadow:none}.mce-colorbutton.mce-btn-small .mce-preview{width:15px}#editorContent{border:1px solid #ccc;border-radius:5px;padding:5px;outline:0;margin-top:5px;bottom:5px!important}#editorContent pre{position:relative;-mo-height:auto!important}#editorContent pre .toggle-raw{position:absolute;left:2px;top:-2px;z-index:100;display:none}#editorContent pre:hover .toggle-raw{display:block}#editorContent *{font-family:inherit}.mce-tinymce-inline{border-width:0!important}#editorContent a{color:#2a6496;text-decoration:underline}#editorContent pre{font:12px / normal Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;color:#4D4D4C}#editorContent .ace_searchbtn_close{margin:0}#editorContent .ace-tomorrow{padding:0;padding-left:44px}#editorContent .ace-to-pre{padding:0;padding-left:5px}#editorContent .ace_scrollbar-v{overflow-y:hidden}#editorContent .leanote-image-container{display:inline-block;width:100px}#editorContent .leanote-image-container .loader{display:inline-block;vertical-align:top;margin-right:3px;margin-top:5px}#editorContent .leanote-image-container .progress{display:inline-block;margin:0;width:80px}#mdEditor{z-index:1;background-color:#fff;bottom:5px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}#wmd-button-bar{overflow:visible}#mdEditorPreview{position:absolute;top:35px;left:0;right:0;bottom:0}#left-column,#right-column,#mdSplitter{position:absolute;top:0;bottom:0}#mdSplitter{width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize;left:450px;background:0 0}#left-column{left:0;width:450px}#right-column{left:450px;right:0;overflow:hidden}.wmd-panel-editor,.preview-container,#wmd-input{height:100%}.wmd-input,.wmd-input:focus,#md-section-helper{width:100%;border:1px #eee solid;border-radius:5px;outline:0;font-size:14px;resize:none;overflow-x:hidden}#md-section-helper{position:absolute;height:0;overflow-y:scroll;padding:0 6px;top:10px;z-index:-1;opacity:none}.preview-container{overflow:auto}.wmd-preview{width:100%;font-size:14px;overflow:auto;overflow-x:hidden}.wmd-button-row,.preview-button-row{padding:0;height:auto;margin:0}.wmd-spacer{width:0;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;font-size:14px}#mdEditor .navbar-default{overflow:visible}.wmd-mode{min-width:150px;left:50%;margin-left:-75px!important}.wmd-mode:before{right:auto;left:40%}#md-keyboard-mode{color:#8E8E8E;font-size:12px;font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;font-style:normal}textarea#wmd-input{color:#000!important}.ace_editor{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_editor *{font-family:inherit}.m-todo-item{list-style:none}textarea#wmd-input{color:#000!important}#wmd-input .ace_cjk{color:inherit}#wmd-input .ace_searchbtn_close{margin:0}#wmd-input .ace_content{padding-top:5px}#wmd-input.ace_editor{color:#000}#wmd-input.ace-tm{background-color:#fff}#wmd-input.ace-tm .ace_text-input{box-sizing:initial}#wmd-input.ace-tm .ace_marker-layer .ace_active-line{background-color:rgba(89,128,166,.05)}#wmd-input.ace-tm .ace_cursor{color:#243342}#wmd-input.ace-tm .ace_print-margin{background:0 0}#wmd-input.ace-tm .ace_markup.ace_heading{color:#000;font-weight:700}#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,#wmd-input.ace-tm .ace_markup.ace_heading.ace_5{color:#1d3e81}#wmd-input.ace-tm .ace_markup.ace_list{color:#000}#wmd-input.ace-tm .ace_constant.ace_language{color:#1d3e81;font-weight:400}#wmd-input.ace-tm .ace_meta.ace_tag{color:#384654;font-style:italic;font-weight:700}#wmd-input.ace-tm .ace_keyword.ace_operator{color:#384654;background-color:transparent}#wmd-input.ace-tm .ace_storage,#wmd-input.ace-tm .ace_keyword{color:#384654;font-weight:700}#wmd-input.ace-tm .ace_entity.ace_name.ace_function{color:#1a2026;font-weight:700}#wmd-input.ace-tm .ace_string{color:#384654;font-style:italic}#wmd-input.ace-tm .ace_invalid{color:inherit;background:inherit}#wmd-input.ace-tm .ace_strong{color:#000;font-weight:700}#wmd-input.ace-tm .ace_emphasis{color:#000;font-style:italic}#wmd-input.ace-tm .ace_blockquote{color:#000}#wmd-input.ace-tm .ace_code{color:#1a2026}#wmd-input.ace-tm .ace_code_block{color:#1a2026}#wmd-input.ace-tm .ace_link{color:#000;background-color:transparent;text-decoration:underline}#wmd-input .ace_underline{color:#1d3e81;text-decoration:none}#wmd-input.ace-tm .ace_description{color:#576c82}#wmd-input.ace-tm .ace_constant{color:#384654}#wmd-input.ace-tm .ace_comment{color:rgba(87,108,130,.6);font-style:italic}#wmd-input.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}#wmd-input.emacs-mode .ace_cursor{border:2px rgba(101,189,119,.8)solid!important;background-color:#65bd77}#leftNotebook{position:absolute;left:0;top:0;bottom:0;width:170px}#notebook,#notebookMin{position:absolute;left:0;bottom:0;top:0;right:0;background-color:#41586e;overflow-y:auto;overflow-x:auto;z-index:2}#addNotebookPlus{padding-right:10px;color:#adbece}#addNotebookPlus .fa{font-size:16px}#notebookList input,#notebookListForSearch input{border:1px solid rgba(0,0,0,.1);width:90%;padding-left:3px;box-shadow:none;background:0 0;color:#fff}#notebookList input:focus,#notebookListForSearch input:focus{outline:0!important}#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#41586e}#notebookMin div.minContainer{border-bottom:1px solid rgba(255,255,255,.3);padding:5px;position:relative;cursor:pointer}#notebookMin div.minContainer i{font-size:20px;color:#fff}#notebookMin div.minContainer:hover i{color:#0fb264}#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer}#notebookMin div.minContainer ul li a{cursor:pointer}#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer}.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.folderHeader span{display:inline-block;line-height:35px;color:#fff;font-size:16px}.folderHeader .fa-left,.friend-header i.fa{display:inline-block;line-height:35px;font-size:16px;width:35px;border-right:1px solid rgba(255,255,255,.05);text-align:center;color:#fff}.friend-header{position:relative}.friend-header .notebook-setting{display:none;position:absolute;right:0;left:auto}.friend-header:hover .notebook-setting{display:block}.each-user{margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:3px;border-radius:3px;border:1px solid rgba(0,0,0,.09);background-color:#37485e}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.each-user div span{line-height:35px;color:#fff;padding-left:3px;font-size:14px;display:block;position:absolute;left:23px;top:0;right:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.each-user div .fa{width:20px;border-right:none}.notebook-number-notes{position:absolute;right:10px;top:0;bottom:0;z-index:1;display:inline-block;line-height:20px!important;height:20px;margin-top:5px;padding:0 3px}.notebook-setting{display:none;position:absolute;right:1px;top:0;bottom:0;z-index:2;line-height:30px}.notebook-setting:before{content:"\f013"}.ztree li a:hover .notebook-setting{display:block}#myTag .folderBody{padding:0 3px;padding-bottom:3px}#myTag .folderBody li{margin-left:10px;padding:3px;line-height:normal}#notebookList{border-top:1px solid rgba(255,255,255,.05)}.ztree{padding:0}#searchNotebookForAdd{line-height:normal;width:200px;margin:0 10px;margin-bottom:10px;height:30px;border-color:#ebeff2;box-shadow:none}#myNotebooks .folderBody{padding-top:3px}.folderBody{overflow-x:hidden}#searchNotebookForList{height:30px;width:90%;margin:3px auto;margin-top:0;border-color:#ebeff2;box-shadow:none}#notebookNavForNewNote li:hover{background:0 0}.folderBody{list-style:none;margin:0;padding:0;background-color:#37485e}.folderBody li{line-height:30px}.closed .folderBody{display:none}#myTag .folderBody li{position:relative}#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:400;background-color:#fbfcf7;color:#000;border:1px solid #ebeff2}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{position:absolute;bottom:0;top:0;width:250px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;z-index:333}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fbfcf7}#notesAndSort{background-color:#eee;border-bottom:1px solid #ebeff2;height:36px}#sortType{float:right}#noteItemListWrap{position:absolute;left:0;right:0;top:36px;bottom:3px}#noteAndEditorMask{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;text-align:center;padding-top:60px;opacity:.3;z-index:500;display:none}#noteItemList{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;overflow-y:hidden;padding:0 5px}#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd!important}.item-active,#noteItemList .item-active:hover{background-color:#65bd77!important;color:#fff}.item-active .fa,#noteItemList .item-active:hover .fa{color:#eee!important}.item-active .item-title,#noteItemList .item-active:hover .item-title{color:#fff}#noteItemList .item-thumb{width:100px;overflow:hidden;position:absolute;z-index:1;right:0;top:4px;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-width:100px}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#noteItemList .item-desc{position:absolute;left:0;top:4px;right:0;margin-left:4px}#noteItemList .item-desc .fa{color:#666}#noteItemList .item-image .item-desc{right:100px}.item-info{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desc{margin:0;word-wrap:break-word}#noteItemList{user-select:none;-webkit-user-select:none;-moz-user-select:none}#noteItemList .item-setting,#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;padding:3px;border-radius:5px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464C5E}#noteItemList .item-setting .fa,#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-setting:hover,#noteItemList .item-blog:hover{opacity:.8}#noteItemList .item-blog{top:1px}#noteItemList .item-setting{bottom:0;display:none}#noteItemList .item:hover .item-setting{display:block}#tool{border-bottom:1px solid #ddd;height:36px;margin-left:-5px;position:relative}#editorTool{margin:0;margin-right:5px;padding:0;list-style:none}#editorTool li{display:inline-block}#noteInfo{width:400px;box-sizing:border-box;padding:10px;-webkit-user-select:initial}#noteInfo table{width:100%;margin:0}#noteInfo table th{min-width:100px}#noteInfo table th,#noteInfo table td{border-top:none;border-bottom:1px solid #ddd;padding:8px;line-height:20px;vertical-align:top;word-break:break-all}#noteInfo table td{max-width:280px}#noteInfo a{cursor:pointer}#noteInfo a.post-url{background:#FDF936}#noteInfo .post-url-wrap{word-wrap:break-word}#noteInfo .post-url-wrap span{display:inline}#noteInfo .post-url-wrap input{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-pencil{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-text{display:none}#noteInfo .post-url-wrap.post-url-edit input{display:inline}#editor #mceToolbar{height:30px}#editor.all-tool #mceToolbar{height:60px}#editor.all-tool .more-fa:before{content:"\f106"}#editor.all-tool #editorContent{top:60px}#editor .more-fa:before{content:"\f107"}#historyList img{max-width:100%}.history-modal .modal-dialog{width:auto!important;position:absolute;left:5px;right:5px;top:5px;bottom:5px}.history-modal .modal-dialog .modal-content{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;padding:0;overflow:scroll}.history-modal .modal-dialog .modal-content .modal-body{position:absolute;top:0;bottom:0;left:0;right:0;padding:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap{position:absolute;top:0;bottom:0;overflow-y:auto;width:200px;border-right:1px solid #ccc;box-shadow:1px 1px 10px #ddd}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header{line-height:50px;font-size:16px;font-weight:700;padding-left:15px;border-bottom:1px solid #eee;background-color:#ccc}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list{position:absolute;top:51px;bottom:0;left:0;right:0;overflow-y:auto;margin-bottom:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item{border-top:none}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover{color:#000;background-color:#eee;border-color:#eee}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap{position:absolute;top:0;bottom:0;right:0;left:200px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close{padding:10px 15px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back{margin-left:10px;margin-top:5px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header{height:51px;border-bottom:1px solid #eee;box-shadow:5px 0 5px #ccc}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content{position:absolute;top:51px;bottom:0;right:0;left:0;padding-top:5px;padding-right:5px;padding-left:10px;overflow-y:auto}#upload{position:absolute;z-index:0;bottom:0;right:0;left:0;padding:0;background-color:#fff;text-align:center;display:none}#upload #drop{width:100%;height:100%;padding-top:100px}#drop.in{border:1px solid #000}#drop.hover{border:2px solid #000}#uploadMsg{position:absolute;top:3px;right:3px;bottom:10px;overflow:scroll;list-style:none}#uploadAttach{position:relative;margin-top:5px}.dropzone{text-align:center}.dropzone input{display:none}.dropzone.in{border:1px solid #000}.dropzone.hover{border:2px solid #000}#attachUploadMsg,#avatarUploadMsg{list-style-type:none;margin:0;padding:0;max-height:240px;z-index:3}#attachUploadMsg .alert,#avatarUploadMsg .alert{margin:0;padding:0 3px;margin-top:10px}#attachMenu{width:450px;padding:10px 5px}#attachList{margin:0;padding:0;max-height:450px;overflow-y:auto}#attachList li{display:block;margin:0;padding:0 3px;border-radius:3px;border-bottom:1px dashed #eee;height:45px;line-height:45px}#attachList li div{float:left}#attachList li .attach-title{width:290px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#attachList li .attach-process{float:right}#attachList li.loading{text-align:center}#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fbfcf7}#noteTitle:focus{outline:0!important}#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}.fa-calendar{color:#666}.dropdown-menu .fa{width:15px}.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}.tab-pane{padding:5px 0 0}#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:0 0}.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}.new-note-right:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#toggleEditorMode{margin:0 10px!important}#editorMask{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;display:none;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}.note-mask{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}#noteMaskForLoading{padding-top:60px;background:#fff;text-align:center;opacity:.3}.info-toolbar{position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;padding-left:5px;height:30px;display:none;overflow:hidden}.info-toolbar .toolbar-update{color:inherit;float:right;padding:0 10px}.info-toolbar .toolbar-update:hover{background:#fff;color:#000}.info-toolbar .created-time{display:inline-block;padding-right:10px}#editorContent{-webkit-user-select:text}#editor.read-only #mceToolbarContainer{display:none}#editor.read-only .info-toolbar{display:block}#note.read-only #editor,#note.read-only #mdEditor{top:60px}#note.read-only #tool{display:none}#note.read-only .toolbar-update{display:none}#note.read-only #noteReadTop{display:block}#note.read-only #infoToolbar,#note.read-only #mceToolbar,#note.read-only .navbar{display:none}#note.read-only #editorContent,#note.read-only #mdEditor .layout-wrapper-l3{top:0}#noteRead{position:absolute;left:5px;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}#noteReadTop{position:absolute;height:60px;left:5px;right:0;top:0;bottom:0;z-index:2;display:none;background:#fff;padding-left:5px}#noteReadTitle{margin:3px 0;height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#noteReadInfo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;margin-top:8px}.read-only-editor #editBtn span:before{content:"\f044"}#editBtn span:before{content:"\f06e"}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fbfcf7}#addTagInput:focus{outline:0}.label-default{background-color:#464C5E}.label-red{background-color:#d9534f}.label-yellow{background-color:#f0ad4e}.label-blue{background-color:#428bca}.label-green{background-color:#5cb85c}.label{border-radius:0;font-weight:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#tag{position:absolute;right:300px;top:0;left:5px;bottom:0}#tag{height:36px;line-height:36px}#tag .dropdown{line-height:30px}#tagColor{left:10px}#tagColor:before{content:"";background-image:none}#addTagInput{width:100px}#tagNav i,#tagNav em{font-style:normal}#tagNav .tag-delete{display:none;margin-left:3px;font-size:12px}#tagNav li:hover .tag-delete{display:inline-block}#tagNav a:hover{background:none!important}.batch #noteItemList .item-active .item-setting,.batch #noteItemList .item-active:hover .item-setting{display:none}.batch #toggleEditorMode{display:none}#batchMask{background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none}.batch-ctn{position:relative;padding:50px;width:100%;height:100%}.batch-note{display:inline-block;width:160px;position:absolute;left:50%;border:1px solid #ccc;height:200px;padding:5px;border-radius:5px;background:#eee;overflow:hidden;transition:margin .5s;margin-left:-1000px}.batch-note .title{font-size:16px;margin-bottom:5px;font-weight:700}.batch-info{position:absolute;left:0;top:0;right:0;text-align:center;margin-top:300px}.batch-info p{margin-top:8px}.batch-info .fa{cursor:pointer;font-size:16px}*,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif}body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:400;font-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){body{font-weight:300}}h1,h2,h3{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:400!important}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.editor-content,.preview-container{-webkit-overflow-scrolling:touch!important}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}html,body{background-color:#fbfcf7}body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:16px}a{color:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}a.raw{color:#428bca}a.raw:hover{color:#2a6496}#header{height:60px;background-color:#fbfcf7;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#ccc}#header li{color:#000}#header li a{color:#000}#searchWrap,#logo,#switcher,#leftNotebook,.noteSplit,.for-split,#curNotebookForNewNote{display:none!important}#header ul{margin:0;padding:0;list-style:none}#header ul li.dropdown{display:inline-block;height:60px}#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}#header span.icon{display:inline-block;font-size:28px;color:#999}.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264;overflow:visible}.dropdown-menu li{padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu>li>a{color:#000;display:inline-block;padding:3px}.dropdown-menu>li:hover,.dropdown-menu>li:focus{background-color:#ebeff2}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#ebeff2}.ios7-a{display:inline-block;padding:0 10px 0 5px;height:40px;vertical-align:middle;line-height:38px;cursor:pointer}#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#mainContainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;zoom:1}#search{border:#bababa 1px solid;background-color:#fff;white-space:nowrap;position:absolute;height:30px;left:3px;right:60px;margin-top:3px}#search label{display:none}#searchButton{border:0 none;width:16px;height:16px;overflow:hidden;cursor:pointer;position:absolute;right:3px;top:5px}#searchInput{border:0 none;overflow:hidden;position:absolute;right:20px;left:0;padding-left:10px;height:28px}#searchInput:focus{border:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}#notesAndSort{background-color:#eee;border-bottom:1px solid #ebeff2}#noteItemList{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;overflow-y:hidden;background-color:#f7f7f7;padding:0 5px}#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;padding:5px;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd!important;color:#000}#noteItemList .item-thumb{padding-left:10px;width:100px;overflow:hidden;position:absolute;right:0;height:100px;background-color:#fff;margin-right:5px}.item-thumb img{width:100px}#noteItemList .item-desc{position:absolute;left:0;right:100px;margin-left:4px}#noteItemList .item-desc .fa{color:#666}#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;top:1px;padding:3px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464C5E}#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-blog:hover{opacity:.8}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#editorTool{margin:0;padding:0;list-style:none}#editorTool li{display:inline-block}#noteTitle:focus{outline:0!important}#editor,#mdEditor{z-index:2;top:71px;bottom:0;right:0;left:0;padding:0;display:none}#mdEditor{z-index:1;background-color:#fff;bottom:10px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}#mdEditor .navbar-default{height:auto!important;border:none!important}#mdEditor .layout-wrapper-l3{border:none!important}#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:none;background-color:#fbfcf7}#wmd-button-bar{overflow:visible}.mce-btn-small button{padding:5px 5px!important;line-height:20px!important}.mce-btn{background-color:#fbfcf7!important}.mce-menubtn.mce-btn-small span{line-height:20px!important}.mce-btn span{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif!important}.mce-primary button,.mce-primary button i{text-shadow:none}.mce-primary{background-color:#47a447!important;border-color:#398439!important}.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000!important}.mce-menu-item-normal.mce-active{background-color:#ebeff2}.tool-split{display:inline-block;line-height:25px;color:#ddd}#tool{display:none;border-bottom:1px solid #ddd}#tag{height:40px;line-height:38px}#tag .dropdown{line-height:30px}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fbfcf7}#addTagInput:focus{outline:0}.label-default{background-color:#464C5E}.label-red{background-color:#d9534f}.label-yellow{background-color:#f0ad4e}.label-blue{background-color:#428bca}.label-green{background-color:#5cb85c}.label{border-radius:0;font-weight:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}.leanoteNav{position:absolute;right:5px;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-right:2px}.leanoteNav h1{margin:0;font-size:18px;padding:3px;cursor:pointer}.leanoteNav i{padding:3px}.leanoteNav span{display:none}.leanoteNav .leanoteNavContent{display:none;overflow:auto}.leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}.leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}.leanoteNav.unfolder span{display:inline}.leanoteNav.unfolder .leanoteNavContent{display:block;min-height:30px}.leanoteNav ul{margin:0;padding-left:23px}.leanoteNav ul li{list-style-type:disc}.leanoteNav ul li a:hover{color:#0fb264}.leanoteNav ul .nav-h2{margin-left:20px}.leanoteNav ul .nav-h3{margin-left:30px}.leanoteNav ul .nav-h4{margin-left:40px}.leanoteNav ul .nav-h5{margin-left:50px}.scrollTo-a{cursor:pointer!important}#mdEditor .leanoteNav{top:10px;right:0}#noteRead{position:absolute;left:0;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}#noteReadContainer{position:relative;width:100%;height:100%}#noteReadTop{position:absolute;height:60px;left:0;right:0;border-bottom:1px solid #ebeff2}#noteReadTitle{margin:3px 0}#noteReadContent{position:absolute;top:60px;bottom:0;right:0;left:0;overflow:auto;padding:3px}.fa-calendar{color:#666}.dropdown-menu .fa{width:15px}.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}#topNav a{display:inline-block;line-height:60px}.tab-pane{padding:5px 0 0}.alert{margin-bottom:10px}.btn{border-radius:0!important}#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:0 0}.new-note{background-color:#FBFCF7;border:1px solid #ddd}.new-note:hover{background-color:#FBFCF7;border-color:#675f5f}.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}.new-note-right{padding:0 5px}.new-note-right:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#left-column{width:100%!important}#editorMask{position:absolute;top:30px;bottom:0;right:-30px;left:0;background-color:#fbfcf7;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}html,body{background-color:#fbfcf7;overflow:hidden}#right-column,#newNoteMarkdownBtn,#newShareNoteMarkdownBtn,.new-split,#editorMask,#sortType,#myProfile,#demoRegister{visibility:hidden}#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fbfcf7;text-align:center;padding-top:100px;z-index:1000}#header{position:absolute;left:0;right:0;z-index:333;color:#ccc}#header #leanoteMsg{position:absolute;width:700px;left:0;right:0;text-align:right;line-height:60px;margin:auto}#newNoteWrap{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap,#topNav,#lea{opacity:0}#newNoteWrap:hover,#topNav:hover,#lea:hover{opacity:1}#mainContainer{overflow-y:hidden}#newMyNote,#newSharedNote{position:relative}#newMyNote .dropdown,#newSharedNote .dropdown{position:static}.dropdown-menu{border:1px solid #ccc;background-color:#fbfcf7}#note{position:absolute;width:700px;margin:auto;height:100%;left:0;right:0}#editor,#mdEditor{position:absolute;top:60px;z-index:2;background-color:#fbfcf7}#wmd-input{border:none;background-color:#fbfcf7!important;font-size:16px!important;margin-top:10px}#md-section-helper{display:none}#mdEditorPreview{top:43px!important}#mceToolbar,#wmd-button-bar{height:40px;padding:5px 0}.editorBg{height:3px;background:url(/images/editor/editor-shadow.png) no-repeat center bottom #f9faf4}.mce-btn-small i,.mce-menubtn.mce-btn-small span,.wmd-button>span{opacity:.85}.mce-ico{font-size:18px;line-height:18px;width:18px;height:18px}.tool-split{line-height:30px}.mce-menubtn.mce-fixed-width.mce-btn-small span{width:80px}.mce-menubtn.mce-btn-small span{font-size:16px}#editorContent_ifr html{border:none!important}#noteTop{position:absolute;z-index:999;left:0;right:150px;padding:15px 0;height:59px}#noteTitleDiv{height:30px;border:none}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fbfcf7}#noteList{position:fixed;top:0;bottom:0;left:10px;margin-top:60px;width:200px;z-index:0;opacity:.8;overflow-x:hidden;overflow-y:hidden;border:none}#noteList #notesAndSort{display:none}#noteList #noteItemListWrap{display:none}#notesAndSort{background:0 0}#noteItemList{background:0 0}#noteItemList .item{background:0 0}.item-active,#noteItemList .item-active:hover{background-color:#F5F8EA!important;color:#000}.item-active .item-desc .fa,#noteItemList .item-active:hover .item-desc .fa{color:#666!important}.item-active .item-title,#noteItemList .item-active:hover .item-title{color:#000}#leanoteNav{background-color:#fbfcf7;opacity:.3}.new-note-right{padding:0 2px}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20-black.gif);margin-top:10px;visibility:hidden}#moreBtn{right:0!important}#toggleEditorMode{margin:0 10px!important}#upload{position:absolute;z-index:0;bottom:0;right:0;left:0;padding:0;background-color:#fff;text-align:center;display:none}#upload #drop{width:100%;height:100%;padding-top:100px}#drop.in{border:1px solid #000}#drop.hover{border:2px solid #000}#uploadMsg{position:absolute;top:3px;right:3px;bottom:10px;overflow:scroll;list-style:none}#searchNotebookForAddDropdownList{left:0}#searchNotebookForAdd{background:0 0}.writting-hide{display:none}@media screen and (max-width:800px){#leanoteMsg{display:none}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags{overflow:scroll!important;-webkit-overflow-scrolling:touch!important}}@media screen and (max-device-width:1024px) and (orientation:landscape){#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags{overflow:scroll!important;-webkit-overflow-scrolling:touch!important}}#editorContent{border:none}#editorContent .ace-tomorrow{background-color:#fbfcf7}#wmd-input>.editor-content{padding-top:20px}#editorContent{padding-top:10px}#noteAndEditor{position:static}#editor #mceToolbar{height:40px}#editor #editorContent{top:40px}#editor.all-tool #mceToolbar{height:80px}#editor.all-tool #editorContent{top:80px}
\ No newline at end of file
+::selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-moz-selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-webkit-selection {
+ background: #000000;
+ color: #ffffff;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+ width: 5px;
+ height: 8px;
+ background: none;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #41586e;
+ opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+ background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+ background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+ height: 0;
+ background-color:#f0f0f0;
+ background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+ height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+ width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+ background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+ background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+ background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+ background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+ background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+ background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+ background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+ background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+ background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+@-webkit-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-moz-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-ms-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-moz-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-ms-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-moz-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-o-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+@-moz-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+@-o-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.animated {
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -ms-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ -moz-animation-duration: 0.5s;
+ -ms-animation-duration: 0.5s;
+ -o-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+}
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ -moz-animation-name: fadeIn;
+ -o-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ -moz-animation-name: fadeInUp;
+ -o-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+/**
+ * 通用的
+ */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+.close:focus {
+ outline: none;
+}
+.invisible {
+ visibility: hidden;
+}
+.mobile-show {
+ display: none;
+}
+.btn {
+ border-radius: 2px;
+}
+.alert {
+ margin-bottom: 10px;
+}
+.btn * {
+ cursor: pointer !important;
+}
+.dropdown-submenu {
+ position: relative;
+}
+.dropdown-submenu > ul.dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-left: -3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ padding-top: 10px !important;
+}
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block;
+}
+.dropdown-submenu:after {
+ display: block;
+ content: " ";
+ position: absolute;
+ right: 0;
+ top: 10px;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #666;
+}
+.dropdown-submenu:hover > a:after {
+ border-left-color: #fff;
+}
+.dropdown-submenu.pull-left {
+ float: none;
+}
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: -100%;
+ margin-left: 10px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}
+.open > .dropdown-menu,
+.dropdown-submenu:hover > .dropdown-menu {
+ visibility: visible;
+ -webkit-animation: pulldown .2s;
+ animation: pulldown .2s;
+ /*
+ transform: scale(1, 1);
+ -webkit-transform: scale(1, 1);
+ -moz-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ */
+}
+.dropdown-menu {
+ visibility: hidden;
+ display: block;
+ /*
+ -webkit-transform: scale(0, 0);
+ -webkit-transform-origin: top;
+ -webkit-animation-fill-mode: forwards;
+ -webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -o-transform: scale(0, 0);
+ -o-transform-origin: top;
+ -o-animation-fill-mode: forwards;
+ -o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -moz-transform: scale(0, 0);
+ -moz-transform-origin: top;
+ -moz-animation-fill-mode: forwards;
+ -moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ transform: scale(0, 0);
+ transform-origin: top;
+ animation-fill-mode: forwards;
+ transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+ */
+}
+.dropdown-list {
+ width: 530px;
+ border-radius: 3px;
+}
+.dropdown-list ul {
+ margin: 0;
+ padding: 0;
+}
+.dropdown-list ul li {
+ float: left;
+ width: 120px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ border: 1px dashed #ccc;
+}
+.dropdown-menu .divider {
+ margin: 3px 0;
+}
+.dropdown-menu {
+ border-radius: 3px;
+ margin: 0;
+ /*overflow-x: hidden; */
+ /*overflow-y: scroll;*/
+}
+.dropdown-menu:before {
+ content: "";
+ width: 20px;
+ height: 12px;
+ position: absolute;
+ top: -12px;
+ right: 8px;
+ background-image: url("../../images/triangle_2x.png");
+ background-size: 20px 12px;
+}
+.dropdown-submenu .dropdown-menu:before {
+ background: none;
+}
+#searchNotebookForAddDropdownList,
+#searchNotebookForAddShareDropdownList {
+ left: -200px;
+}
+#searchNotebookForAddDropdownList:before,
+#searchNotebookForAddShareDropdownList:before {
+ left: 190px;
+ right: inherit;
+}
+.dropdown-menu li {
+ list-style: none;
+ padding-left: 10px;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+}
+.dropdown-menu li > a {
+ color: #000000;
+ display: block;
+ padding-right: 20px;
+}
+.dropdown-menu > li > a {
+ padding: 3px 20px 3px 0;
+}
+.noteSplit {
+ position: absolute;
+ top: 0;
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 3333;
+ cursor: col-resize;
+}
+a.raw {
+ color: #428bca;
+}
+a.raw:hover {
+ color: #2a6496;
+}
+.cm-item {
+ position: relative;
+}
+.cm-item .cm-text {
+ position: absolute;
+ left: 23px;
+ right: 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.cm-item .cm-text .c-text {
+ display: initial;
+}
+.b-m-mpanel {
+ border-radius: 3px;
+}
+.modal-content {
+ background-color: #f8f8f8;
+}
+.modal-body {
+ background-color: #ffffff;
+ padding-bottom: 30px;
+}
+.modal-footer {
+ margin-top: 0;
+}
+#editorTool,
+#newNoteWrap,
+#myBlog,
+.lea-blog,
+#myProfile,
+#toggleEditorMode,
+.folderHeader {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+@font-face {
+ font-family: 'leanote';
+ src: url('../../fonts/leanote-font3/leanote.eot?-vcf23i');
+ src: url('../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i') format('embedded-opentype'), url('../../fonts/leanote-font3/leanote.ttf?-vcf23i') format('truetype'), url('../../fonts/leanote-font3/leanote.woff?-vcf23i') format('woff'), url('../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+#logo,
+.mce-i-mind,
+.mce-i-ace-pre,
+.lea-icon {
+ font-family: 'leanote' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.icon-markdown:before {
+ content: "\e604";
+}
+.mce-i-mind:before {
+ content: "\e602";
+}
+.mce-i-ace-pre:before {
+ content: "\e603";
+}
+#logo:before {
+ content: "\e901";
+ line-height: 1;
+ margin-top: 5px;
+ display: inline-block;
+ vertical-align: top;
+}
+#logo.icon-only:before {
+ content: "\e902";
+}
+.lang-zh-cn #logo:before {
+ content: "\e900";
+}
+/**
+ * 头部
+ */
+#listNotebookDropdownMenu {
+ display: none;
+}
+#themeForm td {
+ padding: 5px;
+ text-align: center;
+}
+#themeForm img {
+ border: 1px solid #eee;
+ padding: 2px;
+}
+#avatar {
+ height: 60px;
+ max-width: 200px;
+ display: inline-block;
+ margin: 10px;
+}
+.new-split {
+ display: none;
+}
+.new-note-right {
+ padding: 0 5px;
+ padding-left: 3px;
+}
+#leanoteMsg {
+ line-height: 40px;
+ margin-top: 10px;
+ margin-left: 10px;
+}
+#newNoteWrap {
+ line-height: 40px;
+ margin-top: 10px;
+}
+.new-note {
+ background-color: #000000;
+ border-radius: 3px;
+ padding: 3px 5px;
+ border: 1px solid #080303;
+}
+.new-note,
+.new-note a {
+ color: #ffffff;
+}
+.new-note:hover {
+ background: #3d3b3b;
+ border-color: transparent;
+}
+.new-note:hover,
+.new-note:hover a {
+ color: #fff;
+}
+.new-markdown {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+.top-nav {
+ margin: 0 10px;
+ display: inline-block;
+ line-height: 60px;
+}
+.my-link,
+.new-markdown-text-abbr,
+.new-note-text-abbr {
+ display: none;
+}
+#myAvatar {
+ height: 30px;
+ max-width: 30px;
+ overflow: hidden;
+ border-radius: 50%;
+}
+.ios7-a {
+ display: inline-block;
+ padding: 0 10px;
+ height: 36px;
+ vertical-align: middle;
+ line-height: 36px;
+ cursor: pointer;
+}
+#page.mini-left #notebook,
+#page.mini-left #notebookSplitter,
+#page.mini-left #logo,
+#page.mini-left #leftSwitcher,
+#page.mini-left #leftNotebook .slimScrollDiv {
+ display: none;
+}
+#page.mini-left #leftSwitcher2 {
+ display: block;
+}
+#page.mini-left #leftNotebook {
+ width: 30px !important;
+}
+#page.mini-left #noteAndEditor {
+ left: 30px !important;
+}
+a {
+ color: #000000;
+ cursor: pointer;
+}
+a:hover {
+ text-decoration: none !important;
+ color: #000000;
+}
+#header {
+ height: 60px;
+ background-color: #fbfcf7;
+ border-bottom: 1px solid #fbfcf7;
+ color: #ffffff;
+ /* for app */
+ webkit-user-select: none;
+ /* 还不知 */
+ -webkit-app-region: drag;
+ /* -webkit-app-region: no-drag; */
+}
+#header a {
+ color: #cccccc;
+}
+#header li,
+#header li a {
+ color: #000000;
+}
+#logo {
+ line-height: 50px;
+ box-sizing: content-box;
+ width: 140px;
+ height: 60px;
+ padding-left: 10px;
+ padding-top: 9px;
+ font-size: 32px;
+}
+#switcher {
+ line-height: 50px;
+ padding-top: 6px;
+ padding-right: 5px;
+ width: 30px;
+ text-align: center;
+}
+#switcher i {
+ font-size: 16px;
+ cursor: pointer;
+}
+#switcher i:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ cursor: pointer;
+ font-size: 16px;
+ line-height: 34px;
+ margin-top: 8px;
+ padding: 0 5px;
+ height: 34px;
+ display: inline-block;
+}
+#switcher #leftSwitcher2:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ display: none;
+}
+#searchNote {
+ padding-left: 0;
+ line-height: 60px;
+ margin: 0;
+}
+#searchNote input {
+ background-size: 18px 13px;
+ border-color: #ebeff2;
+ border: none;
+ color: #cccccc;
+ background-color: #000000;
+ padding-left: 14px;
+ border-radius: 5px;
+ height: 30px;
+ width: 250px;
+ line-height: 20px;
+ box-shadow: none;
+}
+#searchNote input:focus {
+ outline: none !important;
+ border-color: #0fb264;
+ box-shadow: none;
+}
+#header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#header ul li.dropdown {
+ display: inline-block;
+ height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+ display: block;
+ padding: 15px 5px 0 0;
+ position: relative;
+}
+#header span.icon {
+ display: inline-block;
+ font-size: 28px;
+ color: #999999;
+}
+.dropdown-menu li > a {
+ color: #000000;
+}
+.dropdown-menu li:hover,
+.dropdown-menu li:focus {
+ background-color: #ebeff2;
+}
+.dropdown-menu li > a:hover,
+.dropdown-menu li > a:focus {
+ background-color: #ebeff2;
+}
+#loading {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ content: url(../../images/loading-a-20.gif);
+ vertical-align: middle;
+ visibility: hidden;
+}
+#inviteFriends {
+ position: relative;
+}
+#inviteFriends .dot {
+ display: inline-block;
+ position: absolute;
+ right: -8px;
+ top: -8px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: #FF9263;
+}
+#inviteUrl {
+ width: 400px;
+ padding: 3px;
+ border-radius: 3px;
+ border: 1px solid #eee;
+}
+#myProfile {
+ margin: 0 10px;
+}
+.profile-img {
+ line-height: 60px;
+}
+#page {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+#pageInner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+#mainContainer {
+ position: absolute;
+ top: 60px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ zoom: 1;
+}
+#mainMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ background-color: #fff;
+ text-align: center;
+ padding-top: 100px;
+ z-index: 1000;
+}
+#notebookSplitter {
+ left: 170px;
+}
+#noteSplitter {
+ left: 250px;
+}
+.ace_editor,
+.ace_editor * {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_invisible_space {
+ visibility: hidden !important;
+}
+#editor,
+#mdEditor {
+ position: absolute;
+ z-index: 2;
+ top: 66px;
+ bottom: 0px;
+ right: 0;
+ left: 5px;
+ padding: 0;
+ display: none;
+}
+/* leanote nav */
+.leanoteNav {
+ position: absolute;
+ right: 0px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ background-color: #fff;
+ opacity: 0.5;
+ z-index: 11;
+ margin-top: 4px;
+}
+.leanoteNav h1 {
+ margin: 0;
+ font-size: 16px;
+ padding: 3px;
+ cursor: pointer;
+}
+.leanoteNav i {
+ padding: 3px;
+}
+.leanoteNav span {
+ display: none;
+}
+.leanoteNav .leanoteNavContent {
+ display: none;
+ overflow: auto;
+}
+.leanoteNav.unfolder {
+ min-width: 200px;
+ max-width: 300px;
+ opacity: 0.8;
+}
+.leanoteNav.unfolder h1 {
+ border-bottom: 1px dashed #ebeff2;
+}
+.leanoteNav.unfolder span {
+ display: inline;
+}
+.leanoteNav.unfolder .leanoteNavContent {
+ display: block;
+ min-height: 30px;
+}
+.leanoteNav ul {
+ margin: 0;
+ padding-left: 23px;
+}
+.leanoteNav ul li {
+ list-style-type: disc;
+}
+.leanoteNav ul li a:hover {
+ color: #0fb264;
+}
+.leanoteNav ul .nav-h2 {
+ margin-left: 20px;
+}
+.leanoteNav ul .nav-h3 {
+ margin-left: 30px;
+}
+.leanoteNav ul .nav-h4 {
+ margin-left: 40px;
+}
+.leanoteNav ul .nav-h5 {
+ margin-left: 50px;
+}
+.scrollTo-a {
+ cursor: pointer !important;
+}
+.preview-container table,
+.mce-item-table,
+.preview-container table td,
+.mce-item-table td,
+.preview-container table th,
+.mce-item-table th,
+.preview-container table caption,
+.mce-item-table caption {
+ border: 1px solid #ddd;
+ border-collapse: collapse;
+ padding: 5px;
+ vertical-align: middle;
+}
+.preview-container table tr,
+.mce-item-table tr {
+ background-color: none;
+ border-top: 1px solid #ccc;
+}
+.preview-container table tr:nth-child(2n),
+.mce-item-table tr:nth-child(2n) {
+ background-color: #f7f7f9;
+}
+.preview-container th {
+ padding: 10px;
+}
+/**
+ * tinymce editor
+ */
+/* 包裹iframe */
+#editor .mce-ifr {
+ border: none;
+ overflow: hidden !important;
+ /*不知道哪里设置了auto*/
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+ border: none;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+ padding: 5px 5px !important;
+ line-height: 20px !important;
+}
+.mce-foot .mce-btn {
+ border-radius: 3px;
+}
+.mce-menubtn.mce-btn-small span {
+ line-height: 20px !important;
+}
+.mce-btn span {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+ text-shadow: none;
+}
+.mce-primary {
+ background-color: #47a447 !important;
+ border: none !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+ background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+ color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+ background-color: #ebeff2;
+}
+.tool-split {
+ display: inline-block;
+ line-height: 25px;
+ color: #ddd;
+}
+#moreBtn {
+ dispaly: block;
+ position: absolute;
+ cursor: pointer;
+ right: 5px;
+ padding: 3px 10px;
+}
+#moreBtn span {
+ display: none;
+}
+.mce-colorbtn-trans div {
+ line-height: 11px;
+ text-align: center;
+}
+.mce-btn-small .mce-caret {
+ margin-top: 8px;
+}
+.mce-listbox.mce-btn-small .mce-caret {
+ margin-top: -2px;
+}
+.mce-btn i {
+ text-shadow: none;
+}
+.mce-colorbutton.mce-btn-small .mce-preview {
+ width: 15px;
+}
+#editorContent {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ padding: 5px;
+ outline: none;
+ margin-top: 5px;
+ bottom: 5px !important;
+}
+#editorContent pre {
+ position: relative;
+ -mo-height: auto !important;
+}
+#editorContent pre .toggle-raw {
+ position: absolute;
+ left: 2px;
+ top: -2px;
+ z-index: 100;
+ display: none;
+}
+#editorContent pre:hover .toggle-raw {
+ display: block;
+}
+#editorContent * {
+ font-family: inherit;
+}
+.mce-tinymce-inline {
+ border-width: 0 !important;
+}
+#editorContent a {
+ color: #2a6496;
+ text-decoration: underline;
+}
+#editorContent pre {
+ font: 12px / normal Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ color: #4D4D4C;
+}
+#editorContent .ace_searchbtn_close {
+ margin: 0px;
+}
+#editorContent .ace-tomorrow {
+ padding: 0;
+ padding-left: 44px;
+}
+#editorContent .ace-to-pre {
+ padding: 0;
+ padding-left: 5px;
+}
+#editorContent .ace_scrollbar-v {
+ overflow-y: hidden;
+}
+#editorContent .leanote-image-container {
+ display: inline-block;
+ width: 100px;
+}
+#editorContent .leanote-image-container .loader {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 3px;
+ margin-top: 5px;
+}
+#editorContent .leanote-image-container .progress {
+ display: inline-block;
+ margin: 0;
+ width: 80px;
+}
+.mce-text {
+ vertical-align: middle;
+}
+/**
+ * markdown editor
+ */
+#mdEditor {
+ z-index: 1;
+ background-color: #fff;
+ bottom: 5px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+ font-size: 14px;
+ line-height: 22px;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+ position: relative;
+ height: 30px;
+ overflow: hidden;
+ border-bottom: 1px solid #ccc;
+ background-color: #f0f0f0;
+}
+#wmd-button-bar {
+ overflow: visible;
+}
+#mdEditorPreview {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+#left-column,
+#right-column,
+#mdSplitter {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+}
+#mdSplitter {
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 5;
+ cursor: col-resize;
+ left: 450px;
+ background: none;
+}
+#left-column {
+ left: 0;
+ width: 450px;
+}
+#right-column {
+ left: 450px;
+ right: 0;
+ overflow: hidden;
+}
+.wmd-panel-editor,
+.preview-container,
+#wmd-input {
+ height: 100%;
+}
+.wmd-input,
+.wmd-input:focus,
+#md-section-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;
+}
+.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;
+ font-size: 14px;
+}
+#mdEditor .navbar-default {
+ overflow: visible;
+}
+.wmd-mode {
+ min-width: 150px;
+ left: 50%;
+ margin-left: -75px !important;
+}
+.wmd-mode:before {
+ right: auto;
+ left: 40%;
+}
+#md-keyboard-mode {
+ color: #8E8E8E;
+ font-size: 12px;
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ font-style: normal;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+.ace_editor {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_editor * {
+ font-family: inherit;
+}
+/*
+// markdown editor ace
+@mdAceTextColor: #2C3E50; // #04294E; // #384654;
+@mdAceHeadingColor: #000; // 1a2026
+@mdAceBlockquoteColor: #003873;
+@mdAceCursorColor: #243342;
+
+@mdAceTextColor: #000;
+@mdAceTagColor: rgba(87, 108, 130, 0.6);
+
+textarea#wmd-input {
+ color: #000 !important;
+}
+
+#wmd-input {
+ .ace_searchbtn_close {
+ margin: 0px;
+ }
+ .ace_content {
+ padding-top: 5px;
+ }
+ &.ace_editor {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm {
+ background-color: #ffffff;
+ }
+ &.ace-tm .ace_text-input {
+ box-sizing: initial;
+ }
+ &.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_cursor {
+ color: @mdAceCursorColor;
+ }
+ // 左侧的线
+ &.ace-tm .ace_print-margin {
+ background: none;
+ // background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_markup.ace_heading {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ &.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
+ color: @mdAceTagColor;
+ }
+ }
+ &.ace-tm .ace_markup.ace_list {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_constant.ace_language {
+ color: @mdAceTagColor;
+ font-weight: normal;
+ }
+ &.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+ }
+ &.ace-tm .ace_storage,
+ &.ace-tm .ace_keyword {
+ color: #384654;
+ background-color: rgba(0, 0, 0, 0.04);
+ font-weight: bold;
+ }
+ &.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+ }
+ &.ace-tm .ace_strong {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_emphasis {
+ color: @mdAceTextColor;
+ font-style: italic;
+ }
+ &.ace-tm .ace_blockquote {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_code {
+ color: #1a2026;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_code_block {
+ color: #1a2026;
+ }
+ &.ace-tm .ace_link {
+ color: #576c82;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_description {
+ color: #576c82;
+ }
+ &.ace-tm .ace_constant {
+ color: #384654;
+ }
+ &.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+ }
+ &.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+ }
+
+ // vim cursor
+ &.normal-mode .ace_cursor {
+ background-color: #003A92;
+ }
+ // emacs cursor
+ &.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: rgb(101, 189, 119, 0.9);
+ }
+}
+*/
+.m-todo-item {
+ list-style: none;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+#wmd-input .ace_cjk {
+ color: inherit;
+}
+#wmd-input .ace_searchbtn_close {
+ margin: 0px;
+}
+#wmd-input .ace_content {
+ padding-top: 5px;
+}
+#wmd-input.ace_editor {
+ color: #000000;
+}
+#wmd-input.ace-tm {
+ background-color: #ffffff;
+}
+#wmd-input.ace-tm .ace_text-input {
+ box-sizing: initial;
+}
+#wmd-input.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+}
+#wmd-input.ace-tm .ace_cursor {
+ color: #243342;
+}
+#wmd-input.ace-tm .ace_print-margin {
+ background: none;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_5 {
+ color: #1d3e81;
+}
+#wmd-input.ace-tm .ace_markup.ace_list {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_constant.ace_language {
+ color: #1d3e81;
+ font-weight: normal;
+}
+#wmd-input.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+}
+#wmd-input.ace-tm .ace_storage,
+#wmd-input.ace-tm .ace_keyword {
+ color: #384654;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+}
+#wmd-input.ace-tm .ace_strong {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_emphasis {
+ color: #000000;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_blockquote {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_code {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_code_block {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_link {
+ color: #000000;
+ background-color: transparent;
+ text-decoration: underline;
+}
+#wmd-input .ace_underline {
+ color: #1d3e81;
+ text-decoration: none;
+}
+#wmd-input.ace-tm .ace_description {
+ color: #576c82;
+}
+#wmd-input.ace-tm .ace_constant {
+ color: #384654;
+}
+#wmd-input.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+}
+#wmd-input.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: #65bd77;
+}
+#leftNotebook {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 170px;
+}
+#notebook,
+#notebookMin {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ background-color: #41586e;
+ overflow-y: auto;
+ overflow-x: auto;
+ z-index: 2;
+}
+#addNotebookPlus {
+ padding-right: 10px;
+ color: #adbece;
+}
+#addNotebookPlus .fa {
+ font-size: 16px;
+}
+#notebookList input,
+#notebookListForSearch input {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ width: 90%;
+ padding-left: 3px;
+ box-shadow: none;
+ background: none;
+ color: #ffffff;
+}
+#notebookList input:focus,
+#notebookListForSearch input:focus {
+ outline: none !important;
+}
+#notebookMin {
+ z-index: 1;
+ overflow-y: visible;
+ overflow-x: visible;
+ background-color: #41586e;
+}
+#notebookMin div.minContainer {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+ padding: 5px;
+ position: relative;
+ cursor: pointer;
+}
+#notebookMin div.minContainer i {
+ font-size: 20px;
+ color: #ffffff;
+}
+#notebookMin div.minContainer:hover i {
+ color: #0fb264;
+}
+#notebookMin div.minContainer ul {
+ background-color: #fff;
+ opacity: 0.8;
+ display: none;
+ list-style: none;
+ margin: 0;
+ margin-left: 20px;
+ padding: 5px 0px;
+ border: 1px solid #0fb264;
+ position: absolute;
+ z-index: 1000;
+ top: 0;
+ left: 10px;
+ width: 150px;
+}
+#notebookMin div.minContainer ul li {
+ padding: 0 5px;
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li span {
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li a {
+ cursor: pointer;
+}
+#notebookBottom {
+ position: absolute;
+ bottom: 0px;
+ height: 30px;
+ right: 0;
+ left: 0;
+ line-height: 30px;
+ text-align: right;
+ padding-right: 5px;
+ background-color: #eee;
+}
+#notebookBottom #leftSwitcher {
+ border: 1px solid #ccc;
+ padding: 3px 8px;
+ cursor: pointer;
+}
+.folderHeader {
+ min-height: 35px;
+ line-height: 35px;
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.folderHeader span {
+ display: inline-block;
+ line-height: 35px;
+ color: #ffffff;
+ font-size: 16px;
+}
+.folderHeader .fa-left,
+.friend-header i.fa {
+ display: inline-block;
+ line-height: 35px;
+ font-size: 16px;
+ width: 35px;
+ border-right: 1px solid rgba(255, 255, 255, 0.05);
+ text-align: center;
+ color: #ffffff;
+}
+.friend-header {
+ position: relative;
+}
+.friend-header .notebook-setting {
+ display: none;
+ position: absolute;
+ right: 0;
+ left: auto;
+}
+.friend-header:hover .notebook-setting {
+ display: block;
+}
+.each-user {
+ margin-bottom: 5px;
+ margin-left: 5px;
+ margin-right: 5px;
+ margin-top: 3px;
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.09);
+ background-color: #37485e;
+}
+.each-user div {
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.each-user div span {
+ line-height: 35px;
+ color: #ffffff;
+ padding-left: 3px;
+ font-size: 14px;
+ display: block;
+ position: absolute;
+ left: 23px;
+ top: 0;
+ right: 23px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.each-user div .fa {
+ width: 20px;
+ border-right: none;
+}
+.notebook-number-notes {
+ position: absolute;
+ right: 10px;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: inline-block;
+ line-height: 20px !important;
+ height: 20px;
+ margin-top: 5px;
+ padding: 0 3px;
+}
+.notebook-setting {
+ display: none;
+ position: absolute;
+ right: 1px;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ line-height: 30px;
+}
+.notebook-setting:before {
+ content: "\f013";
+}
+.ztree li a:hover .notebook-setting {
+ display: block;
+}
+#myTag .folderBody {
+ padding: 0 3px;
+ padding-bottom: 3px;
+}
+#myTag .folderBody li {
+ margin-left: 10px;
+ padding: 3px;
+ line-height: normal;
+}
+#notebookList {
+ border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+.ztree {
+ padding: 0px;
+}
+#searchNotebookForAdd {
+ line-height: normal;
+ width: 200px;
+ margin: 0 10px;
+ margin-bottom: 10px;
+ height: 30px;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#myNotebooks .folderBody {
+ padding-top: 3px;
+}
+.folderBody {
+ overflow-x: hidden;
+}
+#searchNotebookForList {
+ height: 30px;
+ width: 90%;
+ margin: 3px auto;
+ margin-top: 0;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#notebookNavForNewNote li:hover {
+ background: none;
+}
+.folderBody {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ background-color: #37485e;
+}
+.folderBody li {
+ line-height: 30px;
+}
+.closed .folderBody {
+ display: none;
+}
+#myTag .folderBody li {
+ position: relative;
+}
+#myTag .folderBody li .badge {
+ width: 40px;
+ position: absolute;
+ right: 3px;
+ top: 7px;
+ font-weight: normal;
+ background-color: #fbfcf7;
+ color: #000000;
+ border: 1px solid #ebeff2;
+}
+/**
+ * 笔记列表
+ */
+#noteAndEditor {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ left: 170px;
+}
+#noteList {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ width: 250px;
+ border-right: 1px solid #cfcfcf;
+ border-left: 1px solid #cfcfcf;
+ z-index: 333;
+}
+#note {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ left: 250px;
+ right: 0;
+ padding-left: 5px;
+ overflow-y: hidden;
+ overflow-x: auto;
+ background-color: #fbfcf7;
+}
+#notesAndSort {
+ background-color: #eeeeee;
+ border-bottom: 1px solid #ebeff2;
+ height: 36px;
+}
+#sortType {
+ float: right;
+}
+#noteItemListWrap {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 36px;
+ bottom: 3px;
+}
+#noteAndEditorMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background: #fff;
+ text-align: center;
+ padding-top: 60px;
+ opacity: .3;
+ z-index: 500;
+ display: none;
+}
+/* item list */
+#noteItemList {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ overflow-y: hidden;
+ padding: 0 5px;
+}
+#noteItemList .item {
+ position: relative;
+ height: 110px;
+ overflow: hidden;
+ cursor: pointer;
+ border: 1px solid #ebeff2;
+ border-radius: 3px;
+ margin-top: 5px;
+ background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+ background-color: #ddd !important;
+}
+.item-active,
+#noteItemList .item-active:hover {
+ background-color: #65bd77 !important;
+ color: #fff;
+}
+.item-active .fa,
+#noteItemList .item-active:hover .fa {
+ color: #eee !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+ color: #fff;
+}
+#noteItemList .item-thumb {
+ width: 100px;
+ overflow: hidden;
+ position: absolute;
+ z-index: 1;
+ right: 0px;
+ top: 4px;
+ height: 100px;
+ background-color: #fff;
+ margin-right: 5px;
+ line-height: 100px;
+ text-align: center;
+}
+.item-thumb img {
+ max-width: 100px;
+}
+.item-title {
+ /*font-weight: 400;*/
+ font-size: 16px;
+ height: 22px;
+ line-height: 20px;
+ overflow: hidden;
+ margin-bottom: 0px;
+ color: #000000;
+ border-bottom: dashed 1px #ebeff2;
+}
+#noteItemList .item-desc {
+ position: absolute;
+ left: 0;
+ top: 4px;
+ right: 0px;
+ margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+ color: #666;
+}
+#noteItemList .item-image .item-desc {
+ right: 100px;
+}
+.item-info {
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.desc {
+ margin: 0;
+ word-wrap: break-word;
+}
+#noteItemList {
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+#noteItemList .item-setting,
+#noteItemList .item-blog {
+ position: absolute;
+ right: 1px;
+ font-size: 10px;
+ z-index: 2;
+ padding: 3px;
+ border-radius: 5px;
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ opacity: 0.5;
+ background-color: #464C5E;
+}
+#noteItemList .item-setting .fa,
+#noteItemList .item-blog .fa {
+ color: #fff !important;
+}
+#noteItemList .item-setting:hover,
+#noteItemList .item-blog:hover {
+ opacity: 0.8;
+}
+#noteItemList .item-blog {
+ top: 1px;
+}
+#noteItemList .item-setting {
+ bottom: 0;
+ display: none;
+}
+#noteItemList .item:hover .item-setting {
+ display: block;
+}
+/**
+ * 工具栏
+ * 附件
+ * 笔记信息
+ * 历史记录
+ * 提示
+ */
+#tool {
+ border-bottom: 1px solid #ddd;
+ height: 36px;
+ margin-left: -5px;
+ position: relative;
+}
+#editorTool {
+ margin: 0;
+ margin-right: 5px;
+ padding: 0;
+ list-style: none;
+}
+#editorTool li {
+ display: inline-block;
+}
+#noteInfo {
+ width: 400px;
+ box-sizing: border-box;
+ padding: 10px 10px;
+ -webkit-user-select: initial;
+}
+#noteInfo table {
+ width: 100%;
+ margin: 0;
+}
+#noteInfo table th {
+ min-width: 100px;
+}
+#noteInfo table th,
+#noteInfo table td {
+ border-top: none;
+ border-bottom: 1px solid #dddddd;
+ padding: 8px;
+ line-height: 20px;
+ vertical-align: top;
+ word-break: break-all;
+}
+#noteInfo table td {
+ max-width: 280px;
+}
+#noteInfo a {
+ cursor: pointer;
+}
+#noteInfo a.post-url {
+ background: #FDF936;
+}
+#noteInfo .post-url-wrap {
+ word-wrap: break-word;
+}
+#noteInfo .post-url-wrap span {
+ display: inline;
+}
+#noteInfo .post-url-wrap input {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-pencil {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-text {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit input {
+ display: inline;
+}
+#editor #mceToolbar {
+ height: 30px;
+}
+#editor.all-tool #mceToolbar {
+ height: 60px;
+}
+#editor.all-tool .more-fa:before {
+ content: "\f106";
+}
+#editor.all-tool #editorContent {
+ top: 60px;
+}
+#editor .more-fa:before {
+ content: "\f107";
+}
+#historyList img {
+ max-width: 100%;
+}
+.history-modal .modal-dialog {
+ width: auto !important;
+ position: absolute;
+ /* width: 100%; */
+ /* height: 100%; */
+ left: 5px;
+ right: 5px;
+ top: 5px;
+ bottom: 5px;
+}
+.history-modal .modal-dialog .modal-content {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: 0;
+ padding: 0;
+ overflow: scroll;
+}
+.history-modal .modal-dialog .modal-content .modal-body {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ overflow-y: auto;
+ width: 200px;
+ border-right: 1px solid #ccc;
+ box-shadow: 1px 1px 10px #ddd;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header {
+ line-height: 50px;
+ font-size: 16px;
+ font-weight: bold;
+ padding-left: 15px;
+ border-bottom: 1px solid #eee;
+ background-color: #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow-y: auto;
+ margin-bottom: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item {
+ border-top: none;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover {
+ color: #000;
+ background-color: #eee;
+ border-color: #eee;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 200px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close {
+ padding: 10px 15px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back {
+ margin-left: 10px;
+ margin-top: 5px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header {
+ height: 51px;
+ border-bottom: 1px solid #eee;
+ box-shadow: 5px 0px 5px #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ padding-top: 5px;
+ padding-right: 5px;
+ padding-left: 10px;
+ overflow-y: auto;
+}
+#upload {
+ position: absolute;
+ z-index: 0;
+ bottom: 0;
+ right: 0;
+ left: 0px;
+ padding: 0;
+ background-color: #fff;
+ text-align: center;
+ display: none;
+}
+#upload #drop {
+ width: 100%;
+ height: 100%;
+ padding-top: 100px;
+}
+#drop.in {
+ border: 1px solid #000000;
+}
+#drop.hover {
+ border: 2px solid #000000;
+}
+#uploadMsg {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ bottom: 10px;
+ overflow: scroll;
+ list-style: none;
+}
+#uploadAttach {
+ position: relative;
+ margin-top: 5px;
+}
+.dropzone {
+ text-align: center;
+}
+.dropzone input {
+ display: none;
+}
+.dropzone.in {
+ border: 1px solid #000000;
+}
+.dropzone.hover {
+ border: 2px solid #000000;
+}
+#attachUploadMsg,
+#avatarUploadMsg {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ max-height: 240px;
+ z-index: 3;
+}
+#attachUploadMsg .alert,
+#avatarUploadMsg .alert {
+ margin: 0;
+ padding: 0 3px;
+ margin-top: 10px;
+}
+#attachMenu {
+ width: 450px;
+ padding: 10px 5px;
+}
+#attachList {
+ margin: 0;
+ padding: 0;
+ max-height: 450px;
+ overflow-y: auto;
+}
+#attachList li {
+ display: block;
+ margin: 0;
+ padding: 0 3px;
+ border-radius: 3px;
+ border-bottom: 1px dashed #eee;
+ height: 45px;
+ line-height: 45px;
+}
+#attachList li div {
+ float: left;
+}
+#attachList li .attach-title {
+ width: 290px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#attachList li .attach-process {
+ float: right;
+}
+#attachList li.loading {
+ text-align: center;
+}
+/**
+ * 笔记
+ *
+ */
+#noteTitleDiv {
+ height: 30px;
+ border-bottom: 1px solid #ddd;
+}
+#noteTitle {
+ height: 100%;
+ padding: 0px 3px;
+ width: 100%;
+ border: none;
+ background-color: #fbfcf7;
+}
+#noteTitle:focus {
+ outline: none !important;
+}
+#editorContent {
+ position: absolute;
+ top: 30px;
+ bottom: 10px;
+ right: 0;
+ left: 0;
+ overflow: auto;
+}
+.fa-calendar {
+ color: #666;
+}
+.dropdown-menu .fa {
+ width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+ cursor: default;
+}
+.tab-pane {
+ padding: 5px 0 0 0;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+ padding-left: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+ background: none;
+}
+.new-note-left {
+ padding: 0 5px;
+ width: 95px;
+ overflow: hidden;
+ white-space: nowrap;
+ border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+ background-color: #ebeff2;
+}
+.new-note-right:hover {
+ background-color: #ebeff2;
+}
+#historyList table {
+ width: 100%;
+}
+#historyList .btns {
+ border-top: 1px dashed #eee;
+ padding: 5px 0;
+}
+#toggleEditorMode {
+ margin: 0 10px !important;
+}
+#editorMask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ background-color: #fff;
+ display: none;
+ z-index: -10;
+ padding-top: 50px;
+ text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+ font-size: 24px;
+}
+#editorMask a {
+ display: inline-block;
+ border-radius: 3px;
+ border: 1px solid #ebeff2;
+ padding: 10px;
+}
+#editorMask a:hover {
+ background-color: #65bd77;
+ color: #fff;
+}
+.note-mask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0px;
+ z-index: -1;
+}
+#noteMaskForLoading {
+ padding-top: 60px;
+ background: #fff;
+ text-align: center;
+ opacity: .3;
+}
+.info-toolbar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ line-height: 30px;
+ padding-left: 5px;
+ height: 30px;
+ display: none;
+ overflow: hidden;
+}
+.info-toolbar .toolbar-update {
+ color: inherit;
+ float: right;
+ padding: 0 10px;
+}
+.info-toolbar .toolbar-update:hover {
+ background: #fff;
+ color: #000;
+}
+.info-toolbar .created-time {
+ display: inline-block;
+ padding-right: 10px;
+}
+#editorContent {
+ -webkit-user-select: text;
+}
+#editor.read-only #mceToolbarContainer {
+ display: none;
+}
+#editor.read-only .info-toolbar {
+ display: block;
+}
+#note.read-only #editor,
+#note.read-only #mdEditor {
+ top: 60px;
+}
+#note.read-only #tool {
+ display: none;
+}
+#note.read-only .toolbar-update {
+ display: none;
+}
+#note.read-only #noteReadTop {
+ display: block;
+}
+#note.read-only #infoToolbar,
+#note.read-only #mceToolbar,
+#note.read-only .navbar {
+ display: none;
+}
+#note.read-only #editorContent,
+#note.read-only #mdEditor .layout-wrapper-l3 {
+ top: 0;
+}
+#noteRead {
+ position: absolute;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: none;
+ z-index: 100;
+ padding-left: 5px;
+ background-color: #fff;
+}
+#noteReadTop {
+ position: absolute;
+ height: 60px;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ display: none;
+ background: #fff;
+ padding-left: 5px;
+}
+#noteReadTitle {
+ margin: 3px 0;
+ height: 26px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#noteReadInfo {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ color: #666;
+ margin-top: 8px;
+}
+.read-only-editor #editBtn span:before {
+ content: "\f044";
+}
+#editBtn span:before {
+ content: "\f06e";
+}
+/*标签与其它工具*/
+/* tag */
+#addTagInput {
+ line-height: 25px;
+ display: none;
+ padding: 0;
+ border: none;
+ background-color: #fbfcf7;
+}
+#addTagInput:focus {
+ outline: none;
+}
+.label-default {
+ background-color: #464C5E;
+}
+.label-red {
+ background-color: #d9534f;
+}
+.label-yellow {
+ background-color: #f0ad4e;
+}
+.label-blue {
+ background-color: #428bca;
+}
+.label-green {
+ background-color: #5cb85c;
+}
+.label {
+ border-radius: 0;
+ font-weight: normal;
+}
+.label i {
+ width: 10px;
+ cursor: pointer;
+ font-style: normal;
+ /*border-left: 1px solid #ccc;*/
+ display: inline-block;
+ padding-left: 3px;
+ opacity: 0;
+}
+.label i:hover {
+ opacity: 1;
+}
+#tag {
+ position: absolute;
+ right: 300px;
+ top: 0;
+ left: 5px;
+ bottom: 0;
+}
+#tag {
+ height: 36px;
+ line-height: 36px;
+}
+#tag .dropdown {
+ line-height: 30px;
+}
+#tagColor {
+ left: 10px;
+}
+#tagColor:before {
+ content: "";
+ background-image: none;
+}
+#addTagInput {
+ width: 100px;
+}
+#tagNav i,
+#tagNav em {
+ font-style: normal;
+}
+#tagNav .tag-delete {
+ display: none;
+ margin-left: 3px;
+ font-size: 12px;
+}
+#tagNav li:hover .tag-delete {
+ display: inline-block;
+}
+#tagNav a:hover {
+ background: none !important;
+}
+.batch #noteItemList .item-active .item-setting,
+.batch #noteItemList .item-active:hover .item-setting {
+ display: none;
+}
+.batch #toggleEditorMode {
+ display: none;
+}
+#batchMask {
+ background: #fff;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+.batch-ctn {
+ position: relative;
+ padding: 50px;
+ width: 100%;
+ height: 100%;
+}
+.batch-note {
+ display: inline-block;
+ width: 160px;
+ position: absolute;
+ left: 50%;
+ border: 1px solid #ccc;
+ height: 200px;
+ padding: 5px;
+ border-radius: 5px;
+ background: #eee;
+ overflow: hidden;
+ transition: margin 0.5s;
+ margin-left: -1000px;
+}
+.batch-note .title {
+ font-size: 16px;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+.batch-info {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ text-align: center;
+ margin-top: 300px;
+}
+.batch-info p {
+ margin-top: 8px;
+}
+.batch-info .fa {
+ cursor: pointer;
+ font-size: 16px;
+}
+*,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+}
+body {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: normal;
+ font-size: 16px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ body {
+ font-weight: 300;
+ }
+}
+h1,
+h2,
+h3 {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: normal !important;
+}
+#noteItemList,
+#notebook,
+#leftNotebook,
+.slimScrollDiv,
+#editorContent,
+#editorContent_ifr,
+.mce-edit-area,
+.mce-container-body,
+.mce-tinymce,
+#editor .mce-ifr,
+.wmd-input,
+#noteReadContent,
+#attachList,
+#tags,
+.editor-content,
+.preview-container {
+ -webkit-overflow-scrolling: touch !important;
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
+::selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-moz-selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-webkit-selection {
+ background: #000000;
+ color: #ffffff;
+}
+html,
+body {
+ background-color: #fbfcf7;
+}
+body {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: 300;
+ font-size: 16px;
+}
+a {
+ color: #000000;
+ cursor: pointer;
+}
+a:hover {
+ text-decoration: none !important;
+ color: #000000;
+}
+a.raw {
+ color: #428bca;
+}
+a.raw:hover {
+ color: #2a6496;
+}
+/* header */
+#header {
+ height: 60px;
+ background-color: #fbfcf7;
+ color: #ffffff;
+ border-bottom: 1px solid #ebeff2;
+ /* for app */
+ webkit-user-select: none;
+ /* 还不知 */
+ -webkit-app-region: drag;
+ /* -webkit-app-region: no-drag; */
+}
+#header a {
+ color: #ccc;
+}
+#header li {
+ color: #000000;
+}
+#header li a {
+ color: #000000;
+}
+#searchWrap,
+#logo,
+#switcher,
+#leftNotebook,
+.noteSplit,
+.for-split,
+#curNotebookForNewNote {
+ display: none !important;
+}
+#header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#header ul li.dropdown {
+ display: inline-block;
+ height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+ display: block;
+ padding: 15px 5px 0 0;
+ position: relative;
+}
+#header span.icon {
+ display: inline-block;
+ font-size: 28px;
+ color: #999999;
+}
+.dropdown-menu {
+ border-radius: 0;
+ margin: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid #0fb264;
+ overflow: visible;
+}
+.dropdown-menu li {
+ padding-left: 10px;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+}
+.dropdown-menu > li > a {
+ color: #000000;
+ display: inline-block;
+ padding: 3px 3px;
+}
+.dropdown-menu > li:hover,
+.dropdown-menu > li:focus {
+ background-color: #ebeff2;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+ background-color: #ebeff2;
+}
+.ios7-a {
+ display: inline-block;
+ padding: 0 10px 0 5px;
+ height: 40px;
+ vertical-align: middle;
+ line-height: 38px;
+ cursor: pointer;
+}
+/*********************/
+#page {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+#pageInner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+#mainContainer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ zoom: 1;
+}
+#search {
+ border: #bababa 1px solid;
+ background-color: #fff;
+ white-space: nowrap;
+ position: absolute;
+ height: 30px;
+ left: 3px;
+ right: 60px;
+ margin-top: 3px;
+}
+#search label {
+ display: none;
+}
+#searchButton {
+ border: 0 none;
+ width: 16px;
+ height: 16px;
+ overflow: hidden;
+ cursor: pointer;
+ position: absolute;
+ right: 3px;
+ top: 5px;
+}
+#searchInput {
+ border: 0 none;
+ overflow: hidden;
+ position: absolute;
+ right: 20px;
+ left: 0px;
+ padding-left: 10px;
+ height: 28px;
+}
+#searchInput:focus {
+ border: none;
+ outline: thin dotted #333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+#notesAndSort {
+ background-color: #eee;
+ border-bottom: 1px solid #ebeff2;
+}
+/* item list */
+#noteItemList {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ width: 100%;
+ overflow-y: hidden;
+ background-color: #f7f7f7;
+ padding: 0 5px;
+}
+#noteItemList .item {
+ position: relative;
+ height: 110px;
+ overflow: hidden;
+ cursor: pointer;
+ padding: 5px;
+ border: 1px solid #ebeff2;
+ border-radius: 3px;
+ margin-top: 5px;
+ background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+ background-color: #ddd !important;
+ color: #000000;
+}
+#noteItemList .item-thumb {
+ padding-left: 10px;
+ width: 100px;
+ overflow: hidden;
+ position: absolute;
+ right: 0px;
+ height: 100px;
+ background-color: #fff;
+ margin-right: 5px;
+}
+.item-thumb img {
+ width: 100px;
+}
+#noteItemList .item-desc {
+ position: absolute;
+ left: 0;
+ right: 100px;
+ margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+ color: #666;
+}
+#noteItemList .item-blog {
+ position: absolute;
+ right: 1px;
+ font-size: 10px;
+ z-index: 2;
+ top: 1px;
+ padding: 3px;
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ opacity: 0.5;
+ background-color: #464C5E;
+}
+#noteItemList .item-blog .fa {
+ color: #fff !important;
+}
+#noteItemList .item-blog:hover {
+ opacity: 0.8;
+}
+.item-title {
+ /*font-weight: 400;*/
+ font-size: 16px;
+ height: 22px;
+ line-height: 20px;
+ overflow: hidden;
+ margin-bottom: 0px;
+ color: #000000;
+ border-bottom: dashed 1px #ebeff2;
+}
+/* note */
+/* editor */
+#editorTool {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#editorTool li {
+ display: inline-block;
+}
+#noteTitle:focus {
+ outline: none !important;
+}
+#editor,
+#mdEditor {
+ z-index: 2;
+ top: 71px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ padding: 0;
+ display: none;
+}
+#mdEditor {
+ z-index: 1;
+ background-color: #fff;
+ bottom: 10px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+ font-size: 14px;
+ line-height: 22px;
+}
+#mdEditor .navbar-default {
+ height: auto !important;
+ border: none !important;
+}
+#mdEditor .layout-wrapper-l3 {
+ border: none !important;
+}
+#editorContent {
+ position: absolute;
+ top: 30px;
+ bottom: 10px;
+ right: 0;
+ left: 0;
+ overflow: auto;
+}
+/* 包裹iframe */
+#editor .mce-ifr {
+ border: none;
+ overflow: hidden !important;
+ /*不知道哪里设置了auto*/
+ /*border-radius: 5px;*/
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+ border: none;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+ position: relative;
+ height: 30px;
+ overflow: hidden;
+ border-bottom: none;
+ background-color: #fbfcf7;
+}
+#wmd-button-bar {
+ overflow: visible;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+ padding: 5px 5px !important;
+ line-height: 20px !important;
+}
+.mce-btn {
+ background-color: #fbfcf7 !important;
+}
+.mce-menubtn.mce-btn-small span {
+ line-height: 20px !important;
+}
+.mce-btn span {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+ text-shadow: none;
+}
+.mce-primary {
+ background-color: #47a447 !important;
+ border-color: #398439 !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+ background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+ color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+ background-color: #ebeff2;
+}
+.tool-split {
+ display: inline-block;
+ line-height: 25px;
+ color: #ddd;
+}
+/*标签与其它工具*/
+#tool {
+ display: none;
+ border-bottom: 1px solid #ddd;
+}
+/* tag */
+#tag {
+ height: 40px;
+ line-height: 38px;
+}
+#tag .dropdown {
+ line-height: 30px;
+}
+#addTagInput {
+ line-height: 25px;
+ display: none;
+ padding: 0;
+ border: none;
+ background-color: #fbfcf7;
+}
+#addTagInput:focus {
+ outline: none;
+}
+.label-default {
+ background-color: #464C5E;
+}
+.label-red {
+ background-color: #d9534f;
+}
+.label-yellow {
+ background-color: #f0ad4e;
+}
+.label-blue {
+ background-color: #428bca;
+}
+.label-green {
+ background-color: #5cb85c;
+}
+.label {
+ border-radius: 0;
+ font-weight: normal;
+}
+.label i {
+ width: 10px;
+ cursor: pointer;
+ font-style: normal;
+ /*border-left: 1px solid #ccc;*/
+ display: inline-block;
+ padding-left: 3px;
+ opacity: 0;
+}
+.label i:hover {
+ opacity: 1;
+}
+/* leanote nav */
+.leanoteNav {
+ position: absolute;
+ right: 5px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ background-color: #fff;
+ opacity: 0.5;
+ z-index: 11;
+ margin-right: 2px;
+}
+.leanoteNav h1 {
+ margin: 0;
+ font-size: 18px;
+ padding: 3px;
+ cursor: pointer;
+}
+.leanoteNav i {
+ padding: 3px;
+}
+.leanoteNav span {
+ display: none;
+}
+.leanoteNav .leanoteNavContent {
+ display: none;
+ overflow: auto;
+}
+.leanoteNav.unfolder {
+ min-width: 200px;
+ max-width: 300px;
+ opacity: 0.8;
+}
+.leanoteNav.unfolder h1 {
+ border-bottom: 1px dashed #ebeff2;
+}
+.leanoteNav.unfolder span {
+ display: inline;
+}
+.leanoteNav.unfolder .leanoteNavContent {
+ display: block;
+ min-height: 30px;
+}
+.leanoteNav ul {
+ margin: 0;
+ padding-left: 23px;
+}
+.leanoteNav ul li {
+ list-style-type: disc;
+}
+.leanoteNav ul li a:hover {
+ color: #0fb264;
+}
+.leanoteNav ul .nav-h2 {
+ margin-left: 20px;
+}
+.leanoteNav ul .nav-h3 {
+ margin-left: 30px;
+}
+.leanoteNav ul .nav-h4 {
+ margin-left: 40px;
+}
+.leanoteNav ul .nav-h5 {
+ margin-left: 50px;
+}
+.scrollTo-a {
+ cursor: pointer !important;
+}
+#mdEditor .leanoteNav {
+ top: 10px;
+ right: 0px;
+}
+#noteRead {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: none;
+ z-index: 100;
+ padding-left: 5px;
+ background-color: #fff;
+}
+#noteReadContainer {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+#noteReadTop {
+ position: absolute;
+ height: 60px;
+ left: 0;
+ right: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#noteReadTitle {
+ margin: 3px 0;
+}
+#noteReadContent {
+ position: absolute;
+ top: 60px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ overflow: auto;
+ padding: 3px;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+ width: 5px;
+ height: 8px;
+ background: none;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #41586e;
+ opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+ background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+ background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+ height: 0;
+ background-color:#f0f0f0;
+ background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+ height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+ width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+ background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+ background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+ background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+ background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+ background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+ background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+ background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+ background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+ background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+.fa-calendar {
+ color: #666;
+}
+.dropdown-menu .fa {
+ width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+ cursor: default;
+}
+#topNav a {
+ display: inline-block;
+ line-height: 60px;
+}
+.tab-pane {
+ padding: 5px 0 0 0;
+}
+.alert {
+ margin-bottom: 10px;
+}
+.btn {
+ border-radius: 0 !important;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+ padding-left: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+ background: none;
+}
+.new-note {
+ background-color: #FBFCF7;
+ border: 1px solid #ddd;
+}
+.new-note:hover {
+ background-color: #FBFCF7;
+ border-color: #675f5f;
+}
+.new-note-left {
+ padding: 0 5px;
+ width: 95px;
+ overflow: hidden;
+ white-space: nowrap;
+ border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+ background-color: #ebeff2;
+}
+.new-note-right {
+ padding: 0 5px;
+}
+.new-note-right:hover {
+ background-color: #ebeff2;
+}
+#historyList table {
+ width: 100%;
+}
+#historyList .btns {
+ border-top: 1px dashed #eee;
+ padding: 5px 0;
+}
+#left-column {
+ width: 100% !important;
+}
+#editorMask {
+ position: absolute;
+ top: 30px;
+ bottom: 0px;
+ right: -30px;
+ left: 0;
+ background-color: #fbfcf7;
+ z-index: -10;
+ padding-top: 50px;
+ text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+ font-size: 24px;
+}
+#editorMask a {
+ display: inline-block;
+ border-radius: 3px;
+ border: 1px solid #ebeff2;
+ padding: 10px;
+}
+#editorMask a:hover {
+ background-color: #65bd77;
+ color: #fff;
+}
+html,
+body {
+ background-color: #fbfcf7;
+ overflow: hidden;
+}
+#right-column,
+#newNoteMarkdownBtn,
+#newShareNoteMarkdownBtn,
+.new-split,
+#editorMask,
+#sortType,
+#myProfile,
+#demoRegister {
+ visibility: hidden;
+}
+#mainMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ background-color: #fbfcf7;
+ text-align: center;
+ padding-top: 100px;
+ z-index: 1000;
+}
+#header {
+ position: absolute;
+ left: 0;
+ right: 0;
+ z-index: 333;
+ color: #ccc;
+}
+#header #leanoteMsg {
+ position: absolute;
+ width: 700px;
+ left: 0;
+ right: 0;
+ text-align: right;
+ line-height: 60px;
+ margin: auto;
+}
+#newNoteWrap {
+ line-height: 40px;
+ margin-top: 10px;
+ margin-left: 10px;
+}
+#newNoteWrap,
+#topNav,
+#lea {
+ opacity: 0;
+}
+#newNoteWrap:hover,
+#topNav:hover,
+#lea:hover {
+ opacity: 1;
+}
+#mainContainer {
+ overflow-y: hidden;
+}
+#newMyNote,
+#newSharedNote {
+ position: relative;
+}
+#newMyNote .dropdown,
+#newSharedNote .dropdown {
+ position: static;
+}
+.dropdown-menu {
+ border: 1px solid #ccc;
+ background-color: #fbfcf7;
+}
+#note {
+ position: absolute;
+ width: 700px;
+ margin: auto;
+ height: 100%;
+ left: 0;
+ right: 0;
+}
+#editor,
+#mdEditor {
+ position: absolute;
+ top: 60px;
+ z-index: 2;
+ background-color: #fbfcf7;
+}
+#wmd-input {
+ border: none;
+ background-color: #fbfcf7 !important;
+ font-size: 16px !important;
+ margin-top: 10px;
+}
+#md-section-helper {
+ display: none;
+}
+#mdEditorPreview {
+ top: 43px !important;
+}
+#mceToolbar,
+#wmd-button-bar {
+ height: 40px;
+ padding: 5px 0;
+}
+.editorBg {
+ height: 3px;
+ background: url(/images/editor/editor-shadow.png) no-repeat center bottom #f9faf4;
+}
+.mce-btn-small i,
+.mce-menubtn.mce-btn-small span,
+.wmd-button > span {
+ opacity: 0.85;
+}
+.mce-ico {
+ font-size: 18px;
+ line-height: 18px;
+ width: 18px;
+ height: 18px;
+}
+.tool-split {
+ line-height: 30px;
+}
+.mce-menubtn.mce-fixed-width.mce-btn-small span {
+ width: 80px;
+}
+.mce-menubtn.mce-btn-small span {
+ font-size: 16px;
+}
+#editorContent_ifr html {
+ border: none !important;
+}
+#noteTop {
+ position: absolute;
+ z-index: 999;
+ left: 0;
+ right: 150px;
+ padding: 15px 0;
+ height: 59px;
+}
+#noteTitleDiv {
+ height: 30px;
+ border: none;
+}
+#noteTitle {
+ height: 100%;
+ padding: 0px 3px;
+ width: 100%;
+ border: none;
+ background-color: #fbfcf7;
+}
+#noteList {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 10px;
+ margin-top: 60px;
+ width: 200px;
+ z-index: 0;
+ opacity: 0.8;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ border: none;
+ /*
+ &:hover {
+ #noteItemListWrap {
+ display: block;
+ }
+ #notesAndSort {
+ display: block;
+ }
+ }
+ */
+}
+#noteList #notesAndSort {
+ display: none;
+}
+#noteList #noteItemListWrap {
+ display: none;
+}
+#notesAndSort {
+ background: none;
+}
+#noteItemList {
+ background: none;
+}
+#noteItemList .item {
+ background: none;
+}
+.item-active,
+#noteItemList .item-active:hover {
+ background-color: #F5F8EA !important;
+ color: #000;
+}
+.item-active .item-desc .fa,
+#noteItemList .item-active:hover .item-desc .fa {
+ color: #666 !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+ color: #000;
+}
+#leanoteNav {
+ background-color: #fbfcf7;
+ opacity: 0.3;
+}
+.new-note-right {
+ padding: 0 2px;
+}
+#loading {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ content: url(../../images/loading-a-20-black.gif);
+ margin-top: 10px;
+ visibility: hidden;
+}
+#moreBtn {
+ right: 0 !important;
+}
+#toggleEditorMode {
+ margin: 0 10px !important;
+}
+#upload {
+ position: absolute;
+ z-index: 0;
+ bottom: 0;
+ right: 0;
+ left: 0px;
+ padding: 0;
+ background-color: #fff;
+ text-align: center;
+ display: none;
+}
+#upload #drop {
+ width: 100%;
+ height: 100%;
+ padding-top: 100px;
+}
+#drop.in {
+ border: 1px solid #000000;
+}
+#drop.hover {
+ border: 2px solid #000000;
+}
+#uploadMsg {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ bottom: 10px;
+ overflow: scroll;
+ list-style: none;
+}
+#searchNotebookForAddDropdownList {
+ left: 0;
+}
+#searchNotebookForAdd {
+ background: none;
+}
+.writting-hide {
+ display: none;
+}
+@media screen and (max-width: 800px) {
+ #leanoteMsg {
+ display: none;
+ }
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags {
+ overflow: scroll !important;
+ -webkit-overflow-scrolling: touch !important;
+ }
+}
+@media screen and (max-device-width: 1024px) and (orientation: landscape) {
+ #noteItemList,
+ #notebook,
+ #leftNotebook,
+ .slimScrollDiv,
+ #editorContent_ifr,
+ .mce-edit-area,
+ .mce-container-body,
+ .mce-tinymce,
+ #editor .mce-ifr,
+ .wmd-input,
+ #noteReadContent,
+ #attachList,
+ #tags {
+ overflow: scroll !important;
+ -webkit-overflow-scrolling: touch !important;
+ }
+}
+#editorContent {
+ border: none;
+}
+#editorContent .ace-tomorrow {
+ background-color: #fbfcf7;
+}
+#wmd-input > .editor-content {
+ padding-top: 20px;
+}
+#editorContent {
+ padding-top: 10px;
+}
+#noteAndEditor {
+ position: static;
+}
+#editor #mceToolbar {
+ height: 40px;
+}
+#editor #editorContent {
+ top: 40px;
+}
+#editor.all-tool #mceToolbar {
+ height: 80px;
+}
+#editor.all-tool #editorContent {
+ top: 80px;
+}
diff --git a/public/css/theme/writting.css b/public/css/theme/writting.css
index 8fe4640..b8844c7 100644
--- a/public/css/theme/writting.css
+++ b/public/css/theme/writting.css
@@ -1 +1,3392 @@
-::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')}.close:focus{outline:0}.invisible{visibility:hidden}.mobile-show{display:none}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#editorTool,#newNoteWrap,#myBlog,.lea-blog,#myProfile,#toggleEditorMode,.folderHeader{-webkit-user-select:none;-moz-user-select:none;user-select:none}@font-face{font-family:leanote;src:url(../../fonts/leanote-font3/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font3/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font3/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}#logo,.mce-i-mind,.mce-i-ace-pre,.lea-icon{font-family:leanote!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-markdown:before{content:"\e604"}.mce-i-mind:before{content:"\e602"}.mce-i-ace-pre:before{content:"\e603"}#logo:before{content:"\e901";line-height:1;margin-top:5px;display:inline-block;vertical-align:top}#logo.icon-only:before{content:"\e902"}.lang-zh-cn #logo:before{content:"\e900"}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#000;border-radius:3px;padding:3px 5px;border:1px solid #080303}.new-note,.new-note a{color:#fff}.new-note:hover{background:#3d3b3b;border-color:transparent}.new-note:hover,.new-note:hover a{color:#fff}.new-markdown{margin-left:3px;margin-right:3px}.top-nav{margin:0 10px;display:inline-block;line-height:60px}.my-link,.new-markdown-text-abbr,.new-note-text-abbr{display:none}#myAvatar{height:30px;max-width:30px;overflow:hidden;border-radius:50%}.ios7-a{display:inline-block;padding:0 10px;height:36px;vertical-align:middle;line-height:36px;cursor:pointer}#page.mini-left #notebook,#page.mini-left #notebookSplitter,#page.mini-left #logo,#page.mini-left #leftSwitcher,#page.mini-left #leftNotebook .slimScrollDiv{display:none}#page.mini-left #leftSwitcher2{display:block}#page.mini-left #leftNotebook{width:30px!important}#page.mini-left #noteAndEditor{left:30px!important}a{color:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}#header{height:60px;background-color:#fbfcf7;border-bottom:1px solid #fbfcf7;color:#fff;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#ccc}#header li,#header li a{color:#000}#logo{line-height:50px;box-sizing:content-box;width:140px;height:60px;padding-left:10px;padding-top:9px;font-size:32px}#switcher{line-height:50px;padding-top:6px;padding-right:5px;width:30px;text-align:center}#switcher i{font-size:16px;cursor:pointer}#switcher i:hover{color:#0fb264}#switcher #leftSwitcher2{cursor:pointer;font-size:16px;line-height:34px;margin-top:8px;padding:0 5px;height:34px;display:inline-block}#switcher #leftSwitcher2:hover{color:#0fb264}#switcher #leftSwitcher2{display:none}#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;border:none;color:#ccc;background-color:#000;padding-left:14px;border-radius:5px;height:30px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline:0!important;border-color:#0fb264;box-shadow:none}#header ul{margin:0;padding:0;list-style:none}#header ul li.dropdown{display:inline-block;height:60px}#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}#header span.icon{display:inline-block;font-size:28px;color:#999}.dropdown-menu li>a{color:#000}.dropdown-menu li:hover,.dropdown-menu li:focus{background-color:#ebeff2}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus{background-color:#ebeff2}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20.gif);vertical-align:middle;visibility:hidden}#inviteFriends{position:relative}#inviteFriends .dot{display:inline-block;position:absolute;right:-8px;top:-8px;width:8px;height:8px;border-radius:50%;background:#FF9263}#inviteUrl{width:400px;padding:3px;border-radius:3px;border:1px solid #eee}#myProfile{margin:0 10px}.profile-img{line-height:60px}#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#mainContainer{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;zoom:1}#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff;text-align:center;padding-top:100px;z-index:1000}#notebookSplitter{left:170px}#noteSplitter{left:250px}.ace_editor,.ace_editor *{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_invisible_space{visibility:hidden!important}#editor,#mdEditor{position:absolute;z-index:2;top:66px;bottom:0;right:0;left:5px;padding:0;display:none}.leanoteNav{position:absolute;right:0;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-top:4px}.leanoteNav h1{margin:0;font-size:16px;padding:3px;cursor:pointer}.leanoteNav i{padding:3px}.leanoteNav span{display:none}.leanoteNav .leanoteNavContent{display:none;overflow:auto}.leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}.leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}.leanoteNav.unfolder span{display:inline}.leanoteNav.unfolder .leanoteNavContent{display:block;min-height:30px}.leanoteNav ul{margin:0;padding-left:23px}.leanoteNav ul li{list-style-type:disc}.leanoteNav ul li a:hover{color:#0fb264}.leanoteNav ul .nav-h2{margin-left:20px}.leanoteNav ul .nav-h3{margin-left:30px}.leanoteNav ul .nav-h4{margin-left:40px}.leanoteNav ul .nav-h5{margin-left:50px}.scrollTo-a{cursor:pointer!important}.preview-container table,.mce-item-table,.preview-container table td,.mce-item-table td,.preview-container table th,.mce-item-table th,.preview-container table caption,.mce-item-table caption{border:1px solid #ddd;border-collapse:collapse;padding:5px;vertical-align:middle}.preview-container table tr,.mce-item-table tr{background-color:none;border-top:1px solid #ccc}.preview-container table tr:nth-child(2n),.mce-item-table tr:nth-child(2n){background-color:#f7f7f9}.preview-container th{padding:10px}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}.mce-btn-small button{padding:5px 5px!important;line-height:20px!important}.mce-foot .mce-btn{border-radius:3px}.mce-menubtn.mce-btn-small span{line-height:20px!important}.mce-btn span{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif!important}.mce-primary button,.mce-primary button i{text-shadow:none}.mce-primary{background-color:#47a447!important;border:none!important}.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000!important}.mce-menu-item-normal.mce-active{background-color:#ebeff2}.tool-split{display:inline-block;line-height:25px;color:#ddd}#moreBtn{dispaly:block;position:absolute;cursor:pointer;right:5px;padding:3px 10px}#moreBtn span{display:none}.mce-colorbtn-trans div{line-height:11px;text-align:center}.mce-btn-small .mce-caret{margin-top:8px}.mce-listbox.mce-btn-small .mce-caret{margin-top:-2px}.mce-btn i{text-shadow:none}.mce-colorbutton.mce-btn-small .mce-preview{width:15px}#editorContent{border:1px solid #ccc;border-radius:5px;padding:5px;outline:0;margin-top:5px;bottom:5px!important}#editorContent pre{position:relative;-mo-height:auto!important}#editorContent pre .toggle-raw{position:absolute;left:2px;top:-2px;z-index:100;display:none}#editorContent pre:hover .toggle-raw{display:block}#editorContent *{font-family:inherit}.mce-tinymce-inline{border-width:0!important}#editorContent a{color:#2a6496;text-decoration:underline}#editorContent pre{font:12px / normal Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;color:#4D4D4C}#editorContent .ace_searchbtn_close{margin:0}#editorContent .ace-tomorrow{padding:0;padding-left:44px}#editorContent .ace-to-pre{padding:0;padding-left:5px}#editorContent .ace_scrollbar-v{overflow-y:hidden}#editorContent .leanote-image-container{display:inline-block;width:100px}#editorContent .leanote-image-container .loader{display:inline-block;vertical-align:top;margin-right:3px;margin-top:5px}#editorContent .leanote-image-container .progress{display:inline-block;margin:0;width:80px}#mdEditor{z-index:1;background-color:#fff;bottom:5px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}#wmd-button-bar{overflow:visible}#mdEditorPreview{position:absolute;top:35px;left:0;right:0;bottom:0}#left-column,#right-column,#mdSplitter{position:absolute;top:0;bottom:0}#mdSplitter{width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize;left:450px;background:0 0}#left-column{left:0;width:450px}#right-column{left:450px;right:0;overflow:hidden}.wmd-panel-editor,.preview-container,#wmd-input{height:100%}.wmd-input,.wmd-input:focus,#md-section-helper{width:100%;border:1px #eee solid;border-radius:5px;outline:0;font-size:14px;resize:none;overflow-x:hidden}#md-section-helper{position:absolute;height:0;overflow-y:scroll;padding:0 6px;top:10px;z-index:-1;opacity:none}.preview-container{overflow:auto}.wmd-preview{width:100%;font-size:14px;overflow:auto;overflow-x:hidden}.wmd-button-row,.preview-button-row{padding:0;height:auto;margin:0}.wmd-spacer{width:0;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;font-size:14px}#mdEditor .navbar-default{overflow:visible}.wmd-mode{min-width:150px;left:50%;margin-left:-75px!important}.wmd-mode:before{right:auto;left:40%}#md-keyboard-mode{color:#8E8E8E;font-size:12px;font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;font-style:normal}textarea#wmd-input{color:#000!important}.ace_editor{font-family:Menlo,'Ubuntu Mono',Consolas,'Courier New','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif}.ace_editor *{font-family:inherit}.m-todo-item{list-style:none}textarea#wmd-input{color:#000!important}#wmd-input .ace_cjk{color:inherit}#wmd-input .ace_searchbtn_close{margin:0}#wmd-input .ace_content{padding-top:5px}#wmd-input.ace_editor{color:#000}#wmd-input.ace-tm{background-color:#fff}#wmd-input.ace-tm .ace_text-input{box-sizing:initial}#wmd-input.ace-tm .ace_marker-layer .ace_active-line{background-color:rgba(89,128,166,.05)}#wmd-input.ace-tm .ace_cursor{color:#243342}#wmd-input.ace-tm .ace_print-margin{background:0 0}#wmd-input.ace-tm .ace_markup.ace_heading{color:#000;font-weight:700}#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,#wmd-input.ace-tm .ace_markup.ace_heading.ace_5{color:#1d3e81}#wmd-input.ace-tm .ace_markup.ace_list{color:#000}#wmd-input.ace-tm .ace_constant.ace_language{color:#1d3e81;font-weight:400}#wmd-input.ace-tm .ace_meta.ace_tag{color:#384654;font-style:italic;font-weight:700}#wmd-input.ace-tm .ace_keyword.ace_operator{color:#384654;background-color:transparent}#wmd-input.ace-tm .ace_storage,#wmd-input.ace-tm .ace_keyword{color:#384654;font-weight:700}#wmd-input.ace-tm .ace_entity.ace_name.ace_function{color:#1a2026;font-weight:700}#wmd-input.ace-tm .ace_string{color:#384654;font-style:italic}#wmd-input.ace-tm .ace_invalid{color:inherit;background:inherit}#wmd-input.ace-tm .ace_strong{color:#000;font-weight:700}#wmd-input.ace-tm .ace_emphasis{color:#000;font-style:italic}#wmd-input.ace-tm .ace_blockquote{color:#000}#wmd-input.ace-tm .ace_code{color:#1a2026}#wmd-input.ace-tm .ace_code_block{color:#1a2026}#wmd-input.ace-tm .ace_link{color:#000;background-color:transparent;text-decoration:underline}#wmd-input .ace_underline{color:#1d3e81;text-decoration:none}#wmd-input.ace-tm .ace_description{color:#576c82}#wmd-input.ace-tm .ace_constant{color:#384654}#wmd-input.ace-tm .ace_comment{color:rgba(87,108,130,.6);font-style:italic}#wmd-input.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}#wmd-input.emacs-mode .ace_cursor{border:2px rgba(101,189,119,.8)solid!important;background-color:#65bd77}#leftNotebook{position:absolute;left:0;top:0;bottom:0;width:170px}#notebook,#notebookMin{position:absolute;left:0;bottom:0;top:0;right:0;background-color:#41586e;overflow-y:auto;overflow-x:auto;z-index:2}#addNotebookPlus{padding-right:10px;color:#adbece}#addNotebookPlus .fa{font-size:16px}#notebookList input,#notebookListForSearch input{border:1px solid rgba(0,0,0,.1);width:90%;padding-left:3px;box-shadow:none;background:0 0;color:#fff}#notebookList input:focus,#notebookListForSearch input:focus{outline:0!important}#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#41586e}#notebookMin div.minContainer{border-bottom:1px solid rgba(255,255,255,.3);padding:5px;position:relative;cursor:pointer}#notebookMin div.minContainer i{font-size:20px;color:#fff}#notebookMin div.minContainer:hover i{color:#0fb264}#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer}#notebookMin div.minContainer ul li a{cursor:pointer}#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer}.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.folderHeader span{display:inline-block;line-height:35px;color:#fff;font-size:16px}.folderHeader .fa-left,.friend-header i.fa{display:inline-block;line-height:35px;font-size:16px;width:35px;border-right:1px solid rgba(255,255,255,.05);text-align:center;color:#fff}.friend-header{position:relative}.friend-header .notebook-setting{display:none;position:absolute;right:0;left:auto}.friend-header:hover .notebook-setting{display:block}.each-user{margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:3px;border-radius:3px;border:1px solid rgba(0,0,0,.09);background-color:#37485e}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.each-user div span{line-height:35px;color:#fff;padding-left:3px;font-size:14px;display:block;position:absolute;left:23px;top:0;right:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.each-user div .fa{width:20px;border-right:none}.notebook-number-notes{position:absolute;right:10px;top:0;bottom:0;z-index:1;display:inline-block;line-height:20px!important;height:20px;margin-top:5px;padding:0 3px}.notebook-setting{display:none;position:absolute;right:1px;top:0;bottom:0;z-index:2;line-height:30px}.notebook-setting:before{content:"\f013"}.ztree li a:hover .notebook-setting{display:block}#myTag .folderBody{padding:0 3px;padding-bottom:3px}#myTag .folderBody li{margin-left:10px;padding:3px;line-height:normal}#notebookList{border-top:1px solid rgba(255,255,255,.05)}.ztree{padding:0}#searchNotebookForAdd{line-height:normal;width:200px;margin:0 10px;margin-bottom:10px;height:30px;border-color:#ebeff2;box-shadow:none}#myNotebooks .folderBody{padding-top:3px}.folderBody{overflow-x:hidden}#searchNotebookForList{height:30px;width:90%;margin:3px auto;margin-top:0;border-color:#ebeff2;box-shadow:none}#notebookNavForNewNote li:hover{background:0 0}.folderBody{list-style:none;margin:0;padding:0;background-color:#37485e}.folderBody li{line-height:30px}.closed .folderBody{display:none}#myTag .folderBody li{position:relative}#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:400;background-color:#fbfcf7;color:#000;border:1px solid #ebeff2}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{position:absolute;bottom:0;top:0;width:250px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;z-index:333}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fbfcf7}#notesAndSort{background-color:#eee;border-bottom:1px solid #ebeff2;height:36px}#sortType{float:right}#noteItemListWrap{position:absolute;left:0;right:0;top:36px;bottom:3px}#noteAndEditorMask{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;text-align:center;padding-top:60px;opacity:.3;z-index:500;display:none}#noteItemList{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;overflow-y:hidden;padding:0 5px}#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd!important}.item-active,#noteItemList .item-active:hover{background-color:#65bd77!important;color:#fff}.item-active .fa,#noteItemList .item-active:hover .fa{color:#eee!important}.item-active .item-title,#noteItemList .item-active:hover .item-title{color:#fff}#noteItemList .item-thumb{width:100px;overflow:hidden;position:absolute;z-index:1;right:0;top:4px;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-width:100px}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#noteItemList .item-desc{position:absolute;left:0;top:4px;right:0;margin-left:4px}#noteItemList .item-desc .fa{color:#666}#noteItemList .item-image .item-desc{right:100px}.item-info{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desc{margin:0;word-wrap:break-word}#noteItemList{user-select:none;-webkit-user-select:none;-moz-user-select:none}#noteItemList .item-setting,#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;padding:3px;border-radius:5px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464C5E}#noteItemList .item-setting .fa,#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-setting:hover,#noteItemList .item-blog:hover{opacity:.8}#noteItemList .item-blog{top:1px}#noteItemList .item-setting{bottom:0;display:none}#noteItemList .item:hover .item-setting{display:block}#tool{border-bottom:1px solid #ddd;height:36px;margin-left:-5px;position:relative}#editorTool{margin:0;margin-right:5px;padding:0;list-style:none}#editorTool li{display:inline-block}#noteInfo{width:400px;box-sizing:border-box;padding:10px;-webkit-user-select:initial}#noteInfo table{width:100%;margin:0}#noteInfo table th{min-width:100px}#noteInfo table th,#noteInfo table td{border-top:none;border-bottom:1px solid #ddd;padding:8px;line-height:20px;vertical-align:top;word-break:break-all}#noteInfo table td{max-width:280px}#noteInfo a{cursor:pointer}#noteInfo a.post-url{background:#FDF936}#noteInfo .post-url-wrap{word-wrap:break-word}#noteInfo .post-url-wrap span{display:inline}#noteInfo .post-url-wrap input{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-pencil{display:none}#noteInfo .post-url-wrap.post-url-edit .post-url-text{display:none}#noteInfo .post-url-wrap.post-url-edit input{display:inline}#editor #mceToolbar{height:30px}#editor.all-tool #mceToolbar{height:60px}#editor.all-tool .more-fa:before{content:"\f106"}#editor.all-tool #editorContent{top:60px}#editor .more-fa:before{content:"\f107"}#historyList img{max-width:100%}.history-modal .modal-dialog{width:auto!important;position:absolute;left:5px;right:5px;top:5px;bottom:5px}.history-modal .modal-dialog .modal-content{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;padding:0;overflow:scroll}.history-modal .modal-dialog .modal-content .modal-body{position:absolute;top:0;bottom:0;left:0;right:0;padding:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap{position:absolute;top:0;bottom:0;overflow-y:auto;width:200px;border-right:1px solid #ccc;box-shadow:1px 1px 10px #ddd}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header{line-height:50px;font-size:16px;font-weight:700;padding-left:15px;border-bottom:1px solid #eee;background-color:#ccc}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list{position:absolute;top:51px;bottom:0;left:0;right:0;overflow-y:auto;margin-bottom:0}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item{border-top:none}.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover{color:#000;background-color:#eee;border-color:#eee}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap{position:absolute;top:0;bottom:0;right:0;left:200px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close{padding:10px 15px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back{margin-left:10px;margin-top:5px}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header{height:51px;border-bottom:1px solid #eee;box-shadow:5px 0 5px #ccc}.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content{position:absolute;top:51px;bottom:0;right:0;left:0;padding-top:5px;padding-right:5px;padding-left:10px;overflow-y:auto}#upload{position:absolute;z-index:0;bottom:0;right:0;left:0;padding:0;background-color:#fff;text-align:center;display:none}#upload #drop{width:100%;height:100%;padding-top:100px}#drop.in{border:1px solid #000}#drop.hover{border:2px solid #000}#uploadMsg{position:absolute;top:3px;right:3px;bottom:10px;overflow:scroll;list-style:none}#uploadAttach{position:relative;margin-top:5px}.dropzone{text-align:center}.dropzone input{display:none}.dropzone.in{border:1px solid #000}.dropzone.hover{border:2px solid #000}#attachUploadMsg,#avatarUploadMsg{list-style-type:none;margin:0;padding:0;max-height:240px;z-index:3}#attachUploadMsg .alert,#avatarUploadMsg .alert{margin:0;padding:0 3px;margin-top:10px}#attachMenu{width:450px;padding:10px 5px}#attachList{margin:0;padding:0;max-height:450px;overflow-y:auto}#attachList li{display:block;margin:0;padding:0 3px;border-radius:3px;border-bottom:1px dashed #eee;height:45px;line-height:45px}#attachList li div{float:left}#attachList li .attach-title{width:290px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#attachList li .attach-process{float:right}#attachList li.loading{text-align:center}#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fbfcf7}#noteTitle:focus{outline:0!important}#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}.fa-calendar{color:#666}.dropdown-menu .fa{width:15px}.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}.tab-pane{padding:5px 0 0}#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:0 0}.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}.new-note-right:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#toggleEditorMode{margin:0 10px!important}#editorMask{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;display:none;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}.note-mask{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}#noteMaskForLoading{padding-top:60px;background:#fff;text-align:center;opacity:.3}.info-toolbar{position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;padding-left:5px;height:30px;display:none;overflow:hidden}.info-toolbar .toolbar-update{color:inherit;float:right;padding:0 10px}.info-toolbar .toolbar-update:hover{background:#fff;color:#000}.info-toolbar .created-time{display:inline-block;padding-right:10px}#editorContent{-webkit-user-select:text}#editor.read-only #mceToolbarContainer{display:none}#editor.read-only .info-toolbar{display:block}#note.read-only #editor,#note.read-only #mdEditor{top:60px}#note.read-only #tool{display:none}#note.read-only .toolbar-update{display:none}#note.read-only #noteReadTop{display:block}#note.read-only #infoToolbar,#note.read-only #mceToolbar,#note.read-only .navbar{display:none}#note.read-only #editorContent,#note.read-only #mdEditor .layout-wrapper-l3{top:0}#noteRead{position:absolute;left:5px;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}#noteReadTop{position:absolute;height:60px;left:5px;right:0;top:0;bottom:0;z-index:2;display:none;background:#fff;padding-left:5px}#noteReadTitle{margin:3px 0;height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#noteReadInfo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;margin-top:8px}.read-only-editor #editBtn span:before{content:"\f044"}#editBtn span:before{content:"\f06e"}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fbfcf7}#addTagInput:focus{outline:0}.label-default{background-color:#464C5E}.label-red{background-color:#d9534f}.label-yellow{background-color:#f0ad4e}.label-blue{background-color:#428bca}.label-green{background-color:#5cb85c}.label{border-radius:0;font-weight:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#tag{position:absolute;right:300px;top:0;left:5px;bottom:0}#tag{height:36px;line-height:36px}#tag .dropdown{line-height:30px}#tagColor{left:10px}#tagColor:before{content:"";background-image:none}#addTagInput{width:100px}#tagNav i,#tagNav em{font-style:normal}#tagNav .tag-delete{display:none;margin-left:3px;font-size:12px}#tagNav li:hover .tag-delete{display:inline-block}#tagNav a:hover{background:none!important}.batch #noteItemList .item-active .item-setting,.batch #noteItemList .item-active:hover .item-setting{display:none}.batch #toggleEditorMode{display:none}#batchMask{background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none}.batch-ctn{position:relative;padding:50px;width:100%;height:100%}.batch-note{display:inline-block;width:160px;position:absolute;left:50%;border:1px solid #ccc;height:200px;padding:5px;border-radius:5px;background:#eee;overflow:hidden;transition:margin .5s;margin-left:-1000px}.batch-note .title{font-size:16px;margin-bottom:5px;font-weight:700}.batch-info{position:absolute;left:0;top:0;right:0;text-align:center;margin-top:300px}.batch-info p{margin-top:8px}.batch-info .fa{cursor:pointer;font-size:16px}*,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif}body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:400;font-size:16px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){body{font-weight:300}}h1,h2,h3{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:400!important}#noteItemList,#notebook,#leftNotebook,.slimScrollDiv,#editorContent,#editorContent_ifr,.mce-edit-area,.mce-container-body,.mce-tinymce,#editor .mce-ifr,.wmd-input,#noteReadContent,#attachList,#tags,.editor-content,.preview-container{-webkit-overflow-scrolling:touch!important}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}html,body{background-color:#fbfcf7}*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:16px}h1,h2,h3{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300!important}a{color:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}a.raw{color:#428bca}a.raw:hover{color:#2a6496}#header{height:60px;background-color:#fbfcf7;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#ccc}#header li{color:#000}#header li a{color:#000}#searchWrap,#logo,#switcher,#leftNotebook,.noteSplit{display:none}#header ul{margin:0;padding:0;list-style:none}#header ul li.dropdown{display:inline-block;height:60px}#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}#header span.icon{display:inline-block;font-size:28px;color:#999}.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264;overflow-x:hidden;overflow-y:auto}.dropdown-menu li{padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu>li>a{color:#000;display:inline-block;padding:3px}.dropdown-menu>li:hover,.dropdown-menu>li:focus{background-color:#ebeff2}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#ebeff2}.ios7-a{display:inline-block;padding:0 10px 0 5px;height:40px;vertical-align:middle;line-height:38px;cursor:pointer}#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#mainContainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;zoom:1}#search{border:#bababa 1px solid;background-color:#fff;white-space:nowrap;position:absolute;height:30px;left:3px;right:60px;margin-top:3px}#search label{display:none}#searchButton{border:0 none;width:16px;height:16px;overflow:hidden;cursor:pointer;position:absolute;right:3px;top:5px}#searchInput{border:0 none;overflow:hidden;position:absolute;right:20px;left:0;padding-left:10px;height:28px}#searchInput:focus{border:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}#notesAndSort{background-color:#eee;border-bottom:1px solid #ebeff2}#noteItemList{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;overflow-y:hidden;background-color:#f7f7f7;padding:0 5px}#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;padding:5px;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd!important;color:#000}#noteItemList .item-thumb{padding-left:10px;width:100px;overflow:hidden;position:absolute;right:0;height:100px;background-color:#fff;margin-right:5px}.item-thumb img{width:100px}#noteItemList .item-desc{position:absolute;left:0;right:100px;margin-left:4px}#noteItemList .item-desc .fa{color:#666}#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;top:1px;padding:3px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464C5E}#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-blog:hover{opacity:.8}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#editorTool{margin:0;padding:0;list-style:none}#editorTool li{display:inline-block}#noteTitle:focus{outline:0!important}#editor,#mdEditor{z-index:2;top:71px;bottom:0;right:0;left:0;padding:0;display:none}#mdEditor{z-index:1;background-color:#fff;bottom:10px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;background-color:#fbfcf7}.mce-btn-small button{padding:5px 5px!important;line-height:20px!important}.mce-btn{background-color:#fbfcf7!important}.mce-menubtn.mce-btn-small span{line-height:20px!important}.mce-btn span{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif!important}.mce-primary button,.mce-primary button i{text-shadow:none}.mce-primary{background-color:#47a447!important;border-color:#398439!important}.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000!important}.mce-menu-item-normal.mce-active{background-color:#ebeff2}.tool-split{display:inline-block;line-height:25px;color:#ddd}#tool{display:none;border-bottom:1px solid #ddd}#tag{height:40px;line-height:38px}#tag .dropdown{line-height:30px}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fbfcf7}#addTagInput:focus{outline:0}.label-default{background-color:#464C5E}.label-red{background-color:#d9534f}.label-yellow{background-color:#f0ad4e}.label-blue{background-color:#428bca}.label-green{background-color:#5cb85c}.label{border-radius:0;font-weight:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#leanoteNav{position:absolute;right:5px;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-right:2px}#leanoteNav h1{margin:0;font-size:18px;padding:3px;cursor:pointer}#leanoteNav i{padding:3px}#leanoteNav span{display:none}#leanoteNav #leanoteNavContent{display:none;overflow:auto}#leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}#leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}#leanoteNav.unfolder span{display:inline}#leanoteNav.unfolder #leanoteNavContent{display:block;min-height:30px}#leanoteNav ul{margin:0;padding-left:23px}#leanoteNav ul li{list-style-type:disc}#leanoteNav ul li a:hover{color:#0fb264}#leanoteNav ul .nav-h2{margin-left:20px}#leanoteNav ul .nav-h3{margin-left:30px}#leanoteNav ul .nav-h4{margin-left:40px}#leanoteNav ul .nav-h5{margin-left:50px}.scrollTo-a{cursor:pointer!important}#noteRead{position:absolute;left:0;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}#noteReadContainer{position:relative;width:100%;height:100%}#noteReadTop{position:absolute;height:60px;left:0;right:0;border-bottom:1px solid #ebeff2}#noteReadTitle{margin:3px 0}#noteReadContent{position:absolute;top:60px;bottom:0;right:0;left:0;overflow:auto;padding:3px}.fa-calendar{color:#666}.dropdown-menu .fa{width:15px}.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}#topNav a{display:inline-block;line-height:60px}.tab-pane{padding:5px 0 0}.alert{margin-bottom:10px}.btn{border-radius:0!important}#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:0 0}.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}.new-note-right{padding:0 5px}.new-note-right:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#left-column{width:100%!important}#editorMask{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}
\ No newline at end of file
+::selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-moz-selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-webkit-selection {
+ background: #000000;
+ color: #ffffff;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+ width: 5px;
+ height: 8px;
+ background: none;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #41586e;
+ opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+ background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+ background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+ height: 0;
+ background-color:#f0f0f0;
+ background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+ height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+ width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+ background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+ background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+ background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+ background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+ background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+ background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+ background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+ background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+ background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+@-webkit-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-moz-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-ms-keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@keyframes dropdown {
+ 0% {
+ margin-top: -25px;
+ opacity: 0;
+ }
+ 90% {
+ margin-top: 2px;
+ }
+ 100% {
+ margin-top: 0;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-moz-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-ms-keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@keyframes pulldown {
+ 0% {
+ top: 0;
+ opacity: 0;
+ }
+ 90% {
+ top: 90%;
+ }
+ 100% {
+ top: 100%;
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-moz-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-o-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+@-moz-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+@-o-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.animated {
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -ms-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ -moz-animation-duration: 0.5s;
+ -ms-animation-duration: 0.5s;
+ -o-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+}
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ -moz-animation-name: fadeIn;
+ -o-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ -moz-animation-name: fadeInUp;
+ -o-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+/**
+ * 通用的
+ */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+.close:focus {
+ outline: none;
+}
+.invisible {
+ visibility: hidden;
+}
+.mobile-show {
+ display: none;
+}
+.btn {
+ border-radius: 2px;
+}
+.alert {
+ margin-bottom: 10px;
+}
+.btn * {
+ cursor: pointer !important;
+}
+.dropdown-submenu {
+ position: relative;
+}
+.dropdown-submenu > ul.dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-left: -3px !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ padding-top: 10px !important;
+}
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block;
+}
+.dropdown-submenu:after {
+ display: block;
+ content: " ";
+ position: absolute;
+ right: 0;
+ top: 10px;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #666;
+}
+.dropdown-submenu:hover > a:after {
+ border-left-color: #fff;
+}
+.dropdown-submenu.pull-left {
+ float: none;
+}
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: -100%;
+ margin-left: 10px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}
+.open > .dropdown-menu,
+.dropdown-submenu:hover > .dropdown-menu {
+ visibility: visible;
+ -webkit-animation: pulldown .2s;
+ animation: pulldown .2s;
+ /*
+ transform: scale(1, 1);
+ -webkit-transform: scale(1, 1);
+ -moz-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ */
+}
+.dropdown-menu {
+ visibility: hidden;
+ display: block;
+ /*
+ -webkit-transform: scale(0, 0);
+ -webkit-transform-origin: top;
+ -webkit-animation-fill-mode: forwards;
+ -webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -o-transform: scale(0, 0);
+ -o-transform-origin: top;
+ -o-animation-fill-mode: forwards;
+ -o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ -moz-transform: scale(0, 0);
+ -moz-transform-origin: top;
+ -moz-animation-fill-mode: forwards;
+ -moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+
+ transform: scale(0, 0);
+ transform-origin: top;
+ animation-fill-mode: forwards;
+ transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
+ */
+}
+.dropdown-list {
+ width: 530px;
+ border-radius: 3px;
+}
+.dropdown-list ul {
+ margin: 0;
+ padding: 0;
+}
+.dropdown-list ul li {
+ float: left;
+ width: 120px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ border: 1px dashed #ccc;
+}
+.dropdown-menu .divider {
+ margin: 3px 0;
+}
+.dropdown-menu {
+ border-radius: 3px;
+ margin: 0;
+ /*overflow-x: hidden; */
+ /*overflow-y: scroll;*/
+}
+.dropdown-menu:before {
+ content: "";
+ width: 20px;
+ height: 12px;
+ position: absolute;
+ top: -12px;
+ right: 8px;
+ background-image: url("../../images/triangle_2x.png");
+ background-size: 20px 12px;
+}
+.dropdown-submenu .dropdown-menu:before {
+ background: none;
+}
+#searchNotebookForAddDropdownList,
+#searchNotebookForAddShareDropdownList {
+ left: -200px;
+}
+#searchNotebookForAddDropdownList:before,
+#searchNotebookForAddShareDropdownList:before {
+ left: 190px;
+ right: inherit;
+}
+.dropdown-menu li {
+ list-style: none;
+ padding-left: 10px;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+}
+.dropdown-menu li > a {
+ color: #000000;
+ display: block;
+ padding-right: 20px;
+}
+.dropdown-menu > li > a {
+ padding: 3px 20px 3px 0;
+}
+.noteSplit {
+ position: absolute;
+ top: 0;
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 3333;
+ cursor: col-resize;
+}
+a.raw {
+ color: #428bca;
+}
+a.raw:hover {
+ color: #2a6496;
+}
+.cm-item {
+ position: relative;
+}
+.cm-item .cm-text {
+ position: absolute;
+ left: 23px;
+ right: 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.cm-item .cm-text .c-text {
+ display: initial;
+}
+.b-m-mpanel {
+ border-radius: 3px;
+}
+.modal-content {
+ background-color: #f8f8f8;
+}
+.modal-body {
+ background-color: #ffffff;
+ padding-bottom: 30px;
+}
+.modal-footer {
+ margin-top: 0;
+}
+#editorTool,
+#newNoteWrap,
+#myBlog,
+.lea-blog,
+#myProfile,
+#toggleEditorMode,
+.folderHeader {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+@font-face {
+ font-family: 'leanote';
+ src: url('../../fonts/leanote-font3/leanote.eot?-vcf23i');
+ src: url('../../fonts/leanote-font3/leanote.eot?#iefix-vcf23i') format('embedded-opentype'), url('../../fonts/leanote-font3/leanote.ttf?-vcf23i') format('truetype'), url('../../fonts/leanote-font3/leanote.woff?-vcf23i') format('woff'), url('../../fonts/leanote-font3/leanote.svg?-vcf23i#leanote') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+#logo,
+.mce-i-mind,
+.mce-i-ace-pre,
+.lea-icon {
+ font-family: 'leanote' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.icon-markdown:before {
+ content: "\e604";
+}
+.mce-i-mind:before {
+ content: "\e602";
+}
+.mce-i-ace-pre:before {
+ content: "\e603";
+}
+#logo:before {
+ content: "\e901";
+ line-height: 1;
+ margin-top: 5px;
+ display: inline-block;
+ vertical-align: top;
+}
+#logo.icon-only:before {
+ content: "\e902";
+}
+.lang-zh-cn #logo:before {
+ content: "\e900";
+}
+/**
+ * 头部
+ */
+#listNotebookDropdownMenu {
+ display: none;
+}
+#themeForm td {
+ padding: 5px;
+ text-align: center;
+}
+#themeForm img {
+ border: 1px solid #eee;
+ padding: 2px;
+}
+#avatar {
+ height: 60px;
+ max-width: 200px;
+ display: inline-block;
+ margin: 10px;
+}
+.new-split {
+ display: none;
+}
+.new-note-right {
+ padding: 0 5px;
+ padding-left: 3px;
+}
+#leanoteMsg {
+ line-height: 40px;
+ margin-top: 10px;
+ margin-left: 10px;
+}
+#newNoteWrap {
+ line-height: 40px;
+ margin-top: 10px;
+}
+.new-note {
+ background-color: #000000;
+ border-radius: 3px;
+ padding: 3px 5px;
+ border: 1px solid #080303;
+}
+.new-note,
+.new-note a {
+ color: #ffffff;
+}
+.new-note:hover {
+ background: #3d3b3b;
+ border-color: transparent;
+}
+.new-note:hover,
+.new-note:hover a {
+ color: #fff;
+}
+.new-markdown {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+.top-nav {
+ margin: 0 10px;
+ display: inline-block;
+ line-height: 60px;
+}
+.my-link,
+.new-markdown-text-abbr,
+.new-note-text-abbr {
+ display: none;
+}
+#myAvatar {
+ height: 30px;
+ max-width: 30px;
+ overflow: hidden;
+ border-radius: 50%;
+}
+.ios7-a {
+ display: inline-block;
+ padding: 0 10px;
+ height: 36px;
+ vertical-align: middle;
+ line-height: 36px;
+ cursor: pointer;
+}
+#page.mini-left #notebook,
+#page.mini-left #notebookSplitter,
+#page.mini-left #logo,
+#page.mini-left #leftSwitcher,
+#page.mini-left #leftNotebook .slimScrollDiv {
+ display: none;
+}
+#page.mini-left #leftSwitcher2 {
+ display: block;
+}
+#page.mini-left #leftNotebook {
+ width: 30px !important;
+}
+#page.mini-left #noteAndEditor {
+ left: 30px !important;
+}
+a {
+ color: #000000;
+ cursor: pointer;
+}
+a:hover {
+ text-decoration: none !important;
+ color: #000000;
+}
+#header {
+ height: 60px;
+ background-color: #fbfcf7;
+ border-bottom: 1px solid #fbfcf7;
+ color: #ffffff;
+ /* for app */
+ webkit-user-select: none;
+ /* 还不知 */
+ -webkit-app-region: drag;
+ /* -webkit-app-region: no-drag; */
+}
+#header a {
+ color: #cccccc;
+}
+#header li,
+#header li a {
+ color: #000000;
+}
+#logo {
+ line-height: 50px;
+ box-sizing: content-box;
+ width: 140px;
+ height: 60px;
+ padding-left: 10px;
+ padding-top: 9px;
+ font-size: 32px;
+}
+#switcher {
+ line-height: 50px;
+ padding-top: 6px;
+ padding-right: 5px;
+ width: 30px;
+ text-align: center;
+}
+#switcher i {
+ font-size: 16px;
+ cursor: pointer;
+}
+#switcher i:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ cursor: pointer;
+ font-size: 16px;
+ line-height: 34px;
+ margin-top: 8px;
+ padding: 0 5px;
+ height: 34px;
+ display: inline-block;
+}
+#switcher #leftSwitcher2:hover {
+ color: #0fb264;
+}
+#switcher #leftSwitcher2 {
+ display: none;
+}
+#searchNote {
+ padding-left: 0;
+ line-height: 60px;
+ margin: 0;
+}
+#searchNote input {
+ background-size: 18px 13px;
+ border-color: #ebeff2;
+ border: none;
+ color: #cccccc;
+ background-color: #000000;
+ padding-left: 14px;
+ border-radius: 5px;
+ height: 30px;
+ width: 250px;
+ line-height: 20px;
+ box-shadow: none;
+}
+#searchNote input:focus {
+ outline: none !important;
+ border-color: #0fb264;
+ box-shadow: none;
+}
+#header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#header ul li.dropdown {
+ display: inline-block;
+ height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+ display: block;
+ padding: 15px 5px 0 0;
+ position: relative;
+}
+#header span.icon {
+ display: inline-block;
+ font-size: 28px;
+ color: #999999;
+}
+.dropdown-menu li > a {
+ color: #000000;
+}
+.dropdown-menu li:hover,
+.dropdown-menu li:focus {
+ background-color: #ebeff2;
+}
+.dropdown-menu li > a:hover,
+.dropdown-menu li > a:focus {
+ background-color: #ebeff2;
+}
+#loading {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ content: url(../../images/loading-a-20.gif);
+ vertical-align: middle;
+ visibility: hidden;
+}
+#inviteFriends {
+ position: relative;
+}
+#inviteFriends .dot {
+ display: inline-block;
+ position: absolute;
+ right: -8px;
+ top: -8px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: #FF9263;
+}
+#inviteUrl {
+ width: 400px;
+ padding: 3px;
+ border-radius: 3px;
+ border: 1px solid #eee;
+}
+#myProfile {
+ margin: 0 10px;
+}
+.profile-img {
+ line-height: 60px;
+}
+#page {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+#pageInner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+#mainContainer {
+ position: absolute;
+ top: 60px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ zoom: 1;
+}
+#mainMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ background-color: #fff;
+ text-align: center;
+ padding-top: 100px;
+ z-index: 1000;
+}
+#notebookSplitter {
+ left: 170px;
+}
+#noteSplitter {
+ left: 250px;
+}
+.ace_editor,
+.ace_editor * {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_invisible_space {
+ visibility: hidden !important;
+}
+#editor,
+#mdEditor {
+ position: absolute;
+ z-index: 2;
+ top: 66px;
+ bottom: 0px;
+ right: 0;
+ left: 5px;
+ padding: 0;
+ display: none;
+}
+/* leanote nav */
+.leanoteNav {
+ position: absolute;
+ right: 0px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ background-color: #fff;
+ opacity: 0.5;
+ z-index: 11;
+ margin-top: 4px;
+}
+.leanoteNav h1 {
+ margin: 0;
+ font-size: 16px;
+ padding: 3px;
+ cursor: pointer;
+}
+.leanoteNav i {
+ padding: 3px;
+}
+.leanoteNav span {
+ display: none;
+}
+.leanoteNav .leanoteNavContent {
+ display: none;
+ overflow: auto;
+}
+.leanoteNav.unfolder {
+ min-width: 200px;
+ max-width: 300px;
+ opacity: 0.8;
+}
+.leanoteNav.unfolder h1 {
+ border-bottom: 1px dashed #ebeff2;
+}
+.leanoteNav.unfolder span {
+ display: inline;
+}
+.leanoteNav.unfolder .leanoteNavContent {
+ display: block;
+ min-height: 30px;
+}
+.leanoteNav ul {
+ margin: 0;
+ padding-left: 23px;
+}
+.leanoteNav ul li {
+ list-style-type: disc;
+}
+.leanoteNav ul li a:hover {
+ color: #0fb264;
+}
+.leanoteNav ul .nav-h2 {
+ margin-left: 20px;
+}
+.leanoteNav ul .nav-h3 {
+ margin-left: 30px;
+}
+.leanoteNav ul .nav-h4 {
+ margin-left: 40px;
+}
+.leanoteNav ul .nav-h5 {
+ margin-left: 50px;
+}
+.scrollTo-a {
+ cursor: pointer !important;
+}
+.preview-container table,
+.mce-item-table,
+.preview-container table td,
+.mce-item-table td,
+.preview-container table th,
+.mce-item-table th,
+.preview-container table caption,
+.mce-item-table caption {
+ border: 1px solid #ddd;
+ border-collapse: collapse;
+ padding: 5px;
+ vertical-align: middle;
+}
+.preview-container table tr,
+.mce-item-table tr {
+ background-color: none;
+ border-top: 1px solid #ccc;
+}
+.preview-container table tr:nth-child(2n),
+.mce-item-table tr:nth-child(2n) {
+ background-color: #f7f7f9;
+}
+.preview-container th {
+ padding: 10px;
+}
+/**
+ * tinymce editor
+ */
+/* 包裹iframe */
+#editor .mce-ifr {
+ border: none;
+ overflow: hidden !important;
+ /*不知道哪里设置了auto*/
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+ border: none;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+ padding: 5px 5px !important;
+ line-height: 20px !important;
+}
+.mce-foot .mce-btn {
+ border-radius: 3px;
+}
+.mce-menubtn.mce-btn-small span {
+ line-height: 20px !important;
+}
+.mce-btn span {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+ text-shadow: none;
+}
+.mce-primary {
+ background-color: #47a447 !important;
+ border: none !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+ background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+ color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+ background-color: #ebeff2;
+}
+.tool-split {
+ display: inline-block;
+ line-height: 25px;
+ color: #ddd;
+}
+#moreBtn {
+ dispaly: block;
+ position: absolute;
+ cursor: pointer;
+ right: 5px;
+ padding: 3px 10px;
+}
+#moreBtn span {
+ display: none;
+}
+.mce-colorbtn-trans div {
+ line-height: 11px;
+ text-align: center;
+}
+.mce-btn-small .mce-caret {
+ margin-top: 8px;
+}
+.mce-listbox.mce-btn-small .mce-caret {
+ margin-top: -2px;
+}
+.mce-btn i {
+ text-shadow: none;
+}
+.mce-colorbutton.mce-btn-small .mce-preview {
+ width: 15px;
+}
+#editorContent {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ padding: 5px;
+ outline: none;
+ margin-top: 5px;
+ bottom: 5px !important;
+}
+#editorContent pre {
+ position: relative;
+ -mo-height: auto !important;
+}
+#editorContent pre .toggle-raw {
+ position: absolute;
+ left: 2px;
+ top: -2px;
+ z-index: 100;
+ display: none;
+}
+#editorContent pre:hover .toggle-raw {
+ display: block;
+}
+#editorContent * {
+ font-family: inherit;
+}
+.mce-tinymce-inline {
+ border-width: 0 !important;
+}
+#editorContent a {
+ color: #2a6496;
+ text-decoration: underline;
+}
+#editorContent pre {
+ font: 12px / normal Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ color: #4D4D4C;
+}
+#editorContent .ace_searchbtn_close {
+ margin: 0px;
+}
+#editorContent .ace-tomorrow {
+ padding: 0;
+ padding-left: 44px;
+}
+#editorContent .ace-to-pre {
+ padding: 0;
+ padding-left: 5px;
+}
+#editorContent .ace_scrollbar-v {
+ overflow-y: hidden;
+}
+#editorContent .leanote-image-container {
+ display: inline-block;
+ width: 100px;
+}
+#editorContent .leanote-image-container .loader {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 3px;
+ margin-top: 5px;
+}
+#editorContent .leanote-image-container .progress {
+ display: inline-block;
+ margin: 0;
+ width: 80px;
+}
+.mce-text {
+ vertical-align: middle;
+}
+/**
+ * markdown editor
+ */
+#mdEditor {
+ z-index: 1;
+ background-color: #fff;
+ bottom: 5px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+ font-size: 14px;
+ line-height: 22px;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+ position: relative;
+ height: 30px;
+ overflow: hidden;
+ border-bottom: 1px solid #ccc;
+ background-color: #f0f0f0;
+}
+#wmd-button-bar {
+ overflow: visible;
+}
+#mdEditorPreview {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+#left-column,
+#right-column,
+#mdSplitter {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+}
+#mdSplitter {
+ width: 5px;
+ height: 100%;
+ overflow: hidden;
+ z-index: 5;
+ cursor: col-resize;
+ left: 450px;
+ background: none;
+}
+#left-column {
+ left: 0;
+ width: 450px;
+}
+#right-column {
+ left: 450px;
+ right: 0;
+ overflow: hidden;
+}
+.wmd-panel-editor,
+.preview-container,
+#wmd-input {
+ height: 100%;
+}
+.wmd-input,
+.wmd-input:focus,
+#md-section-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;
+}
+.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;
+ font-size: 14px;
+}
+#mdEditor .navbar-default {
+ overflow: visible;
+}
+.wmd-mode {
+ min-width: 150px;
+ left: 50%;
+ margin-left: -75px !important;
+}
+.wmd-mode:before {
+ right: auto;
+ left: 40%;
+}
+#md-keyboard-mode {
+ color: #8E8E8E;
+ font-size: 12px;
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+ font-style: normal;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+.ace_editor {
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
+}
+.ace_editor * {
+ font-family: inherit;
+}
+/*
+// markdown editor ace
+@mdAceTextColor: #2C3E50; // #04294E; // #384654;
+@mdAceHeadingColor: #000; // 1a2026
+@mdAceBlockquoteColor: #003873;
+@mdAceCursorColor: #243342;
+
+@mdAceTextColor: #000;
+@mdAceTagColor: rgba(87, 108, 130, 0.6);
+
+textarea#wmd-input {
+ color: #000 !important;
+}
+
+#wmd-input {
+ .ace_searchbtn_close {
+ margin: 0px;
+ }
+ .ace_content {
+ padding-top: 5px;
+ }
+ &.ace_editor {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm {
+ background-color: #ffffff;
+ }
+ &.ace-tm .ace_text-input {
+ box-sizing: initial;
+ }
+ &.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_cursor {
+ color: @mdAceCursorColor;
+ }
+ // 左侧的线
+ &.ace-tm .ace_print-margin {
+ background: none;
+ // background-color: rgba(89, 128, 166, 0.05);
+ }
+ &.ace-tm .ace_markup.ace_heading {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ &.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
+ color: @mdAceTagColor;
+ }
+ }
+ &.ace-tm .ace_markup.ace_list {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_constant.ace_language {
+ color: @mdAceTagColor;
+ font-weight: normal;
+ }
+ &.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+ }
+ &.ace-tm .ace_storage,
+ &.ace-tm .ace_keyword {
+ color: #384654;
+ background-color: rgba(0, 0, 0, 0.04);
+ font-weight: bold;
+ }
+ &.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+ }
+ &.ace-tm .ace_strong {
+ color: @mdAceTextColor;
+ font-weight: bold;
+ }
+ &.ace-tm .ace_emphasis {
+ color: @mdAceTextColor;
+ font-style: italic;
+ }
+ &.ace-tm .ace_blockquote {
+ color: @mdAceTextColor;
+ }
+ &.ace-tm .ace_code {
+ color: #1a2026;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_code_block {
+ color: #1a2026;
+ }
+ &.ace-tm .ace_link {
+ color: #576c82;
+ background-color: rgba(0, 0, 0, 0.04);
+ }
+ &.ace-tm .ace_description {
+ color: #576c82;
+ }
+ &.ace-tm .ace_constant {
+ color: #384654;
+ }
+ &.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+ }
+ &.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+ }
+
+ // vim cursor
+ &.normal-mode .ace_cursor {
+ background-color: #003A92;
+ }
+ // emacs cursor
+ &.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: rgb(101, 189, 119, 0.9);
+ }
+}
+*/
+.m-todo-item {
+ list-style: none;
+}
+textarea#wmd-input {
+ color: #000 !important;
+}
+#wmd-input .ace_cjk {
+ color: inherit;
+}
+#wmd-input .ace_searchbtn_close {
+ margin: 0px;
+}
+#wmd-input .ace_content {
+ padding-top: 5px;
+}
+#wmd-input.ace_editor {
+ color: #000000;
+}
+#wmd-input.ace-tm {
+ background-color: #ffffff;
+}
+#wmd-input.ace-tm .ace_text-input {
+ box-sizing: initial;
+}
+#wmd-input.ace-tm .ace_marker-layer .ace_active-line {
+ background-color: rgba(89, 128, 166, 0.05);
+}
+#wmd-input.ace-tm .ace_cursor {
+ color: #243342;
+}
+#wmd-input.ace-tm .ace_print-margin {
+ background: none;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_1,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_2,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_3,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_4,
+#wmd-input.ace-tm .ace_markup.ace_heading.ace_5 {
+ color: #1d3e81;
+}
+#wmd-input.ace-tm .ace_markup.ace_list {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_constant.ace_language {
+ color: #1d3e81;
+ font-weight: normal;
+}
+#wmd-input.ace-tm .ace_meta.ace_tag {
+ color: #384654;
+ font-style: italic;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_keyword.ace_operator {
+ color: #384654;
+ background-color: transparent;
+}
+#wmd-input.ace-tm .ace_storage,
+#wmd-input.ace-tm .ace_keyword {
+ color: #384654;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_entity.ace_name.ace_function {
+ color: #1a2026;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_string {
+ color: #384654;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_invalid {
+ color: inherit;
+ background: inherit;
+}
+#wmd-input.ace-tm .ace_strong {
+ color: #000000;
+ font-weight: bold;
+}
+#wmd-input.ace-tm .ace_emphasis {
+ color: #000000;
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_blockquote {
+ color: #000000;
+}
+#wmd-input.ace-tm .ace_code {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_code_block {
+ color: #1a2026;
+}
+#wmd-input.ace-tm .ace_link {
+ color: #000000;
+ background-color: transparent;
+ text-decoration: underline;
+}
+#wmd-input .ace_underline {
+ color: #1d3e81;
+ text-decoration: none;
+}
+#wmd-input.ace-tm .ace_description {
+ color: #576c82;
+}
+#wmd-input.ace-tm .ace_constant {
+ color: #384654;
+}
+#wmd-input.ace-tm .ace_comment {
+ color: rgba(87, 108, 130, 0.6);
+ font-style: italic;
+}
+#wmd-input.ace-tm .ace_marker-layer .misspelled {
+ position: absolute;
+ z-index: -2;
+ border-bottom: 1px dotted red;
+ margin-bottom: -1px;
+}
+#wmd-input.emacs-mode .ace_cursor {
+ border: 2px rgba(101, 189, 119, 0.8) solid !important;
+ background-color: #65bd77;
+}
+#leftNotebook {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 170px;
+}
+#notebook,
+#notebookMin {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ background-color: #41586e;
+ overflow-y: auto;
+ overflow-x: auto;
+ z-index: 2;
+}
+#addNotebookPlus {
+ padding-right: 10px;
+ color: #adbece;
+}
+#addNotebookPlus .fa {
+ font-size: 16px;
+}
+#notebookList input,
+#notebookListForSearch input {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ width: 90%;
+ padding-left: 3px;
+ box-shadow: none;
+ background: none;
+ color: #ffffff;
+}
+#notebookList input:focus,
+#notebookListForSearch input:focus {
+ outline: none !important;
+}
+#notebookMin {
+ z-index: 1;
+ overflow-y: visible;
+ overflow-x: visible;
+ background-color: #41586e;
+}
+#notebookMin div.minContainer {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+ padding: 5px;
+ position: relative;
+ cursor: pointer;
+}
+#notebookMin div.minContainer i {
+ font-size: 20px;
+ color: #ffffff;
+}
+#notebookMin div.minContainer:hover i {
+ color: #0fb264;
+}
+#notebookMin div.minContainer ul {
+ background-color: #fff;
+ opacity: 0.8;
+ display: none;
+ list-style: none;
+ margin: 0;
+ margin-left: 20px;
+ padding: 5px 0px;
+ border: 1px solid #0fb264;
+ position: absolute;
+ z-index: 1000;
+ top: 0;
+ left: 10px;
+ width: 150px;
+}
+#notebookMin div.minContainer ul li {
+ padding: 0 5px;
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li span {
+ cursor: pointer;
+}
+#notebookMin div.minContainer ul li a {
+ cursor: pointer;
+}
+#notebookBottom {
+ position: absolute;
+ bottom: 0px;
+ height: 30px;
+ right: 0;
+ left: 0;
+ line-height: 30px;
+ text-align: right;
+ padding-right: 5px;
+ background-color: #eee;
+}
+#notebookBottom #leftSwitcher {
+ border: 1px solid #ccc;
+ padding: 3px 8px;
+ cursor: pointer;
+}
+.folderHeader {
+ min-height: 35px;
+ line-height: 35px;
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.folderHeader span {
+ display: inline-block;
+ line-height: 35px;
+ color: #ffffff;
+ font-size: 16px;
+}
+.folderHeader .fa-left,
+.friend-header i.fa {
+ display: inline-block;
+ line-height: 35px;
+ font-size: 16px;
+ width: 35px;
+ border-right: 1px solid rgba(255, 255, 255, 0.05);
+ text-align: center;
+ color: #ffffff;
+}
+.friend-header {
+ position: relative;
+}
+.friend-header .notebook-setting {
+ display: none;
+ position: absolute;
+ right: 0;
+ left: auto;
+}
+.friend-header:hover .notebook-setting {
+ display: block;
+}
+.each-user {
+ margin-bottom: 5px;
+ margin-left: 5px;
+ margin-right: 5px;
+ margin-top: 3px;
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.09);
+ background-color: #37485e;
+}
+.each-user div {
+ cursor: pointer;
+ border-bottom: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.05);
+}
+.each-user div span {
+ line-height: 35px;
+ color: #ffffff;
+ padding-left: 3px;
+ font-size: 14px;
+ display: block;
+ position: absolute;
+ left: 23px;
+ top: 0;
+ right: 23px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.each-user div .fa {
+ width: 20px;
+ border-right: none;
+}
+.notebook-number-notes {
+ position: absolute;
+ right: 10px;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: inline-block;
+ line-height: 20px !important;
+ height: 20px;
+ margin-top: 5px;
+ padding: 0 3px;
+}
+.notebook-setting {
+ display: none;
+ position: absolute;
+ right: 1px;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ line-height: 30px;
+}
+.notebook-setting:before {
+ content: "\f013";
+}
+.ztree li a:hover .notebook-setting {
+ display: block;
+}
+#myTag .folderBody {
+ padding: 0 3px;
+ padding-bottom: 3px;
+}
+#myTag .folderBody li {
+ margin-left: 10px;
+ padding: 3px;
+ line-height: normal;
+}
+#notebookList {
+ border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+.ztree {
+ padding: 0px;
+}
+#searchNotebookForAdd {
+ line-height: normal;
+ width: 200px;
+ margin: 0 10px;
+ margin-bottom: 10px;
+ height: 30px;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#myNotebooks .folderBody {
+ padding-top: 3px;
+}
+.folderBody {
+ overflow-x: hidden;
+}
+#searchNotebookForList {
+ height: 30px;
+ width: 90%;
+ margin: 3px auto;
+ margin-top: 0;
+ border-color: #ebeff2;
+ box-shadow: none;
+}
+#notebookNavForNewNote li:hover {
+ background: none;
+}
+.folderBody {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ background-color: #37485e;
+}
+.folderBody li {
+ line-height: 30px;
+}
+.closed .folderBody {
+ display: none;
+}
+#myTag .folderBody li {
+ position: relative;
+}
+#myTag .folderBody li .badge {
+ width: 40px;
+ position: absolute;
+ right: 3px;
+ top: 7px;
+ font-weight: normal;
+ background-color: #fbfcf7;
+ color: #000000;
+ border: 1px solid #ebeff2;
+}
+/**
+ * 笔记列表
+ */
+#noteAndEditor {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ left: 170px;
+}
+#noteList {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ width: 250px;
+ border-right: 1px solid #cfcfcf;
+ border-left: 1px solid #cfcfcf;
+ z-index: 333;
+}
+#note {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ left: 250px;
+ right: 0;
+ padding-left: 5px;
+ overflow-y: hidden;
+ overflow-x: auto;
+ background-color: #fbfcf7;
+}
+#notesAndSort {
+ background-color: #eeeeee;
+ border-bottom: 1px solid #ebeff2;
+ height: 36px;
+}
+#sortType {
+ float: right;
+}
+#noteItemListWrap {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 36px;
+ bottom: 3px;
+}
+#noteAndEditorMask {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background: #fff;
+ text-align: center;
+ padding-top: 60px;
+ opacity: .3;
+ z-index: 500;
+ display: none;
+}
+/* item list */
+#noteItemList {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ overflow-y: hidden;
+ padding: 0 5px;
+}
+#noteItemList .item {
+ position: relative;
+ height: 110px;
+ overflow: hidden;
+ cursor: pointer;
+ border: 1px solid #ebeff2;
+ border-radius: 3px;
+ margin-top: 5px;
+ background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+ background-color: #ddd !important;
+}
+.item-active,
+#noteItemList .item-active:hover {
+ background-color: #65bd77 !important;
+ color: #fff;
+}
+.item-active .fa,
+#noteItemList .item-active:hover .fa {
+ color: #eee !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+ color: #fff;
+}
+#noteItemList .item-thumb {
+ width: 100px;
+ overflow: hidden;
+ position: absolute;
+ z-index: 1;
+ right: 0px;
+ top: 4px;
+ height: 100px;
+ background-color: #fff;
+ margin-right: 5px;
+ line-height: 100px;
+ text-align: center;
+}
+.item-thumb img {
+ max-width: 100px;
+}
+.item-title {
+ /*font-weight: 400;*/
+ font-size: 16px;
+ height: 22px;
+ line-height: 20px;
+ overflow: hidden;
+ margin-bottom: 0px;
+ color: #000000;
+ border-bottom: dashed 1px #ebeff2;
+}
+#noteItemList .item-desc {
+ position: absolute;
+ left: 0;
+ top: 4px;
+ right: 0px;
+ margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+ color: #666;
+}
+#noteItemList .item-image .item-desc {
+ right: 100px;
+}
+.item-info {
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.desc {
+ margin: 0;
+ word-wrap: break-word;
+}
+#noteItemList {
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+#noteItemList .item-setting,
+#noteItemList .item-blog {
+ position: absolute;
+ right: 1px;
+ font-size: 10px;
+ z-index: 2;
+ padding: 3px;
+ border-radius: 5px;
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ opacity: 0.5;
+ background-color: #464C5E;
+}
+#noteItemList .item-setting .fa,
+#noteItemList .item-blog .fa {
+ color: #fff !important;
+}
+#noteItemList .item-setting:hover,
+#noteItemList .item-blog:hover {
+ opacity: 0.8;
+}
+#noteItemList .item-blog {
+ top: 1px;
+}
+#noteItemList .item-setting {
+ bottom: 0;
+ display: none;
+}
+#noteItemList .item:hover .item-setting {
+ display: block;
+}
+/**
+ * 工具栏
+ * 附件
+ * 笔记信息
+ * 历史记录
+ * 提示
+ */
+#tool {
+ border-bottom: 1px solid #ddd;
+ height: 36px;
+ margin-left: -5px;
+ position: relative;
+}
+#editorTool {
+ margin: 0;
+ margin-right: 5px;
+ padding: 0;
+ list-style: none;
+}
+#editorTool li {
+ display: inline-block;
+}
+#noteInfo {
+ width: 400px;
+ box-sizing: border-box;
+ padding: 10px 10px;
+ -webkit-user-select: initial;
+}
+#noteInfo table {
+ width: 100%;
+ margin: 0;
+}
+#noteInfo table th {
+ min-width: 100px;
+}
+#noteInfo table th,
+#noteInfo table td {
+ border-top: none;
+ border-bottom: 1px solid #dddddd;
+ padding: 8px;
+ line-height: 20px;
+ vertical-align: top;
+ word-break: break-all;
+}
+#noteInfo table td {
+ max-width: 280px;
+}
+#noteInfo a {
+ cursor: pointer;
+}
+#noteInfo a.post-url {
+ background: #FDF936;
+}
+#noteInfo .post-url-wrap {
+ word-wrap: break-word;
+}
+#noteInfo .post-url-wrap span {
+ display: inline;
+}
+#noteInfo .post-url-wrap input {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-pencil {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit .post-url-text {
+ display: none;
+}
+#noteInfo .post-url-wrap.post-url-edit input {
+ display: inline;
+}
+#editor #mceToolbar {
+ height: 30px;
+}
+#editor.all-tool #mceToolbar {
+ height: 60px;
+}
+#editor.all-tool .more-fa:before {
+ content: "\f106";
+}
+#editor.all-tool #editorContent {
+ top: 60px;
+}
+#editor .more-fa:before {
+ content: "\f107";
+}
+#historyList img {
+ max-width: 100%;
+}
+.history-modal .modal-dialog {
+ width: auto !important;
+ position: absolute;
+ /* width: 100%; */
+ /* height: 100%; */
+ left: 5px;
+ right: 5px;
+ top: 5px;
+ bottom: 5px;
+}
+.history-modal .modal-dialog .modal-content {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: 0;
+ padding: 0;
+ overflow: scroll;
+}
+.history-modal .modal-dialog .modal-content .modal-body {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ overflow-y: auto;
+ width: 200px;
+ border-right: 1px solid #ccc;
+ box-shadow: 1px 1px 10px #ddd;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list-header {
+ line-height: 50px;
+ font-size: 16px;
+ font-weight: bold;
+ padding-left: 15px;
+ border-bottom: 1px solid #eee;
+ background-color: #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .history-list {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow-y: auto;
+ margin-bottom: 0;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item {
+ border-top: none;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item.active,
+.history-modal .modal-dialog .modal-content .modal-body .history-list-wrap .list-group-item:hover {
+ color: #000;
+ background-color: #eee;
+ border-color: #eee;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 200px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .close {
+ padding: 10px 15px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .back {
+ margin-left: 10px;
+ margin-top: 5px;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content-header {
+ height: 51px;
+ border-bottom: 1px solid #eee;
+ box-shadow: 5px 0px 5px #ccc;
+}
+.history-modal .modal-dialog .modal-content .modal-body .history-content-wrap .history-content {
+ position: absolute;
+ top: 51px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ padding-top: 5px;
+ padding-right: 5px;
+ padding-left: 10px;
+ overflow-y: auto;
+}
+#upload {
+ position: absolute;
+ z-index: 0;
+ bottom: 0;
+ right: 0;
+ left: 0px;
+ padding: 0;
+ background-color: #fff;
+ text-align: center;
+ display: none;
+}
+#upload #drop {
+ width: 100%;
+ height: 100%;
+ padding-top: 100px;
+}
+#drop.in {
+ border: 1px solid #000000;
+}
+#drop.hover {
+ border: 2px solid #000000;
+}
+#uploadMsg {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ bottom: 10px;
+ overflow: scroll;
+ list-style: none;
+}
+#uploadAttach {
+ position: relative;
+ margin-top: 5px;
+}
+.dropzone {
+ text-align: center;
+}
+.dropzone input {
+ display: none;
+}
+.dropzone.in {
+ border: 1px solid #000000;
+}
+.dropzone.hover {
+ border: 2px solid #000000;
+}
+#attachUploadMsg,
+#avatarUploadMsg {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ max-height: 240px;
+ z-index: 3;
+}
+#attachUploadMsg .alert,
+#avatarUploadMsg .alert {
+ margin: 0;
+ padding: 0 3px;
+ margin-top: 10px;
+}
+#attachMenu {
+ width: 450px;
+ padding: 10px 5px;
+}
+#attachList {
+ margin: 0;
+ padding: 0;
+ max-height: 450px;
+ overflow-y: auto;
+}
+#attachList li {
+ display: block;
+ margin: 0;
+ padding: 0 3px;
+ border-radius: 3px;
+ border-bottom: 1px dashed #eee;
+ height: 45px;
+ line-height: 45px;
+}
+#attachList li div {
+ float: left;
+}
+#attachList li .attach-title {
+ width: 290px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#attachList li .attach-process {
+ float: right;
+}
+#attachList li.loading {
+ text-align: center;
+}
+/**
+ * 笔记
+ *
+ */
+#noteTitleDiv {
+ height: 30px;
+ border-bottom: 1px solid #ddd;
+}
+#noteTitle {
+ height: 100%;
+ padding: 0px 3px;
+ width: 100%;
+ border: none;
+ background-color: #fbfcf7;
+}
+#noteTitle:focus {
+ outline: none !important;
+}
+#editorContent {
+ position: absolute;
+ top: 30px;
+ bottom: 10px;
+ right: 0;
+ left: 0;
+ overflow: auto;
+}
+.fa-calendar {
+ color: #666;
+}
+.dropdown-menu .fa {
+ width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+ cursor: default;
+}
+.tab-pane {
+ padding: 5px 0 0 0;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+ padding-left: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+ background: none;
+}
+.new-note-left {
+ padding: 0 5px;
+ width: 95px;
+ overflow: hidden;
+ white-space: nowrap;
+ border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+ background-color: #ebeff2;
+}
+.new-note-right:hover {
+ background-color: #ebeff2;
+}
+#historyList table {
+ width: 100%;
+}
+#historyList .btns {
+ border-top: 1px dashed #eee;
+ padding: 5px 0;
+}
+#toggleEditorMode {
+ margin: 0 10px !important;
+}
+#editorMask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ background-color: #fff;
+ display: none;
+ z-index: -10;
+ padding-top: 50px;
+ text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+ font-size: 24px;
+}
+#editorMask a {
+ display: inline-block;
+ border-radius: 3px;
+ border: 1px solid #ebeff2;
+ padding: 10px;
+}
+#editorMask a:hover {
+ background-color: #65bd77;
+ color: #fff;
+}
+.note-mask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0px;
+ z-index: -1;
+}
+#noteMaskForLoading {
+ padding-top: 60px;
+ background: #fff;
+ text-align: center;
+ opacity: .3;
+}
+.info-toolbar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ line-height: 30px;
+ padding-left: 5px;
+ height: 30px;
+ display: none;
+ overflow: hidden;
+}
+.info-toolbar .toolbar-update {
+ color: inherit;
+ float: right;
+ padding: 0 10px;
+}
+.info-toolbar .toolbar-update:hover {
+ background: #fff;
+ color: #000;
+}
+.info-toolbar .created-time {
+ display: inline-block;
+ padding-right: 10px;
+}
+#editorContent {
+ -webkit-user-select: text;
+}
+#editor.read-only #mceToolbarContainer {
+ display: none;
+}
+#editor.read-only .info-toolbar {
+ display: block;
+}
+#note.read-only #editor,
+#note.read-only #mdEditor {
+ top: 60px;
+}
+#note.read-only #tool {
+ display: none;
+}
+#note.read-only .toolbar-update {
+ display: none;
+}
+#note.read-only #noteReadTop {
+ display: block;
+}
+#note.read-only #infoToolbar,
+#note.read-only #mceToolbar,
+#note.read-only .navbar {
+ display: none;
+}
+#note.read-only #editorContent,
+#note.read-only #mdEditor .layout-wrapper-l3 {
+ top: 0;
+}
+#noteRead {
+ position: absolute;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: none;
+ z-index: 100;
+ padding-left: 5px;
+ background-color: #fff;
+}
+#noteReadTop {
+ position: absolute;
+ height: 60px;
+ left: 5px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 2;
+ display: none;
+ background: #fff;
+ padding-left: 5px;
+}
+#noteReadTitle {
+ margin: 3px 0;
+ height: 26px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#noteReadInfo {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ color: #666;
+ margin-top: 8px;
+}
+.read-only-editor #editBtn span:before {
+ content: "\f044";
+}
+#editBtn span:before {
+ content: "\f06e";
+}
+/*标签与其它工具*/
+/* tag */
+#addTagInput {
+ line-height: 25px;
+ display: none;
+ padding: 0;
+ border: none;
+ background-color: #fbfcf7;
+}
+#addTagInput:focus {
+ outline: none;
+}
+.label-default {
+ background-color: #464C5E;
+}
+.label-red {
+ background-color: #d9534f;
+}
+.label-yellow {
+ background-color: #f0ad4e;
+}
+.label-blue {
+ background-color: #428bca;
+}
+.label-green {
+ background-color: #5cb85c;
+}
+.label {
+ border-radius: 0;
+ font-weight: normal;
+}
+.label i {
+ width: 10px;
+ cursor: pointer;
+ font-style: normal;
+ /*border-left: 1px solid #ccc;*/
+ display: inline-block;
+ padding-left: 3px;
+ opacity: 0;
+}
+.label i:hover {
+ opacity: 1;
+}
+#tag {
+ position: absolute;
+ right: 300px;
+ top: 0;
+ left: 5px;
+ bottom: 0;
+}
+#tag {
+ height: 36px;
+ line-height: 36px;
+}
+#tag .dropdown {
+ line-height: 30px;
+}
+#tagColor {
+ left: 10px;
+}
+#tagColor:before {
+ content: "";
+ background-image: none;
+}
+#addTagInput {
+ width: 100px;
+}
+#tagNav i,
+#tagNav em {
+ font-style: normal;
+}
+#tagNav .tag-delete {
+ display: none;
+ margin-left: 3px;
+ font-size: 12px;
+}
+#tagNav li:hover .tag-delete {
+ display: inline-block;
+}
+#tagNav a:hover {
+ background: none !important;
+}
+.batch #noteItemList .item-active .item-setting,
+.batch #noteItemList .item-active:hover .item-setting {
+ display: none;
+}
+.batch #toggleEditorMode {
+ display: none;
+}
+#batchMask {
+ background: #fff;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+.batch-ctn {
+ position: relative;
+ padding: 50px;
+ width: 100%;
+ height: 100%;
+}
+.batch-note {
+ display: inline-block;
+ width: 160px;
+ position: absolute;
+ left: 50%;
+ border: 1px solid #ccc;
+ height: 200px;
+ padding: 5px;
+ border-radius: 5px;
+ background: #eee;
+ overflow: hidden;
+ transition: margin 0.5s;
+ margin-left: -1000px;
+}
+.batch-note .title {
+ font-size: 16px;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+.batch-info {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ text-align: center;
+ margin-top: 300px;
+}
+.batch-info p {
+ margin-top: 8px;
+}
+.batch-info .fa {
+ cursor: pointer;
+ font-size: 16px;
+}
+*,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+}
+body {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: normal;
+ font-size: 16px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ body {
+ font-weight: 300;
+ }
+}
+h1,
+h2,
+h3 {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: normal !important;
+}
+#noteItemList,
+#notebook,
+#leftNotebook,
+.slimScrollDiv,
+#editorContent,
+#editorContent_ifr,
+.mce-edit-area,
+.mce-container-body,
+.mce-tinymce,
+#editor .mce-ifr,
+.wmd-input,
+#noteReadContent,
+#attachList,
+#tags,
+.editor-content,
+.preview-container {
+ -webkit-overflow-scrolling: touch !important;
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
+::selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-moz-selection {
+ background: #000000;
+ color: #ffffff;
+}
+::-webkit-selection {
+ background: #000000;
+ color: #ffffff;
+}
+html,
+body {
+ background-color: #fbfcf7;
+}
+*,
+body {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: 300;
+ font-size: 16px;
+}
+h1,
+h2,
+h3 {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+ font-weight: 300 !important;
+}
+a {
+ color: #000000;
+ cursor: pointer;
+}
+a:hover {
+ text-decoration: none !important;
+ color: #000000;
+}
+a.raw {
+ color: #428bca;
+}
+a.raw:hover {
+ color: #2a6496;
+}
+/* header */
+#header {
+ height: 60px;
+ background-color: #fbfcf7;
+ color: #ffffff;
+ border-bottom: 1px solid #ebeff2;
+ /* for app */
+ webkit-user-select: none;
+ /* 还不知 */
+ -webkit-app-region: drag;
+ /* -webkit-app-region: no-drag; */
+}
+#header a {
+ color: #ccc;
+}
+#header li {
+ color: #000000;
+}
+#header li a {
+ color: #000000;
+}
+#searchWrap,
+#logo,
+#switcher,
+#leftNotebook,
+.noteSplit {
+ display: none;
+}
+#header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#header ul li.dropdown {
+ display: inline-block;
+ height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+ display: block;
+ padding: 15px 5px 0 0;
+ position: relative;
+}
+#header span.icon {
+ display: inline-block;
+ font-size: 28px;
+ color: #999999;
+}
+.dropdown-menu {
+ border-radius: 0;
+ margin: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid #0fb264;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+.dropdown-menu li {
+ padding-left: 10px;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+}
+.dropdown-menu > li > a {
+ color: #000000;
+ display: inline-block;
+ padding: 3px 3px;
+}
+.dropdown-menu > li:hover,
+.dropdown-menu > li:focus {
+ background-color: #ebeff2;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+ background-color: #ebeff2;
+}
+.ios7-a {
+ display: inline-block;
+ padding: 0 10px 0 5px;
+ height: 40px;
+ vertical-align: middle;
+ line-height: 38px;
+ cursor: pointer;
+}
+/*********************/
+#page {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+#pageInner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+#mainContainer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ zoom: 1;
+}
+#search {
+ border: #bababa 1px solid;
+ background-color: #fff;
+ white-space: nowrap;
+ position: absolute;
+ height: 30px;
+ left: 3px;
+ right: 60px;
+ margin-top: 3px;
+}
+#search label {
+ display: none;
+}
+#searchButton {
+ border: 0 none;
+ width: 16px;
+ height: 16px;
+ overflow: hidden;
+ cursor: pointer;
+ position: absolute;
+ right: 3px;
+ top: 5px;
+}
+#searchInput {
+ border: 0 none;
+ overflow: hidden;
+ position: absolute;
+ right: 20px;
+ left: 0px;
+ padding-left: 10px;
+ height: 28px;
+}
+#searchInput:focus {
+ border: none;
+ outline: thin dotted #333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+#notesAndSort {
+ background-color: #eee;
+ border-bottom: 1px solid #ebeff2;
+}
+/* item list */
+#noteItemList {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ width: 100%;
+ overflow-y: hidden;
+ background-color: #f7f7f7;
+ padding: 0 5px;
+}
+#noteItemList .item {
+ position: relative;
+ height: 110px;
+ overflow: hidden;
+ cursor: pointer;
+ padding: 5px;
+ border: 1px solid #ebeff2;
+ border-radius: 3px;
+ margin-top: 5px;
+ background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+ background-color: #ddd !important;
+ color: #000000;
+}
+#noteItemList .item-thumb {
+ padding-left: 10px;
+ width: 100px;
+ overflow: hidden;
+ position: absolute;
+ right: 0px;
+ height: 100px;
+ background-color: #fff;
+ margin-right: 5px;
+}
+.item-thumb img {
+ width: 100px;
+}
+#noteItemList .item-desc {
+ position: absolute;
+ left: 0;
+ right: 100px;
+ margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+ color: #666;
+}
+#noteItemList .item-blog {
+ position: absolute;
+ right: 1px;
+ font-size: 10px;
+ z-index: 2;
+ top: 1px;
+ padding: 3px;
+ cursor: pointer;
+ width: 20px;
+ text-align: center;
+ opacity: 0.5;
+ background-color: #464C5E;
+}
+#noteItemList .item-blog .fa {
+ color: #fff !important;
+}
+#noteItemList .item-blog:hover {
+ opacity: 0.8;
+}
+.item-title {
+ /*font-weight: 400;*/
+ font-size: 16px;
+ height: 22px;
+ line-height: 20px;
+ overflow: hidden;
+ margin-bottom: 0px;
+ color: #000000;
+ border-bottom: dashed 1px #ebeff2;
+}
+/* note */
+/* editor */
+#editorTool {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#editorTool li {
+ display: inline-block;
+}
+#noteTitle:focus {
+ outline: none !important;
+}
+#editor,
+#mdEditor {
+ z-index: 2;
+ top: 71px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ padding: 0;
+ display: none;
+}
+#mdEditor {
+ z-index: 1;
+ background-color: #fff;
+ bottom: 10px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+ font-size: 14px;
+ line-height: 22px;
+}
+#editorContent {
+ position: absolute;
+ top: 30px;
+ bottom: 10px;
+ right: 0;
+ left: 0;
+ overflow: auto;
+}
+/* 包裹iframe */
+#editor .mce-ifr {
+ border: none;
+ overflow: hidden !important;
+ /*不知道哪里设置了auto*/
+ /*border-radius: 5px;*/
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+ border: none;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+ position: relative;
+ height: 30px;
+ overflow: hidden;
+ background-color: #fbfcf7;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+ padding: 5px 5px !important;
+ line-height: 20px !important;
+}
+.mce-btn {
+ background-color: #fbfcf7 !important;
+}
+.mce-menubtn.mce-btn-small span {
+ line-height: 20px !important;
+}
+.mce-btn span {
+ font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+ text-shadow: none;
+}
+.mce-primary {
+ background-color: #47a447 !important;
+ border-color: #398439 !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+ background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+ color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+ background-color: #ebeff2;
+}
+.tool-split {
+ display: inline-block;
+ line-height: 25px;
+ color: #ddd;
+}
+/*标签与其它工具*/
+#tool {
+ display: none;
+ border-bottom: 1px solid #ddd;
+}
+/* tag */
+#tag {
+ height: 40px;
+ line-height: 38px;
+}
+#tag .dropdown {
+ line-height: 30px;
+}
+#addTagInput {
+ line-height: 25px;
+ display: none;
+ padding: 0;
+ border: none;
+ background-color: #fbfcf7;
+}
+#addTagInput:focus {
+ outline: none;
+}
+.label-default {
+ background-color: #464C5E;
+}
+.label-red {
+ background-color: #d9534f;
+}
+.label-yellow {
+ background-color: #f0ad4e;
+}
+.label-blue {
+ background-color: #428bca;
+}
+.label-green {
+ background-color: #5cb85c;
+}
+.label {
+ border-radius: 0;
+ font-weight: normal;
+}
+.label i {
+ width: 10px;
+ cursor: pointer;
+ font-style: normal;
+ /*border-left: 1px solid #ccc;*/
+ display: inline-block;
+ padding-left: 3px;
+ opacity: 0;
+}
+.label i:hover {
+ opacity: 1;
+}
+/* leanote nav */
+#leanoteNav {
+ position: absolute;
+ right: 5px;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ background-color: #fff;
+ opacity: 0.5;
+ z-index: 11;
+ margin-right: 2px;
+}
+#leanoteNav h1 {
+ margin: 0;
+ font-size: 18px;
+ padding: 3px;
+ cursor: pointer;
+}
+#leanoteNav i {
+ padding: 3px;
+}
+#leanoteNav span {
+ display: none;
+}
+#leanoteNav #leanoteNavContent {
+ display: none;
+ overflow: auto;
+}
+#leanoteNav.unfolder {
+ min-width: 200px;
+ max-width: 300px;
+ opacity: 0.8;
+}
+#leanoteNav.unfolder h1 {
+ border-bottom: 1px dashed #ebeff2;
+}
+#leanoteNav.unfolder span {
+ display: inline;
+}
+#leanoteNav.unfolder #leanoteNavContent {
+ display: block;
+ min-height: 30px;
+}
+#leanoteNav ul {
+ margin: 0;
+ padding-left: 23px;
+}
+#leanoteNav ul li {
+ list-style-type: disc;
+}
+#leanoteNav ul li a:hover {
+ color: #0fb264;
+}
+#leanoteNav ul .nav-h2 {
+ margin-left: 20px;
+}
+#leanoteNav ul .nav-h3 {
+ margin-left: 30px;
+}
+#leanoteNav ul .nav-h4 {
+ margin-left: 40px;
+}
+#leanoteNav ul .nav-h5 {
+ margin-left: 50px;
+}
+.scrollTo-a {
+ cursor: pointer !important;
+}
+#noteRead {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: none;
+ z-index: 100;
+ padding-left: 5px;
+ background-color: #fff;
+}
+#noteReadContainer {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+#noteReadTop {
+ position: absolute;
+ height: 60px;
+ left: 0;
+ right: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#noteReadTitle {
+ margin: 3px 0;
+}
+#noteReadContent {
+ position: absolute;
+ top: 60px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ overflow: auto;
+ padding: 3px;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+ width: 5px;
+ height: 8px;
+ background: none;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #41586e;
+ opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+ background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+ background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+ height: 0;
+ background-color:#f0f0f0;
+ background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+ height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+ width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+ background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+ background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+ background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+ background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+ background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+ background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+ background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+ background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+ background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+ background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+ background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+.fa-calendar {
+ color: #666;
+}
+.dropdown-menu .fa {
+ width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+ cursor: default;
+}
+#topNav a {
+ display: inline-block;
+ line-height: 60px;
+}
+.tab-pane {
+ padding: 5px 0 0 0;
+}
+.alert {
+ margin-bottom: 10px;
+}
+.btn {
+ border-radius: 0 !important;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+ padding-left: 0;
+ border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+ background: none;
+}
+.new-note-left {
+ padding: 0 5px;
+ width: 95px;
+ overflow: hidden;
+ white-space: nowrap;
+ border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+ background-color: #ebeff2;
+}
+.new-note-right {
+ padding: 0 5px;
+}
+.new-note-right:hover {
+ background-color: #ebeff2;
+}
+#historyList table {
+ width: 100%;
+}
+#historyList .btns {
+ border-top: 1px dashed #eee;
+ padding: 5px 0;
+}
+#left-column {
+ width: 100% !important;
+}
+#editorMask {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0;
+ left: 0;
+ background-color: #fff;
+ z-index: -10;
+ padding-top: 50px;
+ text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+ font-size: 24px;
+}
+#editorMask a {
+ display: inline-block;
+ border-radius: 3px;
+ border: 1px solid #ebeff2;
+ padding: 10px;
+}
+#editorMask a:hover {
+ background-color: #65bd77;
+ color: #fff;
+}