From ca4eb3aef57aa7399846ba27c26dc4d650a1e18c Mon Sep 17 00:00:00 2001 From: iiuazz Date: Thu, 11 Sep 2014 20:55:07 +0800 Subject: [PATCH] search notebook for list [ok] --- app/views/Note/note-dev.html | 12 ++- public/css/theme/basic.less | 23 +++++ public/css/theme/default.css | 2 +- public/css/theme/default.less | 9 +- public/css/theme/simple.css | 2 +- public/css/theme/simple.less | 8 +- public/js/app/note.js | 11 +++ public/js/app/notebook.js | 177 +++++++++++++++++++++++++--------- 8 files changed, 179 insertions(+), 65 deletions(-) diff --git a/app/views/Note/note-dev.html b/app/views/Note/note-dev.html index 8abbb56..7cc1b5f 100644 --- a/app/views/Note/note-dev.html +++ b/app/views/Note/note-dev.html @@ -82,9 +82,7 @@ function log(o) {
- +
@@ -239,8 +237,12 @@ function log(o) { - + +
+ + + +
diff --git a/public/css/theme/basic.less b/public/css/theme/basic.less index 40487be..9c67ab5 100644 --- a/public/css/theme/basic.less +++ b/public/css/theme/basic.less @@ -178,4 +178,27 @@ .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; +} + +#searchNotebookForAdd { + line-height: normal; + width: 200px; + margin: 0 10px; + margin-bottom: 10px; + height: 30px; + border-color: #ebeff2; + box-shadow: none; +} +#searchNotebookForList { + height: 30px; + width: 90%; + margin: 3px auto; + border-color: #ebeff2; + box-shadow: none; } \ No newline at end of file diff --git a/public/css/theme/default.css b/public/css/theme/default.css index 1c38132..949e6f4 100644 --- a/public/css/theme/default.css +++ b/public/css/theme/default.css @@ -1 +1 @@ -@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')}@font-face{font-family:leanoteregular;src:url(../../fonts/leanote/leanote-regular-webfont.eot);src:url(../../fonts/leanote/leanote-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../../fonts/leanote/leanote-regular-webfont.woff) format('woff'),url(../../fonts/leanote/leanote-regular-webfont.ttf) format('truetype'),url(../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular) format('svg');font-weight:400;font-style:normal}#logo{font-family:leanoteregular;font-size:36px}#logo:before{content:"a"}#switcher span{font-family:leanoteregular;border-radius:5px;display:inline-block;cursor:pointer;font-size:18px;height:34px;line-height:34px;margin-top:8px;padding:0 5px}#switcher span:before{content:"b"}.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264}.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}#noteList{position:absolute;bottom:0;top:0}.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-list{-webkit-transform:scale(1,1);transform:scale(1,1)}.dropdown-list{-webkit-transform-origin:left;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(0,0);display:block;transition:all .2s cubic-bezier(0.34,1.21,.4,1);-webkit-transition:all .2s cubic-bezier(0.34,1.21,.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}.new-note-right{padding:0 5px;padding-left:3px}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}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:#25313e;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}#logo,#logo span{line-height:50px}#logo{width:140px;height:59px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.1)}#logo span{background-color:#000;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}#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 span{border-radius:5px;background-color:#000;cursor:pointer;font-size:16px}#switcher span:hover{color:#0fb264}#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;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{border:1px solid #0fb264}.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}.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:59px;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}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize}#notebookSplitter{left:170px}#noteSplitter{left:250px}#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;z-index:2}#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#41586e}#notebookMin div.minContainer{border-bottom:1px solid transparent;border-color:rgba(255,255,255,.3);padding:5px;position:relative}#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}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{width:250px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}.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,.each-user .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}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.each-user div span{display:inline-block;line-height:35px;color:#fff;padding-left:3px;font-size:14px}.each-user div .fa{width:20px;border-right:none}.each-user ul{list-style:none;margin:0;padding:0}.each-user ul a{padding-left:20px;font-size:12px}#addNotebookPlus{padding-right:10px;color:#ADBECE}#addNotebookPlus .fa{font-size:16px}.closed .folder-icon{width:9px;height:11px;background-position:-108px -149px}.closed .folderBody{display:none}.folderBody{list-style:none;margin:0;padding:0;background-color:#37485e}.folderBody li{line-height:30px}.folderBody a{padding-left:20px;display:block;color:#ADBECE;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05);line-height:35px}.folderBody a:hover,.folderBody .contextmenu-hover{color:#fff;background-color:rgba(0,0,0,.05)!important}.folderBody a.active,.folderBody a.active:hover{background-color:#25313e!important;color:#fff}#notebookList input{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus{outline:0!important;border-color:#0fb264}#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}#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}#sortType{float:right}#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}.item-active,#noteItemList .item-active:hover{background-color:#65bd77!important;color:#fff}.item-active .item-desc .fa,#noteItemList .item-active:hover .item-desc .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;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-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}#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}#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}#editor,#mdEditor{position:absolute;z-index:2;top:71px;bottom:0;right:0;left:5px;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;border-bottom:1px solid #ccc;background-color:#f0f0f0}.mce-btn-small button{padding:5px 5px!important;line-height:20px!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{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:#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}#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:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20.gif);vertical-align:middle;visibility:hidden}#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} \ No newline at end of file +@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')}@font-face{font-family:leanoteregular;src:url(../../fonts/leanote/leanote-regular-webfont.eot);src:url(../../fonts/leanote/leanote-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../../fonts/leanote/leanote-regular-webfont.woff) format('woff'),url(../../fonts/leanote/leanote-regular-webfont.ttf) format('truetype'),url(../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular) format('svg');font-weight:400;font-style:normal}#logo{font-family:leanoteregular;font-size:36px}#logo:before{content:"a"}#switcher span{font-family:leanoteregular;border-radius:5px;display:inline-block;cursor:pointer;font-size:18px;height:34px;line-height:34px;margin-top:8px;padding:0 5px}#switcher span:before{content:"b"}.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264}.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}#noteList{position:absolute;bottom:0;top:0}.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-list{-webkit-transform:scale(1,1);transform:scale(1,1)}.dropdown-list{-webkit-transform-origin:left;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(0,0);display:block;transition:all .2s cubic-bezier(0.34,1.21,.4,1);-webkit-transition:all .2s cubic-bezier(0.34,1.21,.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}.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}#searchNotebookForAdd{line-height:normal;width:200px;margin:0 10px;margin-bottom:10px;height:30px;border-color:#ebeff2;box-shadow:none}#searchNotebookForList{height:30px;width:90%;margin:3px auto;border-color:#ebeff2;box-shadow:none}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}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:#25313e;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}#logo,#logo span{line-height:50px}#logo{width:140px;height:59px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.1)}#logo span{background-color:#000;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}#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 span{border-radius:5px;background-color:#000;cursor:pointer;font-size:16px}#switcher span:hover{color:#0fb264}#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;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{border:1px solid #0fb264}.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}.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:59px;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}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize}#notebookSplitter{left:170px}#noteSplitter{left:250px}#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;z-index:2}#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#41586e}#notebookMin div.minContainer{border-bottom:1px solid transparent;border-color:rgba(255,255,255,.3);padding:5px;position:relative}#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}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{width:250px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}.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,.each-user .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}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05)}.each-user div span{display:inline-block;line-height:35px;color:#fff;padding-left:3px;font-size:14px}.each-user div .fa{width:20px;border-right:none}.each-user ul{list-style:none;margin:0;padding:0}.each-user ul a{padding-left:20px;font-size:12px}#addNotebookPlus{padding-right:10px;color:#ADBECE}#addNotebookPlus .fa{font-size:16px}.closed .folder-icon{width:9px;height:11px;background-position:-108px -149px}.closed .folderBody{display:none}.folderBody{list-style:none;margin:0;padding:0;background-color:#37485e}.folderBody li{line-height:30px}.folderBody a{padding-left:20px;display:block;color:#ADBECE;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.05);line-height:35px}.folderBody a:hover,.folderBody .contextmenu-hover{color:#fff;background-color:rgba(0,0,0,.05)!important}.folderBody a.active,.folderBody a.active:hover{background-color:#25313e!important;color:#fff}#notebookList input,#notebookListForSearch input{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus,#notebookListForSearch input:focus{outline:0!important;border-color:#0fb264}#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}#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}#sortType{float:right}#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}.item-active,#noteItemList .item-active:hover{background-color:#65bd77!important;color:#fff}.item-active .item-desc .fa,#noteItemList .item-active:hover .item-desc .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;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-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}#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}#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}#editor,#mdEditor{position:absolute;z-index:2;top:71px;bottom:0;right:0;left:5px;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;border-bottom:1px solid #ccc;background-color:#f0f0f0}.mce-btn-small button{padding:5px 5px!important;line-height:20px!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{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:#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}#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:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20.gif);vertical-align:middle;visibility:hidden}#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} \ No newline at end of file diff --git a/public/css/theme/default.less b/public/css/theme/default.less index 5b9424b..c918148 100644 --- a/public/css/theme/default.less +++ b/public/css/theme/default.less @@ -464,7 +464,7 @@ a.raw:hover { } // 重命名, 添加notebook -#notebookList input { +#notebookList input, #notebookListForSearch input { border: 1px solid @borderColor; width: 90%; box-shadow: none; @@ -1144,12 +1144,7 @@ background-position:-1px -670px padding: 5px 0; } } -#leanoteMsg { - line-height: 40px; margin-top: 10px; margin-left: 10px; -} -#newNoteWrap { - line-height: 40px; margin-top: 10px; -} + #loading { display: inline-block; width: 20px; diff --git a/public/css/theme/simple.css b/public/css/theme/simple.css index 8a1a992..7c6bc26 100644 --- a/public/css/theme/simple.css +++ b/public/css/theme/simple.css @@ -1 +1 @@ -@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')}@font-face{font-family:leanoteregular;src:url(../../fonts/leanote/leanote-regular-webfont.eot);src:url(../../fonts/leanote/leanote-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../../fonts/leanote/leanote-regular-webfont.woff) format('woff'),url(../../fonts/leanote/leanote-regular-webfont.ttf) format('truetype'),url(../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular) format('svg');font-weight:400;font-style:normal}#logo{font-family:leanoteregular;font-size:36px}#logo:before{content:"a"}#switcher span{font-family:leanoteregular;border-radius:5px;display:inline-block;cursor:pointer;font-size:18px;height:34px;line-height:34px;margin-top:8px;padding:0 5px}#switcher span:before{content:"b"}.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264}.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}#noteList{position:absolute;bottom:0;top:0}.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-list{-webkit-transform:scale(1,1);transform:scale(1,1)}.dropdown-list{-webkit-transform-origin:left;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(0,0);display:block;transition:all .2s cubic-bezier(0.34,1.21,.4,1);-webkit-transition:all .2s cubic-bezier(0.34,1.21,.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}.new-note-right{padding:0 5px;padding-left:3px}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}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:#fff;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag}#header{color:#000}#logo,#logo span{line-height:50px}#logo{width:140px;height:60px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.1)}#logo span{background-color:#000;color:#fff;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}#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 span{background-color:#000;color:#fff;border-radius:5px;cursor:pointer;font-size:14px}#switcher span:hover{color:#0fb264}#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;padding-left:14px;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{border:1px solid #0fb264}.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}.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: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}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize}#notebookSplitter{left:170px}#noteSplitter{left:250px}#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}#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}#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}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{width:250px;border-right:1px solid #ebeff2;border-left:1px solid #ebeff2}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}.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,.each-user .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}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(0,0,0,.05)}.each-user div span{display:inline-block;line-height:35px;color:#000;padding-left:3px;font-size:14px}.each-user div .fa{width:20px;border-right:none}.each-user ul{list-style:none;margin:0;padding:0}.each-user ul a{padding-left:20px;font-size:12px}#addNotebookPlus{padding-right:10px;color:#666}#addNotebookPlus .fa{font-size:16px}.closed .folder-icon{width:9px;height:11px;background-position:-108px -149px}.closed .folderBody{display:none}.folderBody{list-style:none;margin:0;padding:0}.folderBody li{line-height:30px}.folderBody a.active{background-color:#fff;color:#0fb264}.folderBody a{padding-left:20px;display:block;color:#444;cursor:pointer}.folderBody a:hover,.folderBody .contextmenu-hover{background-color:#ebeff2!important}#notebookList input{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus{outline:0!important;border-color:#0fb264}#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}#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:#fff;border-bottom:1px solid #ebeff2}#sortType{float:right}#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;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}.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;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-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}#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fff;min-width:300px}#noteTitle:focus{outline:0!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}#editor,#mdEditor{position:absolute;z-index:2;top:71px;bottom:0;right:0;left:5px;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;border-bottom:1px solid #ccc;background-color:#f0f0f0}.mce-btn-small button{padding:5px 5px!important;line-height:20px!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{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:#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}#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;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:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20-black.gif);vertical-align:middle;visibility:hidden}#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} \ No newline at end of file +@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')}@font-face{font-family:leanoteregular;src:url(../../fonts/leanote/leanote-regular-webfont.eot);src:url(../../fonts/leanote/leanote-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../../fonts/leanote/leanote-regular-webfont.woff) format('woff'),url(../../fonts/leanote/leanote-regular-webfont.ttf) format('truetype'),url(../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular) format('svg');font-weight:400;font-style:normal}#logo{font-family:leanoteregular;font-size:36px}#logo:before{content:"a"}#switcher span{font-family:leanoteregular;border-radius:5px;display:inline-block;cursor:pointer;font-size:18px;height:34px;line-height:34px;margin-top:8px;padding:0 5px}#switcher span:before{content:"b"}.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264}.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}#noteList{position:absolute;bottom:0;top:0}.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-list{-webkit-transform:scale(1,1);transform:scale(1,1)}.dropdown-list{-webkit-transform-origin:left;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(0,0);display:block;transition:all .2s cubic-bezier(0.34,1.21,.4,1);-webkit-transition:all .2s cubic-bezier(0.34,1.21,.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}.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}#searchNotebookForAdd{line-height:normal;width:200px;margin:0 10px;margin-bottom:10px;height:30px;border-color:#ebeff2;box-shadow:none}#searchNotebookForList{height:30px;width:90%;margin:3px auto;border-color:#ebeff2;box-shadow:none}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}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:#fff;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag}#header{color:#000}#logo,#logo span{line-height:50px}#logo{width:140px;height:60px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.1)}#logo span{background-color:#000;color:#fff;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}#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 span{background-color:#000;color:#fff;border-radius:5px;cursor:pointer;font-size:14px}#switcher span:hover{color:#0fb264}#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;padding-left:14px;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{border:1px solid #0fb264}.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}.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: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}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize}#notebookSplitter{left:170px}#noteSplitter{left:250px}#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}#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}#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}#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}#noteList{width:250px;border-right:1px solid #ebeff2;border-left:1px solid #ebeff2}#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}.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,.each-user .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}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(0,0,0,.05)}.each-user div span{display:inline-block;line-height:35px;color:#000;padding-left:3px;font-size:14px}.each-user div .fa{width:20px;border-right:none}.each-user ul{list-style:none;margin:0;padding:0}.each-user ul a{padding-left:20px;font-size:12px}#addNotebookPlus{padding-right:10px;color:#666}#addNotebookPlus .fa{font-size:16px}.closed .folder-icon{width:9px;height:11px;background-position:-108px -149px}.closed .folderBody{display:none}.folderBody{list-style:none;margin:0;padding:0}.folderBody li{line-height:30px}.folderBody a.active{background-color:#fff;color:#0fb264}.folderBody a{padding-left:20px;display:block;color:#444;cursor:pointer}.folderBody a:hover,.folderBody .contextmenu-hover{background-color:#ebeff2!important}#notebookList input,#notebookListForSearch input{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus,#notebookListForSearch input:focus{outline:0!important;border-color:#0fb264}#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}#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:#fff;border-bottom:1px solid #ebeff2}#sortType{float:right}#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;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}.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;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-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}#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fff;min-width:300px}#noteTitle:focus{outline:0!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}#editor,#mdEditor{position:absolute;z-index:2;top:71px;bottom:0;right:0;left:5px;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;border-bottom:1px solid #ccc;background-color:#f0f0f0}.mce-btn-small button{padding:5px 5px!important;line-height:20px!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{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:#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}#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;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:hover{background-color:#ebeff2}#historyList table{width:100%}#historyList .btns{border-top:1px dashed #eee;padding:5px 0}#loading{display:inline-block;width:20px;height:20px;content:url(../../images/loading-a-20-black.gif);vertical-align:middle;visibility:hidden}#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} \ No newline at end of file diff --git a/public/css/theme/simple.less b/public/css/theme/simple.less index 549cdc3..5ebc5f1 100644 --- a/public/css/theme/simple.less +++ b/public/css/theme/simple.less @@ -443,7 +443,7 @@ a.raw:hover { } // 重命名, 添加notebook -#notebookList input { +#notebookList input, #notebookListForSearch input { border: 1px solid @borderColor; width: 90%; box-shadow: none; @@ -1105,12 +1105,6 @@ background-position:-1px -670px } } -#leanoteMsg { - line-height: 40px; margin-top: 10px; margin-left: 10px; -} -#newNoteWrap { - line-height: 40px; margin-top: 10px; -} #loading { display: inline-block; width: 20px; diff --git a/public/js/app/note.js b/public/js/app/note.js index 0e2b02b..0aa3bb0 100644 --- a/public/js/app/note.js +++ b/public/js/app/note.js @@ -1294,6 +1294,17 @@ $(function() { Note.newNote(notebookId); } }); + $("#searchNotebookForAdd").click(function(e) { + e.stopPropagation(); + }); + $("#searchNotebookForAdd").keyup(function() { + var key = $(this).val(); + Notebook.searchNotebookForAddNote(key); + }); + $("#searchNotebookForList").keyup(function() { + var key = $(this).val(); + Notebook.searchNotebookForList(key); + }); //--------------------------- // 搜索, 按enter才搜索 diff --git a/public/js/app/notebook.js b/public/js/app/notebook.js index 667455b..b77061e 100644 --- a/public/js/app/notebook.js +++ b/public/js/app/notebook.js @@ -43,24 +43,24 @@ Notebook.getNotebookTitle = function(notebookId) {
  • Hadoop
  • August 13, 2013
    • - */ -// TODO 层级 -Notebook.allNotebookId = "0"; -Notebook.trashNotebookId = "-1"; -Notebook.curNotebookIsTrashOrAll = function() { - return Notebook.curNotebookId == Notebook.trashNotebookId || Notebook.curNotebookId == Notebook.allNotebookId ; -} -Notebook.renderNotebooks = function(notebooks) { + */ + +Notebook.getTreeSetting = function(isSearch){ + var noSearch = !isSearch; + var self = this; - - if(!notebooks || typeof notebooks != "object" || notebooks.length < 0) { - notebooks = []; + // 添加自定义dom + function addDiyDom(treeId, treeNode) { + var spaceWidth = 5; + var switchObj = $("#" + treeId + " #" + treeNode.tId + "_switch"), + icoObj = $("#" + treeId + " #" + treeNode.tId + "_ico"); + switchObj.remove(); + icoObj.before(switchObj); + if (treeNode.level > 1) { + var spaceStr = ""; + switchObj.before(spaceStr); + } } - - notebooks = [{NotebookId: Notebook.allNotebookId, Title: getMsg("all"), drop:false, drag: false}].concat(notebooks); - notebooks.push({NotebookId: Notebook.trashNotebookId, Title: getMsg("trash"), drop:false, drag: false}); - Notebook.notebooks = notebooks; // 缓存之 - // 拖拽 function beforeDrag(treeId, treeNodes) { for (var i=0,l=treeNodes.length; i 1) { - var spaceStr = ""; - switchObj.before(spaceStr); - } - } var setting = { - view: { showLine: false, showIcon: false, @@ -140,10 +131,10 @@ Notebook.renderNotebooks = function(notebooks) { showRemoveBtn: false, showRenameBtn: false, drag: { - isMove: true, - prev: true, - inner: true, - next: true + isMove: noSearch, + prev: noSearch, + inner: noSearch, + next: noSearch } }, callback: { @@ -154,8 +145,6 @@ Notebook.renderNotebooks = function(notebooks) { var notebookId = treeNode.NotebookId; Notebook.changeNotebook(notebookId); }, - onRightClick: function(event, treeId, treeNode) { - }, beforeRename: function(treeId, treeNode, newName, isCancel) { if(newName == "") { if(treeNode.IsNew) { @@ -183,7 +172,29 @@ Notebook.renderNotebooks = function(notebooks) { } }; - self.tree = $.fn.zTree.init($("#notebookList"), setting, notebooks); + // 搜索不能拖拽 + if(isSearch) { + } + + return setting; +} +Notebook.allNotebookId = "0"; +Notebook.trashNotebookId = "-1"; +Notebook.curNotebookIsTrashOrAll = function() { + return Notebook.curNotebookId == Notebook.trashNotebookId || Notebook.curNotebookId == Notebook.allNotebookId ; +} +Notebook.renderNotebooks = function(notebooks) { + var self = this; + + if(!notebooks || typeof notebooks != "object" || notebooks.length < 0) { + notebooks = []; + } + + notebooks = [{NotebookId: Notebook.allNotebookId, Title: getMsg("all"), drop:false, drag: false}].concat(notebooks); + notebooks.push({NotebookId: Notebook.trashNotebookId, Title: getMsg("trash"), drop:false, drag: false}); + Notebook.notebooks = notebooks; // 缓存之 + + self.tree = $.fn.zTree.init($("#notebookList"), self.getTreeSetting(), notebooks); // 展开/折叠图标 var $notebookList = $("#notebookList"); @@ -227,6 +238,7 @@ Notebook.renderNav = function(nav) { var self = this; self.changeNav(); return; + var navForListNote = ""; var navForNewNote = ""; var navForMoveNote = ""; @@ -248,6 +260,47 @@ Notebook.renderNav = function(nav) { $("#notebookNavForMoveNote").html(navForMoveNote); } +// 搜索notebook +Notebook.searchNotebookForAddNote = function(key) { + var self = this; + if(key) { + var notebooks = self.tree.getNodesByParamFuzzy("Title", key); + if(isEmpty(notebooks)) { + $("#notebookNavForNewNote").html(""); + } else { + $("#notebookNavForNewNote").html(self.getChangedNotebooks(notebooks)); + } + } else { + $("#notebookNavForNewNote").html(self.everNavForNewNote); + } +} + +// 搜索notebook +Notebook.searchNotebookForList = function(key) { + var self = this; + var $search = $("#notebookListForSearch"); + var $notebookList = $("#notebookList"); + if(key) { + $search.show(); + $notebookList.hide(); + + var notebooks = self.tree.getNodesByParamFuzzy("Title", key); + log(notebooks); + if(isEmpty(notebooks)) { + $search.html(""); + } else { + var setting = self.getTreeSetting(true); + self.tree2 = $.fn.zTree.init($search, setting, notebooks); + } + } else { + self.tree2 = null; + $search.hide(); + $notebookList.show(); + $("#notebookNavForNewNote").html(self.everNavForNewNote); + } +} + + // 修改,添加,删除notebook后调用 // 改变nav // 直接从html中取! @@ -277,14 +330,21 @@ Notebook.getChangedNotebooks = function(notebooks) { } return navForNewNote; } + +Notebook.everNavForNewNote = ""; +Notebook.everNotebooks = []; Notebook.changeNav = function() { var self = Notebook; - var navForListNote = ""; + var navForNewNote = ""; var notebooks = Notebook.tree.getNodes(); var html = self.getChangedNotebooks(notebooks); + self.everNavForNewNote = html; + self.everNotebooks = notebooks; + + /* var i = 0; var $list = $("#notebookList li a"); var len = $list.length - 1; @@ -309,6 +369,7 @@ Notebook.changeNav = function() { i++; } }); + */ $("#notebookNavForListNote").html(html); $("#notebookNavForNewNote").html(html); @@ -589,21 +650,27 @@ Notebook.setNotebook2Blog = function(target) { Notebook.updateNotebookTitle = function(target) { var self = Notebook; var notebookId = $(target).attr("notebookId"); - self.tree.editName(self.tree.getNodeByTId(notebookId)); - return; - - var notebookTitle = $(target).text(); - var id = "editNotebookTitle"; - $(target).html(t('', notebookTitle, notebookTitle, id, $(target).attr("notebookId"))); - $("#" + id).focus(); + if(self.tree2) { + self.tree2.editName(self.tree2.getNodeByTId(notebookId)); + } else { + self.tree.editName(self.tree.getNodeByTId(notebookId)); + } } Notebook.doUpdateNotebookTitle = function(notebookId, newTitle) { + var self = Notebook; ajaxPost("/notebook/updateNotebookTitle", {notebookId: notebookId, title: newTitle}, function(ret) { // 修改缓存 Notebook.cache[notebookId].Title = newTitle; // 改变nav Notebook.changeNav(); + + // 同步 + if(self.tree2) { + var notebook = self.tree.getNodeByTId(notebookId); + notebook.Title = newTitle; + self.tree.updateNode(notebook); + } }); } @@ -671,6 +738,9 @@ Notebook.deleteNotebook = function(target) { $(target).parent().remove(); */ self.tree.removeNode(self.tree.getNodeByTId(notebookId)); + if(self.tree2) { + self.tree2.removeNode(self.tree2.getNodeByTId(notebookId)); + } delete Notebook.cache[notebookId]; // 改变nav @@ -722,6 +792,23 @@ $(function() { children: "li a" } + var notebookListMenu2 = { + width: 150, + items: [ + { text: "分享给好友", alias: 'shareToFriends', icon: "", faIcon: "fa-share-square-o", action: Notebook.listNotebookShareUserInfo}, + { type: "splitLine" }, + { text: "公开为博客", alias: 'set2Blog', icon: "", action: Notebook.setNotebook2Blog }, + { text: "取消公开为博客", alias: 'unset2Blog', icon: "", action: Notebook.setNotebook2Blog }, // Unset + { type: "splitLine" }, + { text: "重命名", icon: "", action: Notebook.updateNotebookTitle }, + { text: "删除", icon: "", alias: 'delete', faIcon: "fa-trash-o", action: Notebook.deleteNotebook } + ], + onShow: applyrule, + onContextMenu: beforeContextMenu, + parent: "#notebookListForSearch ", + children: "li a" + } + function applyrule(menu) { var notebookId = $(this).attr("notebookId"); var notebook = Notebook.cache[notebookId]; @@ -753,6 +840,8 @@ $(function() { } $("#notebookList li a").contextmenu(notebookListMenu); + $("#notebookListForSearch").contextmenu(notebookListMenu2); + //------------------ // 添加notebook // 右键菜单