xuemingqiang/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
2015-01-08 00:36:28 +08:00
parent be01c9c3f7
commit 2cfc89ca5f
1233 changed files with 24568 additions and 10275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
public/css/theme/writting-overwrite.css
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;
}