theme; split by files
This commit is contained in:
lealife
@ -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,
|
||||
@ -103,39 +27,37 @@
|
||||
.mce-i-ace-pre,
|
||||
.lea-icon
|
||||
{
|
||||
font-family: 'leanote' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
font-family: 'leanote' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icon-markdown:before {
|
||||
content: "\e604";
|
||||
content: "\e604";
|
||||
}
|
||||
.mce-i-mind:before {
|
||||
content: "\e602";
|
||||
content: "\e602";
|
||||
}
|
||||
.mce-i-ace-pre:before {
|
||||
content: "\e603";
|
||||
content: "\e603";
|
||||
}
|
||||
#logo:before {
|
||||
content: "\e600";
|
||||
line-height: 1;
|
||||
margin-top: 5px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
content: "\e600";
|
||||
line-height: 1;
|
||||
margin-top: 5px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
#switcher span:before {
|
||||
content: "\e601";
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
html,body {
|
||||
}
|
||||
*,.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
@ -175,10 +97,81 @@ h1, h2, h3 {
|
||||
.editor-content,
|
||||
.preview-container
|
||||
{
|
||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||
}
|
||||
|
||||
|
||||
@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;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,288 +1,5 @@
|
||||
@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 {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.1) !important;
|
||||
@ -292,205 +9,20 @@
|
||||
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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.each-user {
|
||||
border: 1px solid rgba(0, 0, 0, 0.09);
|
||||
background-color: @leftBgColor;
|
||||
}
|
||||
#myShareNotebooks .folderBody {
|
||||
background: none;
|
||||
}
|
||||
@ -498,14 +30,27 @@
|
||||
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 {
|
||||
padding-top:0px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
color: #fff;
|
||||
height: 30px;
|
||||
border:1px #ccc solid;
|
||||
opacity: 0.8;
|
||||
filter:alpha(opacity=80)
|
||||
padding-top:0px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
color: #fff;
|
||||
height: 30px;
|
||||
border:1px #ccc solid;
|
||||
opacity: 0.8;
|
||||
filter:alpha(opacity=80)
|
||||
}
|
||||
|
||||
@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 {
|
||||
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;
|
||||
@ -278,4 +294,4 @@
|
||||
border: 2px rgba(101, 189, 119, 0.8) solid !important;
|
||||
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 @@
|
||||
* 笔记列表
|
||||
*/
|
||||
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
// 内容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 {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -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;
|
||||
}
|
||||
|
||||
&: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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@notebookInputBorder: none;
|
||||
@notebookInputColor: #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;
|
||||
}
|
||||
}
|
||||
@notebookMinBgColor: #eee;
|
||||
@notebookMinContainerBorder: 1px solid #ccc;
|
||||
@notebookMinIconColor: #000;
|
||||
|
||||
#noteAndEditor {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
@folderHeaderBorderColor: rgba(0,0,0,0.05);
|
||||
@folderHeaderIconColor: #000;
|
||||
|
||||
#noteList {
|
||||
width: @noteListWidth;
|
||||
border-right: 1px solid @borderColor;
|
||||
border-left: 1px solid @borderColor;
|
||||
}
|
||||
@eachUserBorderColor: #eee;
|
||||
|
||||
#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;
|
||||
}
|
||||
@noteListBorderColor: @borderColor;
|
||||
@noteAndSortBgColor: @bgColor;
|
||||
|
||||
.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";
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -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 {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user