From cbe62557f8e4630409de09467f2b3973b3fd8453 Mon Sep 17 00:00:00 2001 From: life Date: Mon, 12 May 2014 14:03:19 +0800 Subject: [PATCH 1/4] for develop writting mod --- app/views/Note/note-dev.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/views/Note/note-dev.html b/app/views/Note/note-dev.html index e90637e..95a33ad 100644 --- a/app/views/Note/note-dev.html +++ b/app/views/Note/note-dev.html @@ -15,6 +15,8 @@ + + + @@ -44,14 +54,14 @@ function log(o) { lea -
+
-
+
@@ -59,11 +69,12 @@ function log(o) { {{msg . "newNote"}} - | + | Markdown - - + - +
@@ -80,11 +91,12 @@ function log(o) { {{msg . "newNote"}} - | + | Markdown - - + - +
@@ -96,11 +108,10 @@ function log(o) {
-
+
- - - + +
diff --git a/public/css/editor/editor-writting-mode.css b/public/css/editor/editor-writting-mode.css new file mode 100644 index 0000000..fb9521f --- /dev/null +++ b/public/css/editor/editor-writting-mode.css @@ -0,0 +1,12 @@ +html { + border: none; +} +body { + background-color: #fbfcf7; +} +* { + font-size: 16px; +} +pre { + font-size: 14px; +} diff --git a/public/css/editor/editor-writting-mode.less b/public/css/editor/editor-writting-mode.less new file mode 100644 index 0000000..78eb09d --- /dev/null +++ b/public/css/editor/editor-writting-mode.less @@ -0,0 +1,15 @@ + +@bgColor: #fbfcf7; + +html { + border: none; +} +body { + background-color: @bgColor; +} +* { + font-size: 16px; +} +pre { + font-size:14px; +} \ No newline at end of file diff --git a/public/css/editor/editor.css b/public/css/editor/editor.css new file mode 100644 index 0000000..26895dc --- /dev/null +++ b/public/css/editor/editor.css @@ -0,0 +1,2 @@ +html{margin-top:3px;padding:3px;border:1px solid #ebeff2;border-radius:5px;-webkit-border-radius:5px;border-width:1px;box-shadow:none} +*{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif} diff --git a/public/css/editor/editor.less b/public/css/editor/editor.less new file mode 100644 index 0000000..5ca52ea --- /dev/null +++ b/public/css/editor/editor.less @@ -0,0 +1,24 @@ + +@bgColor: #fff; +@headerBgColor: #fff; +@fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif; +@aWhiteColor: #fff; +@aBlackColor: #000; +@borderColor: #EBEFF2; +@headerHeight: 60px; +@hColor: #5AD4A0; +@titleColor: @hColor; +@fontSize: 14px; + +html { + margin-top: 3px; + padding: 3px; + border: 1px solid @borderColor; + border-radius: 5px; + -webkit-border-radius: 5px; + border-width: 1px; + box-shadow: none; +} +* { + font-family: @fontFamily; +} \ No newline at end of file diff --git a/public/css/theme/default.css b/public/css/theme/default.css index c4ba36c..8b8205a 100644 --- a/public/css/theme/default.css +++ b/public/css/theme/default.css @@ -1,147 +1,1115 @@ -@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff')}::selection{background:#000;color:#fff} -::-moz-selection{background:#000;color:#fff} -::-webkit-selection{background:#000;color:#fff} -*,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;font-size:28px} -#logo{width:140px;height:59px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.1)} -#logo span,#switcher 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;padding:8px 4px;cursor:pointer;font-size:16px}#switcher span:hover{color:#0fb264} -#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;border:none;color:#ccc;background-color:#000;padding-left:14px;border-radius:5px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline: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:#999} -.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264;overflow-x:hidden;overflow-y:auto} -.dropdown-menu li{padding-left:10px;width:100%;height:30px;line-height:30px} -.dropdown-menu>li>a{color:#000;display:inline-block;padding:3px 3px} -.dropdown-menu>li:hover,.dropdown-menu>li:focus{background-color:#ebeff2} -.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#ebeff2} -.ios7-a{display:inline-block;padding:0 10px 0 5px;height:40px;vertical-align:middle;line-height:38px;cursor:pointer} -#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0} -#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden} -#mainContainer{position:absolute;top: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,0.3);padding:5px;position:relative}#notebookMin div.minContainer i{font-size:20px;color:#fff} -#notebookMin div.minContainer:hover i{color:#0fb264} -#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer} -#notebookMin div.minContainer ul li a{cursor:pointer} -#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer} -#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px} -#noteList{position:absolute;bottom:0;top:0;width:250px;overflow-x:hidden;overflow-y:hidden;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,0.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,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{} -#myNotebooks .folderBody{} -#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{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus{outline:none !important;border-color:#0fb264} -#myTag .folderBody{}#myTag .folderBody li{position:relative} -#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:normal;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{padding-left:10px;width:100px;overflow:hidden;position:absolute;right:0;height:100px;background-color:#fff;margin-right:5px} -.item-thumb img{width:100px} -#noteItemList .item-desc{position:absolute;left:0;right:100px;margin-left:4px}#noteItemList .item-desc .fa{color:#666} -#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;top:1px;padding:3px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464c5e}#noteItemList .item-blog .fa{color:#fff !important} -#noteItemList .item-blog:hover{opacity:.8} -.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2} -#editorTool{margin:0;padding:0;list-style:none} -#editorTool li{display:inline-block} -#noteTitleDiv{height:30px;border-bottom:1px solid #ddd} -#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fff} -#noteTitle:focus{outline:none !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: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;display:inline-block;padding-left:3px;opacity:0} -.label i:hover{opacity:1} -#leanoteNav{position:absolute;right:5px;top:32px;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 0} -.alert{margin-bottom:10px} -.btn{border-radius:0 !important} -#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2} -#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:none} -.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2} -.new-note-right{padding:0 5px}.new-note-right:hover{background-color:#ebeff2} -#historyList table{width:100%} -#historyList .btns{border-top:1px dashed #eee;padding:5px 0} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff'); +} +/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/ +::selection { + background: #000000; + color: #ffffff; +} +::-moz-selection { + background: #000000; + color: #ffffff; +} +::-webkit-selection { + background: #000000; + color: #ffffff; +} +*, +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; + font-size: 28px; +} +#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, +#switcher 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; + padding: 8px 4px; + cursor: pointer; + font-size: 16px; +} +#switcher span:hover { + color: #0fb264; +} +#searchNote { + padding-left: 0; + line-height: 60px; + margin: 0; +} +#searchNote input { + background-size: 18px 13px; + border-color: #ebeff2; + border: none; + color: #ccc; + background-color: #000; + padding-left: 14px; + border-radius: 5px; + width: 250px; + line-height: 20px; + box-shadow: none; +} +#searchNote input:focus { + outline: 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-radius: 0; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #0fb264; + overflow-x: hidden; + overflow-y: auto; +} +.dropdown-menu li { + padding-left: 10px; + width: 100%; + height: 30px; + line-height: 30px; +} +.dropdown-menu > li > a { + color: #000000; + display: inline-block; + padding: 3px 3px; +} +.dropdown-menu > li:hover, +.dropdown-menu > li:focus { + background-color: #ebeff2; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background-color: #ebeff2; +} +.ios7-a { + display: inline-block; + padding: 0 10px 0 5px; + height: 40px; + vertical-align: middle; + line-height: 38px; + cursor: pointer; +} +/*********************/ +#page { + overflow: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#pageInner { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +#mainContainer { + position: absolute; + top: 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; +} +#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 { + position: absolute; + bottom: 0; + top: 0; + width: 250px; + overflow-x: hidden; + overflow-y: hidden; + 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, +.each-user .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 { + border: 1px solid #ebeff2; + width: 90%; + box-shadow: none; +} +#notebookList 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 { + padding-left: 10px; + width: 100px; + overflow: hidden; + position: absolute; + right: 0px; + height: 100px; + background-color: #fff; + margin-right: 5px; +} +.item-thumb img { + width: 100px; +} +#noteItemList .item-desc { + position: absolute; + left: 0; + right: 100px; + margin-left: 4px; +} +#noteItemList .item-desc .fa { + color: #666; +} +#noteItemList .item-blog { + position: absolute; + right: 1px; + font-size: 10px; + z-index: 2; + top: 1px; + padding: 3px; + cursor: pointer; + width: 20px; + text-align: center; + opacity: 0.5; + background-color: #464C5E; +} +#noteItemList .item-blog .fa { + color: #fff !important; +} +#noteItemList .item-blog:hover { + opacity: 0.8; +} +.item-title { + /*font-weight: 400;*/ + + font-size: 16px; + height: 22px; + line-height: 20px; + overflow: hidden; + margin-bottom: 0px; + color: #000000; + border-bottom: dashed 1px #ebeff2; +} +/* note */ +/* editor */ +#editorTool { + margin: 0; + padding: 0; + list-style: none; +} +#editorTool li { + display: inline-block; +} +#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 { + padding: 0 5px; +} +.new-note-right:hover { + background-color: #ebeff2; +} +#historyList table { + width: 100%; +} +#historyList .btns { + border-top: 1px dashed #eee; + padding: 5px 0; +} +#leanoteMsg { + line-height: 40px; + margin-top: 10px; + margin-left: 10px; +} +#newNoteWrap { + line-height: 40px; + margin-top: 10px; +} +#loading { + display: inline-block; + width: 20px; + height: 20px; + content: url(../../images/loading-a-20.gif); + margin-top: 10px; + visibility: hidden; +} diff --git a/public/css/theme/default.less b/public/css/theme/default.less index 4b0c74b..8138076 100644 --- a/public/css/theme/default.less +++ b/public/css/theme/default.less @@ -907,7 +907,6 @@ a.raw:hover { #leanoteNav { position: absolute; right: 5px; - top:32px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; @@ -1191,4 +1190,18 @@ background-position:-1px -670px border-top: 1px dashed #eee; padding: 5px 0; } +} +#leanoteMsg { + line-height: 40px; margin-top: 10px; margin-left: 10px; +} +#newNoteWrap { + line-height: 40px; margin-top: 10px; +} +#loading { + display: inline-block; + width: 20px; + height: 20px; + content: url(../../images/loading-a-20.gif); + margin-top:10px; + visibility: hidden; } \ No newline at end of file diff --git a/public/css/theme/simple.css b/public/css/theme/simple.css index 543a3c4..dfad63b 100644 --- a/public/css/theme/simple.css +++ b/public/css/theme/simple.css @@ -1,146 +1,1081 @@ -@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff')}::selection{background:#000;color:#fff} -::-moz-selection{background:#000;color:#fff} -::-webkit-selection{background:#000;color:#fff} -*,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;font-size:28px} -#logo{width:140px;height:60px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.1)} -#logo span,#switcher 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;padding:6px 4px;cursor:pointer;font-size:14px}#switcher span:hover{color:#0fb264} -#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;padding-left:14px;height:30px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline: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:#999} -.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264;overflow-x:hidden;overflow-y:auto} -.dropdown-menu li{padding-left:10px;width:100%;height:30px;line-height:30px} -.dropdown-menu>li>a{color:#000;display:inline-block;padding:3px 3px} -.dropdown-menu>li:hover,.dropdown-menu>li:focus{background-color:#ebeff2} -.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#ebeff2} -.ios7-a{display:inline-block;padding:0 10px 0 5px;height:40px;vertical-align:middle;line-height:38px;cursor:pointer} -#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0} -#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden} -#mainContainer{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;zoom:1} -#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff;text-align:center;padding-top:100px;z-index:1000} -.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize} -#notebookSplitter{left:170px} -#noteSplitter{left:250px} -#leftNotebook{position:absolute;left:0;top:0;bottom:0;width:170px} -#notebook,#notebookMin{position:absolute;left:0;bottom:0;top:0;right:0;background-color:#fff;overflow-y:auto;overflow-x:auto;z-index:2} -#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#eee}#notebookMin div.minContainer{border-bottom:1px solid #ccc;padding:5px;position:relative}#notebookMin div.minContainer i{font-size:20px;color:#000} -#notebookMin div.minContainer:hover i{color:#0fb264} -#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer} -#notebookMin div.minContainer ul li a{cursor:pointer} -#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer} -#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px} -#noteList{position:absolute;bottom:0;top:0;width:250px;overflow-x:hidden;overflow-y:hidden;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,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,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{} -#myNotebooks .folderBody{max-height:600px;overflow:auto} -#addNotebookPlus{padding-right:10px;color:#666}#addNotebookPlus .fa{font-size:16px} -.closed .folder-icon{width:9px;height:11px;background-position:-108px -149px} -.closed .folderBody{display:none} -.folderBody{list-style:none;margin:0;padding:0} -.folderBody li{line-height:30px} -.folderBody a.active{background-color:#fff;color:#0fb264} -.folderBody a{padding-left:20px;display:block;color:#444;cursor:pointer} -.folderBody a:hover,.folderBody .contextmenu-hover{background-color:#ebeff2 !important} -#notebookList input{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus{outline: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:#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{padding-left:10px;width:100px;overflow:hidden;position:absolute;right:0;height:100px;background-color:#fff;margin-right:5px} -.item-thumb img{width:100px} -#noteItemList .item-desc{position:absolute;left:0;right:100px;margin-left:4px}#noteItemList .item-desc .fa{color:#666} -#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;top:1px;padding:3px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464c5e}#noteItemList .item-blog .fa{color:#fff !important} -#noteItemList .item-blog:hover{opacity:.8} -.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2} -#editorTool{margin:0;padding:0;list-style:none} -#editorTool li{display:inline-block} -#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:none !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: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;display:inline-block;padding-left:3px;opacity:0} -.label i:hover{opacity:1} -#leanoteNav{position:absolute;right:5px;top:32px;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 0} -.alert{margin-bottom:10px} -.btn{border-radius:0 !important} -#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2} -#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:none} -.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2} -.new-note-right{padding:0 5px}.new-note-right:hover{background-color:#ebeff2} -#historyList table{width:100%} -#historyList .btns{border-top:1px dashed #eee;padding:5px 0} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff'); +} +/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/ +::selection { + background: #000000; + color: #ffffff; +} +::-moz-selection { + background: #000000; + color: #ffffff; +} +::-webkit-selection { + background: #000000; + color: #ffffff; +} +*, +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; + font-size: 28px; +} +#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, +#switcher 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; + padding: 6px 4px; + cursor: pointer; + font-size: 14px; +} +#switcher span:hover { + color: #0fb264; +} +#searchNote { + padding-left: 0; + line-height: 60px; + margin: 0; +} +#searchNote input { + background-size: 18px 13px; + border-color: #ebeff2; + padding-left: 14px; + height: 30px; + width: 250px; + line-height: 20px; + box-shadow: none; +} +#searchNote input:focus { + outline: 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-radius: 0; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #0fb264; + overflow-x: hidden; + overflow-y: auto; +} +.dropdown-menu li { + padding-left: 10px; + width: 100%; + height: 30px; + line-height: 30px; +} +.dropdown-menu > li > a { + color: #000000; + display: inline-block; + padding: 3px 3px; +} +.dropdown-menu > li:hover, +.dropdown-menu > li:focus { + background-color: #ebeff2; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background-color: #ebeff2; +} +.ios7-a { + display: inline-block; + padding: 0 10px 0 5px; + height: 40px; + vertical-align: middle; + line-height: 38px; + cursor: pointer; +} +/*********************/ +#page { + overflow: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#pageInner { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +#mainContainer { + position: absolute; + top: 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; +} +#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 { + position: absolute; + bottom: 0; + top: 0; + width: 250px; + overflow-x: hidden; + overflow-y: hidden; + 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, +.each-user .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; +*/ + +} +#myNotebooks .folderBody { + max-height: 600px; + overflow: auto; +} +#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 { + border: 1px solid #ebeff2; + width: 90%; + box-shadow: none; +} +#notebookList 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 { + padding-left: 10px; + width: 100px; + overflow: hidden; + position: absolute; + right: 0px; + height: 100px; + background-color: #fff; + margin-right: 5px; +} +.item-thumb img { + width: 100px; +} +#noteItemList .item-desc { + position: absolute; + left: 0; + right: 100px; + margin-left: 4px; +} +#noteItemList .item-desc .fa { + color: #666; +} +#noteItemList .item-blog { + position: absolute; + right: 1px; + font-size: 10px; + z-index: 2; + top: 1px; + padding: 3px; + cursor: pointer; + width: 20px; + text-align: center; + opacity: 0.5; + background-color: #464C5E; +} +#noteItemList .item-blog .fa { + color: #fff !important; +} +#noteItemList .item-blog:hover { + opacity: 0.8; +} +.item-title { + /*font-weight: 400;*/ + + font-size: 16px; + height: 22px; + line-height: 20px; + overflow: hidden; + margin-bottom: 0px; + color: #000000; + border-bottom: dashed 1px #ebeff2; +} +/* 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 { + padding: 0 5px; +} +.new-note-right:hover { + background-color: #ebeff2; +} +#historyList table { + width: 100%; +} +#historyList .btns { + border-top: 1px dashed #eee; + padding: 5px 0; +} +#leanoteMsg { + line-height: 40px; + margin-top: 10px; + margin-left: 10px; +} +#newNoteWrap { + line-height: 40px; + margin-top: 10px; +} +#loading { + display: inline-block; + width: 20px; + height: 20px; + content: url(../../images/loading-a-20-black.gif); + margin-top: 10px; + visibility: hidden; +} diff --git a/public/css/theme/simple.less b/public/css/theme/simple.less index ae1a855..33f426b 100644 --- a/public/css/theme/simple.less +++ b/public/css/theme/simple.less @@ -872,7 +872,6 @@ border: 1px solid @borderColor; #leanoteNav { position: absolute; right: 5px; - top:32px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; @@ -1152,3 +1151,18 @@ background-position:-1px -670px padding: 5px 0; } } + +#leanoteMsg { + line-height: 40px; margin-top: 10px; margin-left: 10px; +} +#newNoteWrap { + line-height: 40px; margin-top: 10px; +} +#loading { + display: inline-block; + width: 20px; + height: 20px; + content: url(../../images/loading-a-20-black.gif); + margin-top:10px; + visibility: hidden; +} \ No newline at end of file diff --git a/public/css/theme/writting-overwrite.css b/public/css/theme/writting-overwrite.css new file mode 100644 index 0000000..cc7f01e --- /dev/null +++ b/public/css/theme/writting-overwrite.css @@ -0,0 +1,957 @@ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff'); +} +/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/ +::selection { + background: #000000; + color: #ffffff; +} +::-moz-selection { + background: #000000; + color: #ffffff; +} +::-webkit-selection { + background: #000000; + color: #ffffff; +} +html, +body { + background-color: #fbfcf7; +} +*, +body { + font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; + font-weight: 300; + font-size: 16px; +} +h1, +h2, +h3 { + font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; + font-weight: 300 !important; +} +a { + color: #000000; + cursor: pointer; +} +a:hover { + text-decoration: none !important; + color: #000000; +} +a.raw { + color: #428bca; +} +a.raw:hover { + color: #2a6496; +} +/* header */ +#header { + height: 60px; + background-color: #fbfcf7; + color: #ffffff; + border-bottom: 1px solid #ebeff2; + /* for app */ + + webkit-user-select: none; + /* 还不知 */ + + -webkit-app-region: drag; + /* -webkit-app-region: no-drag; */ + +} +#header a { + color: #ccc; +} +#header li { + color: #000000; +} +#header li a { + color: #000000; +} +#searchWrap, +#logo, +#switcher, +#leftNotebook, +.noteSplit { + display: none; +} +#header ul { + margin: 0; + padding: 0; + list-style: none; +} +#header ul li.dropdown { + display: inline-block; + height: 60px; +} +#header ul > li > a.dropdown-toggle { + display: block; + padding: 15px 5px 0 0; + position: relative; +} +#header span.icon { + display: inline-block; + font-size: 28px; + color: #999999; +} +.dropdown-menu { + border-radius: 0; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #0fb264; + overflow-x: hidden; + overflow-y: auto; +} +.dropdown-menu li { + padding-left: 10px; + width: 100%; + height: 30px; + line-height: 30px; +} +.dropdown-menu > li > a { + color: #000000; + display: inline-block; + padding: 3px 3px; +} +.dropdown-menu > li:hover, +.dropdown-menu > li:focus { + background-color: #ebeff2; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background-color: #ebeff2; +} +.ios7-a { + display: inline-block; + padding: 0 10px 0 5px; + height: 40px; + vertical-align: middle; + line-height: 38px; + cursor: pointer; +} +/*********************/ +#page { + overflow: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#pageInner { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +#mainContainer { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + zoom: 1; +} +#search { + border: #bababa 1px solid; + background-color: #fff; + white-space: nowrap; + position: absolute; + height: 30px; + left: 3px; + right: 60px; + margin-top: 3px; +} +#search label { + display: none; +} +#searchButton { + border: 0 none; + width: 16px; + height: 16px; + overflow: hidden; + cursor: pointer; + position: absolute; + right: 3px; + top: 5px; +} +#searchInput { + border: 0 none; + overflow: hidden; + position: absolute; + right: 20px; + left: 0px; + padding-left: 10px; + height: 28px; +} +#searchInput:focus { + border: none; + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +#notesAndSort { + background-color: #eee; + border-bottom: 1px solid #ebeff2; +} +/* item list */ +#noteItemList { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + overflow-y: hidden; + background-color: #f7f7f7; + padding: 0 5px; +} +#noteItemList .item { + position: relative; + height: 110px; + overflow: hidden; + cursor: pointer; + padding: 5px; + border: 1px solid #ebeff2; + border-radius: 3px; + margin-top: 5px; + background-color: #fff; +} +#noteItemList .item:hover, +#noteItemList .contextmenu-hover { + background-color: #ddd !important; + color: #000000; +} +#noteItemList .item-thumb { + padding-left: 10px; + width: 100px; + overflow: hidden; + position: absolute; + right: 0px; + height: 100px; + background-color: #fff; + margin-right: 5px; +} +.item-thumb img { + width: 100px; +} +#noteItemList .item-desc { + position: absolute; + left: 0; + right: 100px; + margin-left: 4px; +} +#noteItemList .item-desc .fa { + color: #666; +} +#noteItemList .item-blog { + position: absolute; + right: 1px; + font-size: 10px; + z-index: 2; + top: 1px; + padding: 3px; + cursor: pointer; + width: 20px; + text-align: center; + opacity: 0.5; + background-color: #464C5E; +} +#noteItemList .item-blog .fa { + color: #fff !important; +} +#noteItemList .item-blog:hover { + opacity: 0.8; +} +.item-title { + /*font-weight: 400;*/ + + font-size: 16px; + height: 22px; + line-height: 20px; + overflow: hidden; + margin-bottom: 0px; + color: #000000; + border-bottom: dashed 1px #ebeff2; +} +/* note */ +/* editor */ +#editorTool { + margin: 0; + padding: 0; + list-style: none; +} +#editorTool li { + display: inline-block; +} +#noteTitle:focus { + outline: none !important; +} +#editor, +#mdEditor { + z-index: 2; + top: 71px; + bottom: 0px; + right: 0; + left: 0; + padding: 0; + display: none; +} +#mdEditor { + z-index: 1; + background-color: #fff; + bottom: 10px; +} +#mdEditor #md-section-helper, +#mdEditor #wmd-input { + font-size: 14px; + line-height: 22px; +} +#editorContent { + position: absolute; + top: 30px; + bottom: 10px; + right: 0; + left: 0; + overflow: auto; +} +/* 包裹iframe */ +#editor .mce-ifr { + border: none; + overflow: hidden !important; + /*不知道哪里设置了auto*/ + + /*border-radius: 5px;*/ + +} +/* 最顶层 */ +#editor .mce-tinymce { + border: none; +} +/*编辑器按钮*/ +#mceToolbar, +#wmd-button-bar { + position: relative; + height: 30px; + overflow: hidden; + background-color: #fbfcf7; +} +/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */ +/*加高, 之前显得拥挤*/ +.mce-btn-small button { + padding: 5px 5px !important; + line-height: 20px !important; +} +.mce-btn { + background-color: #fbfcf7 !important; +} +.mce-menubtn.mce-btn-small span { + line-height: 20px !important; +} +.mce-btn span { + font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important; +} +.mce-primary button, +.mce-primary button i { + text-shadow: none; +} +.mce-primary { + background-color: #47a447 !important; + border-color: #398439 !important; +} +.mce-menu-item:hover, +.mce-menu-item.mce-selected, +.mce-menu-item:focus { + background-color: #ebeff2; +} +.mce-menu-item:hover span, +.mce-menu-item.mce-selected span, +.mce-menu-item:focus span { + color: #000 !important; +} +.mce-menu-item-normal.mce-active { + background-color: #ebeff2; +} +.tool-split { + display: inline-block; + line-height: 25px; + color: #ddd; +} +/*标签与其它工具*/ +#tool { + display: none; + border-bottom: 1px solid #ddd; +} +/* tag */ +#tag { + height: 40px; + line-height: 38px; +} +#tag .dropdown { + line-height: 30px; +} +#addTagInput { + line-height: 25px; + display: none; + padding: 0; + border: none; + background-color: #fbfcf7; +} +#addTagInput:focus { + outline: none; +} +.label-default { + background-color: #464C5E; +} +.label-red { + background-color: #d9534f; +} +.label-yellow { + background-color: #f0ad4e; +} +.label-blue { + background-color: #428bca; +} +.label-green { + background-color: #5cb85c; +} +.label { + border-radius: 0; + font-weight: normal; +} +.label i { + width: 10px; + cursor: pointer; + font-style: normal; + /*border-left: 1px solid #ccc;*/ + + display: inline-block; + padding-left: 3px; + opacity: 0; +} +.label i:hover { + opacity: 1; +} +/* leanote nav */ +#leanoteNav { + position: absolute; + right: 5px; + border: 1px solid #ccc; + border-radius: 3px; + background-color: #fff; + opacity: 0.5; + z-index: 11; + margin-right: 2px; +} +#leanoteNav h1 { + margin: 0; + font-size: 18px; + padding: 3px; + cursor: pointer; +} +#leanoteNav i { + padding: 3px; +} +#leanoteNav span { + display: none; +} +#leanoteNav #leanoteNavContent { + display: none; + overflow: auto; +} +#leanoteNav.unfolder { + min-width: 200px; + max-width: 300px; + opacity: 0.8; +} +#leanoteNav.unfolder h1 { + border-bottom: 1px dashed #ebeff2; +} +#leanoteNav.unfolder span { + display: inline; +} +#leanoteNav.unfolder #leanoteNavContent { + display: block; + min-height: 30px; +} +#leanoteNav ul { + margin: 0; + padding-left: 23px; +} +#leanoteNav ul li { + list-style-type: disc; +} +#leanoteNav ul li a:hover { + color: #0fb264; +} +#leanoteNav ul .nav-h2 { + margin-left: 20px; +} +#leanoteNav ul .nav-h3 { + margin-left: 30px; +} +#leanoteNav ul .nav-h4 { + margin-left: 40px; +} +#leanoteNav ul .nav-h5 { + margin-left: 50px; +} +.scrollTo-a { + cursor: pointer !important; +} +#noteRead { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 100; + padding-left: 5px; + background-color: #fff; +} +#noteReadContainer { + position: relative; + width: 100%; + height: 100%; +} +#noteReadTop { + position: absolute; + height: 60px; + left: 0; + right: 0; + border-bottom: 1px solid #ebeff2; +} +#noteReadTitle { + margin: 3px 0; +} +#noteReadContent { + position: absolute; + top: 60px; + bottom: 0; + right: 0; + left: 0; + overflow: auto; + padding: 3px; +} +/*scroll*/ +/* +::-webkit-scrollbar { + width: 5px; + height: 8px; + background: none; +} + +::-webkit-scrollbar-thumb { + background-color: #41586e; + opacity: 0.1; +} +::-webkit-scrollbar-thumb:hover { + background-color:#dadada +} +::-webkit-scrollbar-thumb:active { + background-color:#606060 +} +::-webkit-scrollbar-thumb:disabled { + background-color:#f9f9f9 +} +::-webkit-scrollbar-corner { + background-color:#f0f0f0 +} +::-webkit-scrollbar-button { + height: 0; + background-color:#f0f0f0; + background-repeat:no-repeat +} +::-webkit-scrollbar-button:vertical { + height:0px +} +::-webkit-scrollbar-button:horizontal { + width:33px +} +::-webkit-scrollbar-button:horizontal:increment { + background-position:0 -444px +} +::-webkit-scrollbar-button:horizontal:decrement { + background-position:12px -425px +} +::-webkit-scrollbar-button:vertical:increment { + background-position:-1px -391px +} +::-webkit-scrollbar-button:vertical:decrement { + background-position:-1px -358px +} +::-webkit-scrollbar-button:hover { + background-color:#dadada +} +::-webkit-scrollbar-button:horizontal:increment:hover { + background-position:0 -548px +} +::-webkit-scrollbar-button:horizontal:decrement:hover { + background-position:12px -529px +} +::-webkit-scrollbar-button:vertical:increment:hover { + background-position:-1px -495px +} +::-webkit-scrollbar-button:vertical:decrement:hover { + background-position:-1px -462px +} +::-webkit-scrollbar-button:active { + background-color:#606060 +} +::-webkit-scrollbar-button:horizontal:increment:active { + background-position:0 -652px +} +::-webkit-scrollbar-button:horizontal:decrement:active { +background-position:12px -633px +} +::-webkit-scrollbar-button:vertical:increment:active { +background-position:-1px -599px +} +::-webkit-scrollbar-button:vertical:decrement:active { +background-position:-1px -566px +} +::-webkit-scrollbar-button:disabled { +background-color:#f9f9f9 +} +::-webkit-scrollbar-button:horizontal:increment:disabled { +background-position:0 -756px +} +::-webkit-scrollbar-button:horizontal:decrement:disabled { +background-position:12px -737px +} +::-webkit-scrollbar-button:vertical:increment:disabled { +background-position:-1px -703px +} +::-webkit-scrollbar-button:vertical:decrement:disabled { +background-position:-1px -670px +} +*/ +/*from notebook*/ +/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);} +*/ +.fa-calendar { + color: #666; +} +.dropdown-menu .fa { + width: 15px; +} +.dropdown-menu span, +.dropdown-menu a, +.dropdown-menu li { + cursor: default; +} +#topNav a { + display: inline-block; + line-height: 60px; +} +.tab-pane { + padding: 5px 0 0 0; +} +.alert { + margin-bottom: 10px; +} +.btn { + border-radius: 0 !important; +} +#notebookNavForNewNote li, +#notebookNavForNewSharedNote > li { + padding-left: 0; + border-bottom: 1px solid #ebeff2; +} +#notebookNavForNewNote > li:hover, +#notebookNavForNewNote > li:focus, +#notebookNavForNewSharedNote > li:hover, +#notebookNavForNewSharedNote > li:focus { + background: none; +} +.new-note-left { + padding: 0 5px; + width: 95px; + overflow: hidden; + white-space: nowrap; + border-right: 1px dashed #ebeff2; +} +.new-note-left:hover { + background-color: #ebeff2; +} +.new-note-right { + padding: 0 5px; +} +.new-note-right:hover { + background-color: #ebeff2; +} +#historyList table { + width: 100%; +} +#historyList .btns { + border-top: 1px dashed #eee; + padding: 5px 0; +} +#left-column { + width: 100% !important; +} +#editorMask { + position: absolute; + top: 0px; + bottom: 0px; + right: 0; + left: 0; + background-color: #fff; + z-index: -10; + padding-top: 50px; + text-align: center; +} +#editorMask .fa, +#editorMask a { + font-size: 24px; +} +#editorMask a { + display: inline-block; + border-radius: 3px; + border: 1px solid #ebeff2; + padding: 10px; +} +#editorMask a:hover { + background-color: #65bd77; + color: #fff; +} +html, +body { + background-color: #fbfcf7; + overflow: hidden; +} +#right-column, +#newNoteMarkdownBtn, +#newShareNoteMarkdownBtn, +.new-split, +#editorMask, +#sortType { + display: none; +} +#mainMask { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + background-color: #fbfcf7; + text-align: center; + padding-top: 100px; + z-index: 1000; +} +#header { + position: absolute; + left: 0; + right: 0; + z-index: 1; + color: #ccc; +} +#header #leanoteMsg { + position: absolute; + width: 700px; + left: 0; + right: 0; + text-align: right; + line-height: 60px; + margin: auto; +} +#header .pull-right:hover a { + color: #000; +} +#newNoteWrap { + line-height: 40px; + margin-top: 10px; + margin-left: 10px; +} +#newNoteWrap:hover { + color: #000; +} +#newNoteWrap:hover a { + color: #000; +} +#mainContainer { + overflow-y: hidden; +} +#newMyNote, +#newSharedNote { + position: relative; +} +#newMyNote .dropdown-menu, +#newSharedNote .dropdown-menu { + left: 0px !important; +} +#newMyNote .dropdown, +#newSharedNote .dropdown { + position: static; +} +.dropdown-menu { + border: 1px solid #ccc; + background-color: #fbfcf7; +} +#note { + position: absolute; + width: 700px; + margin: auto; + height: 100%; + left: 0; + right: 0; +} +#editor, +#mdEditor { + position: absolute; + top: 60px; + z-index: 2; +} +#wmd-input { + border: none; + background-color: #fbfcf7; + font-size: 16px !important; +} +#md-section-helper { + display: none; +} +#mdEditorPreview { + top: 43px !important; +} +#mceToolbar, +#wmd-button-bar { + height: 40px; + padding: 5px 0; +} +.editorBg { + height: 3px; + background: url(/images/editor/editor-shadow.png) no-repeat center bottom #f9faf4; +} +.mce-btn-small i, +.mce-menubtn.mce-btn-small span, +.wmd-button > span { + opacity: 0.85; +} +.mce-ico { + font-size: 18px; + line-height: 18px; + width: 18px; + height: 18px; +} +.tool-split { + line-height: 30px; +} +.mce-menubtn.mce-fixed-width.mce-btn-small span { + width: 80px; +} +.mce-menubtn.mce-btn-small span { + font-size: 16px; +} +#editorContent_ifr html { + border: none !important; +} +#noteTop { + position: absolute; + z-index: 2; + left: 0; + right: 150px; + padding: 15px 0; + height: 59px; +} +#noteTitleDiv { + height: 30px; +} +#noteTitle { + height: 100%; + padding: 0px 3px; + width: 100%; + border: none; + background-color: #fbfcf7; +} +#noteList { + position: fixed; + top: 0; + bottom: 0; + left: 10px; + margin-top: 60px; + width: 200px; + z-index: 0; + opacity: 0.8; + overflow-x: hidden; + overflow-y: hidden; + /* + &:hover { + #noteItemListWrap { + display: block; + } + #notesAndSort { + display: block; + } + } + */ + +} +#noteList #notesAndSort { + display: none; +} +#noteList #noteItemListWrap { + display: none; +} +#notesAndSort { + background: none; +} +#noteItemList { + background: none; +} +#noteItemList .item { + background: none; +} +.item-active, +#noteItemList .item-active:hover { + background-color: #F5F8EA !important; + color: #000; +} +.item-active .item-desc .fa, +#noteItemList .item-active:hover .item-desc .fa { + color: #666 !important; +} +.item-active .item-title, +#noteItemList .item-active:hover .item-title { + color: #000; +} +#leanoteNav { + background-color: #fbfcf7; + opacity: 0.3; +} +.new-note-right { + padding: 0 2px; +} +#loading { + display: inline-block; + width: 20px; + height: 20px; + content: url(../../images/loading-a-20-black.gif); + margin-top: 10px; + visibility: hidden; +} diff --git a/public/css/theme/writting-overwrite.less b/public/css/theme/writting-overwrite.less new file mode 100644 index 0000000..fd36b0a --- /dev/null +++ b/public/css/theme/writting-overwrite.less @@ -0,0 +1,1059 @@ + +@bgColor: #fff; +@headerBgColor: #25313e; +@fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif; +@aWhiteColor: #fff; +@aBlackColor: #000; +@borderColor: #EBEFF2; +@headerHeight: 60px; +@headerHeightNoBorder: 59px; +@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447 +@titleColor: @hColor; +@fontSize: 14px; +@leftNotebookWidth: 170px; +@noteListWidth: 250px; +@noteActiveBg: #65bd77; + +@bgColor: #fbfcf7; +@headerBgColor: #fbfcf7; +@fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif; +@aWhiteColor: #fff; +@aBlackColor: #000; +@borderColor: #EBEFF2; +@headerHeight: 60px; +@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447 +@titleColor: @hColor; +@fontSize: 16px; +@leftNotebookWidth: 170px; +@noteListWidth: 250px; +@noteActiveBg: #65bd77; +@editorWidth: 700px; + + +// font +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff'); +} + +/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/ + +@selectionBg: @aBlackColor; +@selectionColor: #fff; +::selection { background:@selectionBg; color:@selectionColor; } +::-moz-selection { background:@selectionBg; color:@selectionColor; } +::-webkit-selection { background:@selectionBg; color:@selectionColor; } + +html,body { + background-color: @bgColor; +} +*, body { + font-family: @fontFamily; + font-weight: 300; + font-size: @fontSize; +} +h1, h2, h3 { + font-family: @fontFamily; + font-weight: 300 !important; +} +a { + color: @aBlackColor; + cursor: pointer; +} + +a:hover { + text-decoration: none !important; + color: @aBlackColor; +} + +// 原生的a +a.raw { + color: #428bca; +} +a.raw:hover { + color: #2a6496; +} + +/* header */ + +#header { + height: @headerHeight; + background-color: @headerBgColor; + color: @aWhiteColor; + a { + color: #ccc;//@aWhiteColor; + } + li { + color: @aBlackColor; + } + li a { + color: @aBlackColor; + } + border-bottom: 1px solid @borderColor; + + /* for app */ + webkit-user-select: none; /* 还不知 */ + -webkit-app-region: drag; /* -webkit-app-region: no-drag; */ +} + +#searchWrap, #logo, #switcher, +#leftNotebook, +.noteSplit +{ + display: none; +} + +#header ul { + margin:0; + padding:0; + list-style: none; +} +#header ul li.dropdown { + display: inline-block; + height: @headerHeight; +} + +#header ul > li > a.dropdown-toggle { + display: block; + padding: 15px 5px 0 0; + position: relative; +} + +#header span.icon { + display: inline-block; + font-size: 28px; + color: #999999; +} + +.dropdown-menu { + border-radius: 0; + margin:0; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid @hColor; + overflow-x: hidden; + overflow-y: auto; +} +.dropdown-menu li { + padding-left: 10px; + width: 100%; + height: 30px; // 父设置了line-height, 子下拉也受影响, "新建笔记" + line-height: 30px; +} +.dropdown-menu > li > a { + color: @aBlackColor; + display: inline-block; + padding: 3px 3px; +} +.dropdown-menu>li:hover, .dropdown-menu>li:focus { + background-color: @borderColor; +} +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + background-color: @borderColor; +} + +.ios7-a { + display: inline-block; + padding: 0 10px 0 5px; + height: 40px; + vertical-align: middle; + line-height: 38px; + cursor: pointer; +} + +/*********************/ +#page { + overflow: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#pageInner { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +#mainContainer { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + zoom: 1; +} + + + + +#search { + border: #bababa 1px solid; + background-color: #fff; + white-space: nowrap; + position: absolute; + height: 30px; + left:3px; + right:60px; + margin-top: 3px; +} +#search label { + display: none; +} +#searchButton { + border: 0 none; + width: 16px; + height: 16px; + overflow: hidden; + cursor: pointer; + position: absolute; + right:3px; + top: 5px; +} +#searchInput { + border: 0 none; + overflow: hidden; + position: absolute; + right:20px; + left: 0px; + padding-left: 10px; + height: 28px; +} +#searchInput:focus { + border: none; + outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px +} + +#notesAndSort { + background-color: #eee; // #65bd77; // @bgColor; + border-bottom: 1px solid @borderColor; + a.dropdown-toggle { + // color: #fff; + } +} + +/* 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 @borderColor; + border-radius: 3px; + margin-top: 5px; + background-color: #fff; +} + +#noteItemList .item:hover, +#noteItemList .contextmenu-hover { + background-color: #ddd !important; + color: @aBlackColor; + .item-title { + // color: @aBlackColor; + //font-weight: 800; + } +} + +#noteItemList .item-thumb { + padding-left: 10px; + width: 100px; + height: 100px; + overflow: hidden; + position: absolute; + right: 0px; + height: 100px; + background-color: #fff; + margin-right: 5px; +} + .item-thumb img { + width: 100px; + } +#noteItemList .item-desc { + position: absolute; + left: 0; + right: 100px; + margin-left: 4px; + .fa { // folder, calender 颜色暗些 + color: #666; + } +} +// blog +#noteItemList .item-blog { + position: absolute; + right: 1px; + font-size: 10px; + z-index: 2; + top: 1px; + padding: 3px; + cursor: pointer; + .fa { + color: #fff !important; + } + width: 20px; + text-align: center; + opacity: 0.5; + &:hover { + opacity: 0.8; + } + background-color: #464C5E; +} +.item-title { + /*font-weight: 400;*/ + font-size: 16px; + height: 22px; + line-height: 20px; + overflow: hidden; + margin-bottom: 0px; + color: @aBlackColor; + border-bottom: dashed 1px @borderColor; + } + +/* note */ + +/* editor */ +#editorTool { + margin: 0; + padding: 0; + list-style: none; + // width: 200px; +} +#editorTool li { + display: inline-block; +} + + +#noteTitle:focus { + // outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px + outline: none !important; + // border: 1px solid @hColor; +} + +#editor, #mdEditor{ + z-index: 2; + top: 71px; + bottom: 0px; + right: 0; + left: 0; + padding: 0; // 0px 0px 0px 0px; + display: none; +} +#mdEditor { + z-index: 1; + background-color: #fff; + bottom: 10px; + #md-section-helper, #wmd-input { + font-size: 14px; + line-height: 22px; + } +} +#editorContent { + position: absolute; + top:30px; + bottom: 10px; + right: 0; + left: 0; + overflow: auto; // 不设置editor隐藏时没有scroll +} +#editorContent_ifr { + // padding-top: 10px; +} + +/* 包裹iframe */ +#editor .mce-ifr { + border: none; + // padding: 10px; + overflow: hidden !important; /*不知道哪里设置了auto*/ + /*border-radius: 5px;*/ + // border: 1px solid @borderColor; + // border-top-left-radius: 5px; + // border-bottom-left-radius: 5px; +} + +/* 最顶层 */ +#editor .mce-tinymce { + border: none; +} +#editor iframe { +} +/*编辑器按钮*/ +#mceToolbar, #wmd-button-bar { + position: relative; + height: 30px; + overflow: hidden; + background-color: @bgColor; +} +/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */ + +/*加高, 之前显得拥挤*/ +.mce-btn-small button { + padding: 5px 5px !important; + line-height: 20px !important; +} +.mce-btn { + background-color: @bgColor !important; +} +.mce-menubtn.mce-btn-small span { + line-height: 20px !important; +} +.mce-btn span { + font-family: @fontFamily !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: @borderColor; + span { + color: #000 !important; + } +} +// 下拉选中 +.mce-menu-item-normal.mce-active { + background-color: @borderColor; +} +// tool的分隔 +.tool-split { + display: inline-block; + line-height: 25px; + color: #ddd; +} + +/*标签与其它工具*/ +#tool { + display: none; + border-bottom: 1px solid #ddd; +} + +/* tag */ +#tag { + height: 40px; + line-height: 38px +} +// 前面的38影响了dropdown +#tag .dropdown { + line-height: 30px; +} +#addTagInput { + line-height: 25px; + display: none; + padding:0; + border: none; + background-color: @bgColor; +} +#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; + // font-weight: bold; +} + +/* leanote nav */ + +#leanoteNav { + position: absolute; + right: 5px; + border: 1px solid #ccc; + border-radius: 3px; + background-color: #fff; + opacity: 0.5; + // display: none; + z-index: 11; + margin-right: 2px; + h1 { + margin:0; + font-size: 18px; + padding: 3px; + cursor: pointer; + } + i { + padding: 3px; + } + span { + display: none; + } + #leanoteNavContent { + display: none; + overflow: auto; + } +} + +#leanoteNav.unfolder { + min-width: 200px; + max-width: 300px; + // bottom: 1px; + opacity: 0.8; + h1 { + border-bottom: 1px dashed @borderColor; + } + span { + display: inline; + } + + #leanoteNavContent { + display: block; + min-height: 30px; + } +} + +#leanoteNav ul { + margin:0; + padding-left: 23px; + li { + list-style-type: disc; + a { + &:hover { + color: @hColor; + } + } + } +} +#leanoteNav ul .nav-h1 { +} +#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; +} + +//--------------- +// note for read +#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%; +} +@noteReadTopHeight: 60px; +#noteReadTop { + position: absolute; + height: @noteReadTopHeight; + left:0; + right: 0; + border-bottom: 1px solid @borderColor; +} +#noteReadTitle { + margin: 3px 0; +} +#noteReadContent { + position: absolute; + top: @noteReadTopHeight; + bottom: 0; + right: 0; + left: 0; + overflow: auto; + padding: 3px; +} + +@sbc: @bgColor; + +/*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);} +*/ + +#editorContent_ifr { + // border: 1px solid red; +} + +.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; +} + +.mce-container-body iframe { + //overflow-x: hidden; // firefox 不能要 + //overflow-y: hidden; +} +// 新建笔记item +#notebookNavForNewNote li, #notebookNavForNewSharedNote > li { + padding-left: 0; + border-bottom: 1px solid @borderColor; +} +#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 @borderColor; + &:hover { + background-color:@borderColor; + } +} +.new-note-right { + padding: 0 5px; + &:hover { + background-color:@borderColor; + } +} + +// 历史记录 +#historyList { + table { + width: 100%; + } + .btns{ + border-top: 1px dashed #eee; + padding: 5px 0; + } +} + +#left-column { + width: 100% !important; +} +#editorMask { + position: absolute; top: 0px; bottom: 0px; right: 0; left: 0; + background-color: #fff; + z-index: -10; + .fa, a { + font-size: 24px; + } + padding-top: 50px; + text-align: center; + a { + display: inline-block; + border-radius: 3px; + border: 1px solid @borderColor; + padding: 10px; + &:hover { + background-color: @noteActiveBg; + color: #fff; + } + } +} + +//--------------- + +html,body { + background-color: @bgColor; + overflow: hidden; + +} + +#right-column, +#newNoteMarkdownBtn, +#newShareNoteMarkdownBtn, +.new-split, +#editorMask, +#sortType +{ + display: none; +} +#mainMask { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + background-color: @bgColor; + text-align: center; + padding-top: 100px; + z-index: 1000; +} + +#header { + position: absolute; + left:0; + right:0; + z-index:1; + #leanoteMsg { + position: absolute; + width: @editorWidth; + left:0; + right:0; + text-align: right; + line-height: 60px; + margin:auto; + } + color: #ccc; + .pull-right { + &:hover { + a { + color: #000; + } + } + } +} + +#newNoteWrap { + line-height: 40px; margin-top: 10px; + margin-left: 10px; + &:hover { + color: #000; + a { + color: #000; + } + } +} + +#mainContainer { + overflow-y: hidden; +} +#newMyNote, #newSharedNote { + position: relative; + .dropdown-menu { + left: 0px !important; + } + .dropdown { + position: static; + } +} +.dropdown-menu { + border: 1px solid #ccc; + background-color: @bgColor; +} + +#note { + position: absolute; + width: @editorWidth; + margin: auto; + height: 100%; + left: 0; + right: 0; +} + +#editor, #mdEditor { + position: absolute; + top: @headerHeight; + z-index: 2; +} +#wmd-input { + border: none; + background-color: @bgColor; + font-size: 16px !important; +} +#md-section-helper { + display: none; +} +#mdEditorPreview { + top: 43px !important; // 为了显示工具栏背景 +} + +#mceToolbar, #wmd-button-bar { + height: 40px; + padding: 5px 0; +} +.editorBg { + height: 3px; + background: url(/images/editor/editor-shadow.png) no-repeat center bottom #F9FAF4; +} +.mce-btn-small i, .mce-menubtn.mce-btn-small span, .wmd-button > span { + opacity: 0.85; +} +.mce-ico { + font-size: 18px; + line-height: 18px; + width: 18px; + height: 18px; +} +.tool-split { + line-height: 30px; +} + +.mce-menubtn.mce-fixed-width.mce-btn-small span { + width: 80px; +} +.mce-menubtn.mce-btn-small span { + font-size: 16px; +} +#editorContent_ifr html { + border: none !important; +} +#noteTop{ + position: absolute; + z-index:2; + left:0; + right: 150px; + padding: 15px 0; + height: @headerHeightNoBorder; +} +#noteTitleDiv { + height: 30px; +} +#noteTitle { + height: 100%; + padding: 0px 3px; + width: 100%; + border: none; + background-color: @bgColor; +} + +//-------- + +#noteList { + position: fixed; + top:0; + bottom:0; + left: 10px; + margin-top: @headerHeight; + width: 200px; + z-index: 0; + opacity: 0.8; + overflow-x: hidden; + overflow-y: hidden; + #notesAndSort { + display: none; + } + #noteItemListWrap { + display: none; + } + /* + &:hover { + #noteItemListWrap { + display: block; + } + #notesAndSort { + display: block; + } + } + */ +} +#notesAndSort { + background: none; +} +#noteItemList { + background: none; + .item { + background: none; + } +} +.item-active, #noteItemList .item-active:hover { + background-color: #F5F8EA !important; + color: #000; + .item-desc .fa { + color: #666 !important; + } + .item-title { + color: #000; + // font-weight: 800; + } +} + +#leanoteNav { + background-color: @bgColor; + opacity: 0.3; +} + +.new-note-right { + padding: 0 2px; +} +#loading { + display: inline-block; + width: 20px; + height: 20px; + content: url(../../images/loading-a-20-black.gif); + margin-top:10px; + visibility: hidden; +} +body { + +} \ No newline at end of file diff --git a/public/css/theme/writting.css b/public/css/theme/writting.css new file mode 100644 index 0000000..5ab00a2 --- /dev/null +++ b/public/css/theme/writting.css @@ -0,0 +1,743 @@ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff'); +} +/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/ +::selection { + background: #000000; + color: #ffffff; +} +::-moz-selection { + background: #000000; + color: #ffffff; +} +::-webkit-selection { + background: #000000; + color: #ffffff; +} +html, +body { + background-color: #fbfcf7; +} +*, +body { + font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; + font-weight: 300; + font-size: 16px; +} +h1, +h2, +h3 { + font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; + font-weight: 300 !important; +} +a { + color: #000000; + cursor: pointer; +} +a:hover { + text-decoration: none !important; + color: #000000; +} +a.raw { + color: #428bca; +} +a.raw:hover { + color: #2a6496; +} +/* header */ +#header { + height: 60px; + background-color: #fbfcf7; + color: #ffffff; + border-bottom: 1px solid #ebeff2; + /* for app */ + + webkit-user-select: none; + /* 还不知 */ + + -webkit-app-region: drag; + /* -webkit-app-region: no-drag; */ + +} +#header a { + color: #ccc; +} +#header li { + color: #000000; +} +#header li a { + color: #000000; +} +#searchWrap, +#logo, +#switcher, +#leftNotebook, +.noteSplit { + display: none; +} +#header ul { + margin: 0; + padding: 0; + list-style: none; +} +#header ul li.dropdown { + display: inline-block; + height: 60px; +} +#header ul > li > a.dropdown-toggle { + display: block; + padding: 15px 5px 0 0; + position: relative; +} +#header span.icon { + display: inline-block; + font-size: 28px; + color: #999999; +} +.dropdown-menu { + border-radius: 0; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #0fb264; + overflow-x: hidden; + overflow-y: auto; +} +.dropdown-menu li { + padding-left: 10px; + width: 100%; + height: 30px; + line-height: 30px; +} +.dropdown-menu > li > a { + color: #000000; + display: inline-block; + padding: 3px 3px; +} +.dropdown-menu > li:hover, +.dropdown-menu > li:focus { + background-color: #ebeff2; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background-color: #ebeff2; +} +.ios7-a { + display: inline-block; + padding: 0 10px 0 5px; + height: 40px; + vertical-align: middle; + line-height: 38px; + cursor: pointer; +} +/*********************/ +#page { + overflow: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#pageInner { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +#mainContainer { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + zoom: 1; +} +#search { + border: #bababa 1px solid; + background-color: #fff; + white-space: nowrap; + position: absolute; + height: 30px; + left: 3px; + right: 60px; + margin-top: 3px; +} +#search label { + display: none; +} +#searchButton { + border: 0 none; + width: 16px; + height: 16px; + overflow: hidden; + cursor: pointer; + position: absolute; + right: 3px; + top: 5px; +} +#searchInput { + border: 0 none; + overflow: hidden; + position: absolute; + right: 20px; + left: 0px; + padding-left: 10px; + height: 28px; +} +#searchInput:focus { + border: none; + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +#notesAndSort { + background-color: #eee; + border-bottom: 1px solid #ebeff2; +} +/* item list */ +#noteItemList { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + overflow-y: hidden; + background-color: #f7f7f7; + padding: 0 5px; +} +#noteItemList .item { + position: relative; + height: 110px; + overflow: hidden; + cursor: pointer; + padding: 5px; + border: 1px solid #ebeff2; + border-radius: 3px; + margin-top: 5px; + background-color: #fff; +} +#noteItemList .item:hover, +#noteItemList .contextmenu-hover { + background-color: #ddd !important; + color: #000000; +} +#noteItemList .item-thumb { + padding-left: 10px; + width: 100px; + overflow: hidden; + position: absolute; + right: 0px; + height: 100px; + background-color: #fff; + margin-right: 5px; +} +.item-thumb img { + width: 100px; +} +#noteItemList .item-desc { + position: absolute; + left: 0; + right: 100px; + margin-left: 4px; +} +#noteItemList .item-desc .fa { + color: #666; +} +#noteItemList .item-blog { + position: absolute; + right: 1px; + font-size: 10px; + z-index: 2; + top: 1px; + padding: 3px; + cursor: pointer; + width: 20px; + text-align: center; + opacity: 0.5; + background-color: #464C5E; +} +#noteItemList .item-blog .fa { + color: #fff !important; +} +#noteItemList .item-blog:hover { + opacity: 0.8; +} +.item-title { + /*font-weight: 400;*/ + + font-size: 16px; + height: 22px; + line-height: 20px; + overflow: hidden; + margin-bottom: 0px; + color: #000000; + border-bottom: dashed 1px #ebeff2; +} +/* note */ +/* editor */ +#editorTool { + margin: 0; + padding: 0; + list-style: none; +} +#editorTool li { + display: inline-block; +} +#noteTitle:focus { + outline: none !important; +} +#editor, +#mdEditor { + z-index: 2; + top: 71px; + bottom: 0px; + right: 0; + left: 0; + padding: 0; + display: none; +} +#mdEditor { + z-index: 1; + background-color: #fff; + bottom: 10px; +} +#mdEditor #md-section-helper, +#mdEditor #wmd-input { + font-size: 14px; + line-height: 22px; +} +#editorContent { + position: absolute; + top: 30px; + bottom: 10px; + right: 0; + left: 0; + overflow: auto; +} +/* 包裹iframe */ +#editor .mce-ifr { + border: none; + overflow: hidden !important; + /*不知道哪里设置了auto*/ + + /*border-radius: 5px;*/ + +} +/* 最顶层 */ +#editor .mce-tinymce { + border: none; +} +/*编辑器按钮*/ +#mceToolbar, +#wmd-button-bar { + position: relative; + height: 30px; + overflow: hidden; + background-color: #fbfcf7; +} +/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */ +/*加高, 之前显得拥挤*/ +.mce-btn-small button { + padding: 5px 5px !important; + line-height: 20px !important; +} +.mce-btn { + background-color: #fbfcf7 !important; +} +.mce-menubtn.mce-btn-small span { + line-height: 20px !important; +} +.mce-btn span { + font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important; +} +.mce-primary button, +.mce-primary button i { + text-shadow: none; +} +.mce-primary { + background-color: #47a447 !important; + border-color: #398439 !important; +} +.mce-menu-item:hover, +.mce-menu-item.mce-selected, +.mce-menu-item:focus { + background-color: #ebeff2; +} +.mce-menu-item:hover span, +.mce-menu-item.mce-selected span, +.mce-menu-item:focus span { + color: #000 !important; +} +.mce-menu-item-normal.mce-active { + background-color: #ebeff2; +} +.tool-split { + display: inline-block; + line-height: 25px; + color: #ddd; +} +/*标签与其它工具*/ +#tool { + display: none; + border-bottom: 1px solid #ddd; +} +/* tag */ +#tag { + height: 40px; + line-height: 38px; +} +#tag .dropdown { + line-height: 30px; +} +#addTagInput { + line-height: 25px; + display: none; + padding: 0; + border: none; + background-color: #fbfcf7; +} +#addTagInput:focus { + outline: none; +} +.label-default { + background-color: #464C5E; +} +.label-red { + background-color: #d9534f; +} +.label-yellow { + background-color: #f0ad4e; +} +.label-blue { + background-color: #428bca; +} +.label-green { + background-color: #5cb85c; +} +.label { + border-radius: 0; + font-weight: normal; +} +.label i { + width: 10px; + cursor: pointer; + font-style: normal; + /*border-left: 1px solid #ccc;*/ + + display: inline-block; + padding-left: 3px; + opacity: 0; +} +.label i:hover { + opacity: 1; +} +/* leanote nav */ +#leanoteNav { + position: absolute; + right: 5px; + border: 1px solid #ccc; + border-radius: 3px; + background-color: #fff; + opacity: 0.5; + z-index: 11; + margin-right: 2px; +} +#leanoteNav h1 { + margin: 0; + font-size: 18px; + padding: 3px; + cursor: pointer; +} +#leanoteNav i { + padding: 3px; +} +#leanoteNav span { + display: none; +} +#leanoteNav #leanoteNavContent { + display: none; + overflow: auto; +} +#leanoteNav.unfolder { + min-width: 200px; + max-width: 300px; + opacity: 0.8; +} +#leanoteNav.unfolder h1 { + border-bottom: 1px dashed #ebeff2; +} +#leanoteNav.unfolder span { + display: inline; +} +#leanoteNav.unfolder #leanoteNavContent { + display: block; + min-height: 30px; +} +#leanoteNav ul { + margin: 0; + padding-left: 23px; +} +#leanoteNav ul li { + list-style-type: disc; +} +#leanoteNav ul li a:hover { + color: #0fb264; +} +#leanoteNav ul .nav-h2 { + margin-left: 20px; +} +#leanoteNav ul .nav-h3 { + margin-left: 30px; +} +#leanoteNav ul .nav-h4 { + margin-left: 40px; +} +#leanoteNav ul .nav-h5 { + margin-left: 50px; +} +.scrollTo-a { + cursor: pointer !important; +} +#noteRead { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 100; + padding-left: 5px; + background-color: #fff; +} +#noteReadContainer { + position: relative; + width: 100%; + height: 100%; +} +#noteReadTop { + position: absolute; + height: 60px; + left: 0; + right: 0; + border-bottom: 1px solid #ebeff2; +} +#noteReadTitle { + margin: 3px 0; +} +#noteReadContent { + position: absolute; + top: 60px; + bottom: 0; + right: 0; + left: 0; + overflow: auto; + padding: 3px; +} +/*scroll*/ +/* +::-webkit-scrollbar { + width: 5px; + height: 8px; + background: none; +} + +::-webkit-scrollbar-thumb { + background-color: #41586e; + opacity: 0.1; +} +::-webkit-scrollbar-thumb:hover { + background-color:#dadada +} +::-webkit-scrollbar-thumb:active { + background-color:#606060 +} +::-webkit-scrollbar-thumb:disabled { + background-color:#f9f9f9 +} +::-webkit-scrollbar-corner { + background-color:#f0f0f0 +} +::-webkit-scrollbar-button { + height: 0; + background-color:#f0f0f0; + background-repeat:no-repeat +} +::-webkit-scrollbar-button:vertical { + height:0px +} +::-webkit-scrollbar-button:horizontal { + width:33px +} +::-webkit-scrollbar-button:horizontal:increment { + background-position:0 -444px +} +::-webkit-scrollbar-button:horizontal:decrement { + background-position:12px -425px +} +::-webkit-scrollbar-button:vertical:increment { + background-position:-1px -391px +} +::-webkit-scrollbar-button:vertical:decrement { + background-position:-1px -358px +} +::-webkit-scrollbar-button:hover { + background-color:#dadada +} +::-webkit-scrollbar-button:horizontal:increment:hover { + background-position:0 -548px +} +::-webkit-scrollbar-button:horizontal:decrement:hover { + background-position:12px -529px +} +::-webkit-scrollbar-button:vertical:increment:hover { + background-position:-1px -495px +} +::-webkit-scrollbar-button:vertical:decrement:hover { + background-position:-1px -462px +} +::-webkit-scrollbar-button:active { + background-color:#606060 +} +::-webkit-scrollbar-button:horizontal:increment:active { + background-position:0 -652px +} +::-webkit-scrollbar-button:horizontal:decrement:active { +background-position:12px -633px +} +::-webkit-scrollbar-button:vertical:increment:active { +background-position:-1px -599px +} +::-webkit-scrollbar-button:vertical:decrement:active { +background-position:-1px -566px +} +::-webkit-scrollbar-button:disabled { +background-color:#f9f9f9 +} +::-webkit-scrollbar-button:horizontal:increment:disabled { +background-position:0 -756px +} +::-webkit-scrollbar-button:horizontal:decrement:disabled { +background-position:12px -737px +} +::-webkit-scrollbar-button:vertical:increment:disabled { +background-position:-1px -703px +} +::-webkit-scrollbar-button:vertical:decrement:disabled { +background-position:-1px -670px +} +*/ +/*from notebook*/ +/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);} +*/ +.fa-calendar { + color: #666; +} +.dropdown-menu .fa { + width: 15px; +} +.dropdown-menu span, +.dropdown-menu a, +.dropdown-menu li { + cursor: default; +} +#topNav a { + display: inline-block; + line-height: 60px; +} +.tab-pane { + padding: 5px 0 0 0; +} +.alert { + margin-bottom: 10px; +} +.btn { + border-radius: 0 !important; +} +#notebookNavForNewNote li, +#notebookNavForNewSharedNote > li { + padding-left: 0; + border-bottom: 1px solid #ebeff2; +} +#notebookNavForNewNote > li:hover, +#notebookNavForNewNote > li:focus, +#notebookNavForNewSharedNote > li:hover, +#notebookNavForNewSharedNote > li:focus { + background: none; +} +.new-note-left { + padding: 0 5px; + width: 95px; + overflow: hidden; + white-space: nowrap; + border-right: 1px dashed #ebeff2; +} +.new-note-left:hover { + background-color: #ebeff2; +} +.new-note-right { + padding: 0 5px; +} +.new-note-right:hover { + background-color: #ebeff2; +} +#historyList table { + width: 100%; +} +#historyList .btns { + border-top: 1px dashed #eee; + padding: 5px 0; +} +#left-column { + width: 100% !important; +} +#editorMask { + position: absolute; + top: 0px; + bottom: 0px; + right: 0; + left: 0; + background-color: #fff; + z-index: -10; + padding-top: 50px; + text-align: center; +} +#editorMask .fa, +#editorMask a { + font-size: 24px; +} +#editorMask a { + display: inline-block; + border-radius: 3px; + border: 1px solid #ebeff2; + padding: 10px; +} +#editorMask a:hover { + background-color: #65bd77; + color: #fff; +} diff --git a/public/css/theme/writting.less b/public/css/theme/writting.less new file mode 100644 index 0000000..4b20516 --- /dev/null +++ b/public/css/theme/writting.less @@ -0,0 +1,832 @@ + +@bgColor: #fff; +@headerBgColor: #25313e; +@fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif; +@aWhiteColor: #fff; +@aBlackColor: #000; +@borderColor: #EBEFF2; +@headerHeight: 60px; +@headerHeightNoBorder: 59px; +@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447 +@titleColor: @hColor; +@fontSize: 14px; +@leftNotebookWidth: 170px; +@noteListWidth: 250px; +@noteActiveBg: #65bd77; + +@bgColor: #fbfcf7; +@headerBgColor: #fbfcf7; +@fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif; +@aWhiteColor: #fff; +@aBlackColor: #000; +@borderColor: #EBEFF2; +@headerHeight: 60px; +@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447 +@titleColor: @hColor; +@fontSize: 16px; +@leftNotebookWidth: 170px; +@noteListWidth: 250px; +@noteActiveBg: #65bd77; +@editorWidth: 700px; + + +// font +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff'); +} + +/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/ + +@selectionBg: @aBlackColor; +@selectionColor: #fff; +::selection { background:@selectionBg; color:@selectionColor; } +::-moz-selection { background:@selectionBg; color:@selectionColor; } +::-webkit-selection { background:@selectionBg; color:@selectionColor; } + +html,body { + background-color: @bgColor; +} +*, body { + font-family: @fontFamily; + font-weight: 300; + font-size: @fontSize; +} +h1, h2, h3 { + font-family: @fontFamily; + font-weight: 300 !important; +} +a { + color: @aBlackColor; + cursor: pointer; +} + +a:hover { + text-decoration: none !important; + color: @aBlackColor; +} + +// 原生的a +a.raw { + color: #428bca; +} +a.raw:hover { + color: #2a6496; +} + +/* header */ + +#header { + height: @headerHeight; + background-color: @headerBgColor; + color: @aWhiteColor; + a { + color: #ccc;//@aWhiteColor; + } + li { + color: @aBlackColor; + } + li a { + color: @aBlackColor; + } + border-bottom: 1px solid @borderColor; + + /* for app */ + webkit-user-select: none; /* 还不知 */ + -webkit-app-region: drag; /* -webkit-app-region: no-drag; */ +} + +#searchWrap, #logo, #switcher, +#leftNotebook, +.noteSplit +{ + display: none; +} + +#header ul { + margin:0; + padding:0; + list-style: none; +} +#header ul li.dropdown { + display: inline-block; + height: @headerHeight; +} + +#header ul > li > a.dropdown-toggle { + display: block; + padding: 15px 5px 0 0; + position: relative; +} + +#header span.icon { + display: inline-block; + font-size: 28px; + color: #999999; +} + +.dropdown-menu { + border-radius: 0; + margin:0; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid @hColor; + overflow-x: hidden; + overflow-y: auto; +} +.dropdown-menu li { + padding-left: 10px; + width: 100%; + height: 30px; // 父设置了line-height, 子下拉也受影响, "新建笔记" + line-height: 30px; +} +.dropdown-menu > li > a { + color: @aBlackColor; + display: inline-block; + padding: 3px 3px; +} +.dropdown-menu>li:hover, .dropdown-menu>li:focus { + background-color: @borderColor; +} +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + background-color: @borderColor; +} + +.ios7-a { + display: inline-block; + padding: 0 10px 0 5px; + height: 40px; + vertical-align: middle; + line-height: 38px; + cursor: pointer; +} + +/*********************/ +#page { + overflow: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#pageInner { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +#mainContainer { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + zoom: 1; +} + + + + +#search { + border: #bababa 1px solid; + background-color: #fff; + white-space: nowrap; + position: absolute; + height: 30px; + left:3px; + right:60px; + margin-top: 3px; +} +#search label { + display: none; +} +#searchButton { + border: 0 none; + width: 16px; + height: 16px; + overflow: hidden; + cursor: pointer; + position: absolute; + right:3px; + top: 5px; +} +#searchInput { + border: 0 none; + overflow: hidden; + position: absolute; + right:20px; + left: 0px; + padding-left: 10px; + height: 28px; +} +#searchInput:focus { + border: none; + outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px +} + +#notesAndSort { + background-color: #eee; // #65bd77; // @bgColor; + border-bottom: 1px solid @borderColor; + a.dropdown-toggle { + // color: #fff; + } +} + +/* 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 @borderColor; + border-radius: 3px; + margin-top: 5px; + background-color: #fff; +} + +#noteItemList .item:hover, +#noteItemList .contextmenu-hover { + background-color: #ddd !important; + color: @aBlackColor; + .item-title { + // color: @aBlackColor; + //font-weight: 800; + } +} + +#noteItemList .item-thumb { + padding-left: 10px; + width: 100px; + height: 100px; + overflow: hidden; + position: absolute; + right: 0px; + height: 100px; + background-color: #fff; + margin-right: 5px; +} + .item-thumb img { + width: 100px; + } +#noteItemList .item-desc { + position: absolute; + left: 0; + right: 100px; + margin-left: 4px; + .fa { // folder, calender 颜色暗些 + color: #666; + } +} +// blog +#noteItemList .item-blog { + position: absolute; + right: 1px; + font-size: 10px; + z-index: 2; + top: 1px; + padding: 3px; + cursor: pointer; + .fa { + color: #fff !important; + } + width: 20px; + text-align: center; + opacity: 0.5; + &:hover { + opacity: 0.8; + } + background-color: #464C5E; +} +.item-title { + /*font-weight: 400;*/ + font-size: 16px; + height: 22px; + line-height: 20px; + overflow: hidden; + margin-bottom: 0px; + color: @aBlackColor; + border-bottom: dashed 1px @borderColor; + } + +/* note */ + +/* editor */ +#editorTool { + margin: 0; + padding: 0; + list-style: none; + // width: 200px; +} +#editorTool li { + display: inline-block; +} + + +#noteTitle:focus { + // outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px + outline: none !important; + // border: 1px solid @hColor; +} + +#editor, #mdEditor{ + z-index: 2; + top: 71px; + bottom: 0px; + right: 0; + left: 0; + padding: 0; // 0px 0px 0px 0px; + display: none; +} +#mdEditor { + z-index: 1; + background-color: #fff; + bottom: 10px; + #md-section-helper, #wmd-input { + font-size: 14px; + line-height: 22px; + } +} +#editorContent { + position: absolute; + top:30px; + bottom: 10px; + right: 0; + left: 0; + overflow: auto; // 不设置editor隐藏时没有scroll +} +#editorContent_ifr { + // padding-top: 10px; +} + +/* 包裹iframe */ +#editor .mce-ifr { + border: none; + // padding: 10px; + overflow: hidden !important; /*不知道哪里设置了auto*/ + /*border-radius: 5px;*/ + // border: 1px solid @borderColor; + // border-top-left-radius: 5px; + // border-bottom-left-radius: 5px; +} + +/* 最顶层 */ +#editor .mce-tinymce { + border: none; +} +#editor iframe { +} +/*编辑器按钮*/ +#mceToolbar, #wmd-button-bar { + position: relative; + height: 30px; + overflow: hidden; + background-color: @bgColor; +} +/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */ + +/*加高, 之前显得拥挤*/ +.mce-btn-small button { + padding: 5px 5px !important; + line-height: 20px !important; +} +.mce-btn { + background-color: @bgColor !important; +} +.mce-menubtn.mce-btn-small span { + line-height: 20px !important; +} +.mce-btn span { + font-family: @fontFamily !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: @borderColor; + span { + color: #000 !important; + } +} +// 下拉选中 +.mce-menu-item-normal.mce-active { + background-color: @borderColor; +} +// tool的分隔 +.tool-split { + display: inline-block; + line-height: 25px; + color: #ddd; +} + +/*标签与其它工具*/ +#tool { + display: none; + border-bottom: 1px solid #ddd; +} + +/* tag */ +#tag { + height: 40px; + line-height: 38px +} +// 前面的38影响了dropdown +#tag .dropdown { + line-height: 30px; +} +#addTagInput { + line-height: 25px; + display: none; + padding:0; + border: none; + background-color: @bgColor; +} +#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; + // font-weight: bold; +} + +/* leanote nav */ + +#leanoteNav { + position: absolute; + right: 5px; + border: 1px solid #ccc; + border-radius: 3px; + background-color: #fff; + opacity: 0.5; + // display: none; + z-index: 11; + margin-right: 2px; + h1 { + margin:0; + font-size: 18px; + padding: 3px; + cursor: pointer; + } + i { + padding: 3px; + } + span { + display: none; + } + #leanoteNavContent { + display: none; + overflow: auto; + } +} + +#leanoteNav.unfolder { + min-width: 200px; + max-width: 300px; + // bottom: 1px; + opacity: 0.8; + h1 { + border-bottom: 1px dashed @borderColor; + } + span { + display: inline; + } + + #leanoteNavContent { + display: block; + min-height: 30px; + } +} + +#leanoteNav ul { + margin:0; + padding-left: 23px; + li { + list-style-type: disc; + a { + &:hover { + color: @hColor; + } + } + } +} +#leanoteNav ul .nav-h1 { +} +#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; +} + +//--------------- +// note for read +#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%; +} +@noteReadTopHeight: 60px; +#noteReadTop { + position: absolute; + height: @noteReadTopHeight; + left:0; + right: 0; + border-bottom: 1px solid @borderColor; +} +#noteReadTitle { + margin: 3px 0; +} +#noteReadContent { + position: absolute; + top: @noteReadTopHeight; + bottom: 0; + right: 0; + left: 0; + overflow: auto; + padding: 3px; +} + +@sbc: @bgColor; + +/*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);} +*/ + +#editorContent_ifr { + // border: 1px solid red; +} + +.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; +} + +.mce-container-body iframe { + //overflow-x: hidden; // firefox 不能要 + //overflow-y: hidden; +} +// 新建笔记item +#notebookNavForNewNote li, #notebookNavForNewSharedNote > li { + padding-left: 0; + border-bottom: 1px solid @borderColor; +} +#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 @borderColor; + &:hover { + background-color:@borderColor; + } +} +.new-note-right { + padding: 0 5px; + &:hover { + background-color:@borderColor; + } +} + +// 历史记录 +#historyList { + table { + width: 100%; + } + .btns{ + border-top: 1px dashed #eee; + padding: 5px 0; + } +} + +#left-column { + width: 100% !important; +} +#editorMask { + position: absolute; top: 0px; bottom: 0px; right: 0; left: 0; + background-color: #fff; + z-index: -10; + .fa, a { + font-size: 24px; + } + padding-top: 50px; + text-align: center; + a { + display: inline-block; + border-radius: 3px; + border: 1px solid @borderColor; + padding: 10px; + &:hover { + background-color: @noteActiveBg; + color: #fff; + } + } +} diff --git a/public/images/editor/editor-shadow.png b/public/images/editor/editor-shadow.png new file mode 100644 index 0000000000000000000000000000000000000000..5e9da8197c84b3261857f66b44e45e39692e520e GIT binary patch literal 309 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

}_eX)V z)nMnHLqa1t`TBD#a4>~o>D&R(+ed-a=brg>`135|;KPO&zuP!1A#`na6B=$zr0+fx zr5c=R)72K%ED=(C6*s-Wd(b9U1~N!6oVJ6T>DCNNi|H+R!el zSu5{lyy>MTQ^10Yb~p7txtK&zXb~~5TY8@pj(}m-b%(q`-n!l1?yS1bpA0l~Pk5ua z&;5Q9lZ?wC4LW(4(#SR@Tz9tMoWuW5*-G|{ksELJ{xHS8NU!woooi`<#zO2CS~XX5 zA>lu!-=z#8X+aJtX?wF=;bx>nk^(UxA(5M1vQCqpl87tbsB5W!DJ>zESL7L;l=$n^ zRX`*r%JSByy@?HV=u#WGM9VcT9;>fZsF$v-*d}!&_oRSIEh|ii+)y_Y%}Z@749C_} z?(d+K+9MO8*eB}=_X!dsTVqq3h4r-iw2!|yEB26o1rE>|d=yN=12&BzcXnTQ%KY=> z9G+liA1Y`;FUDs`L2E==p)BJpXSl~2MD|Hwso6aPY^dqmc0ZrJ?5%6<2C`f99Lm^E z8vTt`4FT70^P^`zyFkb}=!dLFYT2AUQ>5Au>PE)-@Pc$e9*PworisuC+j1)C+fE%N zsNYZQwWbK5g9rRIF*QKycZ#sKhGd-VJ@WNE5l}}in&XlyFZw21{UK_h9w!J#LoFkm z?qPGm&E>tVb>)|^Dy9X<*ldU0a{T~(R;RgI{ZRF(tq(zpUk>JQpZRETE^U=f*Fi7m zZfGR($@b0OmK@ktH#wJ^+D9)l9^67ub{yQnJ_c3-S2E|C#*-h^^)q+TJ2>DicBNqE z-Zrf}QtW;ZuSd?_rIiH%mgE2GH77|H8dSw~##WR~NPSZ{oWt8J2E+tqtr002=@1|2 zlmYO#&Jn(?^x<8V1uy%N8(SFnO{U*O>l%mHpOjkPW!PvMuU%vQg03GG*kz*RcCyEs ztzO@4BJX8BYH}({54lI3dEtqPLP9;Hcn449tQ=?kX={uPl+gn=^Iz|RO{GjR3-lI9 z{94nLg+G2Vvg#q50f$xj&qOZj&I2W-6`~%PI!)~kw4o&jZJF{JD6+mXVLg~w$Kv4} zuC!XZ%aR?4f97Kg7u&FFv3JP%V=&kI;2r|qYv-?FIm)_IlYZj0sgFiNvM}niq6xy9 zv1}9yX-#U>qSAh0ZAqbx=o2U{p%N%=p1V!MY51FuLBr{@@bYT I9tt@853=Nk0RR91 literal 0 HcmV?d00001 diff --git a/public/images/loading-a-20.gif b/public/images/loading-a-20.gif index c71b9c321c098fdecca60a38af64b57dc750c58d..0bd1410b449f60d3a00193992f3f47076628b06c 100644 GIT binary patch literal 3944 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 diff --git a/public/js/app/page.js b/public/js/app/page.js index 0bfef38..883609c 100644 --- a/public/js/app/page.js +++ b/public/js/app/page.js @@ -1,4 +1,7 @@ // 主页渲染 +//------------- +// 编辑器模式 +var em = new editorMode(); // ifr 的高度, 默认是小20px, 启动1s后运行resizeEditor()调整之 @@ -96,15 +99,17 @@ $(function() { var height = $("#mceToolbar").height(); + // 现在是折叠的 if (height < $("#popularToolbar").height()) { $("#mceToolbar").height($("#popularToolbar").height()); $(this).find("i").removeClass("fa-angle-down").addClass("fa-angle-up"); } else { - $("#mceToolbar").height(30); + $("#mceToolbar").height(height/2); $(this).find("i").removeClass("fa-angle-up").addClass("fa-angle-down"); } + /* // 新加 3.12 var mceToolbarHeight = $("#mceToolbar").height(); $("#editorContent").css("top", mceToolbarHeight); @@ -113,6 +118,7 @@ $(function() { $("#leanoteNav").css("top", mceToolbarHeight + 2); $("#editor").css("top", $("#noteTop").height()); + */ resizeEditor(); @@ -184,7 +190,7 @@ $(function() { selector : "#editorContent", // height: 100,//这个应该是文档的高度, 而其上层的高度是$("#content").height(), // parentHeight: $("#content").height(), - content_css : ["css/bootstrap.css", "css/editor.css"], + content_css : ["css/bootstrap.css", "css/editor/editor.css"].concat(em.getWritingCss()), skin : "custom", language: LEA.locale, // 语言 plugins : [ @@ -611,7 +617,7 @@ $(function() { if(LEA.isMobile) { UserInfo.NoteListWidth = 101; } - resize3ColumnsEnd(UserInfo.NotebookWidth, UserInfo.NoteListWidth); +// resize3ColumnsEnd(UserInfo.NotebookWidth, UserInfo.NoteListWidth); if (UserInfo.LeftIsMin) { minLeft(false); } @@ -679,4 +685,89 @@ $(function() { $("#wmd-panel-preview").css("width", "100%"); }, 10); -}); \ No newline at end of file + // 编辑器模式 + em.init(); +}); + +// 编辑器模式 +function editorMode() { + this.writingHash = "#writing"; + this.normalHash = "#normal"; + this.isWritingMode = location.hash == this.writingHash; + + this.toggleA = null; +} + +editorMode.prototype.toggleAText = function(isWriting) { + var self = this; + setTimeout(function() { + toggleA = $("#toggleEditorMode a"); + if(isWriting) { + toggleA.attr("href", self.normalHash).text("普通模式"); + } else { + toggleA.attr("href", self.writingHash).text("写作模式"); + } + }, 0); +} +editorMode.prototype.isWriting = function(hash) { + return hash == this.writingHash; +} +editorMode.prototype.init = function() { + this.changeMode(this.isWritingMode); + var self = this; + $("#toggleEditorMode").click(function() { + var $a = $(this).find("a"); + var isWriting = self.isWriting($a.attr("href")); + self.changeMode(isWriting); + }); +} +// 改变模式 +editorMode.prototype.changeMode = function(isWritingMode) { + this.toggleAText(isWritingMode); + if(isWritingMode) { + this.writtingMode(); + } else { + this.normalMode(); + } +} +editorMode.prototype.normalMode = function() { + var $c = $("#editorContent_ifr").contents(); + + $c.contents().find("#writtingMode").remove(); + $c.contents().find('link[href$="editor-writting-mode.css"]').remove(); + + $("#noteItemListWrap, #notesAndSort").show(); + $("#noteList").unbind("mouseenter").unbind("mouseleave"); + + var theme = UserInfo.Theme || "default"; + theme += ".css"; + $("#themeLink").attr("href", "/css/theme/" + theme); + + +} +editorMode.prototype.writtingMode = function() { +// $("body").fadeOut(); + + $("#themeLink").attr("href", "/css/theme/writting-overwrite.css"); + + setTimeout(function() { + var $c = $("#editorContent_ifr").contents(); + $c.contents().find("head").append(''); + }, 0); + + $("#noteItemListWrap, #notesAndSort").fadeOut(); + $("#noteList").hover(function() { + $("#noteItemListWrap, #notesAndSort").fadeIn(); + }, function() { + $("#noteItemListWrap, #notesAndSort").fadeOut(); + }); + +// $("body").fadeIn(); +} + +editorMode.prototype.getWritingCss = function() { + if(this.isWritingMode) { + return ["css/editor/editor-writting-mode.css"]; + } + return []; +} \ No newline at end of file From e3f4b50c5301095a0c6ea240f9c656bb153034db Mon Sep 17 00:00:00 2001 From: life Date: Tue, 13 May 2014 15:12:38 +0800 Subject: [PATCH 4/4] writing mode v1.0 --- app/i18n/i18n.go | 4 ++-- app/views/Note/note-dev.html | 2 +- messages/msg.en | 2 ++ messages/msg.zh | 2 ++ public/js/app/page.js | 4 ++-- public/js/i18n/msg.en.js | 2 +- public/js/i18n/msg.zh.js | 2 +- 7 files changed, 11 insertions(+), 7 deletions(-) diff --git a/app/i18n/i18n.go b/app/i18n/i18n.go index bf1713e..02d8b56 100644 --- a/app/i18n/i18n.go +++ b/app/i18n/i18n.go @@ -10,8 +10,8 @@ import ( // convert revel msg to js msg -var msgBasePath = "/Users/life/Documents/Go/package/src/leanote/messages/" -var targetBasePath = "/Users/life/Documents/Go/package/src/leanote/public/js/i18n/" +var msgBasePath = "/Users/life/Documents/Go/package/src/github.com/leanote/leanote/messages/" +var targetBasePath = "/Users/life/Documents/Go/package/src/github.com/leanote/leanote/public/js/i18n/" func parse(filename string) { file, err := os.Open(msgBasePath + filename) reader := bufio.NewReader(file) diff --git a/app/views/Note/note-dev.html b/app/views/Note/note-dev.html index 04282db..821230c 100644 --- a/app/views/Note/note-dev.html +++ b/app/views/Note/note-dev.html @@ -177,7 +177,7 @@ function log(o) { {{end}}