markdown editor prettify add linenums
This commit is contained in:
lealife
@ -1,325 +0,0 @@
|
||||
.entry-controls {
|
||||
text-align: right;
|
||||
padding-top: 20px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px solid #f1f2f3;
|
||||
}
|
||||
.entry-controls .right-section {
|
||||
float: right;
|
||||
color: #9d9e9f;
|
||||
}
|
||||
.entry-controls .right-section a {
|
||||
color: #9d9e9f;
|
||||
}
|
||||
.post-menu-button {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.ui-menu-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.entry-controls .control-item {
|
||||
margin-left: 15px;
|
||||
color: #9d9e9f;
|
||||
font-size: 15px;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.05s ease-in-out;
|
||||
-moz-transition: all 0.05s ease-in-out;
|
||||
-o-transition: all 0.05s ease-in-out;
|
||||
transition: all 0.05s ease-in-out;
|
||||
}
|
||||
.vote-section-wrapper {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
.entry-controls .voters {
|
||||
display: block;
|
||||
margin-top: 52px;
|
||||
height: 25px;
|
||||
clear: both;
|
||||
}
|
||||
.entry-controls .voters .more-voters,
|
||||
.entry-controls .voters .voter {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
position: relative;
|
||||
margin: 0 8px 8px 0;
|
||||
float: left;
|
||||
}
|
||||
.entry-controls .voters .voter > img {
|
||||
float: left;
|
||||
}
|
||||
.avatar-small {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.comment-box {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.comment-box a {
|
||||
font-size: 16px;
|
||||
}
|
||||
.comment-box .box-header {
|
||||
border-top: 1px solid #f1f2f3;
|
||||
font-size: 15px;
|
||||
color: #9d9e9f;
|
||||
padding: 30px 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
.comment-box .box-header .icon {
|
||||
margin-right: 8px;
|
||||
vertical-align: -3px;
|
||||
}
|
||||
.comment-box .box-header a.comment-options {
|
||||
margin-left: 10px;
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
.comment-box .box-header {
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
.comment-box .load-more {
|
||||
height: 26px;
|
||||
margin-top: 15px;
|
||||
padding-top: 24px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
border-top: solid 1px #f1f2f3;
|
||||
}
|
||||
.comment-box .load-more a {
|
||||
color: #9d9e9f;
|
||||
}
|
||||
.comment-box .ui-spinner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.comment-box .ui-spinner.small {
|
||||
position: relative;
|
||||
left: 10px;
|
||||
}
|
||||
.comment-box.empty.cannot-comment {
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
.comment-box.cannot-comment .editable,
|
||||
.comment-box.cannot-comment .editable,
|
||||
.comment-box.comment-box.cannot-comment .command,
|
||||
.comment-box.comment-box.cannot-comment .op-link.reply {
|
||||
display: none !important;
|
||||
}
|
||||
.comment-box.empty.cannot-comment .comment-form {
|
||||
margin: 0;
|
||||
}
|
||||
.comment-box.empty.cannot-comment .comment-box-ft {
|
||||
background: #ffffff;
|
||||
}
|
||||
.comment-box.empty.cannot-comment .comment-box-ft,
|
||||
.comment-box .comment-box-ft {
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
}
|
||||
.comment-box .avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 20px;
|
||||
float: left;
|
||||
}
|
||||
.comment-box .message {
|
||||
margin-top: 24px;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
background: #F7F8F9;
|
||||
color: #9d9e9f;
|
||||
}
|
||||
.comment-item {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
outline: 0;
|
||||
padding: 15px 0;
|
||||
border-bottom: solid 1px #f1f2f3;
|
||||
}
|
||||
.item-highlight * {
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
.comment-item {
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
.comment-item > .avatar-link {
|
||||
float: left;
|
||||
margin: 4px 0 0;
|
||||
}
|
||||
.comment-item > .comment-body {
|
||||
margin: 0 0 0 60px;
|
||||
}
|
||||
.comment-item .comment-content {
|
||||
min-height: 22px;
|
||||
font-size: 15px;
|
||||
word-wrap: break-word;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.comment-item .comment-hd,
|
||||
.comment-item .comment-ft {
|
||||
color: #9d9e9f;
|
||||
}
|
||||
.comment-item .comment-hd .desc,
|
||||
.comment-item .comment-ft .desc {
|
||||
font-size: 15px;
|
||||
}
|
||||
.comment-item .comment-ft {
|
||||
font-size: 15px;
|
||||
}
|
||||
.comment-item .op-link {
|
||||
color: #9d9e9f;
|
||||
font-size: 15px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.comment-item .op-link {
|
||||
visibility: hidden;
|
||||
}
|
||||
@media screen and (max-width: 420px) {
|
||||
.comment-item .op-link .icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.comment-item .like-num {
|
||||
float: right;
|
||||
}
|
||||
.comment-item .like-num.nil {
|
||||
display: none;
|
||||
}
|
||||
.comment-item:hover .op-link {
|
||||
visibility: visible;
|
||||
}
|
||||
.comment-form.comment-reply-form {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.comment-form .row {
|
||||
margin: 0;
|
||||
}
|
||||
.comment-form .editable {
|
||||
padding: 6px 12px;
|
||||
font-size: 16px;
|
||||
min-height: 18px;
|
||||
line-height: 26px;
|
||||
white-space: pre-wrap;
|
||||
width: 100%;
|
||||
color: #222;
|
||||
cursor: text;
|
||||
border: 1px solid #DDD;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
|
||||
background: #e6eaed;
|
||||
color: #747f8c;
|
||||
}
|
||||
#commentForm {
|
||||
border-top: solid 1px #f1f2f3;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.comment-form .editable:focus {
|
||||
outline: none;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.comment-form > .command {
|
||||
display: none;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.comment-form > .command .save {
|
||||
float: right;
|
||||
}
|
||||
.comment-form > .command .cancel {
|
||||
color: #9d9e9f;
|
||||
vertical-align: -7px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.comment-form.expanded .command {
|
||||
display: block;
|
||||
}
|
||||
.comment-form > .avatar + .editable {
|
||||
margin-left: 60px;
|
||||
}
|
||||
#comments {
|
||||
padding: 0;
|
||||
}
|
||||
#comments form {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
.comment-form {
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
.btn-zan {
|
||||
border-radius: 50px;
|
||||
}
|
||||
.btn-weibo {
|
||||
border-radius: 50px;
|
||||
color: #d44137;
|
||||
border-color: #d44137;
|
||||
}
|
||||
.btn-weibo:hover {
|
||||
color: #fff;
|
||||
background: #d44137;
|
||||
}
|
||||
.btn-weixin {
|
||||
color: #38ad5a;
|
||||
border-color: #38ad5a;
|
||||
border-radius: 50px;
|
||||
}
|
||||
.btn-weixin:hover {
|
||||
color: #fff;
|
||||
background: #38ad5a;
|
||||
}
|
||||
.reply-comment-btn {
|
||||
width: 100px;
|
||||
}
|
||||
.avatar-wrap {
|
||||
float: left;
|
||||
}
|
||||
.editor-wrap {
|
||||
margin-left: 60px;
|
||||
}
|
||||
#weixinQRCode {
|
||||
text-align: center;
|
||||
}
|
||||
.report-form ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.report-form .options > li {
|
||||
list-style: none;
|
||||
display: block;
|
||||
line-height: 2;
|
||||
color: #666768;
|
||||
}
|
||||
.report-form .options input {
|
||||
margin-right: 10px;
|
||||
vertical-align: 1px;
|
||||
}
|
||||
.footnote {
|
||||
color: red;
|
||||
}
|
||||
#moreComments {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.needLogin {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
border-top: 1px solid #f1f2f3;
|
||||
}
|
||||
.needLogin a {
|
||||
font-size: 18px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,15 +0,0 @@
|
||||
html {
|
||||
border: none;
|
||||
}
|
||||
body {
|
||||
background-color: #fbfcf7;
|
||||
}
|
||||
* {
|
||||
font-size: 16px;
|
||||
}
|
||||
pre {
|
||||
font-size: 14px;
|
||||
}
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
html {
|
||||
margin-top: 3px;
|
||||
padding: 3px;
|
||||
border: 1px solid #ebeff2;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-width: 1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
* {
|
||||
font-family: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
}
|
||||
.mce-item-table,
|
||||
.mce-item-table td,
|
||||
.mce-item-table th,
|
||||
.mce-item-table caption {
|
||||
border: 1px solid #9B9898;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
* {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -104,6 +104,7 @@ h1, h2, h3 {
|
||||
@fontFamily: 'Open Sans', Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
// @fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
@aceFontFamily: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', Hiragino Sans GB, "Microsoft YaHei", "微软雅黑";
|
||||
// @fontFamily: PingFang SC,Hiragino Sans GB,Helvetica Neue,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;
|
||||
|
||||
// header
|
||||
@headerTextColor: #fff;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -3,7 +3,7 @@
|
||||
*/
|
||||
|
||||
// 字体
|
||||
/*
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
@ -28,21 +28,6 @@
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
|
||||
}
|
||||
*/
|
||||
|
||||
/* leanote */
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'leanoteregular';
|
||||
src: url('../../fonts/leanote/leanote-regular-webfont.eot');
|
||||
src: url('../../fonts/leanote/leanote-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.woff') format('woff'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'leanote';
|
||||
@ -55,7 +40,6 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
.close:focus {
|
||||
outline: none;
|
||||
}
|
||||
@ -78,7 +62,6 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-----------------
|
||||
// 下拉菜单
|
||||
.dropdown-submenu {
|
||||
@ -190,10 +173,10 @@
|
||||
border-radius: 3px;
|
||||
margin:0;
|
||||
// border: 1px solid @hColor;
|
||||
border: 1px solid #e6eaed;
|
||||
// border: 1px solid #e6eaed;
|
||||
/*overflow-x: hidden; */
|
||||
/*overflow-y: scroll;*/
|
||||
box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
|
||||
// box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
|
||||
@ -271,3 +271,24 @@ a:hover {
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#inviteFriends {
|
||||
position: relative;
|
||||
.dot {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #FF9263;
|
||||
}
|
||||
}
|
||||
|
||||
#inviteUrl {
|
||||
width: 400px;
|
||||
padding: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
@ -163,6 +163,8 @@ textarea#wmd-input {
|
||||
font-family: @aceFontFamily;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
// markdown editor ace
|
||||
@mdAceTextColor: #2C3E50; // #04294E; // #384654;
|
||||
@mdAceHeadingColor: #000; // 1a2026
|
||||
@ -295,8 +297,152 @@ textarea#wmd-input {
|
||||
background-color: rgb(101, 189, 119, 0.9);
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
// markdown todo list
|
||||
.m-todo-item {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
||||
// markdown editor ace
|
||||
@mdAceTextColor: #333333; // #04294E; // #384654;
|
||||
@mdAceHeadingColor: #1d3e81; // 1a2026
|
||||
@mdAceBlockquoteColor: #003873;
|
||||
@mdAceCursorColor: #243342;
|
||||
|
||||
@mdAceTextColor: #000;
|
||||
@mdAceTagColor: #1d3e81; // rgba(87, 108, 130, 0.6);
|
||||
|
||||
textarea#wmd-input {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
#wmd-input {
|
||||
.ace_cjk {
|
||||
color: inherit;
|
||||
}
|
||||
.ace_searchbtn_close {
|
||||
margin: 0px;
|
||||
}
|
||||
.ace_content {
|
||||
padding-top: 5px;
|
||||
}
|
||||
&.ace_editor {
|
||||
color: @mdAceTextColor;
|
||||
}
|
||||
&.ace-tm {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
&.ace-tm .ace_text-input {
|
||||
box-sizing: initial;
|
||||
}
|
||||
&.ace-tm .ace_marker-layer .ace_active-line {
|
||||
background-color: rgba(89, 128, 166, 0.05);
|
||||
}
|
||||
&.ace-tm .ace_cursor {
|
||||
color: @mdAceCursorColor;
|
||||
}
|
||||
// 左侧的线
|
||||
&.ace-tm .ace_print-margin {
|
||||
background: none;
|
||||
// background-color: rgba(89, 128, 166, 0.05);
|
||||
}
|
||||
&.ace-tm .ace_markup.ace_heading {
|
||||
color: @mdAceTextColor;
|
||||
font-weight: bold;
|
||||
&.ace_1,&.ace_2,&.ace_3,&.ace_4,&.ace_5 {
|
||||
color: @mdAceTagColor;
|
||||
}
|
||||
}
|
||||
&.ace-tm .ace_markup.ace_list {
|
||||
color: @mdAceTextColor;
|
||||
}
|
||||
&.ace-tm .ace_constant.ace_language {
|
||||
color: @mdAceTagColor;
|
||||
font-weight: normal;
|
||||
}
|
||||
&.ace-tm .ace_meta.ace_tag {
|
||||
color: #384654;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
// background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
&.ace-tm .ace_keyword.ace_operator {
|
||||
color: #384654;
|
||||
background-color: transparent;
|
||||
}
|
||||
&.ace-tm .ace_storage,
|
||||
&.ace-tm .ace_keyword {
|
||||
color: #384654;
|
||||
// background-color: rgba(0, 0, 0, 0.04);
|
||||
font-weight: bold;
|
||||
}
|
||||
&.ace-tm .ace_entity.ace_name.ace_function {
|
||||
color: #1a2026;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.ace-tm .ace_string {
|
||||
color: #384654;
|
||||
font-style: italic;
|
||||
// background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
&.ace-tm .ace_invalid {
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
}
|
||||
&.ace-tm .ace_strong {
|
||||
color: @mdAceTextColor;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.ace-tm .ace_emphasis {
|
||||
color: @mdAceTextColor;
|
||||
font-style: italic;
|
||||
}
|
||||
&.ace-tm .ace_blockquote {
|
||||
color: @mdAceTextColor;
|
||||
}
|
||||
&.ace-tm .ace_code {
|
||||
color: #1a2026;
|
||||
// background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
&.ace-tm .ace_code_block {
|
||||
color: #1a2026;
|
||||
}
|
||||
&.ace-tm .ace_link {
|
||||
color: @mdAceTextColor;
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.ace_underline {
|
||||
color: @mdAceHeadingColor;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
&.ace-tm .ace_description {
|
||||
color: #576c82;
|
||||
}
|
||||
&.ace-tm .ace_constant {
|
||||
color: #384654;
|
||||
}
|
||||
&.ace-tm .ace_comment {
|
||||
color: rgba(87, 108, 130, 0.6);
|
||||
font-style: italic;
|
||||
}
|
||||
&.ace-tm .ace_marker-layer .misspelled {
|
||||
position: absolute;
|
||||
z-index: -2;
|
||||
border-bottom: 1px dotted red;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
// vim cursor
|
||||
&.normal-mode .ace_cursor {
|
||||
// background-color: #003A92;
|
||||
}
|
||||
// emacs cursor
|
||||
&.emacs-mode .ace_cursor {
|
||||
border: 2px rgba(101, 189, 119, 0.8) solid !important;
|
||||
background-color: rgb(101, 189, 119, 0.9);
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user