theme; split by files
This commit is contained in:
lealife
@ -3,6 +3,7 @@
|
|||||||
@import "includes/animation.less";
|
@import "includes/animation.less";
|
||||||
@import "includes/common.less";
|
@import "includes/common.less";
|
||||||
@import "includes/header.less";
|
@import "includes/header.less";
|
||||||
|
@import "includes/page.less";
|
||||||
|
|
||||||
@import "includes/editor.less";
|
@import "includes/editor.less";
|
||||||
@import "includes/tinymce.less";
|
@import "includes/tinymce.less";
|
||||||
@ -16,86 +17,9 @@
|
|||||||
@import "includes/note.less";
|
@import "includes/note.less";
|
||||||
@import "includes/mask.less";
|
@import "includes/mask.less";
|
||||||
|
|
||||||
|
@import "includes/readonly.less";
|
||||||
@fontFamily: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
@import "includes/tag.less";
|
||||||
// @fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
@import "includes/batch.less";
|
||||||
@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;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 字体
|
|
||||||
|
|
||||||
#logo,
|
#logo,
|
||||||
#switcher span,
|
#switcher span,
|
||||||
@ -103,39 +27,37 @@
|
|||||||
.mce-i-ace-pre,
|
.mce-i-ace-pre,
|
||||||
.lea-icon
|
.lea-icon
|
||||||
{
|
{
|
||||||
font-family: 'leanote' !important;
|
font-family: 'leanote' !important;
|
||||||
speak: none;
|
speak: none;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
|
|
||||||
/* Better Font Rendering =========== */
|
/* Better Font Rendering =========== */
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
.icon-markdown:before {
|
.icon-markdown:before {
|
||||||
content: "\e604";
|
content: "\e604";
|
||||||
}
|
}
|
||||||
.mce-i-mind:before {
|
.mce-i-mind:before {
|
||||||
content: "\e602";
|
content: "\e602";
|
||||||
}
|
}
|
||||||
.mce-i-ace-pre:before {
|
.mce-i-ace-pre:before {
|
||||||
content: "\e603";
|
content: "\e603";
|
||||||
}
|
}
|
||||||
#logo:before {
|
#logo:before {
|
||||||
content: "\e600";
|
content: "\e600";
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
#switcher span:before {
|
#switcher span:before {
|
||||||
content: "\e601";
|
content: "\e601";
|
||||||
}
|
}
|
||||||
|
|
||||||
html,body {
|
|
||||||
}
|
|
||||||
*,.h1,
|
*,.h1,
|
||||||
.h2,
|
.h2,
|
||||||
.h3,
|
.h3,
|
||||||
@ -175,10 +97,81 @@ h1, h2, h3 {
|
|||||||
.editor-content,
|
.editor-content,
|
||||||
.preview-container
|
.preview-container
|
||||||
{
|
{
|
||||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@import "includes/readonly.less";
|
@fontFamily: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||||
@import "includes/tag.less";
|
// @fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||||
@import "includes/batch.less";
|
@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;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,288 +1,5 @@
|
|||||||
@import "basic.less";
|
@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;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#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;
|
|
||||||
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;
|
|
||||||
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);
|
|
||||||
}
|
|
||||||
.ztree li a.curSelectedNode {
|
|
||||||
background-color: rgba(0,0,0,0.3);
|
|
||||||
border-radius: 3px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.ztree li a {
|
|
||||||
color: #ADBECE;
|
|
||||||
}
|
|
||||||
.folderBody a:hover, .folderBody .contextmenu-hover {
|
.folderBody a:hover, .folderBody .contextmenu-hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: rgba(0,0,0,0.1) !important;
|
background-color: rgba(0,0,0,0.1) !important;
|
||||||
@ -292,205 +9,20 @@
|
|||||||
color: #fff; // @hColor;
|
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 {
|
#searchNotebookForList {
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
background-color: @leftBgColor;
|
background-color: @notebookBodyBgColor;
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.label-default {
|
.label-default {
|
||||||
background-color: #191D2B;
|
background-color: #191D2B;
|
||||||
}
|
}
|
||||||
.each-user {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.09);
|
|
||||||
background-color: @leftBgColor;
|
|
||||||
}
|
|
||||||
#myShareNotebooks .folderBody {
|
#myShareNotebooks .folderBody {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
@ -498,14 +30,27 @@
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ztree > li {
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
border-color: rgba(255,255,255,0.05);
|
||||||
|
}
|
||||||
|
.ztree li a.curSelectedNode {
|
||||||
|
background-color: rgba(0,0,0,0.3);
|
||||||
|
border-radius: 3px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.ztree li a {
|
||||||
|
color: #ADBECE;
|
||||||
|
}
|
||||||
|
|
||||||
.ztree li a.tmpTargetNode_inner {
|
.ztree li a.tmpTargetNode_inner {
|
||||||
padding-top:0px;
|
padding-top:0px;
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
border:1px #ccc solid;
|
border:1px #ccc solid;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
filter:alpha(opacity=80)
|
filter:alpha(opacity=80)
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "mobile.less";
|
@import "mobile.less";
|
||||||
|
|||||||
@ -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 {
|
.close:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@ -219,3 +273,16 @@ a.raw:hover {
|
|||||||
.b-m-mpanel {
|
.b-m-mpanel {
|
||||||
border-radius: 3px;
|
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 {
|
.scrollTo-a {
|
||||||
cursor: pointer !important;
|
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 {
|
#header {
|
||||||
height: @headerHeight;
|
height: @headerHeight;
|
||||||
background-color: @headerBgColor;
|
background-color: @headerBgColor;
|
||||||
border-bottom: 1px solid @borderColor;
|
border-bottom: 1px solid @headerBottomBorderColor;
|
||||||
color: @headerTextColor;
|
color: @headerTextColor;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@ -175,7 +175,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
span {
|
span {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: @switcherBgColor;
|
// background-color: @switcherBgColor;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
@ -263,3 +263,11 @@ a:hover {
|
|||||||
background-color: @borderColor;
|
background-color: @borderColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#loading {
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
content: @loadingUrl;
|
||||||
|
vertical-align: middle;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|||||||
@ -141,9 +141,9 @@
|
|||||||
}
|
}
|
||||||
// 编辑模式下拉
|
// 编辑模式下拉
|
||||||
.wmd-mode {
|
.wmd-mode {
|
||||||
min-width: 100px;
|
min-width: 150px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -50px !important; // 为什么要!important, 因为writting模式下要用
|
margin-left: -75px !important; // 为什么要!important, 因为writting模式下要用
|
||||||
// 小箭头
|
// 小箭头
|
||||||
&:before {
|
&:before {
|
||||||
right: auto;
|
right: auto;
|
||||||
@ -157,12 +157,25 @@
|
|||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
textarea#wmd-input {
|
||||||
|
color: #000 !important;
|
||||||
|
font-family: @aceFontFamily;
|
||||||
|
}
|
||||||
|
|
||||||
// markdown editor ace
|
// markdown editor ace
|
||||||
@mdAceTextColor: #2C3E50; // #04294E; // #384654;
|
@mdAceTextColor: #2C3E50; // #04294E; // #384654;
|
||||||
@mdAceHeadingColor: #000; // 1a2026
|
@mdAceHeadingColor: #000; // 1a2026
|
||||||
@mdAceBlockquoteColor: #003873;
|
@mdAceBlockquoteColor: #003873;
|
||||||
@mdAceCursorColor: #243342;
|
@mdAceCursorColor: #243342;
|
||||||
|
|
||||||
|
@mdAceTextColor: #000;
|
||||||
|
@mdAceTagColor: rgba(87, 108, 130, 0.6);
|
||||||
|
|
||||||
|
textarea#wmd-input {
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
#wmd-input {
|
#wmd-input {
|
||||||
.ace_searchbtn_close {
|
.ace_searchbtn_close {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
@ -191,14 +204,17 @@
|
|||||||
// background-color: rgba(89, 128, 166, 0.05);
|
// background-color: rgba(89, 128, 166, 0.05);
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_markup.ace_heading {
|
&.ace-tm .ace_markup.ace_heading {
|
||||||
color: @mdAceHeadingColor;
|
color: @mdAceTextColor;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
&.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
|
||||||
|
color: @mdAceTagColor;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_markup.ace_list {
|
&.ace-tm .ace_markup.ace_list {
|
||||||
color: #576c82;
|
color: @mdAceTextColor;
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_constant.ace_language {
|
&.ace-tm .ace_constant.ace_language {
|
||||||
color: rgba(87, 108, 130, 0.6);
|
color: @mdAceTagColor;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_meta.ace_tag {
|
&.ace-tm .ace_meta.ace_tag {
|
||||||
@ -231,15 +247,15 @@
|
|||||||
background: inherit;
|
background: inherit;
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_strong {
|
&.ace-tm .ace_strong {
|
||||||
color: #384654;
|
color: @mdAceTextColor;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_emphasis {
|
&.ace-tm .ace_emphasis {
|
||||||
color: #1a2026;
|
color: @mdAceTextColor;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_blockquote {
|
&.ace-tm .ace_blockquote {
|
||||||
color: @mdAceBlockquoteColor;
|
color: @mdAceTextColor;
|
||||||
}
|
}
|
||||||
&.ace-tm .ace_code {
|
&.ace-tm .ace_code {
|
||||||
color: #1a2026;
|
color: #1a2026;
|
||||||
@ -278,4 +294,4 @@
|
|||||||
border: 2px rgba(101, 189, 119, 0.8) solid !important;
|
border: 2px rgba(101, 189, 119, 0.8) solid !important;
|
||||||
background-color: rgb(101, 189, 119, 0.9);
|
background-color: rgb(101, 189, 119, 0.9);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -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 @@
|
|||||||
* 笔记列表
|
* 笔记列表
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
#noteAndEditor {
|
||||||
#notesAndSort {
|
position: absolute;
|
||||||
height: 36px;
|
bottom: 0;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: @leftNotebookWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 为了显示右侧的线条
|
|
||||||
#noteList {
|
#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 {
|
#noteItemListWrap {
|
||||||
@ -17,11 +46,6 @@
|
|||||||
top: 36px; bottom: 3px;
|
top: 36px; bottom: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#noteList {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
// 笔记列表与editor的遮罩
|
// 笔记列表与editor的遮罩
|
||||||
#noteAndEditorMask {
|
#noteAndEditorMask {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -33,7 +57,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
opacity: .3;
|
opacity: .3;
|
||||||
z-index: 20;
|
z-index: 500;
|
||||||
display: none;
|
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
|
// share
|
||||||
.friend-header {
|
.friend-header {
|
||||||
@ -20,10 +157,38 @@
|
|||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
border: 1px solid #eee;
|
|
||||||
border-radius: 3px;
|
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 {
|
.notebook-number-notes {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -66,13 +231,12 @@
|
|||||||
line-height: normal;
|
line-height: normal;
|
||||||
}
|
}
|
||||||
#notebookList {
|
#notebookList {
|
||||||
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
border-top: @notebookListBorder;
|
||||||
}
|
}
|
||||||
.ztree {
|
.ztree {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#searchNotebookForAdd {
|
#searchNotebookForAdd {
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
@ -102,3 +266,36 @@
|
|||||||
#notebookNavForNewNote li:hover {
|
#notebookNavForNewNote li:hover {
|
||||||
background: none;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
43
public/css/theme/includes/page.less
Normal file
43
public/css/theme/includes/page.less
Normal file
@ -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;
|
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 {
|
#moreBtn {
|
||||||
dispaly: block; position: absolute;
|
dispaly: block; position: absolute;
|
||||||
|
|||||||
@ -33,14 +33,17 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
th {
|
th {
|
||||||
min-width: 80px;
|
min-width: 100px;
|
||||||
}
|
}
|
||||||
th, td {
|
th, td {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-bottom: 1px solid #dddddd;
|
border-bottom: 1px solid #dddddd;
|
||||||
|
padding: 8px;
|
||||||
|
line-height: 20px;
|
||||||
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
max-width: 300px;
|
max-width: 280px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -2,11 +2,10 @@
|
|||||||
|
|
||||||
@bgColor: #fff;
|
@bgColor: #fff;
|
||||||
@headerBgColor: #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;
|
@aWhiteColor: #fff;
|
||||||
@aBlackColor: #000;
|
@aBlackColor: #000;
|
||||||
@borderColor: #EBEFF2;
|
@borderColor: #EBEFF2;
|
||||||
|
@headerBottomBorderColor: @borderColor;
|
||||||
@headerHeight: 60px;
|
@headerHeight: 60px;
|
||||||
@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447
|
@hColor: #0fb264; // #47a447;// 更深 #198764; // boostrap: #5cb85c; bootstrap:hover #47a447; // #5AD4A0; // #47a447
|
||||||
@titleColor: @hColor;
|
@titleColor: @hColor;
|
||||||
@ -23,6 +22,7 @@
|
|||||||
@headerAColor: #000;
|
@headerAColor: #000;
|
||||||
@switcherBgColor: #fff;
|
@switcherBgColor: #fff;
|
||||||
@logoColor: #fff;
|
@logoColor: #fff;
|
||||||
|
@loadingUrl: url(../../images/loading-a-20-black.gif);
|
||||||
|
|
||||||
@searchNoteInputBorder: 1px solid @borderColor;
|
@searchNoteInputBorder: 1px solid @borderColor;
|
||||||
@searchNoteInputBgColor: #fff;
|
@searchNoteInputBgColor: #fff;
|
||||||
@ -33,245 +33,28 @@
|
|||||||
@newNoteBorder: 1px solid transparent;
|
@newNoteBorder: 1px solid transparent;
|
||||||
@newNoteTextColor: #000;
|
@newNoteTextColor: #000;
|
||||||
|
|
||||||
/*********************/
|
@notebookBgColor: @bgColor;
|
||||||
#page {
|
@notebookBodyBgColor: #fff;
|
||||||
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 {
|
@addNotebookColor: #666;
|
||||||
left: @leftNotebookWidth;
|
|
||||||
}
|
|
||||||
#noteSplitter {
|
|
||||||
left: @noteListWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
#leftNotebook {
|
@notebookListBorder: #eee;
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
#notebookMin {
|
@notebookInputBorder: none;
|
||||||
z-index: 1;
|
@notebookInputColor: #000;
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
&: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 {
|
@notebookMinBgColor: #eee;
|
||||||
position: absolute;
|
@notebookMinContainerBorder: 1px solid #ccc;
|
||||||
bottom: 0px;
|
@notebookMinIconColor: #000;
|
||||||
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 {
|
@folderHeaderBorderColor: rgba(0,0,0,0.05);
|
||||||
position: absolute;
|
@folderHeaderIconColor: #000;
|
||||||
bottom: 0;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: @leftNotebookWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
#noteList {
|
@eachUserBorderColor: #eee;
|
||||||
width: @noteListWidth;
|
|
||||||
border-right: 1px solid @borderColor;
|
|
||||||
border-left: 1px solid @borderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#note {
|
@noteListBorderColor: @borderColor;
|
||||||
position: absolute;
|
@noteAndSortBgColor: @bgColor;
|
||||||
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 {
|
.folderBody a.active {
|
||||||
background-color: @bgColor;
|
background-color: @bgColor;
|
||||||
color: @hColor;
|
color: @hColor;
|
||||||
@ -281,183 +64,4 @@
|
|||||||
background-color: @borderColor !important;
|
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";
|
@import "mobile.less";
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -116,7 +116,9 @@ a.raw:hover {
|
|||||||
|
|
||||||
#searchWrap, #logo, #switcher,
|
#searchWrap, #logo, #switcher,
|
||||||
#leftNotebook,
|
#leftNotebook,
|
||||||
.noteSplit
|
.noteSplit,
|
||||||
|
.for-split,
|
||||||
|
#curNotebookForNewNote
|
||||||
{
|
{
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
@ -792,6 +794,15 @@ background-position:-1px -670px
|
|||||||
background: none;
|
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 {
|
.new-note-left {
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
width: 95px;
|
width: 95px;
|
||||||
@ -992,6 +1003,7 @@ html,body {
|
|||||||
}
|
}
|
||||||
#noteTitleDiv {
|
#noteTitleDiv {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
#noteTitle {
|
#noteTitle {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -1014,6 +1026,7 @@ html,body {
|
|||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
border: none;
|
||||||
#notesAndSort {
|
#notesAndSort {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -1055,7 +1068,7 @@ html,body {
|
|||||||
#leanoteNav {
|
#leanoteNav {
|
||||||
background-color: @bgColor;
|
background-color: @bgColor;
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
right: -30px;
|
// right: -30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-note-right {
|
.new-note-right {
|
||||||
@ -1170,6 +1183,10 @@ body {
|
|||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#noteAndEditor {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
// tool-bar
|
// tool-bar
|
||||||
#editor {
|
#editor {
|
||||||
#mceToolbar {
|
#mceToolbar {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user