github-code/leanote
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ace editor, markdown editor

Browse Source
This commit is contained in:
life committed 2015-01-08 00:36:28 +08:00
1 parent be01c9c3f7
commit 2cfc89ca5f
1233 files changed
+24568 -10275
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/css/blog/basic.less
+1 -1
View File
@@ -255,4 +255,4 @@ ul.dropdown-menu {
padding: 5px;
border-radius: 5px;
}
}
}
public/css/blog/p.css
+21
View File
@@ -336,3 +336,24 @@ a:focus {
display: inline-block;
color: #a94442;
}
.article .article-info .label-post {
background: #fff;
margin: 0;
font-size: 14px;
padding: 0 2px;
}
.article .article-info .label-post:hover {
background: #000;
}
.article .article-info .label-yellow:hover {
background: #f0ad4e;
}
.article .article-info .label-green:hover {
background: #5cb85c;
}
.article .article-info .label-blue:hover {
background: #428bca;
}
.article .article-info .label-red:hover {
background: #d9534f;
}
public/css/blog/p.less
+24
View File
@@ -364,4 +364,28 @@ a:focus {
display: inline-block;
color: #a94442;
}
}
.article .article-info {
.label-post {
background: #fff;
margin: 0;
font-size: 14px;
padding: 0 2px;
&:hover {
background: #000;
}
}
.label-yellow:hover {
background: #f0ad4e;
}
.label-green:hover {
background: #5cb85c;
}
.label-blue:hover {
background: #428bca;
}
.label-red:hover {
background: #d9534f;
}
}
public/css/bootstrap.css
Vendored
+34
View File
@@ -7099,7 +7099,41 @@ td.visible-print {
/* life */
.btn {
}
.label-post {
font-weight: normal;
}
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
border: 1px solid #9B9898;
border-collapse: collapse;
}
.label-default {
background-color: #464C5E;
}
.label-red {
background-color: #d9534f;
}
.label-red:hover {
background-color: #ba6e6c;
}
.label-yellow {
background-color: #f0ad4e;
}
.label-yellow:hover {
background-color: #bd955d
}
.label-blue {
background-color: #428bca;
}
.label-blue:hover {
background-color: #4f7ca3;
}
.label-green {
background-color: #5cb85c;
}
.label-green:hover {
background-color: #4b764b;
}
#posts .each-post .title .label-post {
font-size: 14px;
padding: .2em .6em .3em;
}
public/css/index.css
+44 -1
View File
@@ -54,7 +54,6 @@ a:hover {
text-decoration: none !important;
}
#headerContainer {
height: 60px;
background-color: #fff;
-webkit-box-shadow: 1px 1px 8px -1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
@@ -568,3 +567,47 @@ input,
max-width: 100% !important;
}
}
.slider-desc {
position: absolute;
bottom: 0;
text-align: center;
left: 0;
right: 0;
}
.slider-desc span {
display: inline-block;
padding: 3px 10px;
background: rgba(27, 37, 46, 0.7);
border-radius: 3px;
color: #fff;
}
.mobile-text {
bottom: 80px;
}
#webSliderContainer {
position: relative;
width: 750px;
height: 370px;
margin: auto;
}
#webSliderContainer img {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
#mobileSliderContainer {
position: relative;
width: 200px;
height: 300px;
margin: auto;
}
#mobileSliderContainer img {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.hide-img {
opacity: 0;
}
public/css/index.less
+48 -1
View File
@@ -67,7 +67,7 @@ a:hover {
}
@headerHeight: 60px;
#headerContainer {
height: @headerHeight;
// height: @headerHeight;
background-color: #fff;
-webkit-box-shadow: 1px 1px 8px -1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
@@ -643,3 +643,50 @@ input, .form-control {
max-width: 100% !important;
}
}
.slider-desc {
position: absolute;
bottom: 0;
text-align: center;
left:0;
right:0;
}
.slider-desc span {
display: inline-block;
padding: 3px 10px;
background: rgba(27, 37, 46, 0.7);
border-radius: 3px;
color: #fff;
}
.mobile-text {
bottom: 80px;
}
#webSliderContainer {
position: relative;
width: 750px;
height: 370px;
margin: auto;
}
#webSliderContainer img {
position: absolute;
width: 100%;
left:0;
top:0;
}
#mobileSliderContainer {
position: relative;
width: 200px;
height: 300px;
margin: auto;
}
#mobileSliderContainer img {
position: absolute;
width: 100%;
left:0;
top:0;
}
.hide-img {
opacity: 0;
}
public/css/theme/basic.less
+222 -7
View File
@@ -35,11 +35,30 @@
font-weight: normal;
font-style: normal;
}
html,body {
}
*,.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: @fontFamily;
}
body {
font-family: @fontFamily;
font-weight: 300;
font-size: @fontSize;
}
h1, h2, h3 {
font-family: @fontFamily;
font-weight: 300 !important;
}
/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
#noteItemList, #notebook, #leftNotebook,
.slimScrollDiv,
#editorContent,
#editorContent_ifr,
.mce-edit-area,.mce-container-body,.mce-tinymce,
#editor .mce-ifr,
@@ -51,7 +70,47 @@
-webkit-overflow-scrolling: touch !important; // for iphone
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 36px;
vertical-align: middle;
line-height: 36px;
cursor: pointer;
}
#tool {
border-bottom: 1px solid #ddd;
height: 36px;
margin-left: -5px; // 为了和左边的底部线连接起来
}
#tag {
height: 36px;
line-height: 36px;
}
#editor, #mdEditor{
position: absolute;
z-index: 2;
top: 66px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0; // 0px 0px 0px 0px;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 5px;
#md-section-helper, #wmd-input {
font-size: 14px;
line-height: 22px;
}
}
// 前面的38影响了dropdown
#tag .dropdown {
line-height: 30px;
}
.btn {
border-radius: 2px;
}
@@ -647,8 +706,8 @@
#tag {
position: absolute;
right: 300px;
left: 0;
top: 0;
left: 5px;
bottom: 0;
}
#tagColor {
@@ -734,13 +793,9 @@
}
#right-column {
border: 1px dashed #BBBBBB;
border-radius: 5px;
padding-left: 5px;
}
.preview-container {
overflow: auto;
}
.wmd-preview {
@@ -961,10 +1016,170 @@ top: 4px;
font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* leanote nav */
.leanoteNavTrigger {
}
.leanoteNav {
position: absolute;
right: 0px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
// display: none;
z-index: 11;
margin-top: 4px;
h1 {
margin: 0;
font-size: 16px;
padding: 3px;
cursor: pointer;
// padding-top: 3px;
}
i {
padding: 3px;
}
span {
display: none;
}
.leanoteNavContent {
display: none;
overflow: auto;
}
}
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
// bottom: 1px;
opacity: 0.8;
h1 {
border-bottom: 1px dashed @borderColor;
}
span {
display: inline;
}
.leanoteNavContent {
display: block;
min-height: 30px;
}
}
.leanoteNav ul {
margin:0;
padding-left: 23px;
li {
list-style-type: disc;
a {
&:hover {
color: @hColor;
}
}
}
}
.leanoteNav ul .nav-h1 {
}
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#editorContent {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
outline: none;
margin-top: 5px;
}
bottom: 5px !important;
pre {
position: relative;
// overflow: visible;
-mo-height: auto !important; // 防止ace设置了高度
.toggle-raw {
position: absolute;
left: 2px;
top: -2px;
z-index: 100;
display: none;
// cursor: default;
input {
}
}
&:hover .toggle-raw {
// cursor: default;
display: block;
}
}
}
// 不显示空白
.ace_invisible_space {
visibility: hidden !important;
}
.mce-tinymce-inline {
// visibility: hidden !important;
// border-width: 0px !important;
// z-index: -1 !important;
border-width: 0 !important;
}
#editorContent {
a {
color: #2a6496;
text-decoration: underline;
}
pre {
font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
// background-color: #FFFFFF;
color: #4D4D4C;
// padding: 5px;
}
.ace-tomorrow {
padding: 0;
padding-left: 44px;
}
.ace-to-pre {
padding: 0;
padding-left: 5px;
// border-left: 10px solid #ccc;
}
// 垂直滚动条, 在windows下会显示的问题
.ace_scrollbar-v {
overflow-y: hidden;
}
.leanote-image-container {
display: inline-block;
width: 100px;
.loader {
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-top: 5px;
}
.progress {
display: inline-block;
margin: 0;
width: 80px;
}
}
}
.close:focus {
outline: none;
}
public/css/theme/default.css
+191 -121
View File
@@ -30,11 +30,32 @@
font-weight: normal;
font-style: normal;
}
*,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 14px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
#noteItemList,
#notebook,
#leftNotebook,
.slimScrollDiv,
#editorContent,
#editorContent_ifr,
.mce-edit-area,
.mce-container-body,
@@ -46,6 +67,47 @@
#tags {
-webkit-overflow-scrolling: touch !important;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 36px;
vertical-align: middle;
line-height: 36px;
cursor: pointer;
}
#tool {
border-bottom: 1px solid #ddd;
height: 36px;
margin-left: -5px;
}
#tag {
height: 36px;
line-height: 36px;
}
#editor,
#mdEditor {
position: absolute;
z-index: 2;
top: 66px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 5px;
}
#mdEditor #md-section-helper,
#mdEditor #wmd-input {
font-size: 14px;
line-height: 22px;
}
#tag .dropdown {
line-height: 30px;
}
.btn {
border-radius: 2px;
}
@@ -590,8 +652,8 @@
#tag {
position: absolute;
right: 300px;
left: 0;
top: 0;
left: 5px;
bottom: 0;
}
#tagColor {
@@ -673,11 +735,6 @@
z-index: -1;
opacity: none;
}
#right-column {
border: 1px dashed #BBBBBB;
border-radius: 5px;
padding-left: 5px;
}
.preview-container {
overflow: auto;
}
@@ -886,12 +943,137 @@
.ace_editor * {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* leanote nav */
.leanoteNav {
position: absolute;
right: 0px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
z-index: 11;
margin-top: 4px;
}
.leanoteNav h1 {
margin: 0;
font-size: 16px;
padding: 3px;
cursor: pointer;
}
.leanoteNav i {
padding: 3px;
}
.leanoteNav span {
display: none;
}
.leanoteNav .leanoteNavContent {
display: none;
overflow: auto;
}
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
.leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
.leanoteNav.unfolder span {
display: inline;
}
.leanoteNav.unfolder .leanoteNavContent {
display: block;
min-height: 30px;
}
.leanoteNav ul {
margin: 0;
padding-left: 23px;
}
.leanoteNav ul li {
list-style-type: disc;
}
.leanoteNav ul li a:hover {
color: #0fb264;
}
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#editorContent {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
outline: none;
margin-top: 5px;
bottom: 5px !important;
}
#editorContent pre {
position: relative;
-mo-height: auto !important;
}
#editorContent pre .toggle-raw {
position: absolute;
left: 2px;
top: -2px;
z-index: 100;
display: none;
}
#editorContent pre:hover .toggle-raw {
display: block;
}
.ace_invisible_space {
visibility: hidden !important;
}
.mce-tinymce-inline {
border-width: 0 !important;
}
#editorContent a {
color: #2a6496;
text-decoration: underline;
}
#editorContent pre {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
color: #4D4D4C;
}
#editorContent .ace-tomorrow {
padding: 0;
padding-left: 44px;
}
#editorContent .ace-to-pre {
padding: 0;
padding-left: 5px;
}
#editorContent .ace_scrollbar-v {
overflow-y: hidden;
}
#editorContent .leanote-image-container {
display: inline-block;
width: 100px;
}
#editorContent .leanote-image-container .loader {
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-top: 5px;
}
#editorContent .leanote-image-container .progress {
display: inline-block;
margin: 0;
width: 80px;
}
.close:focus {
outline: none;
}
::selection {
background: #000000;
@@ -905,18 +1087,6 @@
background: #000000;
color: #ffffff;
}
*,
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 14px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
a {
color: #000000;
cursor: pointer;
@@ -1043,14 +1213,6 @@ a.raw:hover {
.dropdown-menu li > a:focus {
background-color: #ebeff2;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 40px;
vertical-align: middle;
line-height: 38px;
cursor: pointer;
}
/*********************/
#page {
overflow: auto;
@@ -1402,27 +1564,6 @@ a.raw:hover {
#noteTitle:focus {
outline: none !important;
}
#editor,
#mdEditor {
position: absolute;
z-index: 2;
top: 71px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 10px;
}
#mdEditor #md-section-helper,
#mdEditor #wmd-input {
font-size: 14px;
line-height: 22px;
}
#editorContent {
position: absolute;
top: 30px;
@@ -1494,13 +1635,6 @@ a.raw:hover {
border-bottom: 1px solid #ddd;
}
/* tag */
#tag {
height: 40px;
line-height: 38px;
}
#tag .dropdown {
line-height: 30px;
}
#addTagInput {
line-height: 25px;
display: none;
@@ -1542,73 +1676,6 @@ a.raw:hover {
.label i:hover {
opacity: 1;
}
/* leanote nav */
#leanoteNav {
position: absolute;
right: 5px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
z-index: 11;
margin-right: 2px;
}
#leanoteNav h1 {
margin: 0;
font-size: 18px;
padding: 3px;
cursor: pointer;
}
#leanoteNav i {
padding: 3px;
}
#leanoteNav span {
display: none;
}
#leanoteNav #leanoteNavContent {
display: none;
overflow: auto;
}
#leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
#leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
#leanoteNav.unfolder span {
display: inline;
}
#leanoteNav.unfolder #leanoteNavContent {
display: block;
min-height: 30px;
}
#leanoteNav ul {
margin: 0;
padding-left: 23px;
}
#leanoteNav ul li {
list-style-type: disc;
}
#leanoteNav ul li a:hover {
color: #0fb264;
}
#leanoteNav ul .nav-h2 {
margin-left: 20px;
}
#leanoteNav ul .nav-h3 {
margin-left: 30px;
}
#leanoteNav ul .nav-h4 {
margin-left: 40px;
}
#leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#noteRead {
position: absolute;
left: 0;
@@ -2076,6 +2143,9 @@ background-position:-1px -670px
#noteMaskForLoading {
opacity: 0.8;
}
#editorContent .ace-tomorrow {
padding: 0;
}
}
@media screen and (max-width: 1024px) {
#noteItemList,
public/css/theme/default.less
+3 -127
View File
@@ -21,17 +21,7 @@
::-moz-selection { background:@selectionBg; color:@selectionColor; }
::-webkit-selection { background:@selectionBg; color:@selectionColor; }
html,body {
}
*, body {
font-family: @fontFamily;
font-weight: 300;
font-size: @fontSize;
}
h1, h2, h3 {
font-family: @fontFamily;
font-weight: 300 !important;
}
a {
color: @aBlackColor;
cursor: pointer;
@@ -178,14 +168,6 @@ a.raw:hover {
background-color: @borderColor;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 40px;
vertical-align: middle;
line-height: 38px;
cursor: pointer;
}
/*********************/
#page {
@@ -567,25 +549,7 @@ a.raw:hover {
// border: 1px solid @hColor;
}
#editor, #mdEditor{
position: absolute;
z-index: 2;
top: 71px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0; // 0px 0px 0px 0px;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 10px;
#md-section-helper, #wmd-input {
font-size: 14px;
line-height: 22px;
}
}
#editorContent {
position: absolute;
top:30px;
@@ -670,14 +634,7 @@ a.raw:hover {
}
/* tag */
#tag {
height: 40px;
line-height: 38px
}
// 前面的38影响了dropdown
#tag .dropdown {
line-height: 30px;
}
#addTagInput {
line-height: 25px;
display: none;
@@ -721,87 +678,6 @@ a.raw:hover {
// font-weight: bold;
}
/* leanote nav */
#leanoteNavTrigger {
}
#leanoteNav {
position: absolute;
right: 5px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
// display: none;
z-index: 11;
margin-right: 2px;
h1 {
margin:0;
font-size: 18px;
padding: 3px;
cursor: pointer;
}
i {
padding: 3px;
}
span {
display: none;
}
#leanoteNavContent {
display: none;
overflow: auto;
}
}
#leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
// bottom: 1px;
opacity: 0.8;
h1 {
border-bottom: 1px dashed @borderColor;
}
span {
display: inline;
}
#leanoteNavContent {
display: block;
min-height: 30px;
}
}
#leanoteNav ul {
margin:0;
padding-left: 23px;
li {
list-style-type: disc;
a {
&:hover {
color: @hColor;
}
}
}
}
#leanoteNav ul .nav-h1 {
}
#leanoteNav ul .nav-h2 {
margin-left: 20px;
}
#leanoteNav ul .nav-h3 {
margin-left: 30px;
}
#leanoteNav ul .nav-h4 {
margin-left: 40px;
}
#leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
//---------------
// note for read
#noteRead {
public/css/theme/mobile.less
+8
View File
@@ -262,8 +262,16 @@ a:focus, a:hover, a:active {
opacity: .8
}
// editor
#editorContent .ace-tomorrow {
padding: 0;
}
}
// ipad
@media screen and (max-device-width: 768px) {
}
// ipad
// @media screen and (max-device-width: 1024px) and (orientation: landscape) {
@media screen and (max-width: 1024px) {
public/css/theme/simple.css
+191 -124
View File
@@ -30,11 +30,32 @@
font-weight: normal;
font-style: normal;
}
*,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 14px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
#noteItemList,
#notebook,
#leftNotebook,
.slimScrollDiv,
#editorContent,
#editorContent_ifr,
.mce-edit-area,
.mce-container-body,
@@ -46,6 +67,47 @@
#tags {
-webkit-overflow-scrolling: touch !important;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 36px;
vertical-align: middle;
line-height: 36px;
cursor: pointer;
}
#tool {
border-bottom: 1px solid #ddd;
height: 36px;
margin-left: -5px;
}
#tag {
height: 36px;
line-height: 36px;
}
#editor,
#mdEditor {
position: absolute;
z-index: 2;
top: 66px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 5px;
}
#mdEditor #md-section-helper,
#mdEditor #wmd-input {
font-size: 14px;
line-height: 22px;
}
#tag .dropdown {
line-height: 30px;
}
.btn {
border-radius: 2px;
}
@@ -590,8 +652,8 @@
#tag {
position: absolute;
right: 300px;
left: 0;
top: 0;
left: 5px;
bottom: 0;
}
#tagColor {
@@ -673,11 +735,6 @@
z-index: -1;
opacity: none;
}
#right-column {
border: 1px dashed #BBBBBB;
border-radius: 5px;
padding-left: 5px;
}
.preview-container {
overflow: auto;
}
@@ -886,12 +943,137 @@
.ace_editor * {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* leanote nav */
.leanoteNav {
position: absolute;
right: 0px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
z-index: 11;
margin-top: 4px;
}
.leanoteNav h1 {
margin: 0;
font-size: 16px;
padding: 3px;
cursor: pointer;
}
.leanoteNav i {
padding: 3px;
}
.leanoteNav span {
display: none;
}
.leanoteNav .leanoteNavContent {
display: none;
overflow: auto;
}
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
.leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
.leanoteNav.unfolder span {
display: inline;
}
.leanoteNav.unfolder .leanoteNavContent {
display: block;
min-height: 30px;
}
.leanoteNav ul {
margin: 0;
padding-left: 23px;
}
.leanoteNav ul li {
list-style-type: disc;
}
.leanoteNav ul li a:hover {
color: #0fb264;
}
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#editorContent {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
outline: none;
margin-top: 5px;
bottom: 5px !important;
}
#editorContent pre {
position: relative;
-mo-height: auto !important;
}
#editorContent pre .toggle-raw {
position: absolute;
left: 2px;
top: -2px;
z-index: 100;
display: none;
}
#editorContent pre:hover .toggle-raw {
display: block;
}
.ace_invisible_space {
visibility: hidden !important;
}
.mce-tinymce-inline {
border-width: 0 !important;
}
#editorContent a {
color: #2a6496;
text-decoration: underline;
}
#editorContent pre {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
color: #4D4D4C;
}
#editorContent .ace-tomorrow {
padding: 0;
padding-left: 44px;
}
#editorContent .ace-to-pre {
padding: 0;
padding-left: 5px;
}
#editorContent .ace_scrollbar-v {
overflow-y: hidden;
}
#editorContent .leanote-image-container {
display: inline-block;
width: 100px;
}
#editorContent .leanote-image-container .loader {
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-top: 5px;
}
#editorContent .leanote-image-container .progress {
display: inline-block;
margin: 0;
width: 80px;
}
.close:focus {
outline: none;
}
::selection {
background: #000000;
@@ -905,18 +1087,6 @@
background: #000000;
color: #ffffff;
}
*,
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 14px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
a {
color: #000000;
cursor: pointer;
@@ -1037,14 +1207,6 @@ a.raw:hover {
.dropdown-menu li > a:focus {
background-color: #ebeff2;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 40px;
vertical-align: middle;
line-height: 38px;
cursor: pointer;
}
/*********************/
#page {
overflow: auto;
@@ -1366,27 +1528,6 @@ a.raw:hover {
#noteTitle:focus {
outline: none !important;
}
#editor,
#mdEditor {
position: absolute;
z-index: 2;
top: 71px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 10px;
}
#mdEditor #md-section-helper,
#mdEditor #wmd-input {
font-size: 14px;
line-height: 22px;
}
#editorContent {
position: absolute;
top: 30px;
@@ -1454,17 +1595,7 @@ a.raw:hover {
color: #ddd;
}
/*标签与其它工具*/
#tool {
border-bottom: 1px solid #ddd;
}
/* tag */
#tag {
height: 40px;
line-height: 38px;
}
#tag .dropdown {
line-height: 30px;
}
#addTagInput {
line-height: 25px;
display: none;
@@ -1506,73 +1637,6 @@ a.raw:hover {
.label i:hover {
opacity: 1;
}
/* leanote nav */
#leanoteNav {
position: absolute;
right: 5px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
z-index: 11;
margin-right: 2px;
}
#leanoteNav h1 {
margin: 0;
font-size: 18px;
padding: 3px;
cursor: pointer;
}
#leanoteNav i {
padding: 3px;
}
#leanoteNav span {
display: none;
}
#leanoteNav #leanoteNavContent {
display: none;
overflow: auto;
}
#leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
#leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
#leanoteNav.unfolder span {
display: inline;
}
#leanoteNav.unfolder #leanoteNavContent {
display: block;
min-height: 30px;
}
#leanoteNav ul {
margin: 0;
padding-left: 23px;
}
#leanoteNav ul li {
list-style-type: disc;
}
#leanoteNav ul li a:hover {
color: #0fb264;
}
#leanoteNav ul .nav-h2 {
margin-left: 20px;
}
#leanoteNav ul .nav-h3 {
margin-left: 30px;
}
#leanoteNav ul .nav-h4 {
margin-left: 40px;
}
#leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#noteRead {
position: absolute;
left: 0;
@@ -2011,6 +2075,9 @@ background-position:-1px -670px
#noteMaskForLoading {
opacity: 0.8;
}
#editorContent .ace-tomorrow {
padding: 0;
}
}
@media screen and (max-width: 1024px) {
#noteItemList,
public/css/theme/simple.less
-132
View File
@@ -20,17 +20,6 @@
::-moz-selection { background:@selectionBg; color:@selectionColor; }
::-webkit-selection { background:@selectionBg; color:@selectionColor; }
html,body {
}
*, body {
font-family: @fontFamily;
font-weight: 300;
font-size: @fontSize;
}
h1, h2, h3 {
font-family: @fontFamily;
font-weight: 300 !important;
}
a {
color: @aBlackColor;
cursor: pointer;
@@ -170,15 +159,6 @@ a.raw:hover {
background-color: @borderColor;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 40px;
vertical-align: middle;
line-height: 38px;
cursor: pointer;
}
/*********************/
#page {
overflow: auto;
@@ -524,25 +504,6 @@ a.raw:hover {
outline: none !important;
// border: 1px solid @hColor;
}
#editor, #mdEditor {
position: absolute;
z-index: 2;
top: 71px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0; // 0px 0px 0px 0px;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 10px;
#md-section-helper, #wmd-input {
font-size: 14px;
line-height: 22px;
}
}
#editorContent {
position: absolute;
@@ -623,19 +584,8 @@ a.raw:hover {
}
/*标签与其它工具*/
#tool {
border-bottom: 1px solid #ddd;
}
/* tag */
#tag {
height: 40px;
line-height: 38px
}
// 前面的38影响了dropdown
#tag .dropdown {
line-height: 30px;
}
#addTagInput {
line-height: 25px;
display: none;
@@ -679,88 +629,6 @@ a.raw:hover {
// font-weight: bold;
}
/* leanote nav */
#leanoteNavTrigger {
}
#leanoteNav {
position: absolute;
right: 5px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
// display: none;
z-index: 11;
margin-right: 2px;
h1 {
margin:0;
font-size: 18px;
padding: 3px;
cursor: pointer;
}
i {
padding: 3px;
}
span {
display: none;
}
#leanoteNavContent {
display: none;
overflow: auto;
}
}
#leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
// bottom: 1px;
opacity: 0.8;
h1 {
border-bottom: 1px dashed @borderColor;
}
span {
display: inline;
}
#leanoteNavContent {
display: block;
min-height: 30px;
}
}
#leanoteNav ul {
margin:0;
padding-left: 23px;
li {
list-style-type: disc;
a {
&:hover {
color: @hColor;
}
}
}
}
#leanoteNav ul .nav-h1 {
}
#leanoteNav ul .nav-h2 {
margin-left: 20px;
}
#leanoteNav ul .nav-h3 {
margin-left: 30px;
}
#leanoteNav ul .nav-h4 {
margin-left: 40px;
}
#leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
//---------------
// note for read
#noteRead {
public/css/theme/writting-overwrite.css
+226 -33
View File
@@ -30,11 +30,32 @@
font-weight: normal;
font-style: normal;
}
*,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 16px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
#noteItemList,
#notebook,
#leftNotebook,
.slimScrollDiv,
#editorContent,
#editorContent_ifr,
.mce-edit-area,
.mce-container-body,
@@ -46,6 +67,47 @@
#tags {
-webkit-overflow-scrolling: touch !important;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 36px;
vertical-align: middle;
line-height: 36px;
cursor: pointer;
}
#tool {
border-bottom: 1px solid #ddd;
height: 36px;
margin-left: -5px;
}
#tag {
height: 36px;
line-height: 36px;
}
#editor,
#mdEditor {
position: absolute;
z-index: 2;
top: 66px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 5px;
}
#mdEditor #md-section-helper,
#mdEditor #wmd-input {
font-size: 14px;
line-height: 22px;
}
#tag .dropdown {
line-height: 30px;
}
.btn {
border-radius: 2px;
}
@@ -590,8 +652,8 @@
#tag {
position: absolute;
right: 300px;
left: 0;
top: 0;
left: 5px;
bottom: 0;
}
#tagColor {
@@ -673,11 +735,6 @@
z-index: -1;
opacity: none;
}
#right-column {
border: 1px dashed #BBBBBB;
border-radius: 5px;
padding-left: 5px;
}
.preview-container {
overflow: auto;
}
@@ -886,12 +943,137 @@
.ace_editor * {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* leanote nav */
.leanoteNav {
position: absolute;
right: 0px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
z-index: 11;
margin-top: 4px;
}
.leanoteNav h1 {
margin: 0;
font-size: 16px;
padding: 3px;
cursor: pointer;
}
.leanoteNav i {
padding: 3px;
}
.leanoteNav span {
display: none;
}
.leanoteNav .leanoteNavContent {
display: none;
overflow: auto;
}
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
.leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
.leanoteNav.unfolder span {
display: inline;
}
.leanoteNav.unfolder .leanoteNavContent {
display: block;
min-height: 30px;
}
.leanoteNav ul {
margin: 0;
padding-left: 23px;
}
.leanoteNav ul li {
list-style-type: disc;
}
.leanoteNav ul li a:hover {
color: #0fb264;
}
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#editorContent {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
outline: none;
margin-top: 5px;
bottom: 5px !important;
}
#editorContent pre {
position: relative;
-mo-height: auto !important;
}
#editorContent pre .toggle-raw {
position: absolute;
left: 2px;
top: -2px;
z-index: 100;
display: none;
}
#editorContent pre:hover .toggle-raw {
display: block;
}
.ace_invisible_space {
visibility: hidden !important;
}
.mce-tinymce-inline {
border-width: 0 !important;
}
#editorContent a {
color: #2a6496;
text-decoration: underline;
}
#editorContent pre {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
color: #4D4D4C;
}
#editorContent .ace-tomorrow {
padding: 0;
padding-left: 44px;
}
#editorContent .ace-to-pre {
padding: 0;
padding-left: 5px;
}
#editorContent .ace_scrollbar-v {
overflow-y: hidden;
}
#editorContent .leanote-image-container {
display: inline-block;
width: 100px;
}
#editorContent .leanote-image-container .loader {
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-top: 5px;
}
#editorContent .leanote-image-container .progress {
display: inline-block;
margin: 0;
width: 80px;
}
.close:focus {
outline: none;
}
@font-face {
font-family: 'Open Sans';
@@ -934,18 +1116,11 @@ html,
body {
background-color: #fbfcf7;
}
*,
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 16px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
a {
color: #000000;
cursor: pointer;
@@ -1222,6 +1397,13 @@ a.raw:hover {
font-size: 14px;
line-height: 22px;
}
#mdEditor .navbar-default {
height: auto !important;
border: none !important;
}
#mdEditor .layout-wrapper-l3 {
border: none !important;
}
#editorContent {
position: absolute;
top: 30px;
@@ -1345,7 +1527,7 @@ a.raw:hover {
opacity: 1;
}
/* leanote nav */
#leanoteNav {
.leanoteNav {
position: absolute;
right: 5px;
border: 1px solid #ccc;
@@ -1355,62 +1537,66 @@ a.raw:hover {
z-index: 11;
margin-right: 2px;
}
#leanoteNav h1 {
.leanoteNav h1 {
margin: 0;
font-size: 18px;
padding: 3px;
cursor: pointer;
}
#leanoteNav i {
.leanoteNav i {
padding: 3px;
}
#leanoteNav span {
.leanoteNav span {
display: none;
}
#leanoteNav #leanoteNavContent {
.leanoteNav .leanoteNavContent {
display: none;
overflow: auto;
}
#leanoteNav.unfolder {
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
#leanoteNav.unfolder h1 {
.leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
#leanoteNav.unfolder span {
.leanoteNav.unfolder span {
display: inline;
}
#leanoteNav.unfolder #leanoteNavContent {
.leanoteNav.unfolder .leanoteNavContent {
display: block;
min-height: 30px;
}
#leanoteNav ul {
.leanoteNav ul {
margin: 0;
padding-left: 23px;
}
#leanoteNav ul li {
.leanoteNav ul li {
list-style-type: disc;
}
#leanoteNav ul li a:hover {
.leanoteNav ul li a:hover {
color: #0fb264;
}
#leanoteNav ul .nav-h2 {
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
#leanoteNav ul .nav-h3 {
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
#leanoteNav ul .nav-h4 {
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
#leanoteNav ul .nav-h5 {
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#mdEditor .leanoteNav {
top: 10px;
right: 0px;
}
#noteRead {
position: absolute;
left: 0;
@@ -1605,11 +1791,11 @@ background-position:-1px -670px
}
#editorMask {
position: absolute;
top: 0px;
top: 30px;
bottom: 0px;
right: 0;
right: -30px;
left: 0;
background-color: #fff;
background-color: #fbfcf7;
z-index: -10;
padding-top: 50px;
text-align: center;
@@ -1713,10 +1899,11 @@ body {
position: absolute;
top: 60px;
z-index: 2;
background-color: #fbfcf7;
}
#wmd-input {
border: none;
background-color: #fbfcf7;
background-color: #fbfcf7 !important;
font-size: 16px !important;
}
#md-section-helper {
@@ -1925,3 +2112,9 @@ body {
-webkit-overflow-scrolling: touch !important;
}
}
#editorContent {
border: none;
}
#editorContent .ace-tomorrow {
background-color: #fbfcf7;
}
public/css/theme/writting-overwrite.less
+38 -18
View File
@@ -68,15 +68,12 @@
html,body {
background-color: @bgColor;
}
*, body {
body {
font-family: @fontFamily;
font-weight: 300;
font-size: @fontSize;
}
h1, h2, h3 {
font-family: @fontFamily;
font-weight: 300 !important;
}
a {
color: @aBlackColor;
cursor: pointer;
@@ -381,6 +378,13 @@ a.raw:hover {
font-size: 14px;
line-height: 22px;
}
.navbar-default {
height: auto !important;
border: none !important;
}
.layout-wrapper-l3 {
border: none !important;
}
}
#editorContent {
position: absolute;
@@ -519,7 +523,7 @@ a.raw:hover {
/* leanote nav */
#leanoteNav {
.leanoteNav {
position: absolute;
right: 5px;
border: 1px solid #ccc;
@@ -541,13 +545,13 @@ a.raw:hover {
span {
display: none;
}
#leanoteNavContent {
.leanoteNavContent {
display: none;
overflow: auto;
}
}
#leanoteNav.unfolder {
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
// bottom: 1px;
@@ -559,13 +563,13 @@ a.raw:hover {
display: inline;
}
#leanoteNavContent {
.leanoteNavContent {
display: block;
min-height: 30px;
}
}
#leanoteNav ul {
.leanoteNav ul {
margin:0;
padding-left: 23px;
li {
@@ -577,24 +581,29 @@ a.raw:hover {
}
}
}
#leanoteNav ul .nav-h1 {
.leanoteNav ul .nav-h1 {
}
#leanoteNav ul .nav-h2 {
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
#leanoteNav ul .nav-h3 {
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
#leanoteNav ul .nav-h4 {
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
#leanoteNav ul .nav-h5 {
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#mdEditor .leanoteNav {
top: 10px;
right: 0px;
}
//---------------
// note for read
#noteRead {
@@ -811,8 +820,11 @@ background-position:-1px -670px
width: 100% !important;
}
#editorMask {
position: absolute; top: 0px; bottom: 0px; right: 0; left: 0;
background-color: #fff;
position: absolute;
top: 30px;
bottom: 0px; right: -30px;
left: 0;
background-color: #fbfcf7;
z-index: -10;
.fa, a {
font-size: 24px;
@@ -920,10 +932,11 @@ html,body {
position: absolute;
top: @headerHeight;
z-index: 2;
background-color: #fbfcf7;
}
#wmd-input {
border: none;
background-color: @bgColor;
background-color: @bgColor !important;
font-size: 16px !important;
}
#md-section-helper {
@@ -1135,3 +1148,10 @@ body {
-webkit-overflow-scrolling: touch !important; // for iphone
}
}
#editorContent {
border: none;
}
#editorContent .ace-tomorrow {
background-color: #fbfcf7;
}
public/css/theme/writting.css
+188 -6
View File
@@ -30,11 +30,32 @@
font-weight: normal;
font-style: normal;
}
*,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
body {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300;
font-size: 16px;
}
h1,
h2,
h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
font-weight: 300 !important;
}
/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
#noteItemList,
#notebook,
#leftNotebook,
.slimScrollDiv,
#editorContent,
#editorContent_ifr,
.mce-edit-area,
.mce-container-body,
@@ -46,6 +67,47 @@
#tags {
-webkit-overflow-scrolling: touch !important;
}
.ios7-a {
display: inline-block;
padding: 0 10px 0 5px;
height: 36px;
vertical-align: middle;
line-height: 36px;
cursor: pointer;
}
#tool {
border-bottom: 1px solid #ddd;
height: 36px;
margin-left: -5px;
}
#tag {
height: 36px;
line-height: 36px;
}
#editor,
#mdEditor {
position: absolute;
z-index: 2;
top: 66px;
bottom: 0px;
right: 0;
left: 5px;
padding: 0;
display: none;
}
#mdEditor {
z-index: 1;
background-color: #fff;
bottom: 5px;
}
#mdEditor #md-section-helper,
#mdEditor #wmd-input {
font-size: 14px;
line-height: 22px;
}
#tag .dropdown {
line-height: 30px;
}
.btn {
border-radius: 2px;
}
@@ -590,8 +652,8 @@
#tag {
position: absolute;
right: 300px;
left: 0;
top: 0;
left: 5px;
bottom: 0;
}
#tagColor {
@@ -673,11 +735,6 @@
z-index: -1;
opacity: none;
}
#right-column {
border: 1px dashed #BBBBBB;
border-radius: 5px;
padding-left: 5px;
}
.preview-container {
overflow: auto;
}
@@ -886,12 +943,137 @@
.ace_editor * {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* leanote nav */
.leanoteNav {
position: absolute;
right: 0px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
opacity: 0.5;
z-index: 11;
margin-top: 4px;
}
.leanoteNav h1 {
margin: 0;
font-size: 16px;
padding: 3px;
cursor: pointer;
}
.leanoteNav i {
padding: 3px;
}
.leanoteNav span {
display: none;
}
.leanoteNav .leanoteNavContent {
display: none;
overflow: auto;
}
.leanoteNav.unfolder {
min-width: 200px;
max-width: 300px;
opacity: 0.8;
}
.leanoteNav.unfolder h1 {
border-bottom: 1px dashed #ebeff2;
}
.leanoteNav.unfolder span {
display: inline;
}
.leanoteNav.unfolder .leanoteNavContent {
display: block;
min-height: 30px;
}
.leanoteNav ul {
margin: 0;
padding-left: 23px;
}
.leanoteNav ul li {
list-style-type: disc;
}
.leanoteNav ul li a:hover {
color: #0fb264;
}
.leanoteNav ul .nav-h2 {
margin-left: 20px;
}
.leanoteNav ul .nav-h3 {
margin-left: 30px;
}
.leanoteNav ul .nav-h4 {
margin-left: 40px;
}
.leanoteNav ul .nav-h5 {
margin-left: 50px;
}
.scrollTo-a {
cursor: pointer !important;
}
#editorContent {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
outline: none;
margin-top: 5px;
bottom: 5px !important;
}
#editorContent pre {
position: relative;
-mo-height: auto !important;
}
#editorContent pre .toggle-raw {
position: absolute;
left: 2px;
top: -2px;
z-index: 100;
display: none;
}
#editorContent pre:hover .toggle-raw {
display: block;
}
.ace_invisible_space {
visibility: hidden !important;
}
.mce-tinymce-inline {
border-width: 0 !important;
}
#editorContent a {
color: #2a6496;
text-decoration: underline;
}
#editorContent pre {
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
color: #4D4D4C;
}
#editorContent .ace-tomorrow {
padding: 0;
padding-left: 44px;
}
#editorContent .ace-to-pre {
padding: 0;
padding-left: 5px;
}
#editorContent .ace_scrollbar-v {
overflow-y: hidden;
}
#editorContent .leanote-image-container {
display: inline-block;
width: 100px;
}
#editorContent .leanote-image-container .loader {
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-top: 5px;
}
#editorContent .leanote-image-container .progress {
display: inline-block;
margin: 0;
width: 80px;
}
.close:focus {
outline: none;
}
@font-face {
font-family: 'Open Sans';
public/css/zTreeStyle/zTreeStyle.css
+2 -2
View File
@@ -49,7 +49,7 @@ ul.ztree.zTreeDragUL {z-index: 333;margin:0; padding:0; position:absolute; width
background-color: cfcfcf;
border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:1000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
.ztree li ul{ margin:0; padding:0}
.ztree li ul{ margin:0; padding:0;margin-left: 10px;}
.ztree li {line-height:30px;}
.ztree > li {
border-bottom: 1px dashed #eee;
@@ -63,7 +63,7 @@ ul.ztree.zTreeDragUL {z-index: 333;margin:0; padding:0; position:absolute; width
.ztree li span.button {margin-top: -5px;}
.ztree li span.button.switch {width: 16px;height: 30px; line-height: 30px; text-align: center}
.ztree li a.level0 span {font-size: 13px;}
.ztree li a.level0 span {font-size: 14px;}
.ztree li span.button {
background-image: none;
}