v1.0 beta init
This commit is contained in:
life committed
1 parent
8ae438272b
commit
593d2c2965
225 files changed
+27217
-3675
No files matched your search
+384
-15
@@ -66,7 +66,15 @@
|
||||
#switcher span:before {
|
||||
content: "b";
|
||||
}
|
||||
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 3px;
|
||||
margin:0;
|
||||
@@ -91,12 +99,12 @@
|
||||
.dropdown-submenu .dropdown-menu:before {
|
||||
background: none;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
#tagColor:before {
|
||||
background: none;
|
||||
#searchNotebookForAddDropdownList, #searchNotebookForAddShareDropdownList {
|
||||
left: -200px;
|
||||
&:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu li {
|
||||
@@ -235,9 +243,7 @@
|
||||
line-height: 40px; margin-top: 10px;
|
||||
}
|
||||
|
||||
#searchNotebookForAddDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
@@ -251,6 +257,10 @@
|
||||
#myNotebooks .folderBody {
|
||||
padding-top: 3px;
|
||||
}
|
||||
// 防止左侧笔记本名称太长
|
||||
.folderBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#searchNotebookForList {
|
||||
height: 30px;
|
||||
width: 90%;
|
||||
@@ -319,13 +329,29 @@
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
//
|
||||
.notebook-number-notes {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
//border: 1px solid #ccc;
|
||||
//border-radius: 1px;
|
||||
line-height: 20px !important;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
// 设置
|
||||
.notebook-setting {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
right: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
line-height: 30px;
|
||||
}
|
||||
.notebook-setting:before {
|
||||
@@ -388,20 +414,20 @@
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
#dropAttach {
|
||||
.dropzone {
|
||||
text-align: center;
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#dropAttach.in {
|
||||
.dropzone.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
#dropAttach.hover {
|
||||
.dropzone.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
|
||||
#attachUploadMsg{
|
||||
#attachUploadMsg, #avatarUploadMsg{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -441,6 +467,9 @@
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
li.loading {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
//--------
|
||||
@@ -557,4 +586,344 @@
|
||||
-moz-animation-name: fadeInUp;
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
|
||||
#historyList {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
#avatar {
|
||||
height: 60px; max-width: 200px; display: inline-block; margin: 10px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
|
||||
}
|
||||
#noteReadInfo {
|
||||
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
|
||||
color: #666;
|
||||
}
|
||||
.my-link, .new-markdown-text-abbr, .new-note-text-abbr {
|
||||
display: none;
|
||||
}
|
||||
#myAvatar {
|
||||
height: 30px;
|
||||
max-width: 30px;
|
||||
overflow: hidden;
|
||||
// border: 1px solid #ccc;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 270px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
&:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
#addTagInput {
|
||||
width: 100px;
|
||||
}
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
}
|
||||
#noteItemListWrap {
|
||||
position: absolute; left: 0; right: 0;
|
||||
top: 36px; bottom: 3px;
|
||||
}
|
||||
|
||||
// -------------------
|
||||
// mdeditor
|
||||
|
||||
#mdEditorPreview {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#left-column, #right-column, #mdSplitter{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#mdSplitter {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
left: 450px;
|
||||
background: none;
|
||||
}
|
||||
#left-column {
|
||||
left: 0;
|
||||
width: 450px;
|
||||
}
|
||||
#right-column {
|
||||
left: 450px;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wmd-panel-editor, .preview-container, #wmd-input {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wmd-panel-editor, .wmd-panel-preview {
|
||||
}
|
||||
|
||||
.wmd-input, .wmd-input:focus, #md-section-helper /* helper必须在这里 */
|
||||
{
|
||||
width: 100%;
|
||||
border: 1px #eee solid;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* 不能为display: none */
|
||||
#md-section-helper {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 0 6px;
|
||||
top:10px; /*一条横线....*/
|
||||
z-index: -1;
|
||||
opacity: none;
|
||||
}
|
||||
|
||||
#right-column {
|
||||
border: 1px dashed #BBBBBB;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.preview-container {
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.wmd-button-row, .preview-button-row
|
||||
{
|
||||
padding: 0px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wmd-spacer
|
||||
{
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
margin-left: 10px;
|
||||
|
||||
background-color: Silver;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.wmd-button, .preview-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
}
|
||||
.wmd-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.preview-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.wmd-button > span, .preview-button > span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
// 顶部导航, 博客
|
||||
.top-nav {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
// context-menu
|
||||
// 防止换行
|
||||
.cm-item {
|
||||
position: relative;
|
||||
.cm-text {
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
right: 10px;
|
||||
white-space: nowrap;text-overflow:ellipsis;
|
||||
overflow: hidden;
|
||||
.c-text {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
.b-m-mpanel {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
//-------------
|
||||
//
|
||||
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 1px solid @borderColor;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
//color: @aBlackColor;
|
||||
.item-title {
|
||||
//color: @aBlackColor;
|
||||
//font-weight: 800;
|
||||
}
|
||||
}
|
||||
|
||||
.item-active, #noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important; // #eee;/*@bgColor*/;
|
||||
color: #fff;
|
||||
.fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-title {
|
||||
color: #fff;
|
||||
// font-weight: 800;
|
||||
}
|
||||
}#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
top: 4px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: @aBlackColor;
|
||||
border-bottom: dashed 1px @borderColor;
|
||||
}
|
||||
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4px;
|
||||
right: 0px;
|
||||
margin-left: 4px;
|
||||
.fa { // folder, calender 颜色暗些
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
#noteItemList .item-image .item-desc {
|
||||
right: 100px;
|
||||
}
|
||||
|
||||
.item-info {
|
||||
margin: 0;
|
||||
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
|
||||
}
|
||||
.desc {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
//--------
|
||||
// 右部edtior
|
||||
// 为splitter使用
|
||||
#editorMask {
|
||||
position: absolute; top: 0px; bottom: 0px; right: 0; left: 0;
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
z-index: -10;
|
||||
.fa, a {
|
||||
font-size: 24px;
|
||||
}
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @borderColor;
|
||||
padding: 10px;
|
||||
&:hover {
|
||||
background-color: @noteActiveBg;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.note-mask {
|
||||
position: absolute; top: 0px; bottom: 0px; right: 0; left: 3px; z-index: -1;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
padding-top: 60px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
opacity: .3;
|
||||
}
|
||||
#themeForm td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
#themeForm img {
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.dropdown-menu .divider {
|
||||
margin: 3px 0;
|
||||
}
|
||||
+626
-130
@@ -58,6 +58,15 @@
|
||||
#switcher span:before {
|
||||
content: "b";
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 3px;
|
||||
margin: 0;
|
||||
@@ -79,13 +88,15 @@
|
||||
.dropdown-submenu .dropdown-menu:before {
|
||||
background: none;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before {
|
||||
#searchNotebookForAddDropdownList,
|
||||
#searchNotebookForAddShareDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before,
|
||||
#searchNotebookForAddShareDropdownList:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
#tagColor:before {
|
||||
background: none;
|
||||
}
|
||||
.dropdown-menu li {
|
||||
list-style: none;
|
||||
padding-left: 10px;
|
||||
@@ -210,9 +221,6 @@
|
||||
line-height: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
width: 200px;
|
||||
@@ -225,6 +233,9 @@
|
||||
#myNotebooks .folderBody {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.folderBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#searchNotebookForList {
|
||||
height: 30px;
|
||||
width: 90%;
|
||||
@@ -282,12 +293,25 @@
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.notebook-number-notes {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
line-height: 20px !important;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.notebook-setting {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
right: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
line-height: 30px;
|
||||
}
|
||||
.notebook-setting:before {
|
||||
@@ -345,26 +369,28 @@
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
#dropAttach {
|
||||
.dropzone {
|
||||
text-align: center;
|
||||
}
|
||||
#dropAttach input {
|
||||
.dropzone input {
|
||||
display: none;
|
||||
}
|
||||
#dropAttach.in {
|
||||
.dropzone.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
#dropAttach.hover {
|
||||
.dropzone.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
#attachUploadMsg {
|
||||
#attachUploadMsg,
|
||||
#avatarUploadMsg {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 240px;
|
||||
z-index: 3;
|
||||
}
|
||||
#attachUploadMsg .alert {
|
||||
#attachUploadMsg .alert,
|
||||
#avatarUploadMsg .alert {
|
||||
margin: 0;
|
||||
padding: 0 3px;
|
||||
margin-top: 10px;
|
||||
@@ -400,6 +426,9 @@
|
||||
#attachList li .attach-process {
|
||||
float: right;
|
||||
}
|
||||
#attachList li.loading {
|
||||
text-align: center;
|
||||
}
|
||||
.animated {
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
@@ -496,6 +525,335 @@
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
#historyList img {
|
||||
max-width: 100%;
|
||||
}
|
||||
#avatar {
|
||||
height: 60px;
|
||||
max-width: 200px;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteReadInfo {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
color: #666;
|
||||
}
|
||||
.my-link,
|
||||
.new-markdown-text-abbr,
|
||||
.new-note-text-abbr {
|
||||
display: none;
|
||||
}
|
||||
#myAvatar {
|
||||
height: 30px;
|
||||
max-width: 30px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 270px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
}
|
||||
#addTagInput {
|
||||
width: 100px;
|
||||
}
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
}
|
||||
#noteItemListWrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 36px;
|
||||
bottom: 3px;
|
||||
}
|
||||
#mdEditorPreview {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#left-column,
|
||||
#right-column,
|
||||
#mdSplitter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#mdSplitter {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
left: 450px;
|
||||
background: none;
|
||||
}
|
||||
#left-column {
|
||||
left: 0;
|
||||
width: 450px;
|
||||
}
|
||||
#right-column {
|
||||
left: 450px;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wmd-panel-editor,
|
||||
.preview-container,
|
||||
#wmd-input {
|
||||
height: 100%;
|
||||
}
|
||||
.wmd-input,
|
||||
.wmd-input:focus,
|
||||
#md-section-helper {
|
||||
width: 100%;
|
||||
border: 1px #eee solid;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* 不能为display: none */
|
||||
#md-section-helper {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 0 6px;
|
||||
top: 10px;
|
||||
/*一条横线....*/
|
||||
z-index: -1;
|
||||
opacity: none;
|
||||
}
|
||||
#right-column {
|
||||
border: 1px dashed #BBBBBB;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.preview-container {
|
||||
overflow: auto;
|
||||
}
|
||||
.wmd-preview {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.wmd-button-row,
|
||||
.preview-button-row {
|
||||
padding: 0px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.wmd-spacer {
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
margin-left: 10px;
|
||||
background-color: Silver;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.wmd-button,
|
||||
.preview-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
}
|
||||
.wmd-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.preview-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.wmd-button > span,
|
||||
.preview-button > span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.top-nav {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
.cm-item {
|
||||
position: relative;
|
||||
}
|
||||
.cm-item .cm-text {
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
right: 10px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cm-item .cm-text .c-text {
|
||||
display: initial;
|
||||
}
|
||||
.b-m-mpanel {
|
||||
border-radius: 3px;
|
||||
}
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
}
|
||||
.item-active,
|
||||
#noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.item-active .fa,
|
||||
#noteItemList .item-active:hover .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-active .item-title,
|
||||
#noteItemList .item-active:hover .item-title {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
top: 4px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: #000000;
|
||||
border-bottom: dashed 1px #ebeff2;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4px;
|
||||
right: 0px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
#noteItemList .item-desc .fa {
|
||||
color: #666;
|
||||
}
|
||||
#noteItemList .item-image .item-desc {
|
||||
right: 100px;
|
||||
}
|
||||
.item-info {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.desc {
|
||||
margin: 0;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
z-index: -10;
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
#editorMask .fa,
|
||||
#editorMask a {
|
||||
font-size: 24px;
|
||||
}
|
||||
#editorMask a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
padding: 10px;
|
||||
}
|
||||
#editorMask a:hover {
|
||||
background-color: #65bd77;
|
||||
color: #fff;
|
||||
}
|
||||
.note-mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 3px;
|
||||
z-index: -1;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
padding-top: 60px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
opacity: .3;
|
||||
}
|
||||
#themeForm td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
#themeForm img {
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
.dropdown-menu .divider {
|
||||
margin: 3px 0;
|
||||
}
|
||||
::selection {
|
||||
background: #000000;
|
||||
color: #ffffff;
|
||||
@@ -539,7 +897,6 @@ a.raw:hover {
|
||||
height: 60px;
|
||||
background-color: #25313e;
|
||||
color: #ffffff;
|
||||
border-bottom: 1px solid #ebeff2;
|
||||
/* for app */
|
||||
webkit-user-select: none;
|
||||
/* 还不知 */
|
||||
@@ -564,8 +921,6 @@ a.raw:hover {
|
||||
height: 59px;
|
||||
padding-left: 10px;
|
||||
padding-top: 0px;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
#logo span {
|
||||
background-color: #000;
|
||||
@@ -694,15 +1049,6 @@ a.raw:hover {
|
||||
padding-top: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
#notebookSplitter {
|
||||
left: 170px;
|
||||
}
|
||||
@@ -993,81 +1339,6 @@ a.raw:hover {
|
||||
right:0;*/
|
||||
float: right;
|
||||
}
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
background-color: #f7f7f7;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
color: #000000;
|
||||
}
|
||||
.item-active,
|
||||
#noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.item-active .item-desc .fa,
|
||||
#noteItemList .item-active:hover .item-desc .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-active .item-title,
|
||||
#noteItemList .item-active:hover .item-title {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 100px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
#noteItemList .item-desc .fa {
|
||||
color: #666;
|
||||
}
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: #000000;
|
||||
border-bottom: dashed 1px #ebeff2;
|
||||
}
|
||||
/* note */
|
||||
/* editor */
|
||||
#editorTool {
|
||||
@@ -1092,31 +1363,6 @@ a.raw:hover {
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
z-index: -10;
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
#editorMask .fa,
|
||||
#editorMask a {
|
||||
font-size: 24px;
|
||||
}
|
||||
#editorMask a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
padding: 10px;
|
||||
}
|
||||
#editorMask a:hover {
|
||||
background-color: #65bd77;
|
||||
color: #fff;
|
||||
}
|
||||
#editor,
|
||||
#mdEditor {
|
||||
position: absolute;
|
||||
@@ -1466,10 +1712,6 @@ background-position:-1px -670px
|
||||
.dropdown-menu li {
|
||||
cursor: default;
|
||||
}
|
||||
#topNav a {
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
.tab-pane {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
@@ -1547,3 +1789,257 @@ background-position:-1px -670px
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
#toggleEditorMode,
|
||||
#lea,
|
||||
#myBlog,
|
||||
#demoRegister,
|
||||
.noteSplit,
|
||||
#logo,
|
||||
#tipsBtn,
|
||||
#contentHistory,
|
||||
#curNotebookForNewNote,
|
||||
#curNotebookForNewSharedNote,
|
||||
.for-split,
|
||||
#listNotebookDropdownMenu,
|
||||
#listShareNotebookDropdownMenu,
|
||||
.new-markdown-text,
|
||||
.new-note-text,
|
||||
.username,
|
||||
#notebookMin,
|
||||
.ui-loader {
|
||||
display: none !important;
|
||||
}
|
||||
*,
|
||||
.ztree li a.level0 span,
|
||||
.ztree li a.level1 span,
|
||||
.label {
|
||||
font-size: 16px;
|
||||
}
|
||||
.label i {
|
||||
opacity: 1;
|
||||
width: 20px;
|
||||
}
|
||||
.label i:hover,
|
||||
.label i:focus {
|
||||
color: #65bd77 !important;
|
||||
}
|
||||
a:focus,
|
||||
a:hover,
|
||||
a:active {
|
||||
color: #65bd77 !important;
|
||||
}
|
||||
#noteItemList .item {
|
||||
height: 120px;
|
||||
}
|
||||
#leftNotebook {
|
||||
width: 140px !important;
|
||||
max-width: 140px;
|
||||
}
|
||||
#notebook {
|
||||
display: block !important;
|
||||
}
|
||||
#leftNotebook .slimScrollDiv {
|
||||
display: block !important;
|
||||
}
|
||||
#switcher {
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#switcher i {
|
||||
padding: 20px 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
#newNoteMarkdownBtn {
|
||||
width: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteAndEditor {
|
||||
left: 140px !important;
|
||||
}
|
||||
#noteList {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
}
|
||||
#note {
|
||||
visibility: hidden;
|
||||
z-index: -1;
|
||||
overflow-x: hidden;
|
||||
left: 0 !important;
|
||||
}
|
||||
#note #editor {
|
||||
visibility: hidden;
|
||||
}
|
||||
#note .mce-tinymce {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
#note.editor-show {
|
||||
visibility: visible;
|
||||
z-index: initial;
|
||||
}
|
||||
#note.editor-show #editor {
|
||||
visibility: visible;
|
||||
}
|
||||
#note.editor-show .mce-tinymce {
|
||||
visibility: visible !important;
|
||||
}
|
||||
#leftSwitcher {
|
||||
display: block !important;
|
||||
}
|
||||
#leftSwitcher2 {
|
||||
display: none !important;
|
||||
}
|
||||
.full-editor #leftNotebook {
|
||||
display: none;
|
||||
}
|
||||
.full-editor #noteAndEditor {
|
||||
left: 0 !important;
|
||||
}
|
||||
.full-editor #noteList {
|
||||
display: none;
|
||||
}
|
||||
#searchWrap {
|
||||
margin-left: 3px;
|
||||
}
|
||||
#searchNote {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#searchNote input {
|
||||
width: 55px;
|
||||
padding-left: 5px;
|
||||
padding-right: 2px;
|
||||
margin-top: 3px;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-webkit-transition: 0.3s ease;
|
||||
-moz-transition: 0.3s ease;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
#searchNote input:focus {
|
||||
width: 100px;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 140px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
#tag #tags {
|
||||
left: 50px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
position: absolute;
|
||||
line-height: 40px;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
#tag #tagDropdown {
|
||||
float: left;
|
||||
width: 50px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding-left: 3px;
|
||||
}
|
||||
#tag .add-tag-text {
|
||||
display: none;
|
||||
}
|
||||
#tag #addTagInput {
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
#tag #tagColor {
|
||||
display: none !important;
|
||||
}
|
||||
#left-column {
|
||||
width: 100% !important;
|
||||
}
|
||||
#mdEditor #wmd-input {
|
||||
font-size: 16px;
|
||||
}
|
||||
#md-section-helper {
|
||||
display: none;
|
||||
}
|
||||
#right-column {
|
||||
display: none !important;
|
||||
}
|
||||
.new-markdown-text-abbr,
|
||||
.new-note-text-abbr {
|
||||
display: inline;
|
||||
}
|
||||
.my-link {
|
||||
display: block;
|
||||
}
|
||||
#themeForm img {
|
||||
height: 70px !important;
|
||||
}
|
||||
.slimScrollBar,
|
||||
.slimScrollRail {
|
||||
display: none !important;
|
||||
}
|
||||
#noteItemList,
|
||||
#notebook,
|
||||
#leftNotebook,
|
||||
.slimScrollDiv,
|
||||
#editorContent_ifr,
|
||||
.mce-edit-area,
|
||||
.mce-container-body,
|
||||
.mce-tinymce,
|
||||
#editor .mce-ifr,
|
||||
.wmd-input {
|
||||
overflow: scroll !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
#noteReadContent {
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
#attachMenu {
|
||||
width: 320px;
|
||||
}
|
||||
#attachList {
|
||||
max-height: 200px;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
#attachList li .attach-title {
|
||||
width: 170px;
|
||||
}
|
||||
#dropAttach .btn {
|
||||
padding: 5px 3px;
|
||||
margin-top: 3px;
|
||||
display: block;
|
||||
}
|
||||
#myTag .folderBody li {
|
||||
margin: 5px;
|
||||
}
|
||||
#myTag .folderBody li a:hover span {
|
||||
color: #65bd77;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
height: 118px;
|
||||
}
|
||||
#noteItemList .item-setting,
|
||||
#noteItemList .item-blog {
|
||||
font-size: 16px;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
@@ -65,7 +65,6 @@ a.raw:hover {
|
||||
li a {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
border-bottom: 1px solid @borderColor;
|
||||
|
||||
/* for app */
|
||||
webkit-user-select: none; /* 还不知 */
|
||||
@@ -81,8 +80,6 @@ a.raw:hover {
|
||||
//background-color: #41586e; // #374b5e; // #65bd77;
|
||||
padding-left: 10px;
|
||||
padding-top: 0px;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
//color: #ccc;
|
||||
}
|
||||
#logo span{
|
||||
@@ -227,15 +224,7 @@ a.raw:hover {
|
||||
padding-top: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
#notebookSplitter {
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
@@ -543,88 +532,7 @@ a.raw:hover {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
background-color: #f7f7f7;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border: 1px solid @borderColor;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
color: @aBlackColor;
|
||||
.item-title {
|
||||
// color: @aBlackColor;
|
||||
//font-weight: 800;
|
||||
}
|
||||
}
|
||||
|
||||
.item-active, #noteItemList .item-active:hover {
|
||||
background-color: @noteActiveBg !important; // #eee;/*@bgColor*/;
|
||||
color: #fff;
|
||||
.item-desc .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-title {
|
||||
color: #fff;
|
||||
// font-weight: 800;
|
||||
}
|
||||
}
|
||||
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 100px;
|
||||
margin-left: 4px;
|
||||
.fa { // folder, calender 颜色暗些
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: @aBlackColor;
|
||||
border-bottom: dashed 1px @borderColor;
|
||||
}
|
||||
|
||||
/* note */
|
||||
#noteTop {
|
||||
@@ -658,26 +566,7 @@ a.raw:hover {
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute; top: 0px; bottom: 0px; right: 0; left: 0;
|
||||
background-color: #fff;
|
||||
z-index: -10;
|
||||
.fa, a {
|
||||
font-size: 24px;
|
||||
}
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @borderColor;
|
||||
padding: 10px;
|
||||
&:hover {
|
||||
background-color: @noteActiveBg;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#editor, #mdEditor{
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
@@ -1066,11 +955,6 @@ background-position:-1px -670px
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
// 顶部导航, 博客
|
||||
#topNav a {
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
padding: 5px 0 0 0;
|
||||
@@ -1163,4 +1047,6 @@ background-position:-1px -670px
|
||||
border:1px #ccc solid;
|
||||
opacity: 0.8;
|
||||
filter:alpha(opacity=80)
|
||||
}
|
||||
}
|
||||
|
||||
@import "mobile.less";
|
||||
@@ -0,0 +1,269 @@
|
||||
@media screen and (max-width:700px) {
|
||||
@green: #65bd77;
|
||||
|
||||
#toggleEditorMode,
|
||||
#lea,
|
||||
#myBlog,
|
||||
#demoRegister,
|
||||
.noteSplit,
|
||||
#logo,
|
||||
#tipsBtn,
|
||||
#contentHistory,
|
||||
#curNotebookForNewNote,
|
||||
#curNotebookForNewSharedNote,
|
||||
.for-split,
|
||||
#listNotebookDropdownMenu,
|
||||
#listShareNotebookDropdownMenu,
|
||||
.new-markdown-text,
|
||||
.new-note-text,
|
||||
.username,
|
||||
#notebookMin,
|
||||
.ui-loader
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
*,
|
||||
.ztree li a.level0 span,
|
||||
.ztree li a.level1 span,
|
||||
.label
|
||||
{
|
||||
font-size: 16px;
|
||||
}
|
||||
.label i {
|
||||
opacity: 1;
|
||||
width: 20px;
|
||||
&:hover, &:focus {
|
||||
color: @green !important;
|
||||
}
|
||||
}
|
||||
a:focus, a:hover, a:active {
|
||||
color: @green !important;
|
||||
}
|
||||
#noteItemList .item {
|
||||
height: 120px;
|
||||
}
|
||||
// 为防止进入min模式
|
||||
@leftNotebookWidth: 140px;
|
||||
#leftNotebook {
|
||||
width: @leftNotebookWidth !important;
|
||||
max-width: @leftNotebookWidth;
|
||||
}
|
||||
#notebook {
|
||||
display: block !important;
|
||||
}
|
||||
#leftNotebook .slimScrollDiv {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
#switcher {
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
i {
|
||||
padding: 20px 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
#newNoteMarkdownBtn {
|
||||
width: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteAndEditor {
|
||||
left: @leftNotebookWidth !important;
|
||||
// left: 0 !important;
|
||||
}
|
||||
|
||||
#noteList {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
}
|
||||
#note {
|
||||
visibility: hidden;
|
||||
z-index: -1; // 把note放到后面, 这样手机端滚动才平滑
|
||||
overflow-x: hidden;
|
||||
#editor {
|
||||
visibility: hidden;
|
||||
}
|
||||
.mce-tinymce {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
left: 0 !important;
|
||||
}
|
||||
#note.editor-show {
|
||||
visibility: visible;
|
||||
z-index: initial;
|
||||
#editor {
|
||||
visibility: visible;
|
||||
}
|
||||
.mce-tinymce {
|
||||
visibility: visible !important;
|
||||
}
|
||||
}
|
||||
#leftSwitcher {
|
||||
display: block !important;
|
||||
}
|
||||
#leftSwitcher2 {
|
||||
display: none !important;
|
||||
}
|
||||
.full-editor {
|
||||
#leftNotebook {
|
||||
display: none;
|
||||
}
|
||||
#noteAndEditor {
|
||||
left: 0 !important;
|
||||
}
|
||||
#noteList {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#searchWrap {
|
||||
margin-left: 3px;
|
||||
}
|
||||
#searchNote {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding-right: 10px;
|
||||
input {
|
||||
width: 55px;
|
||||
padding-left: 5px;
|
||||
padding-right: 2px;
|
||||
margin-top: 3px;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-webkit-transition: 0.3s ease;
|
||||
-moz-transition: 0.3s ease;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
input:focus {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 140px;
|
||||
left:0;
|
||||
top:0;
|
||||
bottom:0;
|
||||
overflow: hidden;
|
||||
|
||||
#tags {
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||
position: absolute;
|
||||
line-height: 40px;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
#tagDropdown {
|
||||
float: left;
|
||||
width: 50px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding-left: 3px;
|
||||
}
|
||||
.add-tag-text {
|
||||
display: none;
|
||||
}
|
||||
#addTagInput {
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
#tagColor {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
#left-column {
|
||||
width: 100% !important;
|
||||
}
|
||||
#mdEditor #wmd-input {
|
||||
font-size: 16px;
|
||||
}
|
||||
#md-section-helper {
|
||||
display: none;
|
||||
}
|
||||
#right-column {
|
||||
display: none !important;
|
||||
}
|
||||
.new-markdown-text-abbr, .new-note-text-abbr {
|
||||
display: inline;
|
||||
}
|
||||
.my-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#themeForm img {
|
||||
height: 70px !important;
|
||||
}
|
||||
|
||||
// 去除slimscroll
|
||||
.slimScrollBar, .slimScrollRail {
|
||||
display: none !important;
|
||||
}
|
||||
#noteItemList, #notebook, #leftNotebook,
|
||||
.slimScrollDiv,
|
||||
#editorContent_ifr,
|
||||
.mce-edit-area,.mce-container-body,.mce-tinymce,
|
||||
#editor .mce-ifr,
|
||||
.wmd-input{
|
||||
overflow: scroll !important;
|
||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||
}
|
||||
|
||||
#noteReadContent {
|
||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||
}
|
||||
|
||||
#attachMenu {
|
||||
width: 320px;
|
||||
}
|
||||
#attachList {
|
||||
max-height: 200px;
|
||||
-webkit-overflow-scrolling: touch !important; // for iphone
|
||||
}
|
||||
#attachList li .attach-title {
|
||||
width: 170px;
|
||||
}
|
||||
#dropAttach .btn {
|
||||
padding: 5px 3px;
|
||||
margin-top: 3px;
|
||||
display: block;
|
||||
}
|
||||
#myTag .folderBody li {
|
||||
margin: 5px;
|
||||
a:hover {
|
||||
span {
|
||||
color: @green;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 中部列表
|
||||
#noteItemList .item-thumb {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
height: 118px;
|
||||
}
|
||||
#noteItemList .item-setting, #noteItemList .item-blog {
|
||||
font-size: 16px;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#noteMaskForLoading {
|
||||
opacity: .8
|
||||
}
|
||||
|
||||
}
|
||||
+626
-121
@@ -58,6 +58,15 @@
|
||||
#switcher span:before {
|
||||
content: "b";
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 3px;
|
||||
margin: 0;
|
||||
@@ -79,13 +88,15 @@
|
||||
.dropdown-submenu .dropdown-menu:before {
|
||||
background: none;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before {
|
||||
#searchNotebookForAddDropdownList,
|
||||
#searchNotebookForAddShareDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before,
|
||||
#searchNotebookForAddShareDropdownList:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
#tagColor:before {
|
||||
background: none;
|
||||
}
|
||||
.dropdown-menu li {
|
||||
list-style: none;
|
||||
padding-left: 10px;
|
||||
@@ -210,9 +221,6 @@
|
||||
line-height: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
width: 200px;
|
||||
@@ -225,6 +233,9 @@
|
||||
#myNotebooks .folderBody {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.folderBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#searchNotebookForList {
|
||||
height: 30px;
|
||||
width: 90%;
|
||||
@@ -282,12 +293,25 @@
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.notebook-number-notes {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
line-height: 20px !important;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.notebook-setting {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
right: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
line-height: 30px;
|
||||
}
|
||||
.notebook-setting:before {
|
||||
@@ -345,26 +369,28 @@
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
#dropAttach {
|
||||
.dropzone {
|
||||
text-align: center;
|
||||
}
|
||||
#dropAttach input {
|
||||
.dropzone input {
|
||||
display: none;
|
||||
}
|
||||
#dropAttach.in {
|
||||
.dropzone.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
#dropAttach.hover {
|
||||
.dropzone.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
#attachUploadMsg {
|
||||
#attachUploadMsg,
|
||||
#avatarUploadMsg {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 240px;
|
||||
z-index: 3;
|
||||
}
|
||||
#attachUploadMsg .alert {
|
||||
#attachUploadMsg .alert,
|
||||
#avatarUploadMsg .alert {
|
||||
margin: 0;
|
||||
padding: 0 3px;
|
||||
margin-top: 10px;
|
||||
@@ -400,6 +426,9 @@
|
||||
#attachList li .attach-process {
|
||||
float: right;
|
||||
}
|
||||
#attachList li.loading {
|
||||
text-align: center;
|
||||
}
|
||||
.animated {
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
@@ -496,6 +525,335 @@
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
#historyList img {
|
||||
max-width: 100%;
|
||||
}
|
||||
#avatar {
|
||||
height: 60px;
|
||||
max-width: 200px;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteReadInfo {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
color: #666;
|
||||
}
|
||||
.my-link,
|
||||
.new-markdown-text-abbr,
|
||||
.new-note-text-abbr {
|
||||
display: none;
|
||||
}
|
||||
#myAvatar {
|
||||
height: 30px;
|
||||
max-width: 30px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 270px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
}
|
||||
#addTagInput {
|
||||
width: 100px;
|
||||
}
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
}
|
||||
#noteItemListWrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 36px;
|
||||
bottom: 3px;
|
||||
}
|
||||
#mdEditorPreview {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#left-column,
|
||||
#right-column,
|
||||
#mdSplitter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#mdSplitter {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
left: 450px;
|
||||
background: none;
|
||||
}
|
||||
#left-column {
|
||||
left: 0;
|
||||
width: 450px;
|
||||
}
|
||||
#right-column {
|
||||
left: 450px;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wmd-panel-editor,
|
||||
.preview-container,
|
||||
#wmd-input {
|
||||
height: 100%;
|
||||
}
|
||||
.wmd-input,
|
||||
.wmd-input:focus,
|
||||
#md-section-helper {
|
||||
width: 100%;
|
||||
border: 1px #eee solid;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* 不能为display: none */
|
||||
#md-section-helper {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 0 6px;
|
||||
top: 10px;
|
||||
/*一条横线....*/
|
||||
z-index: -1;
|
||||
opacity: none;
|
||||
}
|
||||
#right-column {
|
||||
border: 1px dashed #BBBBBB;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.preview-container {
|
||||
overflow: auto;
|
||||
}
|
||||
.wmd-preview {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.wmd-button-row,
|
||||
.preview-button-row {
|
||||
padding: 0px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.wmd-spacer {
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
margin-left: 10px;
|
||||
background-color: Silver;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.wmd-button,
|
||||
.preview-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
}
|
||||
.wmd-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.preview-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.wmd-button > span,
|
||||
.preview-button > span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.top-nav {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
.cm-item {
|
||||
position: relative;
|
||||
}
|
||||
.cm-item .cm-text {
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
right: 10px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cm-item .cm-text .c-text {
|
||||
display: initial;
|
||||
}
|
||||
.b-m-mpanel {
|
||||
border-radius: 3px;
|
||||
}
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
}
|
||||
.item-active,
|
||||
#noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.item-active .fa,
|
||||
#noteItemList .item-active:hover .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-active .item-title,
|
||||
#noteItemList .item-active:hover .item-title {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
top: 4px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: #000000;
|
||||
border-bottom: dashed 1px #ebeff2;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4px;
|
||||
right: 0px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
#noteItemList .item-desc .fa {
|
||||
color: #666;
|
||||
}
|
||||
#noteItemList .item-image .item-desc {
|
||||
right: 100px;
|
||||
}
|
||||
.item-info {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.desc {
|
||||
margin: 0;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
z-index: -10;
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
#editorMask .fa,
|
||||
#editorMask a {
|
||||
font-size: 24px;
|
||||
}
|
||||
#editorMask a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
padding: 10px;
|
||||
}
|
||||
#editorMask a:hover {
|
||||
background-color: #65bd77;
|
||||
color: #fff;
|
||||
}
|
||||
.note-mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 3px;
|
||||
z-index: -1;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
padding-top: 60px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
opacity: .3;
|
||||
}
|
||||
#themeForm td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
#themeForm img {
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
.dropdown-menu .divider {
|
||||
margin: 3px 0;
|
||||
}
|
||||
::selection {
|
||||
background: #000000;
|
||||
color: #ffffff;
|
||||
@@ -685,15 +1043,6 @@ a.raw:hover {
|
||||
padding-top: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
#notebookSplitter {
|
||||
left: 170px;
|
||||
}
|
||||
@@ -954,79 +1303,6 @@ a.raw:hover {
|
||||
right:0;*/
|
||||
float: right;
|
||||
}
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
}
|
||||
.item-active,
|
||||
#noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.item-active .fa,
|
||||
#noteItemList .item-active:hover .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-active .item-title,
|
||||
#noteItemList .item-active:hover .item-title {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 100px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
#noteItemList .item-desc .fa {
|
||||
color: #666;
|
||||
}
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: #000000;
|
||||
border-bottom: dashed 1px #ebeff2;
|
||||
}
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
@@ -1051,31 +1327,6 @@ a.raw:hover {
|
||||
#noteTitle:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
z-index: -10;
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
#editorMask .fa,
|
||||
#editorMask a {
|
||||
font-size: 24px;
|
||||
}
|
||||
#editorMask a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
padding: 10px;
|
||||
}
|
||||
#editorMask a:hover {
|
||||
background-color: #65bd77;
|
||||
color: #fff;
|
||||
}
|
||||
#editor,
|
||||
#mdEditor {
|
||||
position: absolute;
|
||||
@@ -1473,3 +1724,257 @@ background-position:-1px -670px
|
||||
#notebookList {
|
||||
border-top: 1px dashed #eee;
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
#toggleEditorMode,
|
||||
#lea,
|
||||
#myBlog,
|
||||
#demoRegister,
|
||||
.noteSplit,
|
||||
#logo,
|
||||
#tipsBtn,
|
||||
#contentHistory,
|
||||
#curNotebookForNewNote,
|
||||
#curNotebookForNewSharedNote,
|
||||
.for-split,
|
||||
#listNotebookDropdownMenu,
|
||||
#listShareNotebookDropdownMenu,
|
||||
.new-markdown-text,
|
||||
.new-note-text,
|
||||
.username,
|
||||
#notebookMin,
|
||||
.ui-loader {
|
||||
display: none !important;
|
||||
}
|
||||
*,
|
||||
.ztree li a.level0 span,
|
||||
.ztree li a.level1 span,
|
||||
.label {
|
||||
font-size: 16px;
|
||||
}
|
||||
.label i {
|
||||
opacity: 1;
|
||||
width: 20px;
|
||||
}
|
||||
.label i:hover,
|
||||
.label i:focus {
|
||||
color: #65bd77 !important;
|
||||
}
|
||||
a:focus,
|
||||
a:hover,
|
||||
a:active {
|
||||
color: #65bd77 !important;
|
||||
}
|
||||
#noteItemList .item {
|
||||
height: 120px;
|
||||
}
|
||||
#leftNotebook {
|
||||
width: 140px !important;
|
||||
max-width: 140px;
|
||||
}
|
||||
#notebook {
|
||||
display: block !important;
|
||||
}
|
||||
#leftNotebook .slimScrollDiv {
|
||||
display: block !important;
|
||||
}
|
||||
#switcher {
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#switcher i {
|
||||
padding: 20px 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
#newNoteMarkdownBtn {
|
||||
width: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteAndEditor {
|
||||
left: 140px !important;
|
||||
}
|
||||
#noteList {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
}
|
||||
#note {
|
||||
visibility: hidden;
|
||||
z-index: -1;
|
||||
overflow-x: hidden;
|
||||
left: 0 !important;
|
||||
}
|
||||
#note #editor {
|
||||
visibility: hidden;
|
||||
}
|
||||
#note .mce-tinymce {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
#note.editor-show {
|
||||
visibility: visible;
|
||||
z-index: initial;
|
||||
}
|
||||
#note.editor-show #editor {
|
||||
visibility: visible;
|
||||
}
|
||||
#note.editor-show .mce-tinymce {
|
||||
visibility: visible !important;
|
||||
}
|
||||
#leftSwitcher {
|
||||
display: block !important;
|
||||
}
|
||||
#leftSwitcher2 {
|
||||
display: none !important;
|
||||
}
|
||||
.full-editor #leftNotebook {
|
||||
display: none;
|
||||
}
|
||||
.full-editor #noteAndEditor {
|
||||
left: 0 !important;
|
||||
}
|
||||
.full-editor #noteList {
|
||||
display: none;
|
||||
}
|
||||
#searchWrap {
|
||||
margin-left: 3px;
|
||||
}
|
||||
#searchNote {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#searchNote input {
|
||||
width: 55px;
|
||||
padding-left: 5px;
|
||||
padding-right: 2px;
|
||||
margin-top: 3px;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-webkit-transition: 0.3s ease;
|
||||
-moz-transition: 0.3s ease;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
#searchNote input:focus {
|
||||
width: 100px;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 140px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
#tag #tags {
|
||||
left: 50px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
position: absolute;
|
||||
line-height: 40px;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
#tag #tagDropdown {
|
||||
float: left;
|
||||
width: 50px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding-left: 3px;
|
||||
}
|
||||
#tag .add-tag-text {
|
||||
display: none;
|
||||
}
|
||||
#tag #addTagInput {
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
#tag #tagColor {
|
||||
display: none !important;
|
||||
}
|
||||
#left-column {
|
||||
width: 100% !important;
|
||||
}
|
||||
#mdEditor #wmd-input {
|
||||
font-size: 16px;
|
||||
}
|
||||
#md-section-helper {
|
||||
display: none;
|
||||
}
|
||||
#right-column {
|
||||
display: none !important;
|
||||
}
|
||||
.new-markdown-text-abbr,
|
||||
.new-note-text-abbr {
|
||||
display: inline;
|
||||
}
|
||||
.my-link {
|
||||
display: block;
|
||||
}
|
||||
#themeForm img {
|
||||
height: 70px !important;
|
||||
}
|
||||
.slimScrollBar,
|
||||
.slimScrollRail {
|
||||
display: none !important;
|
||||
}
|
||||
#noteItemList,
|
||||
#notebook,
|
||||
#leftNotebook,
|
||||
.slimScrollDiv,
|
||||
#editorContent_ifr,
|
||||
.mce-edit-area,
|
||||
.mce-container-body,
|
||||
.mce-tinymce,
|
||||
#editor .mce-ifr,
|
||||
.wmd-input {
|
||||
overflow: scroll !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
#noteReadContent {
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
#attachMenu {
|
||||
width: 320px;
|
||||
}
|
||||
#attachList {
|
||||
max-height: 200px;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
#attachList li .attach-title {
|
||||
width: 170px;
|
||||
}
|
||||
#dropAttach .btn {
|
||||
padding: 5px 3px;
|
||||
margin-top: 3px;
|
||||
display: block;
|
||||
}
|
||||
#myTag .folderBody li {
|
||||
margin: 5px;
|
||||
}
|
||||
#myTag .folderBody li a:hover span {
|
||||
color: #65bd77;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
height: 118px;
|
||||
}
|
||||
#noteItemList .item-setting,
|
||||
#noteItemList .item-blog {
|
||||
font-size: 16px;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
@@ -216,15 +216,7 @@ a.raw:hover {
|
||||
padding-top: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
#notebookSplitter {
|
||||
left: @leftNotebookWidth;
|
||||
}
|
||||
@@ -504,84 +496,6 @@ a.raw:hover {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border: 1px solid @borderColor;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;}
|
||||
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
//color: @aBlackColor;
|
||||
.item-title {
|
||||
//color: @aBlackColor;
|
||||
//font-weight: 800;
|
||||
}
|
||||
}
|
||||
|
||||
.item-active, #noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important; // #eee;/*@bgColor*/;
|
||||
color: #fff;
|
||||
.fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-title {
|
||||
color: #fff;
|
||||
// font-weight: 800;
|
||||
}
|
||||
}#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 100px;
|
||||
margin-left: 4px;
|
||||
.fa { // folder, calender 颜色暗些
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: @aBlackColor;
|
||||
border-bottom: dashed 1px @borderColor;
|
||||
}
|
||||
|
||||
/* editor */
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
@@ -610,26 +524,6 @@ border: 1px solid @borderColor;
|
||||
outline: none !important;
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute; top: 0px; bottom: 0px; right: 0; left: 0;
|
||||
background-color: #fff;
|
||||
z-index: -10;
|
||||
.fa, a {
|
||||
font-size: 24px;
|
||||
}
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @borderColor;
|
||||
padding: 10px;
|
||||
&:hover {
|
||||
background-color: @noteActiveBg;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
#editor, #mdEditor {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
@@ -1080,7 +974,8 @@ background-position:-1px -670px
|
||||
margin: 0 10px !important;
|
||||
}
|
||||
|
||||
|
||||
#notebookList {
|
||||
border-top: 1px dashed #eee;
|
||||
}
|
||||
}
|
||||
|
||||
@import "mobile.less";
|
||||
@@ -58,6 +58,15 @@
|
||||
#switcher span:before {
|
||||
content: "b";
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 3px;
|
||||
margin: 0;
|
||||
@@ -79,13 +88,15 @@
|
||||
.dropdown-submenu .dropdown-menu:before {
|
||||
background: none;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before {
|
||||
#searchNotebookForAddDropdownList,
|
||||
#searchNotebookForAddShareDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before,
|
||||
#searchNotebookForAddShareDropdownList:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
#tagColor:before {
|
||||
background: none;
|
||||
}
|
||||
.dropdown-menu li {
|
||||
list-style: none;
|
||||
padding-left: 10px;
|
||||
@@ -210,9 +221,6 @@
|
||||
line-height: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
width: 200px;
|
||||
@@ -225,6 +233,9 @@
|
||||
#myNotebooks .folderBody {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.folderBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#searchNotebookForList {
|
||||
height: 30px;
|
||||
width: 90%;
|
||||
@@ -282,12 +293,25 @@
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.notebook-number-notes {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
line-height: 20px !important;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.notebook-setting {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
right: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
line-height: 30px;
|
||||
}
|
||||
.notebook-setting:before {
|
||||
@@ -345,26 +369,28 @@
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
#dropAttach {
|
||||
.dropzone {
|
||||
text-align: center;
|
||||
}
|
||||
#dropAttach input {
|
||||
.dropzone input {
|
||||
display: none;
|
||||
}
|
||||
#dropAttach.in {
|
||||
.dropzone.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
#dropAttach.hover {
|
||||
.dropzone.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
#attachUploadMsg {
|
||||
#attachUploadMsg,
|
||||
#avatarUploadMsg {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 240px;
|
||||
z-index: 3;
|
||||
}
|
||||
#attachUploadMsg .alert {
|
||||
#attachUploadMsg .alert,
|
||||
#avatarUploadMsg .alert {
|
||||
margin: 0;
|
||||
padding: 0 3px;
|
||||
margin-top: 10px;
|
||||
@@ -400,6 +426,9 @@
|
||||
#attachList li .attach-process {
|
||||
float: right;
|
||||
}
|
||||
#attachList li.loading {
|
||||
text-align: center;
|
||||
}
|
||||
.animated {
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
@@ -496,6 +525,335 @@
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
#historyList img {
|
||||
max-width: 100%;
|
||||
}
|
||||
#avatar {
|
||||
height: 60px;
|
||||
max-width: 200px;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteReadInfo {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
color: #666;
|
||||
}
|
||||
.my-link,
|
||||
.new-markdown-text-abbr,
|
||||
.new-note-text-abbr {
|
||||
display: none;
|
||||
}
|
||||
#myAvatar {
|
||||
height: 30px;
|
||||
max-width: 30px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 270px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
}
|
||||
#addTagInput {
|
||||
width: 100px;
|
||||
}
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
}
|
||||
#noteItemListWrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 36px;
|
||||
bottom: 3px;
|
||||
}
|
||||
#mdEditorPreview {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#left-column,
|
||||
#right-column,
|
||||
#mdSplitter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#mdSplitter {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
left: 450px;
|
||||
background: none;
|
||||
}
|
||||
#left-column {
|
||||
left: 0;
|
||||
width: 450px;
|
||||
}
|
||||
#right-column {
|
||||
left: 450px;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wmd-panel-editor,
|
||||
.preview-container,
|
||||
#wmd-input {
|
||||
height: 100%;
|
||||
}
|
||||
.wmd-input,
|
||||
.wmd-input:focus,
|
||||
#md-section-helper {
|
||||
width: 100%;
|
||||
border: 1px #eee solid;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* 不能为display: none */
|
||||
#md-section-helper {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 0 6px;
|
||||
top: 10px;
|
||||
/*一条横线....*/
|
||||
z-index: -1;
|
||||
opacity: none;
|
||||
}
|
||||
#right-column {
|
||||
border: 1px dashed #BBBBBB;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.preview-container {
|
||||
overflow: auto;
|
||||
}
|
||||
.wmd-preview {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.wmd-button-row,
|
||||
.preview-button-row {
|
||||
padding: 0px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.wmd-spacer {
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
margin-left: 10px;
|
||||
background-color: Silver;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.wmd-button,
|
||||
.preview-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
}
|
||||
.wmd-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.preview-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.wmd-button > span,
|
||||
.preview-button > span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.top-nav {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
.cm-item {
|
||||
position: relative;
|
||||
}
|
||||
.cm-item .cm-text {
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
right: 10px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cm-item .cm-text .c-text {
|
||||
display: initial;
|
||||
}
|
||||
.b-m-mpanel {
|
||||
border-radius: 3px;
|
||||
}
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
}
|
||||
.item-active,
|
||||
#noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.item-active .fa,
|
||||
#noteItemList .item-active:hover .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-active .item-title,
|
||||
#noteItemList .item-active:hover .item-title {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
top: 4px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: #000000;
|
||||
border-bottom: dashed 1px #ebeff2;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4px;
|
||||
right: 0px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
#noteItemList .item-desc .fa {
|
||||
color: #666;
|
||||
}
|
||||
#noteItemList .item-image .item-desc {
|
||||
right: 100px;
|
||||
}
|
||||
.item-info {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.desc {
|
||||
margin: 0;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
z-index: -10;
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
#editorMask .fa,
|
||||
#editorMask a {
|
||||
font-size: 24px;
|
||||
}
|
||||
#editorMask a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
padding: 10px;
|
||||
}
|
||||
#editorMask a:hover {
|
||||
background-color: #65bd77;
|
||||
color: #fff;
|
||||
}
|
||||
.note-mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 3px;
|
||||
z-index: -1;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
padding-top: 60px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
opacity: .3;
|
||||
}
|
||||
#themeForm td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
#themeForm img {
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
.dropdown-menu .divider {
|
||||
margin: 3px 0;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
@@ -1279,11 +1637,15 @@ body {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#newNoteWrap,
|
||||
#topNav {
|
||||
#topNav,
|
||||
#lea,
|
||||
#myBlog {
|
||||
opacity: 0;
|
||||
}
|
||||
#newNoteWrap:hover,
|
||||
#topNav:hover {
|
||||
#topNav:hover,
|
||||
#lea:hover,
|
||||
#myBlog:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
#mainContainer {
|
||||
|
||||
@@ -884,7 +884,7 @@ html,body {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#newNoteWrap, #topNav {
|
||||
#newNoteWrap, #topNav, #lea, #myBlog {
|
||||
opacity: 0;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
|
||||
+372
-14
@@ -58,6 +58,15 @@
|
||||
#switcher span:before {
|
||||
content: "b";
|
||||
}
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 3px;
|
||||
margin: 0;
|
||||
@@ -79,13 +88,15 @@
|
||||
.dropdown-submenu .dropdown-menu:before {
|
||||
background: none;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before {
|
||||
#searchNotebookForAddDropdownList,
|
||||
#searchNotebookForAddShareDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList:before,
|
||||
#searchNotebookForAddShareDropdownList:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
#tagColor:before {
|
||||
background: none;
|
||||
}
|
||||
.dropdown-menu li {
|
||||
list-style: none;
|
||||
padding-left: 10px;
|
||||
@@ -210,9 +221,6 @@
|
||||
line-height: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#searchNotebookForAddDropdownList {
|
||||
left: -200px;
|
||||
}
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
width: 200px;
|
||||
@@ -225,6 +233,9 @@
|
||||
#myNotebooks .folderBody {
|
||||
padding-top: 3px;
|
||||
}
|
||||
.folderBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#searchNotebookForList {
|
||||
height: 30px;
|
||||
width: 90%;
|
||||
@@ -282,12 +293,25 @@
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.notebook-number-notes {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
line-height: 20px !important;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.notebook-setting {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
right: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
line-height: 30px;
|
||||
}
|
||||
.notebook-setting:before {
|
||||
@@ -345,26 +369,28 @@
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
#dropAttach {
|
||||
.dropzone {
|
||||
text-align: center;
|
||||
}
|
||||
#dropAttach input {
|
||||
.dropzone input {
|
||||
display: none;
|
||||
}
|
||||
#dropAttach.in {
|
||||
.dropzone.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
#dropAttach.hover {
|
||||
.dropzone.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
#attachUploadMsg {
|
||||
#attachUploadMsg,
|
||||
#avatarUploadMsg {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 240px;
|
||||
z-index: 3;
|
||||
}
|
||||
#attachUploadMsg .alert {
|
||||
#attachUploadMsg .alert,
|
||||
#avatarUploadMsg .alert {
|
||||
margin: 0;
|
||||
padding: 0 3px;
|
||||
margin-top: 10px;
|
||||
@@ -400,6 +426,9 @@
|
||||
#attachList li .attach-process {
|
||||
float: right;
|
||||
}
|
||||
#attachList li.loading {
|
||||
text-align: center;
|
||||
}
|
||||
.animated {
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
@@ -496,6 +525,335 @@
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
#historyList img {
|
||||
max-width: 100%;
|
||||
}
|
||||
#avatar {
|
||||
height: 60px;
|
||||
max-width: 200px;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
#noteReadInfo {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
color: #666;
|
||||
}
|
||||
.my-link,
|
||||
.new-markdown-text-abbr,
|
||||
.new-note-text-abbr {
|
||||
display: none;
|
||||
}
|
||||
#myAvatar {
|
||||
height: 30px;
|
||||
max-width: 30px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#tool {
|
||||
position: relative;
|
||||
}
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 270px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
}
|
||||
#tagColor:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
}
|
||||
#addTagInput {
|
||||
width: 100px;
|
||||
}
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
}
|
||||
#noteItemListWrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 36px;
|
||||
bottom: 3px;
|
||||
}
|
||||
#mdEditorPreview {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#left-column,
|
||||
#right-column,
|
||||
#mdSplitter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#mdSplitter {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 5;
|
||||
cursor: col-resize;
|
||||
left: 450px;
|
||||
background: none;
|
||||
}
|
||||
#left-column {
|
||||
left: 0;
|
||||
width: 450px;
|
||||
}
|
||||
#right-column {
|
||||
left: 450px;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wmd-panel-editor,
|
||||
.preview-container,
|
||||
#wmd-input {
|
||||
height: 100%;
|
||||
}
|
||||
.wmd-input,
|
||||
.wmd-input:focus,
|
||||
#md-section-helper {
|
||||
width: 100%;
|
||||
border: 1px #eee solid;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* 不能为display: none */
|
||||
#md-section-helper {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 0 6px;
|
||||
top: 10px;
|
||||
/*一条横线....*/
|
||||
z-index: -1;
|
||||
opacity: none;
|
||||
}
|
||||
#right-column {
|
||||
border: 1px dashed #BBBBBB;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.preview-container {
|
||||
overflow: auto;
|
||||
}
|
||||
.wmd-preview {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.wmd-button-row,
|
||||
.preview-button-row {
|
||||
padding: 0px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.wmd-spacer {
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
margin-left: 10px;
|
||||
background-color: Silver;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.wmd-button,
|
||||
.preview-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
font-size: 17px;
|
||||
}
|
||||
.wmd-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.preview-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.wmd-button > span,
|
||||
.preview-button > span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.top-nav {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
.cm-item {
|
||||
position: relative;
|
||||
}
|
||||
.cm-item .cm-text {
|
||||
position: absolute;
|
||||
left: 23px;
|
||||
right: 10px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cm-item .cm-text .c-text {
|
||||
display: initial;
|
||||
}
|
||||
.b-m-mpanel {
|
||||
border-radius: 3px;
|
||||
}
|
||||
/* item list */
|
||||
#noteItemList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
padding: 0 5px;
|
||||
}
|
||||
#noteItemList .item {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 3px;
|
||||
margin-top: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteItemList .item:hover,
|
||||
#noteItemList .contextmenu-hover {
|
||||
background-color: #ddd !important;
|
||||
}
|
||||
.item-active,
|
||||
#noteItemList .item-active:hover {
|
||||
background-color: #65bd77 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.item-active .fa,
|
||||
#noteItemList .item-active:hover .fa {
|
||||
color: #eee !important;
|
||||
}
|
||||
.item-active .item-title,
|
||||
#noteItemList .item-active:hover .item-title {
|
||||
color: #fff;
|
||||
}
|
||||
#noteItemList .item-thumb {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 0px;
|
||||
top: 4px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
margin-right: 5px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.item-thumb img {
|
||||
max-width: 100px;
|
||||
}
|
||||
.item-title {
|
||||
/*font-weight: 400;*/
|
||||
font-size: 16px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0px;
|
||||
color: #000000;
|
||||
border-bottom: dashed 1px #ebeff2;
|
||||
}
|
||||
#noteItemList .item-desc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4px;
|
||||
right: 0px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
#noteItemList .item-desc .fa {
|
||||
color: #666;
|
||||
}
|
||||
#noteItemList .item-image .item-desc {
|
||||
right: 100px;
|
||||
}
|
||||
.item-info {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.desc {
|
||||
margin: 0;
|
||||
}
|
||||
#editorMask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
z-index: -10;
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
#editorMask .fa,
|
||||
#editorMask a {
|
||||
font-size: 24px;
|
||||
}
|
||||
#editorMask a {
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
padding: 10px;
|
||||
}
|
||||
#editorMask a:hover {
|
||||
background-color: #65bd77;
|
||||
color: #fff;
|
||||
}
|
||||
.note-mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 3px;
|
||||
z-index: -1;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
padding-top: 60px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
opacity: .3;
|
||||
}
|
||||
#themeForm td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
#themeForm img {
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
.dropdown-menu .divider {
|
||||
margin: 3px 0;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
|
||||
Reference in new issue
Block a user