diff --git a/app/views/Note/note-dev.html b/app/views/Note/note-dev.html index 9b105d9..e15ee5a 100644 --- a/app/views/Note/note-dev.html +++ b/app/views/Note/note-dev.html @@ -102,13 +102,12 @@ function log(o) { - diff --git a/public/css/theme/basic.less b/public/css/theme/basic.less index 1e6a158..6afa003 100644 --- a/public/css/theme/basic.less +++ b/public/css/theme/basic.less @@ -237,4 +237,26 @@ .item-setting { display: block; } -} \ No newline at end of file +} + +// share +.friend-header { + position: relative; + .notebook-setting { + display: none; + } + &:hover { + .notebook-setting { + display: block; + } + } +} + +.each-user { + margin-bottom: 5px; + margin-left: 5px; + margin-right: 5px; + margin-top: 3px; + border: 1px solid #eee; + border-radius: 3px; +} diff --git a/public/css/theme/default.css b/public/css/theme/default.css index ca5f857..72ec186 100644 --- a/public/css/theme/default.css +++ b/public/css/theme/default.css @@ -1 +1,1314 @@ -@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:3px;margin:0;border:1px solid #0fb264;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.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-menu,.dropdown-submenu:hover>.dropdown-menu{-webkit-transform:scale(1,1);transform:scale(1,1)}.dropdown-menu{-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}#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}::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:18px}#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;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}#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}.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 +@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'); +} +/* leanote */ +@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: normal; + font-style: normal; +} +/*"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;*/ +#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: 3px; + margin: 0; + border: 1px solid #0fb264; + /*overflow-x: hidden; */ + + /*overflow-y: scroll;*/ + + box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px; +} +.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; +} +#noteList { + position: absolute; + bottom: 0; + top: 0; + /* + overflow-x: hidden; + overflow-y: hidden; + */ + +} +.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 { + -webkit-transform: scale(1, 1); + transform: scale(1, 1); +} +.dropdown-menu { + -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 0.2s cubic-bezier(0.34, 1.21, 0.4, 1); + -webkit-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; +} +.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; +} +#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; +} +.friend-header { + position: relative; +} +.friend-header .notebook-setting { + display: none; +} +.friend-header:hover .notebook-setting { + display: block; +} +.each-user { + margin-bottom: 5px; + margin-left: 5px; + margin-right: 5px; + margin-top: 3px; + border: 1px solid #eee; + border-radius: 3px; +} +::selection { + background: #000000; + color: #ffffff; +} +::-moz-selection { + background: #000000; + color: #ffffff; +} +::-webkit-selection { + background: #000000; + color: #ffffff; +} +*, +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: #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: #25313e; + 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; +} +#logo, +#logo span { + line-height: 50px; +} +#logo { + width: 140px; + height: 59px; + padding-left: 10px; + padding-top: 0px; + border-bottom: 1px solid transparent; + border-color: rgba(255, 255, 255, 0.1); +} +#logo span { + background-color: #000; + border-radius: 10px; + display: inline-block; + padding: 4px 0; + line-height: 1.0; +} +#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: 18px; +} +#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: 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 { + border: 1px solid #0fb264; +} +.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; +} +.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; + /*border: 1px solid #ccc;*/ + + background-color: #41586e; + /* + overflow-y: auto; + overflow-x: auto; + */ + + 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, 0.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: 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; +} +#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: #ffffff; +} +.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: #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, 0.05); + text-align: center; + color: #fff; +} +.each-user div { + cursor: pointer; + border-bottom: 1px solid transparent; + border-color: rgba(255, 255, 255, 0.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; +} +#myNotebooks.opened .fa-left { + /* + background-color: #65bd77; + color: #e2f3e5; +*/ + +} +#myNotebooks .folderBody { + /* + max-height: 600px; + overflow: auto; +*/ + +} +#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, 0.05); + line-height: 35px; +} +.folderBody a:hover, +.folderBody .contextmenu-hover { + color: #fff; + background-color: rgba(0, 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: none !important; + border-color: #0fb264; +} +#myTag .folderBody { + /* + max-height: 200px; + overflow: auto; +*/ + +} +#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; +} +/* notelist */ +#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; +} +#sortType { + /* position: absolute; + right:0;*/ + + float: right; +} +/* 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; +} +.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: 0px; + 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; +} +.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; +} +#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; +} +#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; +} +#editor, +#mdEditor { + position: absolute; + z-index: 2; + top: 71px; + bottom: 0px; + 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; +} +/* 包裹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: 1px solid #ccc; + background-color: #f0f0f0; +} +/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */ +/*加高, 之前显得拥挤*/ +.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 */ +#tag { + height: 40px; + line-height: 38px; +} +#tag .dropdown { + line-height: 30px; +} +#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; +} +/* 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: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: 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; +} diff --git a/public/css/theme/default.less b/public/css/theme/default.less index d38311c..b7ec849 100644 --- a/public/css/theme/default.less +++ b/public/css/theme/default.less @@ -372,14 +372,14 @@ a.raw:hover { color: #fff; // @hColor; font-size: 16px; } -.folderHeader .fa-left, .each-user .fa { +.folderHeader .fa-left, .friend-header i.fa { display: inline-block; - line-height: @folderHeaderHeight; - font-size: 16px; - width: @folderHeaderHeight; - border-right: 1px solid rgba(255,255,255,0.05); - text-align: center; - color: #fff; // @hColor; + line-height: @folderHeaderHeight; + font-size: 16px; + width: @folderHeaderHeight; + border-right: 1px solid rgba(255,255,255,0.05); + text-align: center; + color: #fff; // @hColor; } .each-user div { diff --git a/public/css/theme/simple.css b/public/css/theme/simple.css index 9903d32..29dacc8 100644 --- a/public/css/theme/simple.css +++ b/public/css/theme/simple.css @@ -1 +1,1275 @@ -@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:3px;margin:0;border:1px solid #0fb264;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.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-menu,.dropdown-submenu:hover>.dropdown-menu{-webkit-transform:scale(1,1);transform:scale(1,1)}.dropdown-menu{-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}#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}::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{border-radius:5px;cursor:pointer;font-size:18px}#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;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}#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}.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 +@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'); +} +/* leanote */ +@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: normal; + font-style: normal; +} +/*"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;*/ +#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: 3px; + margin: 0; + border: 1px solid #0fb264; + /*overflow-x: hidden; */ + + /*overflow-y: scroll;*/ + + box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px; +} +.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; +} +#noteList { + position: absolute; + bottom: 0; + top: 0; + /* + overflow-x: hidden; + overflow-y: hidden; + */ + +} +.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 { + -webkit-transform: scale(1, 1); + transform: scale(1, 1); +} +.dropdown-menu { + -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 0.2s cubic-bezier(0.34, 1.21, 0.4, 1); + -webkit-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; +} +.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; +} +#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; +} +.friend-header { + position: relative; +} +.friend-header .notebook-setting { + display: none; +} +.friend-header:hover .notebook-setting { + display: block; +} +.each-user { + margin-bottom: 5px; + margin-left: 5px; + margin-right: 5px; + margin-top: 3px; + border: 1px solid #eee; + border-radius: 3px; +} +::selection { + background: #000000; + color: #ffffff; +} +::-moz-selection { + background: #000000; + color: #ffffff; +} +::-webkit-selection { + background: #000000; + color: #ffffff; +} +*, +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: #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: #ffffff; + color: #ffffff; + border-bottom: 1px solid #ebeff2; + /* for app */ + + webkit-user-select: none; + /* 还不知 */ + + -webkit-app-region: drag; + /* -webkit-app-region: no-drag; */ + +} +#header { + color: #000000; +} +#logo, +#logo span { + line-height: 50px; +} +#logo { + width: 140px; + height: 60px; + padding-left: 10px; + padding-top: 0px; + border-bottom: 1px solid transparent; + border-color: rgba(255, 255, 255, 0.1); +} +#logo span { + background-color: #000; + color: #fff; + border-radius: 10px; + display: inline-block; + padding: 4px 0; + line-height: 1.0; +} +#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; + cursor: pointer; + font-size: 18px; +} +#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: 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 { + border: 1px solid #0fb264; +} +.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; +} +.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; + /*border: 1px solid #ccc;*/ + + background-color: #ffffff; + 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; + 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: 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; +} +#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: #ffffff; +} +.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: #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, 0.05); + text-align: center; + color: #000; +} +.each-user div { + cursor: pointer; + border-bottom: 1px solid transparent; + border-color: rgba(0, 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; +} +#myNotebooks.opened .fa-left { + /* + background-color: #65bd77; + color: #e2f3e5; +*/ + +} +#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: #ffffff; + 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: none !important; + border-color: #0fb264; +} +#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; +} +/* notelist */ +#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: #ffffff; + border-bottom: 1px solid #ebeff2; +} +#sortType { + /* position: absolute; + right:0;*/ + + float: right; +} +/* 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; + 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: 0px; + 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; +} +.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; +} +/* editor */ +#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: 0px 3px; + width: 100%; + border: none; + background-color: #ffffff; + min-width: 300px; +} +#noteTitle:focus { + outline: none !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; +} +#editor, +#mdEditor { + position: absolute; + z-index: 2; + top: 71px; + bottom: 0px; + 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; +} +/* 包裹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: 1px solid #ccc; + background-color: #f0f0f0; +} +/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */ +/*加高, 之前显得拥挤*/ +.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 */ +#tag { + height: 40px; + line-height: 38px; +} +#tag .dropdown { + line-height: 30px; +} +#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; +} +/* 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; + 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; +} +/* +::-webkit-scrollbar { + width: 5px; + height: 8px; + background-color: @sbc; +} +::-webkit-scrollbar-thumb { + background-color: @sbc; + border:1px solid #dadada; + border-radius: 5px; +} +::-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 +} + +*/ +.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: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: 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; +} diff --git a/public/css/theme/simple.less b/public/css/theme/simple.less index 5bead4d..0587f26 100644 --- a/public/css/theme/simple.less +++ b/public/css/theme/simple.less @@ -360,7 +360,7 @@ a.raw:hover { color: #000; // @hColor; font-size: 16px; } -.folderHeader .fa-left, .each-user .fa { +.folderHeader .fa-left, .friend-header i.fa { display: inline-block; line-height: @folderHeaderHeight; font-size: 16px; diff --git a/public/css/theme/writting-overwrite.css b/public/css/theme/writting-overwrite.css index 159c1b5..d065d81 100644 --- a/public/css/theme/writting-overwrite.css +++ b/public/css/theme/writting-overwrite.css @@ -72,10 +72,13 @@ a.raw:hover { 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; @@ -287,6 +290,7 @@ a.raw:hover { } .item-title { /*font-weight: 400;*/ + font-size: 16px; height: 22px; line-height: 20px; @@ -341,7 +345,9 @@ a.raw:hover { border: none; overflow: hidden !important; /*不知道哪里设置了auto*/ + /*border-radius: 5px;*/ + } /* 最顶层 */ #editor .mce-tinymce { @@ -443,6 +449,7 @@ a.raw:hover { cursor: pointer; font-style: normal; /*border-left: 1px solid #ccc;*/ + display: inline-block; padding-left: 3px; opacity: 0; @@ -904,6 +911,7 @@ body { } } */ + } #noteList #notesAndSort { display: none; diff --git a/public/css/theme/writting.css b/public/css/theme/writting.css index 40461ae..5ab00a2 100644 --- a/public/css/theme/writting.css +++ b/public/css/theme/writting.css @@ -72,10 +72,13 @@ a.raw:hover { 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; @@ -287,6 +290,7 @@ a.raw:hover { } .item-title { /*font-weight: 400;*/ + font-size: 16px; height: 22px; line-height: 20px; @@ -341,7 +345,9 @@ a.raw:hover { border: none; overflow: hidden !important; /*不知道哪里设置了auto*/ + /*border-radius: 5px;*/ + } /* 最顶层 */ #editor .mce-tinymce { @@ -443,6 +449,7 @@ a.raw:hover { cursor: pointer; font-style: normal; /*border-left: 1px solid #ccc;*/ + display: inline-block; padding-left: 3px; opacity: 0; @@ -734,33 +741,3 @@ background-position:-1px -670px background-color: #65bd77; color: #fff; } -#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; -} diff --git a/public/js/app/note.js b/public/js/app/note.js index 7003898..4b97e5e 100644 --- a/public/js/app/note.js +++ b/public/js/app/note.js @@ -1155,24 +1155,30 @@ Note.copyNote = function(target, data, isShared) { Note.getContextNotebooks = function(notebooks) { var moves = []; var copys = []; + var copys2 = []; for(var i in notebooks) { var notebook = notebooks[i]; var move = {text: notebook.Title, notebookId: notebook.NotebookId, action: Note.moveNote} var copy = {text: notebook.Title, notebookId: notebook.NotebookId, action: Note.copyNote} + var copy2 = {text: notebook.Title, notebookId: notebook.NotebookId, action: Share.copySharedNote} if(!isEmpty(notebook.Subs)) { var mc = Note.getContextNotebooks(notebook.Subs); move.items = mc[0]; copy.items = mc[1]; + copy2.items = mc[2]; $.extend(move, {type: "group", width: 150}); $.extend(copy, {type: "group", width: 150}); + $.extend(copy2, {type: "group", width: 150}); } moves.push(move); copys.push(copy); + copys2.push(copy2); } - return [moves, copys]; + return [moves, copys, copys2]; } // Notebook调用 Note.contextmenu = null; +Note.notebooksCopy = []; // share会用到 Note.initContextmenu = function() { var self = Note; if(Note.contextmenu) { @@ -1183,6 +1189,7 @@ Note.initContextmenu = function() { var mc = self.getContextNotebooks(notebooks); var notebooksMove = mc[0]; var notebooksCopy = mc[1]; + self.notebooksCopy = mc[2]; //--------------------- // context menu @@ -1359,13 +1366,10 @@ $(function() { }); // note setting - $("#noteItemList").on("click", ".item-setting", function(e) { + $("#noteItemList").on("click", ".item-my .item-setting", function(e) { e.preventDefault(); e.stopPropagation(); - // 得到ID var $p = $(this).parent(); - var noteId = $p.attr('noteId'); - Note.contextmenu.showMenu(e, $p); }); }); diff --git a/public/js/app/notebook.js b/public/js/app/notebook.js index 9da3b19..a10f123 100644 --- a/public/js/app/notebook.js +++ b/public/js/app/notebook.js @@ -45,7 +45,7 @@ Notebook.getNotebookTitle = function(notebookId) { */ -Notebook.getTreeSetting = function(isSearch){ +Notebook.getTreeSetting = function(isSearch, isShare){ var noSearch = !isSearch; var self = this; @@ -56,8 +56,14 @@ Notebook.getTreeSetting = function(isSearch){ icoObj = $("#" + treeId + " #" + treeNode.tId + "_ico"); switchObj.remove(); icoObj.before(switchObj); - if(!Notebook.isAllNotebookId(treeNode.NotebookId) && !Notebook.isTrashNotebookId(treeNode.NotebookId)) { - icoObj.after($('')); + if(!isShare) { + if(!Notebook.isAllNotebookId(treeNode.NotebookId) && !Notebook.isTrashNotebookId(treeNode.NotebookId)) { + icoObj.after($('')); + } + } else { + if(!Share.isDefaultNotebookId(treeNode.NotebookId)) { + icoObj.after($('')); + } } if (treeNode.level > 1) { var spaceStr = ""; @@ -115,6 +121,20 @@ Notebook.getTreeSetting = function(isSearch){ } ajaxPost("/notebook/dragNotebooks", {data: JSON.stringify(ajaxData)}); } + + if(!isShare) { + var onClick = function(e, treeId, treeNode) { + var notebookId = treeNode.NotebookId; + Notebook.changeNotebook(notebookId); + }; + } else { + var onClick = function(e, treeId, treeNode) { + var notebookId = treeNode.NotebookId; + var fromUserId = $(e.target).closest('.friend-notebooks').attr("fromUserId"); + Share.changeNotebook(fromUserId, notebookId); + }; + } + var setting = { view: { showLine: false, @@ -144,10 +164,7 @@ Notebook.getTreeSetting = function(isSearch){ beforeDrag: beforeDrag, beforeDrop: beforeDrop, onDrop: onDrop, - onClick: function(e, treeId, treeNode) { - var notebookId = treeNode.NotebookId; - Notebook.changeNotebook(notebookId); - }, + onClick: onClick, beforeRename: function(treeId, treeNode, newName, isCancel) { if(newName == "") { if(treeNode.IsNew) { @@ -202,11 +219,11 @@ Notebook.renderNotebooks = function(notebooks) { // 展开/折叠图标 var $notebookList = $("#notebookList"); $notebookList.hover(function () { - if (!$notebookList.hasClass("showIcon")) { - $notebookList.addClass("showIcon"); + if(!$(this).hasClass("showIcon")) { + $(this).addClass("showIcon"); } }, function() { - $notebookList.removeClass("showIcon"); + $(this).removeClass("showIcon"); }); // 缓存所有notebooks信息 @@ -338,6 +355,7 @@ Notebook.changeNav = function() { // 移动, 复制重新来, 因为nav变了, 移动至-----的notebook导航也变了 Note.initContextmenu(); + Share.initContextmenu(Note.notebooksCopy); } /** @@ -396,8 +414,8 @@ Notebook.renderShareNotebooks = function(sharedUserInfos, shareNotebooks) { // 左侧导航, 选中某个notebook Notebook.selectNotebook = function(target) { - $("#notebook li a").removeClass("active"); - $(target).addClass("active"); + $(".notebook-item").removeClass("curSelectedNode"); + $(target).addClass("curSelectedNode"); }; // 新建笔记导航 diff --git a/public/js/app/share.js b/public/js/app/share.js index 0e896f2..cd34b6d 100644 --- a/public/js/app/share.js +++ b/public/js/app/share.js @@ -47,7 +47,48 @@ Share.setCache = function(note) { */ // TODO 层级 // shareNotebooks = {userId => {}} +Share.getNotebooksForNew = function(userId, notebooks) { + var self = this; + var navForNewNote = ""; + + var len = notebooks.length; + for(var i = 0; i < len; ++i) { + var notebook = notebooks[i]; + notebook.IsShared = true; + notebook.UserId = userId; + self.notebookCache[notebook.NotebookId] = notebook; + // notebook的cache也缓存一份, 为了显示标题 + Notebook.cache[notebook.NotebookId] = notebook; + + var classes = ""; + var subs = false; + if(!isEmpty(notebook.Subs)) { + log(11); + log(notebook.Subs); + var subs = self.getNotebooksForNew(userId, notebook.Subs); + if(subs) { + classes = "dropdown-submenu"; + } + } + + var eachForNew = ""; + if(notebook.Perm) { + var eachForNew = t(''; + } + + navForNewNote += eachForNew; + } + return navForNewNote; +} +Share.trees = {}; Share.renderShareNotebooks = function(sharedUserInfos, shareNotebooks) { + var self = Share; if(isEmpty(sharedUserInfos)) { return; } @@ -61,49 +102,98 @@ Share.renderShareNotebooks = function(sharedUserInfos, shareNotebooks) { // render每一个用户的share给我的笔记本, 之前先建一个默认共享 for(var i in sharedUserInfos) { var userInfo = sharedUserInfos[i]; - var userNotebooks = shareNotebooks[userInfo.UserId] || []; + var userNotebooksPre = shareNotebooks[userInfo.UserId] || []; - userNotebooks = [{NotebookId: Share.defaultNotebookId, Title: Share.defaultNotebookTitle}].concat(userNotebooks) + userNotebooks = [{NotebookId: self.defaultNotebookId, Title: Share.defaultNotebookTitle}].concat(userNotebooksPre) + + self.notebookCache[self.defaultNotebookId] = userNotebooks[0]; var username = userInfo.Username || userInfo.Email; userInfo.Username = username; Share.sharedUserInfos[userInfo.UserId] = userInfo; var userId = userInfo.UserId; - var header = t('
  • ?
    ', userInfo.UserId, username); - var friendId = "friendContainer" + i; - var body = '"; - Share.userNavs[userId] = {"forList": forList, "forNew": forNew}; - - $shareNotebooks.append(header + body + "") - - // mainShare - // $("#minShareNotebooks").append('
  • ') - } + }, function() { + $(this).removeClass("showIcon"); + }); + + $(".friend-header i").click(function() { + var $this = $(this); + var $tree = $(this).parent().next(); + if($tree.is(":hidden")) { + $tree.slideDown("fast"); + $this.removeClass("fa-angle-right fa-angle-down").addClass("fa-angle-down"); + } else { + $tree.slideUp("fast"); + $this.removeClass("fa-angle-right fa-angle-down").addClass("fa-angle-right"); + } + }); + + //----------------------------- + // contextmenu shareNotebooks + // 删除共享笔记本 + var shareNotebookMenu = { + width: 150, + items: [ + { text: "删除共享笔记本", icon: "", faIcon: "fa-trash-o", action: Share.deleteShareNotebook } + ], + onShow: applyrule, + onContextMenu: beforeContextMenu, + + parent: "#shareNotebooks", + children: ".notebook-item", + }; + function applyrule(menu) { + return; + } + // 默认共享不能删除 + function beforeContextMenu() { + var notebookId = $(this).attr("notebookId"); + return !Share.isDefaultNotebookId(notebookId); + } + + var menuNotebooks = $("#shareNotebooks").contextmenu(shareNotebookMenu); + + //--------------------------- + // contextmenu shareNotebooks + // 删除某用户所有的 + var shareUserMenu = { + width: 150, + items: [ + { text: "删除所有共享", icon: "", faIcon: "fa-trash-o", action: Share.deleteUserShareNoteAndNotebook } + ], + parent: "#shareNotebooks", + children: ".friend-header", + }; + + var menuUser = $("#shareNotebooks").contextmenu(shareUserMenu); + + $(".friend-header").on("click", ".notebook-setting", function(e) { + e.preventDefault(); + e.stopPropagation(); + var $p = $(this).parent(); + menuUser.showMenu(e, $p); + }); + $("#shareNotebooks .notebook-item").on("click", ".notebook-setting", function(e) { + e.preventDefault(); + e.stopPropagation(); + var $p = $(this).parent(); + menuNotebooks.showMenu(e, $p); + }); }; Share.isDefaultNotebookId = function(notebookId) { @@ -114,13 +204,12 @@ Share.isDefaultNotebookId = function(notebookId) { // for list和for new // 如果forNew没有, 那么还是保持我的nav Share.toggleToSharedNav = function(userId, notebookId) { + var self = this; // for list - $("#sharedNotebookNavForListNote").html(Share.userNavs[userId].forList); - $("#sharedNotebookNavForListNav").show(); - $("#curSharedNotebookForListNote").html(Share.notebookCache[notebookId].Title + '(' + Share.sharedUserInfos[userId].Username + ")"); - $("#myNotebookNavForListNav").hide(); + $("#curNotebookForListNote").html(Share.notebookCache[notebookId].Title + '(' + Share.sharedUserInfos[userId].Username + ")"); // for new + // 如果该用户下有新建的note, 那么列出, 如果没有, 则列出我的笔记 var forNew = Share.userNavs[userId].forNew; if(forNew) { $("#notebookNavForNewSharedNote").html(forNew); @@ -134,7 +223,7 @@ Share.toggleToSharedNav = function(userId, notebookId) { // 得到第一个 var $f = $("#notebookNavForNewSharedNote li").eq(0); curNotebookId = $f.attr("notebookId"); - curNotebookTitle = $f.text(); + curNotebookTitle = $f.find(".new-note-left").text(); } $("#curNotebookForNewSharedNote").html(curNotebookTitle + '(' + Share.sharedUserInfos[userId].Username + ')'); @@ -143,6 +232,11 @@ Share.toggleToSharedNav = function(userId, notebookId) { $("#newSharedNote").show(); $("#newMyNote").hide(); + + } else { + // 展示出我的笔记 + $("#newMyNote").show(); + $("#newSharedNote").hide(); } // 隐藏tag @@ -156,7 +250,7 @@ Share.toggleToSharedNav = function(userId, notebookId) { //3. 使用Note.RederNotes() Share.changeNotebook = function(userId, notebookId) { // 选中 - Notebook.selectNotebook($(t('#shareNotebooks a[notebookId="?"]', notebookId))); + Notebook.selectNotebook($(t('#friendContainer_? a[notebookId="?"]', userId, notebookId))); // 改变nav!!!! TODO Share.toggleToSharedNav(userId, notebookId); @@ -206,13 +300,15 @@ Share.hasUpdatePerm = function(notebookId) { //--------------------------- // 我删除别人共享给我的笔记本 Share.deleteShareNotebook = function(target) { - var notebookId = $(target).attr("notebookId"); - var fromUserId = $(target).attr("fromUserId"); // 谁共享给了我 from - ajaxGet("/share/DeleteShareNotebookBySharedUser", {notebookId: notebookId, fromUserId: fromUserId}, function(ret) { - if(ret) { - $(target).parent().remove(); - } - }); + if(confirm("Are you sure to delete it?")) { + var notebookId = $(target).attr("notebookId"); + var fromUserId = $(target).closest(".friend-notebooks").attr("fromUserId"); // 谁共享给了我 from + ajaxGet("/share/DeleteShareNotebookBySharedUser", {notebookId: notebookId, fromUserId: fromUserId}, function(ret) { + if(ret) { + $(target).parent().remove(); + } + }); + } } Share.deleteShareNote = function(target) { var noteId = $(target).attr("noteId"); @@ -224,12 +320,14 @@ Share.deleteShareNote = function(target) { }); } Share.deleteUserShareNoteAndNotebook = function(target) { - var fromUserId = $(target).attr("fromUserId"); // 谁共享给了我 from - ajaxGet("/share/deleteUserShareNoteAndNotebook", {fromUserId: fromUserId}, function(ret) { - if(ret) { - $(target).parent().remove(); - } - }); + if(confirm("Are you sure to delete all shared notebooks and notes?")) { + var fromUserId = $(target).attr("fromUserId"); // 谁共享给了我 from + ajaxGet("/share/deleteUserShareNoteAndNotebook", {fromUserId: fromUserId}, function(ret) { + if(ret) { + $(target).parent().remove(); + } + }); + } } // 新建shared note @@ -260,20 +358,10 @@ Share.copySharedNote = function(target, contextmenuItem) { } Share.contextmenu = null; -Share.initContextmenu = function() { +Share.initContextmenu = function(notebooksCopy) { if(Share.contextmenu) { - Share.contextmenu.unbind("contextmenu"); + Share.contextmenu.destroy(); } - // 得到可移动的notebook - var notebooksCopy = []; - - // 到时这个可以缓存起来 - $("#notebookNavForNewNote li .new-note-left").each(function() { - var notebookId = $(this).attr("notebookId"); - var title = $(this).text(); - var copy = {text: title, notebookId: notebookId, action: Share.copySharedNote} - notebooksCopy.push(copy); - }); //--------------------- // context menu @@ -316,58 +404,16 @@ Share.initContextmenu = function() { } $(function() { - // 点击notebook - $("#shareNotebooks").on("click", "ul li a", function() { - var notebookId = $(this).attr("notebookId"); - var userId = $(this).attr("fromUserId"); - Share.changeNotebook(userId, notebookId); - }); - // min - $("#minShareNotebooks").on("click", "li", function() { - var self = $(this).find("a"); - var notebookId = $(self).attr("notebookId"); - var userId = $(self).attr("fromUserId"); - Share.changeNotebook(userId, notebookId); + // note setting + $("#noteItemList").on("click", ".item-shared .item-setting", function(e) { + e.preventDefault(); + e.stopPropagation(); + // 得到ID + var $p = $(this).parent(); + Share.contextmenu.showMenu(e, $p); }); - //----------------------------- - // contextmenu shareNotebooks - // 删除共享笔记本 - var shareNotebookMenu = { - width: 150, - items: [ - { text: "删除共享笔记本", icon: "", faIcon: "fa-trash-o", action: Share.deleteShareNotebook } - ], - onShow: applyrule, - onContextMenu: beforeContextMenu, - - parent: "#shareNotebooks .folderBody", - children: "li a", - }; - function applyrule(menu) { - return; - } - // 默认共享不能删除 - function beforeContextMenu() { - var notebookId = $(this).attr("notebookId"); - return !Share.isDefaultNotebookId(notebookId); - } - $("#shareNotebooks").contextmenu(shareNotebookMenu); - - //--------------------------- - // contextmenu shareNotebooks - // 删除某用户所有的 - var shareUserMenu = { - width: 150, - items: [ - { text: "删除所有共享", icon: "", faIcon: "fa-trash-o", action: Share.deleteUserShareNoteAndNotebook } - ], - parent: "#shareNotebooks", - children: ".folderHeader", - }; - - $("#shareNotebooks").contextmenu(shareUserMenu); //--------------------------- // 新建笔记 @@ -387,16 +433,13 @@ $(function() { var notebookId = $(this).parent().attr("notebookId"); var userId = $(this).parent().attr("userId"); - if($(this).text() == "Markdown") { + if($(this).text() == "M") { Note.newNote(notebookId, true, userId, true); } else { Note.newNote(notebookId, true, userId); } }); - //------------------ - Share.initContextmenu(); - //------------------ // 添加共享 $("#leanoteDialogRemote").on("click", ".change-perm", function() { diff --git a/public/js/jquery.ztree.all-3.5.js b/public/js/jquery.ztree.all-3.5.js index 582dee6..fa7bc87 100644 --- a/public/js/jquery.ztree.all-3.5.js +++ b/public/js/jquery.ztree.all-3.5.js @@ -1181,7 +1181,7 @@ } // life // 加入notebookId - html.push(" 0) ? "href='" + url + "'" : ""), " target='",view.makeNodeTarget(node),"' style='", fontStyle.join(''), "'", ' notebookId="' + node.NotebookId + '" '); if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) {html.push("title='", title.replace(/'/g,"'").replace(//g,'>'),"'");}