theme; split by files
This commit is contained in:
lealife committed
1 parent
86ca1efd11
commit
cb433d9392
19 files changed
+629
-1103
No files matched your search
+78
-85
@@ -3,6 +3,7 @@
|
||||
@import "includes/animation.less";
|
||||
@import "includes/common.less";
|
||||
@import "includes/header.less";
|
||||
@import "includes/page.less";
|
||||
|
||||
@import "includes/editor.less";
|
||||
@import "includes/tinymce.less";
|
||||
@@ -16,86 +17,9 @@
|
||||
@import "includes/note.less";
|
||||
@import "includes/mask.less";
|
||||
|
||||
|
||||
@fontFamily: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
// @fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
@aceFontFamily: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', "Microsoft YaHei", "微软雅黑";
|
||||
|
||||
// header
|
||||
@headerTextColor: #fff;
|
||||
@headerAColor: #ccc;
|
||||
@dropdownTextColor: #000;
|
||||
|
||||
@headerHeight: 60px;
|
||||
@headerHeightNoBorder: 59px;
|
||||
@logoColor: #000;
|
||||
|
||||
@searchNoteInputBorder: none;
|
||||
@searchNoteInputBgColor: #000;
|
||||
@searchNoteInputTextColor: #ccc;
|
||||
|
||||
@switcherBgColor: #000;
|
||||
|
||||
@newNoteBgColor: #000;
|
||||
@newNoteBgColorHover: #3D3B3B;
|
||||
@newNoteBBorderColorHover: transparent;
|
||||
@newNoteBorder: 1px solid #080303;
|
||||
@newNoteTextColor: #fff;
|
||||
|
||||
// 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');
|
||||
}
|
||||
*/
|
||||
|
||||
/* leanote */
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'leanoteregular';
|
||||
src: url('../../fonts/leanote/leanote-regular-webfont.eot');
|
||||
src: url('../../fonts/leanote/leanote-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.woff') format('woff'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'leanote';
|
||||
src:url('../../fonts/leanote-font2/leanote.eot?-vcf23i');
|
||||
src:url('../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i') format('embedded-opentype'),
|
||||
url('../../fonts/leanote-font2/leanote.ttf?-vcf23i') format('truetype'),
|
||||
url('../../fonts/leanote-font2/leanote.woff?-vcf23i') format('woff'),
|
||||
url('../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// 字体
|
||||
@import "includes/readonly.less";
|
||||
@import "includes/tag.less";
|
||||
@import "includes/batch.less";
|
||||
|
||||
#logo,
|
||||
#switcher span,
|
||||
@@ -134,8 +58,6 @@
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
html,body {
|
||||
}
|
||||
*,.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
@@ -179,6 +101,77 @@ h1, h2, h3 {
|
||||
}
|
||||
|
||||
|
||||
@import "includes/readonly.less";
|
||||
@import "includes/tag.less";
|
||||
@import "includes/batch.less";
|
||||
@fontFamily: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
// @fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
@aceFontFamily: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', Hiragino Sans GB, "Microsoft YaHei", "微软雅黑";
|
||||
|
||||
// header
|
||||
@headerTextColor: #fff;
|
||||
@headerAColor: #ccc;
|
||||
@dropdownTextColor: #000;
|
||||
|
||||
@headerHeight: 60px;
|
||||
@headerHeightNoBorder: 59px;
|
||||
@logoColor: #000;
|
||||
|
||||
|
||||
@searchNoteInputBorder: none;
|
||||
@searchNoteInputBgColor: #000;
|
||||
@searchNoteInputTextColor: #ccc;
|
||||
|
||||
@switcherBgColor: #000;
|
||||
|
||||
@newNoteBgColor: #000;
|
||||
@newNoteBgColorHover: #3D3B3B;
|
||||
@newNoteBBorderColorHover: transparent;
|
||||
@newNoteBorder: 1px solid #080303;
|
||||
@newNoteTextColor: #fff;
|
||||
|
||||
|
||||
@bgColor: #fff;
|
||||
@headerBgColor: #25313e;
|
||||
|
||||
@aWhiteColor: #fff;
|
||||
@aBlackColor: #000;
|
||||
@borderColor: #EBEFF2;
|
||||
@headerBottomBorderColor: @headerBgColor;
|
||||
@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;
|
||||
|
||||
@selectionBg: @aBlackColor;
|
||||
@selectionColor: #fff;
|
||||
|
||||
// header
|
||||
@headerTextColor: #fff;
|
||||
@headerAColor: #ccc;
|
||||
@dropdownTextColor: #000;
|
||||
@loadingUrl: url(../../images/loading-a-20.gif);
|
||||
|
||||
@notebookBgColor: #41586e;
|
||||
@notebookBodyBgColor: #37485e;
|
||||
|
||||
@addNotebookColor: #ADBECE;
|
||||
|
||||
@notebookListBorder: 1px solid rgba(255, 255, 255, 0.05);
|
||||
|
||||
@notebookInputBorder: 1px solid rgba(0,0,0,0.1);
|
||||
@notebookInputColor: #fff;
|
||||
|
||||
@notebookMinBgColor: #41586e;
|
||||
@notebookMinContainerBorder: 1px solid rgba(255, 255, 255, 0.3);
|
||||
@notebookMinIconColor: #fff;
|
||||
|
||||
@folderHeaderHeight: 35px;
|
||||
@folderHeaderBorderColor: rgba(255,255,255,0.05);
|
||||
@folderHeaderIconColor: #fff;
|
||||
|
||||
@eachUserBorderColor: rgba(0, 0, 0, 0.09);
|
||||
|
||||
@noteListBorderColor: #cfcfcf;
|
||||
@noteAndSortBgColor: #eee;
|
||||
@@ -1 +1 @@
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#logo{font-size:36px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#000;border-radius:3px;padding:3px 5px;border:1px solid #080303}.new-note,.new-note a{color:#fff}.new-note:hover{background:#3d3b3b;border-color:transparent}.new-note:hover,.new-note:hoLine truncated
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:leanote;src:url(../../fonts/leanote-font2/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font2/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font2/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-aliLine truncated
|
||||
+22
-477
@@ -1,276 +1,35 @@
|
||||
@import "basic.less";
|
||||
|
||||
@bgColor: #fff;
|
||||
@headerBgColor: #25313e;
|
||||
@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;
|
||||
|
||||
@selectionBg: @aBlackColor;
|
||||
@selectionColor: #fff;
|
||||
|
||||
// header
|
||||
@headerTextColor: #fff;
|
||||
@headerAColor: #ccc;
|
||||
@dropdownTextColor: #000;
|
||||
|
||||
/* header */
|
||||
|
||||
/*********************/
|
||||
#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: @headerHeightNoBorder;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
zoom: 1;
|
||||
}
|
||||
#mainMask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
padding-top: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#notebookSplitter {
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
#noteSplitter {
|
||||
left: @noteListWidth;
|
||||
}
|
||||
|
||||
#leftNotebook {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: @leftNotebookWidth;
|
||||
}
|
||||
#notebook, #notebookMin {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
// bottom: 30px; 为了给bottom
|
||||
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;
|
||||
div.minContainer {
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
i {
|
||||
font-size: 20px;
|
||||
.folderBody a:hover, .folderBody .contextmenu-hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
background-color: #fff;
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
margin-left: 20px;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid @hColor;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
width: 150px;
|
||||
li {
|
||||
padding: 0 5px;
|
||||
cursor: pointer;
|
||||
span {
|
||||
cursor: pointer;
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
background-color: rgba(0,0,0,0.1) !important;
|
||||
}
|
||||
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #eee;
|
||||
#leftSwitcher {
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
#noteAndEditor {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
#noteList {
|
||||
width: @noteListWidth;
|
||||
border-right: 1px solid #cfcfcf;
|
||||
border-left: 1px solid #cfcfcf;
|
||||
}
|
||||
#note {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: @noteListWidth;
|
||||
right: 0;
|
||||
padding-left: 5px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
.folderNote {
|
||||
// padding-bottom: 5px;
|
||||
}
|
||||
@folderHeaderHeight: 35px;
|
||||
.folderHeader {
|
||||
min-height: @folderHeaderHeight;
|
||||
line-height: @folderHeaderHeight;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(255,255,255,0.05);
|
||||
}
|
||||
.folderHeader span {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
color: #fff; // @hColor;
|
||||
font-size: 16px;
|
||||
}
|
||||
.folderHeader .fa-left, .friend-header i.fa {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
font-size: 16px;
|
||||
width: @folderHeaderHeight;
|
||||
border-right: 1px solid rgba(255,255,255,0.05);
|
||||
text-align: center;
|
||||
.folderBody a.active, .folderBody a.active:hover {
|
||||
background-color: #25313e !important; // @bgColor;
|
||||
color: #fff; // @hColor;
|
||||
}
|
||||
|
||||
.each-user div {
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(255,255,255,0.05);
|
||||
span {
|
||||
line-height: @folderHeaderHeight;
|
||||
//----------------------
|
||||
#searchNotebookForList {
|
||||
color: #ccc;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background-color: @notebookBodyBgColor;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.label-default {
|
||||
background-color: #191D2B;
|
||||
}
|
||||
#myShareNotebooks .folderBody {
|
||||
background: none;
|
||||
}
|
||||
.tmpzTreeMove_arrow {
|
||||
color: #fff;
|
||||
padding-left: 3px;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
top: 0;
|
||||
right: 23px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fa {
|
||||
width: 20px;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
#myNotebooks.opened .fa-left {
|
||||
/*
|
||||
background-color: #65bd77;
|
||||
color: #e2f3e5;
|
||||
*/
|
||||
}
|
||||
|
||||
#myNotebooks .folderBody {
|
||||
/*
|
||||
max-height: 600px;
|
||||
overflow: auto;
|
||||
*/
|
||||
}
|
||||
#addNotebookPlus {
|
||||
padding-right: 10px;
|
||||
.fa {
|
||||
font-size: 16px;
|
||||
}
|
||||
color: #ADBECE;
|
||||
}
|
||||
.closed .folder-icon { /* 折叠状态 */
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
background-position: -108px -149px;
|
||||
}
|
||||
.closed .folderBody {
|
||||
display: none;
|
||||
}
|
||||
@leftBgColor: #37485e;
|
||||
.folderBody {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: @leftBgColor;
|
||||
}
|
||||
|
||||
.folderBody li {
|
||||
line-height: 30px;
|
||||
}
|
||||
.ztree > li {
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(255,255,255,0.05);
|
||||
@@ -283,220 +42,6 @@
|
||||
.ztree li a {
|
||||
color: #ADBECE;
|
||||
}
|
||||
.folderBody a:hover, .folderBody .contextmenu-hover {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.1) !important;
|
||||
}
|
||||
.folderBody a.active, .folderBody a.active:hover {
|
||||
background-color: #25313e !important; // @bgColor;
|
||||
color: #fff; // @hColor;
|
||||
}
|
||||
|
||||
// 重命名, 添加notebook
|
||||
#notebookList input, #notebookListForSearch input {
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
width: 90%;
|
||||
padding-left:3px;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
color: #fff;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#myTag .folderBody {
|
||||
/*
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
*/
|
||||
li {
|
||||
position: relative
|
||||
}
|
||||
}
|
||||
|
||||
#myTag .folderBody li .badge {
|
||||
width: 40px;
|
||||
position: absolute; right:3px; top: 7px;
|
||||
font-weight: normal;
|
||||
background-color: @bgColor;
|
||||
color: @aBlackColor;
|
||||
border: 1px solid @borderColor;
|
||||
}
|
||||
/* 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; // #65bd77; // @bgColor;
|
||||
border-bottom: 1px solid @borderColor;
|
||||
a.dropdown-toggle {
|
||||
// color: #fff;
|
||||
}
|
||||
}
|
||||
#sortType {
|
||||
/* position: absolute;
|
||||
right:0;*/
|
||||
float: right;
|
||||
}
|
||||
|
||||
#noteTitleDiv {
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
padding: 0px 3px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
// outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top:30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
|
||||
@sbc: @bgColor;
|
||||
|
||||
.fa-calendar {
|
||||
color: #666;
|
||||
}
|
||||
.dropdown-menu .fa {
|
||||
width: 15px;
|
||||
}
|
||||
.dropdown-menu span, .dropdown-menu a, .dropdown-menu li {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
.tab-pane {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
&:hover {
|
||||
background-color:@borderColor;
|
||||
}
|
||||
}
|
||||
|
||||
// 历史记录
|
||||
#historyList {
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
.btns{
|
||||
border-top: 1px dashed #eee;
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
|
||||
#loading {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
content: url(../../images/loading-a-20.gif);
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#toggleEditorMode {
|
||||
margin: 0 10px !important;
|
||||
}
|
||||
|
||||
//----------------------
|
||||
#searchNotebookForList {
|
||||
color: #ccc;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background-color: @leftBgColor;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.label-default {
|
||||
background-color: #191D2B;
|
||||
}
|
||||
.each-user {
|
||||
border: 1px solid rgba(0, 0, 0, 0.09);
|
||||
background-color: @leftBgColor;
|
||||
}
|
||||
#myShareNotebooks .folderBody {
|
||||
background: none;
|
||||
}
|
||||
.tmpzTreeMove_arrow {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ztree li a.tmpTargetNode_inner {
|
||||
padding-top:0px;
|
||||
|
||||
@@ -2,6 +2,60 @@
|
||||
* 通用的
|
||||
*/
|
||||
|
||||
// 字体
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
|
||||
}
|
||||
*/
|
||||
|
||||
/* leanote */
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'leanoteregular';
|
||||
src: url('../../fonts/leanote/leanote-regular-webfont.eot');
|
||||
src: url('../../fonts/leanote/leanote-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.woff') format('woff'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'leanote';
|
||||
src:url('../../fonts/leanote-font2/leanote.eot?-vcf23i');
|
||||
src:url('../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i') format('embedded-opentype'),
|
||||
url('../../fonts/leanote-font2/leanote.ttf?-vcf23i') format('truetype'),
|
||||
url('../../fonts/leanote-font2/leanote.woff?-vcf23i') format('woff'),
|
||||
url('../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
.close:focus {
|
||||
outline: none;
|
||||
}
|
||||
@@ -219,3 +273,16 @@ a.raw:hover {
|
||||
.b-m-mpanel {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
// modal
|
||||
|
||||
.modal-content {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.modal-body {
|
||||
background-color: #ffffff;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.modal-footer {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -97,3 +97,25 @@
|
||||
.scrollTo-a {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
// 内容table
|
||||
.preview-container table,
|
||||
.mce-item-table {
|
||||
&, td, th, caption {
|
||||
border: 1px solid #ddd;
|
||||
border-collapse: collapse;
|
||||
padding: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr {
|
||||
background-color: none;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
tr:nth-child(2n) {
|
||||
background-color: rgb(247, 247, 249);
|
||||
}
|
||||
}
|
||||
.preview-container th {
|
||||
padding: 10px;
|
||||
}
|
||||
@@ -136,7 +136,7 @@ a:hover {
|
||||
#header {
|
||||
height: @headerHeight;
|
||||
background-color: @headerBgColor;
|
||||
border-bottom: 1px solid @borderColor;
|
||||
border-bottom: 1px solid @headerBottomBorderColor;
|
||||
color: @headerTextColor;
|
||||
|
||||
a {
|
||||
@@ -175,7 +175,7 @@ a:hover {
|
||||
}
|
||||
span {
|
||||
border-radius: 5px;
|
||||
background-color: @switcherBgColor;
|
||||
// background-color: @switcherBgColor;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
line-height: 34px;
|
||||
@@ -263,3 +263,11 @@ a:hover {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
|
||||
#loading {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
content: @loadingUrl;
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -141,9 +141,9 @@
|
||||
}
|
||||
// 编辑模式下拉
|
||||
.wmd-mode {
|
||||
min-width: 100px;
|
||||
min-width: 150px;
|
||||
left: 50%;
|
||||
margin-left: -50px !important; // 为什么要!important, 因为writting模式下要用
|
||||
margin-left: -75px !important; // 为什么要!important, 因为writting模式下要用
|
||||
// 小箭头
|
||||
&:before {
|
||||
right: auto;
|
||||
@@ -157,12 +157,25 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
textarea#wmd-input {
|
||||
color: #000 !important;
|
||||
font-family: @aceFontFamily;
|
||||
}
|
||||
|
||||
// markdown editor ace
|
||||
@mdAceTextColor: #2C3E50; // #04294E; // #384654;
|
||||
@mdAceHeadingColor: #000; // 1a2026
|
||||
@mdAceBlockquoteColor: #003873;
|
||||
@mdAceCursorColor: #243342;
|
||||
|
||||
@mdAceTextColor: #000;
|
||||
@mdAceTagColor: rgba(87, 108, 130, 0.6);
|
||||
|
||||
textarea#wmd-input {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
#wmd-input {
|
||||
.ace_searchbtn_close {
|
||||
margin: 0px;
|
||||
@@ -191,14 +204,17 @@
|
||||
// background-color: rgba(89, 128, 166, 0.05);
|
||||
}
|
||||
&.ace-tm .ace_markup.ace_heading {
|
||||
color: @mdAceHeadingColor;
|
||||
color: @mdAceTextColor;
|
||||
font-weight: bold;
|
||||
&.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
|
||||
color: @mdAceTagColor;
|
||||
}
|
||||
}
|
||||
&.ace-tm .ace_markup.ace_list {
|
||||
color: #576c82;
|
||||
color: @mdAceTextColor;
|
||||
}
|
||||
&.ace-tm .ace_constant.ace_language {
|
||||
color: rgba(87, 108, 130, 0.6);
|
||||
color: @mdAceTagColor;
|
||||
font-weight: normal;
|
||||
}
|
||||
&.ace-tm .ace_meta.ace_tag {
|
||||
@@ -231,15 +247,15 @@
|
||||
background: inherit;
|
||||
}
|
||||
&.ace-tm .ace_strong {
|
||||
color: #384654;
|
||||
color: @mdAceTextColor;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.ace-tm .ace_emphasis {
|
||||
color: #1a2026;
|
||||
color: @mdAceTextColor;
|
||||
font-style: italic;
|
||||
}
|
||||
&.ace-tm .ace_blockquote {
|
||||
color: @mdAceBlockquoteColor;
|
||||
color: @mdAceTextColor;
|
||||
}
|
||||
&.ace-tm .ace_code {
|
||||
color: #1a2026;
|
||||
|
||||
@@ -3,3 +3,87 @@
|
||||
*
|
||||
*/
|
||||
|
||||
#noteTitleDiv {
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
padding: 0px 3px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
// outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top:30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
|
||||
|
||||
@sbc: @bgColor;
|
||||
|
||||
.fa-calendar {
|
||||
color: #666;
|
||||
}
|
||||
.dropdown-menu .fa {
|
||||
width: 15px;
|
||||
}
|
||||
.dropdown-menu span, .dropdown-menu a, .dropdown-menu li {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
.tab-pane {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
|
||||
// 新建笔记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 {
|
||||
&:hover {
|
||||
background-color:@borderColor;
|
||||
}
|
||||
}
|
||||
|
||||
// 历史记录
|
||||
#historyList {
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
.btns{
|
||||
border-top: 1px dashed #eee;
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
|
||||
#toggleEditorMode {
|
||||
margin: 0 10px !important;
|
||||
}
|
||||
@@ -2,14 +2,43 @@
|
||||
* 笔记列表
|
||||
*/
|
||||
|
||||
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
#noteAndEditor {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
|
||||
// 为了显示右侧的线条
|
||||
|
||||
#noteList {
|
||||
z-index: 333;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: @noteListWidth;
|
||||
border-right: 1px solid @noteListBorderColor;
|
||||
border-left: 1px solid @noteListBorderColor;
|
||||
z-index: 333; // 为了显示右侧的线条
|
||||
}
|
||||
#note {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: @noteListWidth;
|
||||
right: 0;
|
||||
padding-left: 5px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
|
||||
#notesAndSort {
|
||||
background-color: @noteAndSortBgColor; // #65bd77; // @bgColor;
|
||||
border-bottom: 1px solid @borderColor;
|
||||
height: 36px;
|
||||
}
|
||||
#sortType {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#noteItemListWrap {
|
||||
@@ -17,11 +46,6 @@
|
||||
top: 36px; bottom: 3px;
|
||||
}
|
||||
|
||||
#noteList {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
}
|
||||
// 笔记列表与editor的遮罩
|
||||
#noteAndEditorMask {
|
||||
position: absolute;
|
||||
@@ -33,7 +57,7 @@
|
||||
text-align: center;
|
||||
padding-top: 60px;
|
||||
opacity: .3;
|
||||
z-index: 20;
|
||||
z-index: 500;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,3 +1,140 @@
|
||||
#leftNotebook {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: @leftNotebookWidth;
|
||||
}
|
||||
|
||||
#notebook, #notebookMin {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: @notebookBgColor;
|
||||
overflow-y: auto;
|
||||
overflow-x: auto;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
// 添加笔记本
|
||||
#addNotebookPlus {
|
||||
padding-right: 10px;
|
||||
.fa {
|
||||
font-size: 16px;
|
||||
}
|
||||
color: @addNotebookColor;
|
||||
}
|
||||
|
||||
// 重命名, 添加notebook
|
||||
#notebookList input, #notebookListForSearch input {
|
||||
border: @notebookInputBorder;
|
||||
width: 90%;
|
||||
padding-left:3px;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
color: @notebookInputColor;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// 最小化
|
||||
|
||||
#notebookMin {
|
||||
z-index: 1;
|
||||
overflow-y: visible;
|
||||
overflow-x: visible;
|
||||
background-color: @notebookMinBgColor;
|
||||
div.minContainer {
|
||||
border-bottom: @notebookMinContainerBorder;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
i {
|
||||
font-size: 20px;
|
||||
color: @notebookMinIconColor;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
background-color: #fff;
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
margin-left: 20px;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid @hColor;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
width: 150px;
|
||||
li {
|
||||
padding: 0 5px;
|
||||
cursor: pointer;
|
||||
span {
|
||||
cursor: pointer;
|
||||
}
|
||||
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;
|
||||
#leftSwitcher {
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
//------------
|
||||
// folder
|
||||
|
||||
.folderHeader {
|
||||
min-height: @folderHeaderHeight;
|
||||
line-height: @folderHeaderHeight;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: @folderHeaderBorderColor;
|
||||
}
|
||||
.folderHeader span {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
color: @folderHeaderIconColor;
|
||||
font-size: 16px;
|
||||
}
|
||||
.folderHeader .fa-left, .friend-header i.fa {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
font-size: 16px;
|
||||
width: @folderHeaderHeight;
|
||||
border-right: 1px solid @folderHeaderBorderColor;
|
||||
text-align: center;
|
||||
color: @folderHeaderIconColor;
|
||||
}
|
||||
|
||||
//-------------
|
||||
// 分享
|
||||
|
||||
// share
|
||||
.friend-header {
|
||||
@@ -20,10 +157,38 @@
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 3px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @eachUserBorderColor;
|
||||
background-color: @notebookBodyBgColor;
|
||||
}
|
||||
|
||||
.each-user div {
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: @folderHeaderBorderColor;
|
||||
span {
|
||||
line-height: @folderHeaderHeight;
|
||||
color: @folderHeaderIconColor;
|
||||
padding-left: 3px;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
top: 0;
|
||||
right: 23px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fa {
|
||||
width: 20px;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
//------------
|
||||
|
||||
//
|
||||
.notebook-number-notes {
|
||||
position: absolute;
|
||||
@@ -66,13 +231,12 @@
|
||||
line-height: normal;
|
||||
}
|
||||
#notebookList {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
||||
border-top: @notebookListBorder;
|
||||
}
|
||||
.ztree {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
width: 200px;
|
||||
@@ -102,3 +266,36 @@
|
||||
#notebookNavForNewNote li:hover {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.folderBody {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: @notebookBodyBgColor;
|
||||
}
|
||||
|
||||
.folderBody li {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
// 关闭状态
|
||||
|
||||
.closed .folderBody {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// tag
|
||||
#myTag .folderBody {
|
||||
li {
|
||||
position: relative
|
||||
}
|
||||
}
|
||||
|
||||
#myTag .folderBody li .badge {
|
||||
width: 40px;
|
||||
position: absolute; right:3px; top: 7px;
|
||||
font-weight: normal;
|
||||
background-color: @bgColor;
|
||||
color: @aBlackColor;
|
||||
border: 1px solid @borderColor;
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
#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: @headerHeight;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
zoom: 1;
|
||||
}
|
||||
#mainMask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
padding-top: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#notebookSplitter {
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
#noteSplitter {
|
||||
left: @noteListWidth;
|
||||
}
|
||||
@@ -1,82 +0,0 @@
|
||||
.info-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
line-height: 30px;
|
||||
padding-left: 5px;
|
||||
height: 30px;
|
||||
display: none;
|
||||
}
|
||||
.info-toolbar .toolbar-update {
|
||||
color: inherit;
|
||||
float: right;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.info-toolbar .toolbar-update:hover {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
.info-toolbar .created-time {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#editorContent {
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
#editor.read-only #mceToolbarContainer {
|
||||
display: none;
|
||||
}
|
||||
#editor.read-only .info-toolbar {
|
||||
display: block;
|
||||
}
|
||||
#note.read-only #editor,
|
||||
#note.read-only #mdEditor {
|
||||
top: 60px;
|
||||
}
|
||||
#note.read-only #tool {
|
||||
display: none;
|
||||
}
|
||||
#note.read-only .toolbar-update {
|
||||
display: none;
|
||||
}
|
||||
#note.read-only #noteReadTop {
|
||||
display: block;
|
||||
}
|
||||
#note.read-only #infoToolbar,
|
||||
#note.read-only #mceToolbar,
|
||||
#note.read-only .navbar {
|
||||
display: none;
|
||||
}
|
||||
#note.read-only #editorContent,
|
||||
#note.read-only #mdEditor .layout-wrapper-l3 {
|
||||
top: 0;
|
||||
}
|
||||
#noteRead {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
padding-left: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteReadTop {
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
left: 5px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
background: #fff;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
margin: 3px 0;
|
||||
height: 26px;
|
||||
}
|
||||
@@ -54,21 +54,6 @@
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
// 内容table
|
||||
.mce-item-table tr {
|
||||
background-color: none;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.mce-item-table tr:nth-child(2n) {
|
||||
background-color: rgb(247, 247, 249);
|
||||
}
|
||||
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
|
||||
border: 1px solid #ddd;
|
||||
border-collapse: collapse;
|
||||
padding: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
#moreBtn {
|
||||
dispaly: block; position: absolute;
|
||||
|
||||
@@ -33,14 +33,17 @@
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
th {
|
||||
min-width: 80px;
|
||||
min-width: 100px;
|
||||
}
|
||||
th, td {
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
vertical-align: top;
|
||||
}
|
||||
td {
|
||||
max-width: 300px;
|
||||
max-width: 280px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
|
||||
@@ -1 +1 @@
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#logo{font-size:36px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#eee;border-radius:3px;padding:3px 5px;border:1px solid transparent}.new-note,.new-note a{color:#000}.new-note:hover{background:#e0e0e0;border-color:transparent}.new-note:hover,.new-notLine truncated
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:leanote;src:url(../../fonts/leanote-font2/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font2/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font2/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-aliLine truncated
|
||||
+16
-412
@@ -2,11 +2,10 @@
|
||||
|
||||
@bgColor: #fff;
|
||||
@headerBgColor: #fff;
|
||||
// @fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
|
||||
@fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
@aWhiteColor: #fff;
|
||||
@aBlackColor: #000;
|
||||
@borderColor: #EBEFF2;
|
||||
@headerBottomBorderColor: @borderColor;
|
||||
@headerHeight: 60px;
|
||||
@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447
|
||||
@titleColor: @hColor;
|
||||
@@ -23,6 +22,7 @@
|
||||
@headerAColor: #000;
|
||||
@switcherBgColor: #fff;
|
||||
@logoColor: #fff;
|
||||
@loadingUrl: url(../../images/loading-a-20-black.gif);
|
||||
|
||||
@searchNoteInputBorder: 1px solid @borderColor;
|
||||
@searchNoteInputBgColor: #fff;
|
||||
@@ -33,245 +33,28 @@
|
||||
@newNoteBorder: 1px solid transparent;
|
||||
@newNoteTextColor: #000;
|
||||
|
||||
/*********************/
|
||||
#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: @headerHeight;
|
||||
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;
|
||||
}
|
||||
@notebookBgColor: @bgColor;
|
||||
@notebookBodyBgColor: #fff;
|
||||
|
||||
#notebookSplitter {
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
#noteSplitter {
|
||||
left: @noteListWidth;
|
||||
}
|
||||
@addNotebookColor: #666;
|
||||
|
||||
#leftNotebook {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: @leftNotebookWidth;
|
||||
}
|
||||
#notebook, #notebookMin {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
// bottom: 30px; 为了给bottom
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
/*border: 1px solid #ccc;*/
|
||||
background-color: @bgColor;
|
||||
overflow-y: auto;
|
||||
overflow-x: auto;
|
||||
z-index: 2;
|
||||
}
|
||||
@notebookListBorder: #eee;
|
||||
|
||||
#notebookMin {
|
||||
z-index: 1;
|
||||
overflow-y: visible;
|
||||
overflow-x: visible;
|
||||
background-color: #eee;
|
||||
div.minContainer {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
i {
|
||||
font-size: 20px;
|
||||
color: #000;
|
||||
}
|
||||
@notebookInputBorder: none;
|
||||
@notebookInputColor: #000;
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
background-color: #fff;
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
margin-left: 20px;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid @hColor;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
width: 150px;
|
||||
li {
|
||||
padding: 0 5px;
|
||||
cursor: pointer;
|
||||
span {
|
||||
cursor: pointer;
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@notebookMinBgColor: #eee;
|
||||
@notebookMinContainerBorder: 1px solid #ccc;
|
||||
@notebookMinIconColor: #000;
|
||||
|
||||
#notebookBottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
line-height: 30px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
background-color: #eee;
|
||||
#leftSwitcher {
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@folderHeaderBorderColor: rgba(0,0,0,0.05);
|
||||
@folderHeaderIconColor: #000;
|
||||
|
||||
#noteAndEditor {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
@eachUserBorderColor: #eee;
|
||||
|
||||
#noteList {
|
||||
width: @noteListWidth;
|
||||
border-right: 1px solid @borderColor;
|
||||
border-left: 1px solid @borderColor;
|
||||
}
|
||||
@noteListBorderColor: @borderColor;
|
||||
@noteAndSortBgColor: @bgColor;
|
||||
|
||||
#note {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: @noteListWidth;
|
||||
right: 0;
|
||||
padding-left: 5px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
.folderNote {
|
||||
// padding-bottom: 5px;
|
||||
}
|
||||
@folderHeaderHeight: 35px;
|
||||
.folderHeader {
|
||||
min-height: @folderHeaderHeight;
|
||||
line-height: @folderHeaderHeight;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(0,0,0,0.05);
|
||||
}
|
||||
.folderHeader span {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
color: #000; // @hColor;
|
||||
font-size: 16px;
|
||||
}
|
||||
.folderHeader .fa-left, .friend-header i.fa {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
font-size: 16px;
|
||||
width: @folderHeaderHeight;
|
||||
border-right: 1px solid rgba(0,0,0,0.05);
|
||||
text-align: center;
|
||||
color: #000; // @hColor;
|
||||
}
|
||||
|
||||
.each-user div {
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(0,0,0,0.05);
|
||||
span {
|
||||
display: inline-block;
|
||||
line-height: @folderHeaderHeight;
|
||||
color: #000;
|
||||
padding-left: 3px;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
top: 0;
|
||||
right: 23px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fa {
|
||||
width: 20px;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
#myNotebooks.opened .fa-left {
|
||||
/*
|
||||
background-color: #65bd77;
|
||||
color: #e2f3e5;
|
||||
*/
|
||||
}
|
||||
#myNotebooks .folderBody {
|
||||
}
|
||||
#addNotebookPlus {
|
||||
padding-right: 10px;
|
||||
.fa {
|
||||
font-size: 16px;
|
||||
}
|
||||
color: #666;
|
||||
}
|
||||
.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: @bgColor;
|
||||
color: @hColor;
|
||||
@@ -281,183 +64,4 @@
|
||||
background-color: @borderColor !important;
|
||||
}
|
||||
|
||||
// 重命名, 添加notebook
|
||||
#notebookList input, #notebookListForSearch input {
|
||||
width: 90%;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding-left:3px;
|
||||
background: none;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
#myTag .folderBody {
|
||||
li {
|
||||
position: relative
|
||||
}
|
||||
}
|
||||
|
||||
#myTag .folderBody li .badge {
|
||||
width: 40px;
|
||||
position: absolute; right:3px; top: 7px;
|
||||
font-weight: normal;
|
||||
background-color: @bgColor;
|
||||
color: @aBlackColor;
|
||||
border: 1px solid @borderColor;
|
||||
}
|
||||
/* 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: @bgColor;
|
||||
border-bottom: 1px solid @borderColor;
|
||||
}
|
||||
#sortType {
|
||||
/* position: absolute;
|
||||
right:0;*/
|
||||
float: right;
|
||||
}
|
||||
|
||||
#noteTitleDiv {
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
padding: 0px 3px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
min-width: 300px;
|
||||
}
|
||||
#noteTitle:focus {
|
||||
// outline:thin dotted #333;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
|
||||
@sbc: @bgColor;
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
// 新建笔记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 {
|
||||
&:hover {
|
||||
background-color:@borderColor;
|
||||
}
|
||||
}
|
||||
|
||||
// 历史记录
|
||||
#historyList {
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
.btns{
|
||||
border-top: 1px dashed #eee;
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
|
||||
#loading {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
content: url(../../images/loading-a-20-black.gif);
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#toggleEditorMode {
|
||||
margin: 0 10px !important;
|
||||
}
|
||||
|
||||
#notebookList {
|
||||
border-top: 1px dashed #eee;
|
||||
}
|
||||
|
||||
@import "mobile.less";
|
||||
@@ -1 +1 @@
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#logo{font-size:36px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#000;border-radius:3px;padding:3px 5px;border:1px solid #080303}.new-note,.new-note a{color:#fff}.new-note:hover{background:#3d3b3b;border-color:transparent}.new-note:hover,.new-note:hoLine truncated
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:leanote;src:url(../../fonts/leanote-font2/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font2/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font2/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-aliLine truncated
|
||||
@@ -116,7 +116,9 @@ a.raw:hover {
|
||||
|
||||
#searchWrap, #logo, #switcher,
|
||||
#leftNotebook,
|
||||
.noteSplit
|
||||
.noteSplit,
|
||||
.for-split,
|
||||
#curNotebookForNewNote
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
@@ -792,6 +794,15 @@ background-position:-1px -670px
|
||||
background: none;
|
||||
}
|
||||
|
||||
.new-note {
|
||||
background-color: #FBFCF7;
|
||||
border: 1px solid #ddd;
|
||||
&:hover {
|
||||
background-color: #FBFCF7;
|
||||
border-color: rgba(103, 95, 95, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.new-note-left {
|
||||
padding: 0 5px;
|
||||
width: 95px;
|
||||
@@ -992,6 +1003,7 @@ html,body {
|
||||
}
|
||||
#noteTitleDiv {
|
||||
height: 30px;
|
||||
border: none;
|
||||
}
|
||||
#noteTitle {
|
||||
height: 100%;
|
||||
@@ -1014,6 +1026,7 @@ html,body {
|
||||
opacity: 0.8;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
border: none;
|
||||
#notesAndSort {
|
||||
display: none;
|
||||
}
|
||||
@@ -1055,7 +1068,7 @@ html,body {
|
||||
#leanoteNav {
|
||||
background-color: @bgColor;
|
||||
opacity: 0.3;
|
||||
right: -30px;
|
||||
// right: -30px;
|
||||
}
|
||||
|
||||
.new-note-right {
|
||||
@@ -1170,6 +1183,10 @@ body {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#noteAndEditor {
|
||||
position: static;
|
||||
}
|
||||
|
||||
// tool-bar
|
||||
#editor {
|
||||
#mceToolbar {
|
||||
|
||||
@@ -1 +1 @@
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-align:center}#themeForm img{border:1px solid #eee;padding:2px}#logo{font-size:36px}#avatar{height:60px;max-width:200px;display:inline-block;margin:10px}.new-split{display:none}.new-note-right{padding:0 5px;padding-left:3px}#leanoteMsg{line-height:40px;margin-top:10px;margin-left:10px}#newNoteWrap{line-height:40px;margin-top:10px}.new-note{background-color:#000;border-radius:3px;padding:3px 5px;border:1px solid #080303}.new-note,.new-note a{color:#fff}.new-note:hover{background:#3d3b3b;border-color:transparent}.new-note:hover,.new-note:hoLine truncated
|
||||
::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}@-webkit-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-moz-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-ms-keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@keyframes dropdown{0%{margin-top:-25px;opacity:0}90%{margin-top:2px}100%{margin-top:0;opacity:1}}@-webkit-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-moz-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-ms-keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@keyframes pulldown{0%{top:0;opacity:0}90%{top:90%}100%{top:100%;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@font-face{font-family:leanote;src:url(../../fonts/leanote-font2/leanote.eot?-vcf23i);src:url(../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i) format('embedded-opentype'),url(../../fonts/leanote-font2/leanote.ttf?-vcf23i) format('truetype'),url(../../fonts/leanote-font2/leanote.woff?-vcf23i) format('woff'),url(../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote) format('svg');font-weight:400;font-style:normal}.close:focus{outline:0}.invisible{visibility:hidden}.btn{border-radius:2px}.alert{margin-bottom:10px}.btn *{cursor:pointer!important}.dropdown-submenu{position:relative}.dropdown-submenu>ul.dropdown-menu{top:0;left:100%;margin-left:-3px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:10px!important}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:after{display:block;content:" ";position:absolute;right:0;top:10px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#666}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.open>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{visibility:visible;-webkit-animation:pulldown .2s;animation:pulldown .2s}.dropdown-menu{visibility:hidden;display:block}.dropdown-list{width:530px;border-radius:3px}.dropdown-list ul{margin:0;padding:0}.dropdown-list ul li{float:left;width:120px;margin-left:10px;margin-bottom:10px;border:1px dashed #ccc}.dropdown-menu .divider{margin:3px 0}.dropdown-menu{border-radius:3px;margin:0;border:1px solid #e6eaed;box-shadow:rgba(0,0,0,.172549)0 6px 12px 0}.dropdown-menu:before{content:"";width:20px;height:12px;position:absolute;top:-12px;right:8px;background-image:url(../../images/triangle_2x.png);background-size:20px 12px}.dropdown-submenu .dropdown-menu:before{background:0 0}#searchNotebookForAddDropdownList,#searchNotebookForAddShareDropdownList{left:-200px}#searchNotebookForAddDropdownList:before,#searchNotebookForAddShareDropdownList:before{left:190px;right:inherit}.dropdown-menu li{list-style:none;padding-left:10px;width:100%;height:30px;line-height:30px}.dropdown-menu li>a{color:#000;display:block;padding-right:20px}.dropdown-menu>li>a{padding:3px 20px 3px 0}.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:3333;cursor:col-resize}a.raw{color:#428bca}a.raw:hover{color:#2a6496}.cm-item{position:relative}.cm-item .cm-text{position:absolute;left:23px;right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-item .cm-text .c-text{display:initial}.b-m-mpanel{border-radius:3px}.modal-content{background-color:#f8f8f8}.modal-body{background-color:#fff;padding-bottom:30px}.modal-footer{margin-top:0}#listNotebookDropdownMenu{display:none}#themeForm td{padding:5px;text-aliLine truncated
|
||||
Reference in new issue
Block a user