Add github2 markdown css. Extract default markdown css.

This commit is contained in:
LucasYuNju
2016-08-20 16:43:00 +08:00
parent 920f7f73cf
commit 8309a9e72e
4 changed files with 693 additions and 262 deletions

112
note.html
View File

@@ -18,7 +18,9 @@
<link href="public/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
<!-- mdeditor -->
<link href="public/md/themes/default.css" rel="stylesheet" />
<link href="public/md/themes/mdeditor.css" rel="stylesheet" />
<!-- markdown theme -->
<link rel="stylesheet" href="public/md/themes/themes/default/theme.css" type="text/css" id="md-theme"/>
<!-- theme -->
<link rel="stylesheet" href="public/themes/default.css" type="text/css"/>
@@ -69,7 +71,7 @@ function log(o) {
<div class="pren-content">
</div>
</div>
<div id="page" class="clearfix">
<div id="mainMask">
<table><tr><td>
@@ -109,24 +111,24 @@ function log(o) {
<span class="for-split"> - </span>
<span id="curNotebookForNewSharedNote" notebookId="" userId=""></span>
<div class="dropdown" style="display: inline-block">
<a id="listShareNotebookDropdownMenu" class="ios7-a dropdown-toggle" data-toggle="dropdown">
<a id="listShareNotebookDropdownMenu" class="ios7-a dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-angle-down"></i>
</a>
<div class="dropdown-menu dropdown-list" id="searchNotebookForAddShareDropdownList" >
<ul id="notebookNavForNewSharedNote"></ul>
</div>
</div>
</div>
</div>
</div>
<div class="pull-left" id="leanoteMsg">
<span id="msg" style="display: inline-block;"></span>
<span id="loading">
</span>
</div>
<div class="pull-right top-nav writting-hide" id="myBlog">
<a target="_blank" href="{{$.blogUrl}}/{{.userInfo.Username}}" class="lang">
<a target="_blank" href="{{$.blogUrl}}/{{.userInfo.Username}}" class="lang">
Blog
</a>
</div>
@@ -146,7 +148,7 @@ function log(o) {
Starred
</span>
</div>
<ul class="folderBody" id="starNotes">
<li noteId=""><a><span class="delete-star" title="Remove">X</span></a></li>
</ul>
@@ -154,7 +156,7 @@ function log(o) {
<div class="folderNote opened" id="myNotebooks">
<div class="folderHeader clearfix">
<i class="fa fa-book pull-left fa-left"></i>
<i class="fa fa-book pull-left fa-left"></i>
<span class="pull-left lang">
Notebook
</span>
@@ -162,14 +164,14 @@ function log(o) {
<i class="fa fa-plus" title="Add notebook"></i>
</div>
</div>
<div class="folderBody">
<input type="text" class="form-control lang-placeholder" id="searchNotebookForList" placeholder="Search notebook"/>
<input type="text" class="form-control lang-placeholder" id="searchNotebookForList" placeholder="Search notebook"/>
<ul class="ztree" id="notebookList"></ul>
<ul class="ztree" id="notebookListForSearch"></ul>
</div>
</div>
<div class="folderNote closed" id="myTag">
<div class="folderHeader">
<i class="fa fa-bookmark fa-left"></i>
@@ -177,7 +179,7 @@ function log(o) {
Tag
</span>
</div>
<ul class="folderBody clearfix" id="tagNav">
<li data-tag="red"><a> <span class="label label-red">red</span></a></li>
<li data-tag="blue"><a> <span class="label label-blue">blue</span></a></li>
@@ -187,8 +189,8 @@ function log(o) {
</div>
</div>
<!--
<!--
底下
用于同步
-->
@@ -204,18 +206,18 @@ function log(o) {
</a>
<div class="pull-right" id="myProfile">
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">
<span class="username" id="username">
</span><i class="fa fa-angle-down account-more"></i>
</a>
</div>
</div>
</div>
</div>
<div class="noteSplit" id="notebookSplitter"></div>
<div id="noteAndEditor">
<div id="noteAndEditorMask">
<img src="public/images/loading-24.gif"/>
@@ -248,7 +250,7 @@ function log(o) {
</a>
<span id="curNotebookForNewNote" notebookId="" style="display: none"></span>
</div>
</div>
<!-- 搜索 -->
@@ -263,11 +265,11 @@ function log(o) {
</ul>
</div>
</div>
<div class="noteSplit" id="noteSplitter"></div>
<div id="note" class="read-only-editor">
<!-- 遮罩, 为了resize3Columns用 -->
<div id="noteMask" class="note-mask"></div>
@@ -288,7 +290,7 @@ function log(o) {
<div id="editorMaskBtnsEmpty" class="lang">canntNewNoteTips</div>
</div>
<div id="batchMask" class="note-mask"> <!-- z-index: 99 -->
<div id="batchMask" class="note-mask"> <!-- z-index: 99 -->
<div class="batch-ctn" id="batchCtn"></div>
<div class="batch-info">
<div class="batch-status"></div>
@@ -299,11 +301,11 @@ function log(o) {
<div id="noteTop">
<!-- 左侧放tag, 右侧放按钮, 比如save, info, move, delete -->
<div id="tool" class="clearfix">
<div id="noteTitleDiv">
<input name="noteTitle" id="noteTitle" class="lang-placeholder" value="" placeholder="UnTitled" tabindex="1" />
</div>
<ul class="pull-right" id="editorTool">
<li><a class="ios7-a lang-title lang-title" id="editBtn"
@@ -328,7 +330,7 @@ function log(o) {
<i class="fa fa-upload"></i>
<span class="lang">Choose Files</span>
</a>
</div>
<div id="attachUploadMsg">
</div>
@@ -355,14 +357,14 @@ function log(o) {
<div id="mceToolbarContainer">
<div id="popularToolbar"
style="position: absolute; right: 30px; left: 0"></div>
<a id="moreBtn">
<a id="moreBtn">
<i class="more-fa fa fa-angle-down"></i>
</a>
</div>
<!-- 查看信息 -->
<div id="infoToolbar" class="info-toolbar">
<span class="lang">Created</span>: <span class="created-time">2015-04-03</span>
<span class="lang">Updated</span>: <span class="updated-time">2015-05-01</span>
</div>
@@ -377,7 +379,7 @@ function log(o) {
<div id="leanoteNavContent" class="leanoteNavContent">
</div>
</div>
<!-- leaui image drop image to editor-->
<form id="upload" method="post" action="/file/uploadImageLeaui" enctype="multipart/form-data" style="margin-top: 5px;">
<div id="drop">
@@ -387,7 +389,7 @@ function log(o) {
<ul id="uploadMsg">
</ul>
</form>
<!-- 由此可以算高度 -->
<div id="editorContentWrap">
<div id="editorContent" name="editorContent" tabindex="2" >
@@ -395,15 +397,15 @@ function log(o) {
</div>
</div>
</div>
<div id="mdEditor">
<div class="layout-wrapper-l1">
<div class="layout-wrapper-l2">
<div class="navbar navbar-default">
<div class="navbar-inner" id="wmd-button-bar">
<div id="mdInfoToolbar" class="info-toolbar">
<span class="lang">Created</span>: <span class="created-time">2015-04-03</span>
<span class="lang">Updated</span>: <span class="updated-time">2015-05-01</span>
</div>
@@ -425,7 +427,7 @@ function log(o) {
<li class="wmd-button-group6 btn-group">
<li class="wmd-button btn btn-success" id="wmd-help-button" title="Markdown syntax" style="left: 0px; display: none;"><span style="display: none; background-position: 0px 0px;"></span><i class="fa fa-question-circle"></i></li>
</li>
</ul>
</ul>
</div>
</div>
<div class="editorBg"></div>
@@ -460,8 +462,8 @@ function log(o) {
</div>
</div>
<div id="wmd-button-bar" class="hide"></div>
</div>
</div>
</div>
<div id="editorBottom">
@@ -469,14 +471,14 @@ function log(o) {
<div id="tags">
</div>
<div class="dropdown" style="" id="tagDropdown">
<i class="fa fa-bookmark-o"></i>
<i class="fa fa-bookmark-o"></i>
<a
class="metro-a dropdown-toggle" data-toggle="dropdown"
id="addTagTrigger" style="cursor: text; padding-left: 0">
<span class="add-tag-text lang">
clickAddTag
</span>
</a>
</a>
<input type="text" id="addTagInput" />
<ul class="dropdown-menu" role="menu" id="tagColor">
<li role="presentation"><span class="label label-red lang">red</span>
@@ -489,20 +491,20 @@ function log(o) {
</div>
</div>
</div>
</div>
</div>
</div>
<!-- v1 -->
<!-- Hidden Popup Modal -->
<div class="modal fade bs-modal-sm" id="editorDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="editorDialog-title"></h4>
</div>
<div class="modal-body">
<p></p>
<div class="input-group">
@@ -512,41 +514,41 @@ function log(o) {
<input type="text" class="form-control" placeholder="">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="editorDialog-confirm">confirm</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 弹出框 模板 -->
<div class="modal fade bs-modal-sm" id="leanoteDialogRemote" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
</div>
<div class="modal fade bs-modal-sm" id="leanoteDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="modalTitle">操作</h4>
</div>
<div class="modal-body">
内容区
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 升级框 -->
<div class="modal fade bs-modal-sm" id="upgradeDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm">
@@ -573,7 +575,7 @@ function log(o) {
<button type="button" class="btn btn-default upgrade-cancel-btn lang" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary upgrade-btn lang" data-dismiss="modal" disabled>Upgrade</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@@ -591,7 +593,7 @@ function log(o) {
<label><input type="checkbox" id="localAccountDialogCheckbox"/> <span class="lang">Don't Show Anymore</span></label>
<button type="button" class="btn btn-default upgrade-cancel-btn lang" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@@ -600,7 +602,7 @@ function log(o) {
<div class="modal fade bs-modal-sm" id="loadingDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm modal-large">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<div class="modal-body" id="loadingDialogBody">
@@ -623,11 +625,11 @@ function log(o) {
<div id="notify">
<div class="alert alert-dismissible alert-warning" role="alert">
<button type="button" class="close" ><span aria-hidden="true">&times;</span></button>
<strong class="title">Warning!</strong>:
<strong class="title">Warning!</strong>:
<span class="body">Better check yourself, you're not looking too good.</span>
</div>
</div>
<!-- modal 静态区域, 隐藏区域 -->
<div class="display: hidden" id="hiddenZone">
<div class="hide" id="copyDiv"></div>