markdown editor v2
This commit is contained in:
lealife
@ -625,7 +625,7 @@ function log(o) {
|
||||
<li class="wmd-button-group3 btn-group"></li>
|
||||
</ul>
|
||||
<ul class="nav left-buttons">
|
||||
<li class="wmd-button-group5 btn-group"></li>
|
||||
<li class="wmd-button-group4 btn-group"></li>
|
||||
</ul>
|
||||
<!-- 帮助 -->
|
||||
<ul class="nav left-buttons">
|
||||
@ -917,7 +917,7 @@ window.require = {
|
||||
|
||||
<!-- dev -->
|
||||
<script src="/js/require.js"></script>
|
||||
<script src="/public/dist/main.min.js"></script>
|
||||
<script src="/public/dist/main-v2.min.js"></script>
|
||||
<!-- /dev -->
|
||||
|
||||
<script src="/public/js/plugins/main.js"></script>
|
||||
|
||||
@ -10,7 +10,7 @@ site.url=http://localhost:9000 # or http://x.com:8080, http://www.xx.com:9000
|
||||
adminUsername=admin
|
||||
|
||||
# mongdb
|
||||
db.host=localhost
|
||||
db.host=127.0.0.1
|
||||
db.port=27017
|
||||
db.dbname=leanote # required
|
||||
db.username= # if not exists, please leave it blank
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -2,8 +2,6 @@
|
||||
|
||||
@bgColor: #fff;
|
||||
@headerBgColor: #25313e;
|
||||
// @fontFamily: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
|
||||
@fontFamily: Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", "Micro Hei", SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
@aWhiteColor: #fff;
|
||||
@aBlackColor: #000;
|
||||
@borderColor: #EBEFF2;
|
||||
@ -18,158 +16,14 @@
|
||||
|
||||
@selectionBg: @aBlackColor;
|
||||
@selectionColor: #fff;
|
||||
::selection { background:@selectionBg; color:@selectionColor; }
|
||||
::-moz-selection { background:@selectionBg; color:@selectionColor; }
|
||||
::-webkit-selection { background:@selectionBg; color:@selectionColor; }
|
||||
|
||||
|
||||
a {
|
||||
color: @aBlackColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
color: @aBlackColor;
|
||||
}
|
||||
|
||||
// 原生的a
|
||||
a.raw {
|
||||
color: #428bca;
|
||||
}
|
||||
a.raw:hover {
|
||||
color: #2a6496;
|
||||
}
|
||||
// header
|
||||
@headerTextColor: #fff;
|
||||
@headerAColor: #ccc;
|
||||
@dropdownTextColor: #000;
|
||||
|
||||
/* header */
|
||||
|
||||
#header {
|
||||
height: @headerHeight;
|
||||
background-color: @headerBgColor;
|
||||
color: @aWhiteColor;
|
||||
a {
|
||||
color: #ccc;//@aWhiteColor;
|
||||
}
|
||||
li {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
li a {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
|
||||
/* for app */
|
||||
webkit-user-select: none; /* 还不知 */
|
||||
-webkit-app-region: drag; /* -webkit-app-region: no-drag; */
|
||||
}
|
||||
|
||||
#logo, #logo span {
|
||||
line-height: 50px;//@headerHeight;
|
||||
}
|
||||
#logo {
|
||||
width: 140px;
|
||||
height: @headerHeightNoBorder;
|
||||
//background-color: #41586e; // #374b5e; // #65bd77;
|
||||
padding-left: 10px;
|
||||
padding-top: 0px;
|
||||
//color: #ccc;
|
||||
}
|
||||
#logo span{
|
||||
background-color: #000;
|
||||
//color: #eee;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
padding: 4px 0;//4px 3px 4px 3px;
|
||||
line-height: 1.0;
|
||||
}
|
||||
|
||||
#switcher {
|
||||
line-height: 50px;//@headerHeight;
|
||||
padding-top: 6px;
|
||||
padding-right: 5px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
i {
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
span {
|
||||
border-radius: 5px;
|
||||
background-color: #000;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
&:hover {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
#searchNote {
|
||||
padding-left: 0;
|
||||
line-height: 60px;
|
||||
margin:0;
|
||||
input {
|
||||
background-size: 18px 13px;
|
||||
border-color: @borderColor;
|
||||
border: none;
|
||||
color: #ccc;
|
||||
background-color: #000;
|
||||
padding-left: 14px;
|
||||
border-radius: 5px;
|
||||
//height: 30px;
|
||||
width: @noteListWidth;
|
||||
line-height: 20px;
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
border-color: @hColor;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style: none;
|
||||
}
|
||||
#header ul li.dropdown {
|
||||
display: inline-block;
|
||||
height: @headerHeight;
|
||||
}
|
||||
|
||||
#header ul > li > a.dropdown-toggle {
|
||||
display: block;
|
||||
// 这里必须要有padding-top, 不然不会垂直居中, 悲剧
|
||||
// li 限制了60px, 所以下拉的top还和之前一样
|
||||
padding: 15px 5px 0 0;
|
||||
position: relative;
|
||||
// -webkit-transition: all 0.3s;
|
||||
// -moz-transition: all 0.3s;
|
||||
// transition: all 0.3s;
|
||||
}
|
||||
|
||||
#header span.icon {
|
||||
display: inline-block;
|
||||
font-size: 28px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
.dropdown-menu li > a {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
.dropdown-menu li:hover, .dropdown-menu li:focus {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
|
||||
|
||||
/*********************/
|
||||
#page {
|
||||
overflow: auto;
|
||||
@ -539,7 +393,6 @@ a.raw:hover {
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
|
||||
|
||||
#editorContent {
|
||||
position: absolute;
|
||||
top:30px;
|
||||
@ -548,231 +401,9 @@ a.raw:hover {
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
#editorContent_ifr {
|
||||
// padding-top: 10px;
|
||||
}
|
||||
|
||||
/* 包裹iframe */
|
||||
#editor .mce-ifr {
|
||||
border: none;
|
||||
// padding: 10px;
|
||||
overflow: hidden !important; /*不知道哪里设置了auto*/
|
||||
/*border-radius: 5px;*/
|
||||
// border: 1px solid @borderColor;
|
||||
// border-top-left-radius: 5px;
|
||||
// border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
/* 最顶层 */
|
||||
#editor .mce-tinymce {
|
||||
border: none;
|
||||
}
|
||||
#editor iframe {
|
||||
}
|
||||
/*编辑器按钮*/
|
||||
#mceToolbar, #wmd-button-bar {
|
||||
position: relative;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
|
||||
|
||||
/*加高, 之前显得拥挤*/
|
||||
.mce-btn-small button {
|
||||
padding: 5px 5px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
.mce-foot .mce-btn {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.mce-menubtn.mce-btn-small span {
|
||||
line-height: 20px !important;
|
||||
}
|
||||
.mce-btn span {
|
||||
font-family: @fontFamily !important;
|
||||
}
|
||||
.mce-primary button, .mce-primary button i {
|
||||
text-shadow: none;
|
||||
}
|
||||
.mce-primary {
|
||||
background-color: #47a447 !important;
|
||||
border: none !important;
|
||||
}
|
||||
// 下拉
|
||||
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
|
||||
background-color: @borderColor;
|
||||
span {
|
||||
color: #000 !important;
|
||||
}
|
||||
}
|
||||
// 下拉选中
|
||||
.mce-menu-item-normal.mce-active {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
// tool的分隔
|
||||
.tool-split {
|
||||
display: inline-block;
|
||||
line-height: 25px;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
/*标签与其它工具*/
|
||||
#tool {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
/* tag */
|
||||
|
||||
#addTagInput {
|
||||
line-height: 25px;
|
||||
display: none;
|
||||
padding:0;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
#addTagInput:focus {
|
||||
outline: none;
|
||||
}
|
||||
.label-default {
|
||||
background-color: #464C5E;
|
||||
}
|
||||
.label-red {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
.label-yellow {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
.label-blue {
|
||||
background-color: #428bca;
|
||||
}
|
||||
.label-green {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
.label {
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.label i {
|
||||
width: 10px;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
/*border-left: 1px solid #ccc;*/
|
||||
display: inline-block;
|
||||
padding-left: 3px;
|
||||
opacity: 0;
|
||||
}
|
||||
.label i:hover {
|
||||
opacity: 1;
|
||||
// font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
@sbc: @bgColor;
|
||||
|
||||
/*scroll*/
|
||||
/*
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #41586e;
|
||||
opacity: 0.1;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color:#dadada
|
||||
}
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background-color:#606060
|
||||
}
|
||||
::-webkit-scrollbar-thumb:disabled {
|
||||
background-color:#f9f9f9
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color:#f0f0f0
|
||||
}
|
||||
::-webkit-scrollbar-button {
|
||||
height: 0;
|
||||
background-color:#f0f0f0;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical {
|
||||
height:0px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal {
|
||||
width:33px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment {
|
||||
background-position:0 -444px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement {
|
||||
background-position:12px -425px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment {
|
||||
background-position:-1px -391px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement {
|
||||
background-position:-1px -358px
|
||||
}
|
||||
::-webkit-scrollbar-button:hover {
|
||||
background-color:#dadada
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:hover {
|
||||
background-position:0 -548px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:hover {
|
||||
background-position:12px -529px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:hover {
|
||||
background-position:-1px -495px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:hover {
|
||||
background-position:-1px -462px
|
||||
}
|
||||
::-webkit-scrollbar-button:active {
|
||||
background-color:#606060
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:active {
|
||||
background-position:0 -652px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active {
|
||||
background-position:12px -633px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:active {
|
||||
background-position:-1px -599px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:active {
|
||||
background-position:-1px -566px
|
||||
}
|
||||
::-webkit-scrollbar-button:disabled {
|
||||
background-color:#f9f9f9
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:disabled {
|
||||
background-position:0 -756px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:disabled {
|
||||
background-position:12px -737px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:disabled {
|
||||
background-position:-1px -703px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:disabled {
|
||||
background-position:-1px -670px
|
||||
}
|
||||
*/
|
||||
|
||||
/*from notebook*/
|
||||
/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
|
||||
*/
|
||||
|
||||
#editorContent_ifr {
|
||||
// border: 1px solid red;
|
||||
}
|
||||
|
||||
.fa-calendar {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
221
public/css/theme/includes/animation.less
Normal file
221
public/css/theme/includes/animation.less
Normal file
@ -0,0 +1,221 @@
|
||||
@-webkit-keyframes dropdown {
|
||||
0% {
|
||||
margin-top: -25px;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
margin-top: 2px;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dropdown {
|
||||
0% {
|
||||
margin-top: -25px;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
margin-top: 2px;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes dropdown {
|
||||
0% {
|
||||
margin-top: -25px;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
margin-top: 2px;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes dropdown {
|
||||
0% {
|
||||
margin-top: -25px;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
margin-top: 2px;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes pulldown {
|
||||
0% {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
top: 90%;
|
||||
}
|
||||
100% {
|
||||
top: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes pulldown {
|
||||
0% {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
top: 90%;
|
||||
}
|
||||
100% {
|
||||
top: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes pulldown {
|
||||
0% {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
top: 90%;
|
||||
}
|
||||
100% {
|
||||
top: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes pulldown {
|
||||
0% {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
90% {
|
||||
top: 90%;
|
||||
}
|
||||
100% {
|
||||
top: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animated {
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
-ms-animation-fill-mode: both;
|
||||
-o-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: 0.5s;
|
||||
-moz-animation-duration: 0.5s;
|
||||
-ms-animation-duration: 0.5s;
|
||||
-o-animation-duration: 0.5s;
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
-webkit-animation-name: fadeIn;
|
||||
-moz-animation-name: fadeIn;
|
||||
-o-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
|
||||
.fadeInUp {
|
||||
-webkit-animation-name: fadeInUp;
|
||||
-moz-animation-name: fadeInUp;
|
||||
-o-animation-name: fadeInUp;
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
69
public/css/theme/includes/batch.less
Normal file
69
public/css/theme/includes/batch.less
Normal file
@ -0,0 +1,69 @@
|
||||
|
||||
// 当是批量操作时, 隐藏之
|
||||
.batch {
|
||||
#noteItemList {
|
||||
.item-active,
|
||||
.item-active:hover {
|
||||
// .item-blog,
|
||||
.item-setting {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#toggleEditorMode {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//---------
|
||||
// batch
|
||||
#batchMask {
|
||||
background: #fff;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.batch-ctn {
|
||||
position: relative;
|
||||
padding: 50px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.batch-note {
|
||||
display: inline-block;
|
||||
width: 160px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
// margin-left: -80px;
|
||||
border: 1px solid #ccc;
|
||||
height: 200px;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
background: #eee;
|
||||
// transform: rotate(-30deg);
|
||||
overflow: hidden;
|
||||
transition: margin 0.5s;
|
||||
margin-left: -1000px;
|
||||
.title {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.batch-info {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
margin-top: 300px;
|
||||
// 设置
|
||||
p {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.fa {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
100
public/css/theme/includes/browser.less
Normal file
100
public/css/theme/includes/browser.less
Normal file
@ -0,0 +1,100 @@
|
||||
::selection { background:@selectionBg; color:@selectionColor; }
|
||||
::-moz-selection { background:@selectionBg; color:@selectionColor; }
|
||||
::-webkit-selection { background:@selectionBg; color:@selectionColor; }
|
||||
|
||||
/*scroll*/
|
||||
/*
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #41586e;
|
||||
opacity: 0.1;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color:#dadada
|
||||
}
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background-color:#606060
|
||||
}
|
||||
::-webkit-scrollbar-thumb:disabled {
|
||||
background-color:#f9f9f9
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color:#f0f0f0
|
||||
}
|
||||
::-webkit-scrollbar-button {
|
||||
height: 0;
|
||||
background-color:#f0f0f0;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical {
|
||||
height:0px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal {
|
||||
width:33px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment {
|
||||
background-position:0 -444px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement {
|
||||
background-position:12px -425px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment {
|
||||
background-position:-1px -391px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement {
|
||||
background-position:-1px -358px
|
||||
}
|
||||
::-webkit-scrollbar-button:hover {
|
||||
background-color:#dadada
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:hover {
|
||||
background-position:0 -548px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:hover {
|
||||
background-position:12px -529px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:hover {
|
||||
background-position:-1px -495px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:hover {
|
||||
background-position:-1px -462px
|
||||
}
|
||||
::-webkit-scrollbar-button:active {
|
||||
background-color:#606060
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:active {
|
||||
background-position:0 -652px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active {
|
||||
background-position:12px -633px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:active {
|
||||
background-position:-1px -599px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:active {
|
||||
background-position:-1px -566px
|
||||
}
|
||||
::-webkit-scrollbar-button:disabled {
|
||||
background-color:#f9f9f9
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:disabled {
|
||||
background-position:0 -756px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:disabled {
|
||||
background-position:12px -737px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:disabled {
|
||||
background-position:-1px -703px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:disabled {
|
||||
background-position:-1px -670px
|
||||
}
|
||||
*/
|
||||
/*from notebook*/
|
||||
/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
|
||||
*/
|
||||
221
public/css/theme/includes/common.less
Normal file
221
public/css/theme/includes/common.less
Normal file
@ -0,0 +1,221 @@
|
||||
/**
|
||||
* 通用的
|
||||
*/
|
||||
|
||||
.close:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.alert {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
.btn * {
|
||||
cursor: pointer !important; // 下载所有, 被dropdown
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-----------------
|
||||
// 下拉菜单
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
}
|
||||
.dropdown-submenu > ul.dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-left: -3px !important;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding-top: 10px !important;
|
||||
}
|
||||
.dropdown-submenu:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
// 箭头
|
||||
.dropdown-submenu:after {
|
||||
display: block;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-left-color: #666;
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > a:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.dropdown-submenu.pull-left {
|
||||
float: none;
|
||||
}
|
||||
.dropdown-submenu.pull-left > .dropdown-menu {
|
||||
left: -100%;
|
||||
margin-left: 10px;
|
||||
-webkit-border-radius: 6px 0 6px 6px;
|
||||
-moz-border-radius: 6px 0 6px 6px;
|
||||
border-radius: 6px 0 6px 6px;
|
||||
}
|
||||
|
||||
// 动画
|
||||
.open > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
|
||||
visibility: visible;
|
||||
|
||||
-webkit-animation: pulldown .2s;
|
||||
animation: pulldown .2s;
|
||||
/*
|
||||
transform: scale(1, 1);
|
||||
-webkit-transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
*/
|
||||
}
|
||||
.dropdown-menu {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
|
||||
/*
|
||||
-webkit-transform: scale(0, 0);
|
||||
-webkit-transform-origin: top;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
|
||||
|
||||
-o-transform: scale(0, 0);
|
||||
-o-transform-origin: top;
|
||||
-o-animation-fill-mode: forwards;
|
||||
-o-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
|
||||
|
||||
-moz-transform: scale(0, 0);
|
||||
-moz-transform-origin: top;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-moz-transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
|
||||
|
||||
transform: scale(0, 0);
|
||||
transform-origin: top;
|
||||
animation-fill-mode: forwards;
|
||||
transition: all 0.2s cubic-bezier(0.34, 1.21, 0.4, 1);
|
||||
*/
|
||||
}
|
||||
|
||||
.dropdown-list {
|
||||
width: 530px;
|
||||
border-radius: 3px;
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
float: left;
|
||||
width: 120px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px dashed #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu .divider {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-menu {
|
||||
border-radius: 3px;
|
||||
margin:0;
|
||||
// border: 1px solid @hColor;
|
||||
border: 1px solid #e6eaed;
|
||||
/*overflow-x: hidden; */
|
||||
/*overflow-y: scroll;*/
|
||||
box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 8px;
|
||||
background-image: url("../../images/triangle_2x.png");
|
||||
background-size: 20px 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-submenu .dropdown-menu:before {
|
||||
background: none;
|
||||
}
|
||||
#searchNotebookForAddDropdownList, #searchNotebookForAddShareDropdownList {
|
||||
left: -200px;
|
||||
&:before {
|
||||
left: 190px;
|
||||
right: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu li {
|
||||
list-style: none;
|
||||
padding-left: 10px;
|
||||
width: 100%;
|
||||
height: 30px; // 父设置了line-height, 子下拉也受影响, "新建笔记"
|
||||
line-height: 30px;
|
||||
}
|
||||
.dropdown-menu li > a {
|
||||
color: @aBlackColor;
|
||||
display: block;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.dropdown-menu > li > a {
|
||||
padding: 3px 20px 3px 0;
|
||||
}
|
||||
|
||||
|
||||
.noteSplit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 3333;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
// 原生的a 可能没用
|
||||
a.raw {
|
||||
color: #428bca;
|
||||
}
|
||||
a.raw:hover {
|
||||
color: #2a6496;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 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;
|
||||
}
|
||||
99
public/css/theme/includes/editor.less
Normal file
99
public/css/theme/includes/editor.less
Normal file
@ -0,0 +1,99 @@
|
||||
// ace 重置css, 必须
|
||||
.ace_editor, .ace_editor * {
|
||||
font-family: @aceFontFamily;
|
||||
}
|
||||
// 不显示空白
|
||||
.ace_invisible_space {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
#editor, #mdEditor{
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 66px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
left: 5px;
|
||||
padding: 0; // 0px 0px 0px 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* leanote nav */
|
||||
|
||||
.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;
|
||||
}
|
||||
0
public/css/theme/includes/font.less
Normal file
0
public/css/theme/includes/font.less
Normal file
265
public/css/theme/includes/header.less
Normal file
265
public/css/theme/includes/header.less
Normal file
@ -0,0 +1,265 @@
|
||||
/**
|
||||
* 头部
|
||||
*/
|
||||
|
||||
|
||||
// 新建不要显示笔记本下拉了, 没用
|
||||
#listNotebookDropdownMenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// 主题切换
|
||||
#themeForm td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
#themeForm img {
|
||||
border: 1px solid #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#logo {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
#avatar {
|
||||
height: 60px; max-width: 200px; display: inline-block; margin: 10px;
|
||||
}
|
||||
|
||||
// 新建
|
||||
.new-split {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.new-note-right {
|
||||
padding: 0 5px;
|
||||
padding-left: 3px
|
||||
}
|
||||
#leanoteMsg {
|
||||
line-height: 40px; margin-top: 10px; margin-left: 10px;
|
||||
}
|
||||
#newNoteWrap {
|
||||
line-height: 40px; margin-top: 10px;
|
||||
}
|
||||
|
||||
// 新建笔记
|
||||
.new-note {
|
||||
background-color: @newNoteBgColor;
|
||||
border-radius: 3px;
|
||||
padding: 3px 5px;
|
||||
border: @newNoteBorder;
|
||||
&, a {
|
||||
color: @newNoteTextColor;
|
||||
}
|
||||
&:hover {
|
||||
background: @newNoteBgColorHover;
|
||||
border-color: @newNoteBBorderColorHover;
|
||||
&, a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.new-markdown {
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
// 顶部导航, 博客
|
||||
.top-nav {
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 60px;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
|
||||
.ios7-a {
|
||||
display: inline-block;
|
||||
padding: 0 10px;
|
||||
height: 36px;
|
||||
vertical-align: middle;
|
||||
line-height: 36px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
//====================
|
||||
// 最小化左侧, 展示右侧
|
||||
|
||||
|
||||
|
||||
#page.mini-left {
|
||||
|
||||
#notebook,
|
||||
#notebookSplitter,
|
||||
#logo,
|
||||
#leftSwitcher,
|
||||
#leftNotebook .slimScrollDiv
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#leftSwitcher2 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#leftNotebook {
|
||||
width: 30px !important;
|
||||
}
|
||||
#noteAndEditor {
|
||||
left: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//============
|
||||
// header
|
||||
|
||||
a {
|
||||
color: @aBlackColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
color: @aBlackColor;
|
||||
}
|
||||
|
||||
#header {
|
||||
height: @headerHeight;
|
||||
background-color: @headerBgColor;
|
||||
border-bottom: 1px solid @borderColor;
|
||||
color: @headerTextColor;
|
||||
|
||||
a {
|
||||
color: @headerAColor;//@aWhiteColor;
|
||||
}
|
||||
li, li a {
|
||||
color: @dropdownTextColor;
|
||||
}
|
||||
|
||||
/* for app */
|
||||
webkit-user-select: none; /* 还不知 */
|
||||
-webkit-app-region: drag; /* -webkit-app-region: no-drag; */
|
||||
}
|
||||
|
||||
#logo {
|
||||
line-height: 50px;//@headerHeight;
|
||||
box-sizing: content-box;
|
||||
width: 140px;
|
||||
height: @headerHeight;
|
||||
padding-left: 10px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
#switcher {
|
||||
line-height: 50px;//@headerHeight;
|
||||
padding-top: 6px;
|
||||
padding-right: 5px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
i {
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
span {
|
||||
border-radius: 5px;
|
||||
background-color: @switcherBgColor;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
line-height: 34px;
|
||||
margin-top: 8px;
|
||||
padding: 0 5px;
|
||||
height: 34px;
|
||||
display: inline-block;
|
||||
&:hover {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
|
||||
// 默认隐藏
|
||||
#leftSwitcher2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// search
|
||||
#searchNote {
|
||||
padding-left: 0;
|
||||
line-height: 60px;
|
||||
margin:0;
|
||||
input {
|
||||
background-size: 18px 13px;
|
||||
border-color: @borderColor;
|
||||
|
||||
border: @searchNoteInputBorder;
|
||||
color: @searchNoteInputTextColor;
|
||||
background-color: @searchNoteInputBgColor;
|
||||
|
||||
padding-left: 14px;
|
||||
border-radius: 5px;
|
||||
height: 30px;
|
||||
width: @noteListWidth;
|
||||
line-height: 20px;
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
border-color: @hColor;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 右侧链接
|
||||
|
||||
#header ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style: none;
|
||||
}
|
||||
#header ul li.dropdown {
|
||||
display: inline-block;
|
||||
height: @headerHeight;
|
||||
}
|
||||
|
||||
#header ul > li > a.dropdown-toggle {
|
||||
display: block;
|
||||
// 这里必须要有padding-top, 不然不会垂直居中, 悲剧
|
||||
// li 限制了60px, 所以下拉的top还和之前一样
|
||||
padding: 15px 5px 0 0;
|
||||
position: relative;
|
||||
// -webkit-transition: all 0.3s;
|
||||
// -moz-transition: all 0.3s;
|
||||
// transition: all 0.3s;
|
||||
}
|
||||
|
||||
#header span.icon {
|
||||
display: inline-block;
|
||||
font-size: 28px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
.dropdown-menu li > a {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
.dropdown-menu li:hover, .dropdown-menu li:focus {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
|
||||
281
public/css/theme/includes/markdown.less
Normal file
281
public/css/theme/includes/markdown.less
Normal file
@ -0,0 +1,281 @@
|
||||
/**
|
||||
* markdown editor
|
||||
*/
|
||||
|
||||
#mdEditor {
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
bottom: 5px;
|
||||
#md-section-helper,
|
||||
#wmd-input {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/*编辑器按钮*/
|
||||
#mceToolbar, #wmd-button-bar {
|
||||
position: relative;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
#wmd-button-bar {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
// 为了显示编辑模式下拉
|
||||
#mdEditor .navbar-default {
|
||||
overflow: visible;
|
||||
}
|
||||
// 编辑模式下拉
|
||||
.wmd-mode {
|
||||
min-width: 100px;
|
||||
left: 50%;
|
||||
margin-left: -50px !important; // 为什么要!important, 因为writting模式下要用
|
||||
// 小箭头
|
||||
&:before {
|
||||
right: auto;
|
||||
left: 40%;
|
||||
}
|
||||
}
|
||||
#md-keyboard-mode {
|
||||
color: #8E8E8E;
|
||||
font-size: 12px;
|
||||
font-family: @aceFontFamily;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// markdown editor ace
|
||||
@mdAceTextColor: #2C3E50; // #04294E; // #384654;
|
||||
@mdAceHeadingColor: #000; // 1a2026
|
||||
@mdAceBlockquoteColor: #003873;
|
||||
@mdAceCursorColor: #243342;
|
||||
|
||||
#wmd-input {
|
||||
.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: @mdAceHeadingColor;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.ace-tm .ace_markup.ace_list {
|
||||
color: #576c82;
|
||||
}
|
||||
&.ace-tm .ace_constant.ace_language {
|
||||
color: rgba(87, 108, 130, 0.6);
|
||||
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: #384654;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.ace-tm .ace_emphasis {
|
||||
color: #1a2026;
|
||||
font-style: italic;
|
||||
}
|
||||
&.ace-tm .ace_blockquote {
|
||||
color: @mdAceBlockquoteColor;
|
||||
}
|
||||
&.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: #576c82;
|
||||
background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
&.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);
|
||||
}
|
||||
}
|
||||
36
public/css/theme/includes/mask.less
Normal file
36
public/css/theme/includes/mask.less
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
//--------
|
||||
// 右部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: 0px;
|
||||
z-index: -1;
|
||||
}
|
||||
#noteMaskForLoading {
|
||||
padding-top: 60px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
opacity: .3;
|
||||
}
|
||||
5
public/css/theme/includes/note.less
Normal file
5
public/css/theme/includes/note.less
Normal file
@ -0,0 +1,5 @@
|
||||
/**
|
||||
* 笔记
|
||||
*
|
||||
*/
|
||||
|
||||
180
public/css/theme/includes/note_list.less
Normal file
180
public/css/theme/includes/note_list.less
Normal file
@ -0,0 +1,180 @@
|
||||
/**
|
||||
* 笔记列表
|
||||
*/
|
||||
|
||||
|
||||
#notesAndSort {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
// 为了显示右侧的线条
|
||||
#noteList {
|
||||
z-index: 333;
|
||||
}
|
||||
|
||||
#noteItemListWrap {
|
||||
position: absolute; left: 0; right: 0;
|
||||
top: 36px; bottom: 3px;
|
||||
}
|
||||
|
||||
#noteList {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
}
|
||||
// 笔记列表与editor的遮罩
|
||||
#noteAndEditorMask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
padding-top: 60px;
|
||||
opacity: .3;
|
||||
z-index: 20;
|
||||
display: none;
|
||||
}
|
||||
|
||||
//-------------
|
||||
//
|
||||
|
||||
/* 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;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
// blog
|
||||
#noteItemList {
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
.item-setting, .item-blog {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
z-index: 2;
|
||||
padding: 3px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
.fa {
|
||||
color: #fff !important;
|
||||
}
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
background-color: #464C5E;
|
||||
}
|
||||
|
||||
.item-blog {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.item-setting {
|
||||
bottom: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#noteItemList .item:hover {
|
||||
.item-setting {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
104
public/css/theme/includes/notebooks.less
Normal file
104
public/css/theme/includes/notebooks.less
Normal file
@ -0,0 +1,104 @@
|
||||
|
||||
// share
|
||||
.friend-header {
|
||||
position: relative;
|
||||
.notebook-setting {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
&:hover {
|
||||
.notebook-setting {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.each-user {
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 3px;
|
||||
border: 1px solid #eee;
|
||||
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: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
line-height: 30px;
|
||||
}
|
||||
.notebook-setting:before {
|
||||
content: "\f013";
|
||||
}
|
||||
.ztree li a:hover .notebook-setting {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#myTag .folderBody {
|
||||
padding: 0 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
#myTag .folderBody li {
|
||||
margin-left: 10px;
|
||||
padding: 3px;
|
||||
line-height: normal;
|
||||
}
|
||||
#notebookList {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
.ztree {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
#searchNotebookForAdd {
|
||||
line-height: normal;
|
||||
width: 200px;
|
||||
margin: 0 10px;
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
border-color: #ebeff2;
|
||||
box-shadow: none;
|
||||
}
|
||||
#myNotebooks .folderBody {
|
||||
padding-top: 3px;
|
||||
}
|
||||
// 防止左侧笔记本名称太长
|
||||
.folderBody {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#searchNotebookForList {
|
||||
height: 30px;
|
||||
width: 90%;
|
||||
margin: 3px auto;
|
||||
margin-top: 0;
|
||||
border-color: #ebeff2;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
#notebookNavForNewNote li:hover {
|
||||
background: none;
|
||||
}
|
||||
82
public/css/theme/includes/readonly.css
Normal file
82
public/css/theme/includes/readonly.css
Normal file
@ -0,0 +1,82 @@
|
||||
.info-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
line-height: 30px;
|
||||
padding-left: 5px;
|
||||
height: 30px;
|
||||
display: none;
|
||||
}
|
||||
.info-toolbar .toolbar-update {
|
||||
color: inherit;
|
||||
float: right;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.info-toolbar .toolbar-update:hover {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
.info-toolbar .created-time {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#editorContent {
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
#editor.read-only #mceToolbarContainer {
|
||||
display: none;
|
||||
}
|
||||
#editor.read-only .info-toolbar {
|
||||
display: block;
|
||||
}
|
||||
#note.read-only #editor,
|
||||
#note.read-only #mdEditor {
|
||||
top: 60px;
|
||||
}
|
||||
#note.read-only #tool {
|
||||
display: none;
|
||||
}
|
||||
#note.read-only .toolbar-update {
|
||||
display: none;
|
||||
}
|
||||
#note.read-only #noteReadTop {
|
||||
display: block;
|
||||
}
|
||||
#note.read-only #infoToolbar,
|
||||
#note.read-only #mceToolbar,
|
||||
#note.read-only .navbar {
|
||||
display: none;
|
||||
}
|
||||
#note.read-only #editorContent,
|
||||
#note.read-only #mdEditor .layout-wrapper-l3 {
|
||||
top: 0;
|
||||
}
|
||||
#noteRead {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
padding-left: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#noteReadTop {
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
left: 5px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
background: #fff;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
margin: 3px 0;
|
||||
height: 26px;
|
||||
}
|
||||
102
public/css/theme/includes/readonly.less
Normal file
102
public/css/theme/includes/readonly.less
Normal file
@ -0,0 +1,102 @@
|
||||
|
||||
// readonly
|
||||
|
||||
// readonly
|
||||
.info-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
line-height: 30px;
|
||||
padding-left: 5px;
|
||||
height: 30px;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
|
||||
.toolbar-update {
|
||||
color: inherit;
|
||||
float: right;
|
||||
padding: 0 10px;
|
||||
&:hover {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.created-time {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#editorContent {
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
|
||||
#editor.read-only {
|
||||
#mceToolbarContainer {
|
||||
display: none;
|
||||
}
|
||||
.info-toolbar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
//---------------
|
||||
// note for read
|
||||
#note.read-only {
|
||||
#editor, #mdEditor {
|
||||
top: 60px;
|
||||
}
|
||||
#tool {
|
||||
display: none;
|
||||
}
|
||||
.toolbar-update {
|
||||
display: none;
|
||||
}
|
||||
#noteReadTop {
|
||||
display: block;
|
||||
}
|
||||
#infoToolbar, #mceToolbar, .navbar {
|
||||
display: none;
|
||||
}
|
||||
#editorContent, #mdEditor .layout-wrapper-l3 {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
#noteRead {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
padding-left: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@noteReadTopHeight: 60px;
|
||||
#noteReadTop {
|
||||
position: absolute;
|
||||
height: @noteReadTopHeight;
|
||||
left: 5px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
background: #fff;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#noteReadTitle {
|
||||
margin: 3px 0;
|
||||
height: 26px;
|
||||
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
|
||||
}
|
||||
#noteReadInfo {
|
||||
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
|
||||
color: #666;
|
||||
margin-top: 8px;
|
||||
}
|
||||
98
public/css/theme/includes/tag.less
Normal file
98
public/css/theme/includes/tag.less
Normal file
@ -0,0 +1,98 @@
|
||||
|
||||
/*标签与其它工具*/
|
||||
|
||||
/* tag */
|
||||
#addTagInput {
|
||||
line-height: 25px;
|
||||
display: none;
|
||||
padding:0;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
#addTagInput:focus {
|
||||
outline: none;
|
||||
}
|
||||
.label-default {
|
||||
background-color: #464C5E;
|
||||
}
|
||||
.label-red {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
.label-yellow {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
.label-blue {
|
||||
background-color: #428bca;
|
||||
}
|
||||
.label-green {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
.label {
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.label i {
|
||||
width: 10px;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
/*border-left: 1px solid #ccc;*/
|
||||
display: inline-block;
|
||||
padding-left: 3px;
|
||||
opacity: 0;
|
||||
}
|
||||
.label i:hover {
|
||||
opacity: 1;
|
||||
// font-weight: bold;
|
||||
}
|
||||
|
||||
#tag {
|
||||
position: absolute;
|
||||
right: 300px;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#tag {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
// 前面的38影响了dropdown
|
||||
#tag .dropdown {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
|
||||
#tagColor {
|
||||
left: 10px;
|
||||
&:before {
|
||||
content: "";
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
#addTagInput {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#tagNav {
|
||||
i, em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.tag-delete {
|
||||
display: none;
|
||||
margin-left: 3px;
|
||||
font-size: 12px;
|
||||
}
|
||||
li:hover {
|
||||
.tag-delete {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
a:hover {
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
184
public/css/theme/includes/tinymce.less
Normal file
184
public/css/theme/includes/tinymce.less
Normal file
@ -0,0 +1,184 @@
|
||||
/**
|
||||
* tinymce editor
|
||||
*/
|
||||
|
||||
/* 包裹iframe */
|
||||
#editor .mce-ifr {
|
||||
border: none;
|
||||
overflow: hidden !important; /*不知道哪里设置了auto*/
|
||||
}
|
||||
|
||||
/* 最顶层 */
|
||||
#editor .mce-tinymce {
|
||||
border: none;
|
||||
}
|
||||
/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
|
||||
|
||||
/*加高, 之前显得拥挤*/
|
||||
.mce-btn-small button {
|
||||
padding: 5px 5px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
.mce-foot .mce-btn {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.mce-menubtn.mce-btn-small span {
|
||||
line-height: 20px !important;
|
||||
}
|
||||
.mce-btn span {
|
||||
font-family: @fontFamily !important;
|
||||
}
|
||||
.mce-primary button, .mce-primary button i {
|
||||
text-shadow: none;
|
||||
}
|
||||
.mce-primary {
|
||||
background-color: #47a447 !important;
|
||||
border: none !important;
|
||||
}
|
||||
// 下拉
|
||||
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
|
||||
background-color: @borderColor;
|
||||
span {
|
||||
color: #000 !important;
|
||||
}
|
||||
}
|
||||
// 下拉选中
|
||||
.mce-menu-item-normal.mce-active {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
|
||||
// tool的分隔
|
||||
.tool-split {
|
||||
display: inline-block;
|
||||
line-height: 25px;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
// 内容table
|
||||
.mce-item-table tr {
|
||||
background-color: none;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.mce-item-table tr:nth-child(2n) {
|
||||
background-color: rgb(247, 247, 249);
|
||||
}
|
||||
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
|
||||
border: 1px solid #ddd;
|
||||
border-collapse: collapse;
|
||||
padding: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
#moreBtn {
|
||||
dispaly: block; position: absolute;
|
||||
cursor: pointer;
|
||||
right: 5px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
// more btn下怎么会有<span data-mce-type="bookmark" id="mce_1_start" data-mce-style="overflow:hidden;line-height:0px" style="overflow:hidden;line-height:0px"></span> ?
|
||||
#moreBtn span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
// 没有颜色, tinymce
|
||||
.mce-colorbtn-trans div {
|
||||
line-height: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
.mce-btn-small .mce-caret {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.mce-listbox.mce-btn-small .mce-caret {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
// 字体没有shadow
|
||||
.mce-btn i {
|
||||
text-shadow: none;
|
||||
}
|
||||
.mce-colorbutton.mce-btn-small .mce-preview {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
|
||||
#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;
|
||||
}
|
||||
}
|
||||
|
||||
// 字体设置不起作用
|
||||
* {font-family: inherit; }
|
||||
|
||||
}
|
||||
|
||||
.mce-tinymce-inline {
|
||||
border-width: 0 !important;
|
||||
}
|
||||
#editorContent {
|
||||
a {
|
||||
color: #2a6496;
|
||||
text-decoration: underline;
|
||||
}
|
||||
pre {
|
||||
font: 12px/normal @aceFontFamily;
|
||||
color: #4D4D4C;
|
||||
}
|
||||
.ace_searchbtn_close {
|
||||
margin: 0px;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
307
public/css/theme/includes/toolbars.less
Normal file
307
public/css/theme/includes/toolbars.less
Normal file
@ -0,0 +1,307 @@
|
||||
/**
|
||||
* 工具栏
|
||||
* 附件
|
||||
* 笔记信息
|
||||
* 历史记录
|
||||
* 提示
|
||||
*/
|
||||
|
||||
#tool {
|
||||
border-bottom: 1px solid #ddd;
|
||||
height: 36px;
|
||||
margin-left: -5px; // 为了和左边的底部线连接起来
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#editorTool {
|
||||
margin: 0;
|
||||
margin-right: 5px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#editorTool li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// 笔记信息设置
|
||||
#noteInfo {
|
||||
width: 400px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 10px;
|
||||
-webkit-user-select: initial;
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
th {
|
||||
min-width: 80px;
|
||||
}
|
||||
th, td {
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
td {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.post-url {
|
||||
background: #FDF936;
|
||||
}
|
||||
|
||||
.post-url-wrap {
|
||||
word-wrap: break-word;
|
||||
span {
|
||||
display: inline;
|
||||
}
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
&.post-url-edit {
|
||||
.post-url-pencil {
|
||||
display: none;
|
||||
}
|
||||
.post-url-text {
|
||||
display: none;
|
||||
}
|
||||
input {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 工具栏
|
||||
#editor {
|
||||
#mceToolbar {
|
||||
height: 30px;
|
||||
}
|
||||
// 所有都展开
|
||||
&.all-tool {
|
||||
#mceToolbar {
|
||||
height: 60px;
|
||||
}
|
||||
.more-fa:before {
|
||||
content: "\f106";
|
||||
}
|
||||
#editorContent {
|
||||
top: 60px;
|
||||
}
|
||||
}
|
||||
.more-fa:before {
|
||||
content: "\f107";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//===========
|
||||
// history
|
||||
|
||||
#historyList {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.history-modal .modal-dialog {
|
||||
width: auto !important;
|
||||
position: absolute;
|
||||
/* width: 100%; */
|
||||
/* height: 100%; */
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
bottom: 5px;
|
||||
|
||||
.modal-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: scroll;
|
||||
|
||||
.modal-body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
.history-list-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow-y: auto;
|
||||
width: 200px;
|
||||
border-right: 1px solid #ccc;
|
||||
box-shadow: 1px 1px 10px #ddd;
|
||||
|
||||
.history-list-header {
|
||||
line-height: 50px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
padding-left: 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.history-list {
|
||||
position: absolute;
|
||||
top: 51px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow-y: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
border-top: none;
|
||||
&.active, &:hover {
|
||||
color: #000;
|
||||
background-color: #eee;
|
||||
border-color: #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
.history-content-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 200px;
|
||||
|
||||
.close {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.back {
|
||||
margin-left: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.history-content-header {
|
||||
// background-color: #eee;
|
||||
height: 51px;
|
||||
border-bottom: 1px solid #eee;
|
||||
box-shadow: 5px 0px 5px #ccc;
|
||||
}
|
||||
|
||||
.history-content {
|
||||
position: absolute;
|
||||
top: 51px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-top: 5px;
|
||||
padding-right: 5px;
|
||||
padding-left: 10px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 附件
|
||||
|
||||
// leaui image drop drag
|
||||
#upload {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0px;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
#upload #drop {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 100px;
|
||||
}
|
||||
#drop.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
#drop.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
#uploadMsg {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
bottom: 10px;
|
||||
overflow: scroll;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// upload attach
|
||||
#uploadAttach {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.dropzone {
|
||||
text-align: center;
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dropzone.in {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
.dropzone.hover {
|
||||
border: 2px solid #000000;
|
||||
}
|
||||
|
||||
#attachUploadMsg, #avatarUploadMsg{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 240px;
|
||||
z-index: 3;
|
||||
.alert {
|
||||
margin: 0;
|
||||
padding: 0 3px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
#attachMenu {
|
||||
width: 450px;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
#attachList {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 450px;
|
||||
overflow-y: auto;
|
||||
li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0 3px;
|
||||
border-radius: 3px;
|
||||
border-bottom: 1px dashed #eee;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
div {
|
||||
float: left;
|
||||
}
|
||||
.attach-title {
|
||||
width: 290px;
|
||||
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
|
||||
}
|
||||
.attach-process {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
li.loading {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@ -480,6 +480,12 @@ a:focus, a:hover, a:active {
|
||||
}
|
||||
}
|
||||
|
||||
// 有一些toolbar不能显示
|
||||
.wmd-button-bar-inner {
|
||||
overflow: scroll;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
// readonly下, 左侧是隐藏的
|
||||
#mdEditor.read-only {
|
||||
#left-column {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -17,162 +17,21 @@
|
||||
|
||||
@selectionBg: @aBlackColor;
|
||||
@selectionColor: #fff;
|
||||
::selection { background:@selectionBg; color:@selectionColor; }
|
||||
::-moz-selection { background:@selectionBg; color:@selectionColor; }
|
||||
::-webkit-selection { background:@selectionBg; color:@selectionColor; }
|
||||
|
||||
.new-note {
|
||||
background-color: #eee; // #50A361;
|
||||
border: 1px solid transparent;
|
||||
&, a {
|
||||
color: #000;
|
||||
}
|
||||
&:hover {
|
||||
background: #E0E0E0;
|
||||
&, a {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
// header
|
||||
@headerTextColor: #000;
|
||||
@headerAColor: #000;
|
||||
@switcherBgColor: #fff;
|
||||
@logoColor: #fff;
|
||||
|
||||
a {
|
||||
color: @aBlackColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
@searchNoteInputBorder: 1px solid @borderColor;
|
||||
@searchNoteInputBgColor: #fff;
|
||||
@searchNoteInputTextColor: #000;
|
||||
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
color: @aBlackColor;
|
||||
}
|
||||
|
||||
// 原生的a
|
||||
a.raw {
|
||||
color: #428bca;
|
||||
}
|
||||
a.raw:hover {
|
||||
color: #2a6496;
|
||||
}
|
||||
|
||||
/* header */
|
||||
|
||||
#header {
|
||||
height: @headerHeight;
|
||||
background-color: @headerBgColor;
|
||||
color: @aWhiteColor;
|
||||
border-bottom: 1px solid @borderColor;
|
||||
|
||||
/* for app */
|
||||
webkit-user-select: none; /* 还不知 */
|
||||
-webkit-app-region: drag; /* -webkit-app-region: no-drag; */
|
||||
}
|
||||
#header {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
|
||||
#logo, #logo span {
|
||||
line-height: 50px;// @headerHeight;
|
||||
}
|
||||
#logo {
|
||||
width: 140px;
|
||||
height: @headerHeight;
|
||||
//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 {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
padding: 4px 0;//4px 3px 4px 3px;
|
||||
line-height: 1.0;
|
||||
}
|
||||
|
||||
#switcher {
|
||||
line-height: 50px;//@headerHeight;
|
||||
padding-top: 6px;
|
||||
padding-right: 5px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
i {
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
span {
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
&:hover {
|
||||
color: @hColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
#searchNote {
|
||||
padding-left: 0;
|
||||
line-height: 60px;
|
||||
margin:0;
|
||||
|
||||
input {
|
||||
background-size: 18px 13px;
|
||||
border-color: @borderColor;
|
||||
padding-left: 14px;
|
||||
height: 30px;
|
||||
width: 250px;
|
||||
line-height: 20px;
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
border-color: @hColor;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style: none;
|
||||
}
|
||||
#header ul li.dropdown {
|
||||
display: inline-block;
|
||||
height: @headerHeight;
|
||||
}
|
||||
|
||||
#header ul > li > a.dropdown-toggle {
|
||||
display: block;
|
||||
// 这里必须要有padding-top, 不然不会垂直居中, 悲剧
|
||||
// li 限制了60px, 所以下拉的top还和之前一样
|
||||
padding: 15px 5px 0 0;
|
||||
position: relative;
|
||||
// -webkit-transition: all 0.3s;
|
||||
// -moz-transition: all 0.3s;
|
||||
// transition: all 0.3s;
|
||||
}
|
||||
|
||||
#header span.icon {
|
||||
display: inline-block;
|
||||
font-size: 28px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
// border: 1px solid @hColor;
|
||||
}
|
||||
.dropdown-menu li > a {
|
||||
color: @aBlackColor;
|
||||
}
|
||||
.dropdown-menu li:hover, .dropdown-menu li:focus {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
@newNoteBgColor: #eee;
|
||||
@newNoteBgColorHover: #E0E0E0;
|
||||
@newNoteBorder: 1px solid transparent;
|
||||
@newNoteTextColor: #000;
|
||||
|
||||
/*********************/
|
||||
#page {
|
||||
@ -525,222 +384,9 @@ a.raw:hover {
|
||||
left: 0;
|
||||
overflow: auto; // 不设置editor隐藏时没有scroll
|
||||
}
|
||||
#editorContent_ifr {
|
||||
}
|
||||
|
||||
/* 包裹iframe */
|
||||
#editor .mce-ifr {
|
||||
border: none;
|
||||
// padding: 10px;
|
||||
overflow: hidden !important; /*不知道哪里设置了auto*/
|
||||
/*border-radius: 5px;*/
|
||||
// border: 1px solid @borderColor;
|
||||
// border-top-left-radius: 5px;
|
||||
// border-bottom-left-radius: 5px;
|
||||
//padding-left: 5px;
|
||||
//margin-right: 3px;
|
||||
}
|
||||
|
||||
/* 最顶层 */
|
||||
#editor .mce-tinymce {
|
||||
border: none;
|
||||
}
|
||||
#editor iframe {
|
||||
}
|
||||
/*编辑器按钮*/
|
||||
#mceToolbar, #wmd-button-bar {
|
||||
position: relative;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
|
||||
|
||||
/*加高, 之前显得拥挤*/
|
||||
.mce-btn-small button {
|
||||
padding: 5px 5px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
.mce-foot .mce-btn {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.mce-menubtn.mce-btn-small span {
|
||||
line-height: 20px !important;
|
||||
}
|
||||
.mce-btn span {
|
||||
font-family: @fontFamily !important;
|
||||
}
|
||||
.mce-primary button, .mce-primary button i {
|
||||
text-shadow: none;
|
||||
}
|
||||
.mce-primary {
|
||||
background-color: #47a447 !important;
|
||||
border: none !important;
|
||||
}
|
||||
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
|
||||
background-color: @borderColor;
|
||||
span {
|
||||
color: #000 !important;
|
||||
}
|
||||
}
|
||||
// 下拉选中
|
||||
.mce-menu-item-normal.mce-active {
|
||||
background-color: @borderColor;
|
||||
}
|
||||
// tool的分隔
|
||||
.tool-split {
|
||||
display: inline-block;
|
||||
line-height: 25px;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
/*标签与其它工具*/
|
||||
|
||||
/* tag */
|
||||
#addTagInput {
|
||||
line-height: 25px;
|
||||
display: none;
|
||||
padding:0;
|
||||
border: none;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
#addTagInput:focus {
|
||||
outline: none;
|
||||
}
|
||||
.label-default {
|
||||
background-color: #464C5E;
|
||||
}
|
||||
.label-red {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
.label-yellow {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
.label-blue {
|
||||
background-color: #428bca;
|
||||
}
|
||||
.label-green {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
.label {
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.label i {
|
||||
width: 10px;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
/*border-left: 1px solid #ccc;*/
|
||||
display: inline-block;
|
||||
padding-left: 3px;
|
||||
opacity: 0;
|
||||
}
|
||||
.label i:hover {
|
||||
opacity: 1;
|
||||
// font-weight: bold;
|
||||
}
|
||||
|
||||
@sbc: @bgColor;
|
||||
|
||||
/*
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
background-color: @sbc;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: @sbc;
|
||||
border:1px solid #dadada;
|
||||
border-radius: 5px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color:#dadada
|
||||
}
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background-color:#606060
|
||||
}
|
||||
::-webkit-scrollbar-thumb:disabled {
|
||||
background-color:#f9f9f9
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color:#f0f0f0
|
||||
}
|
||||
::-webkit-scrollbar-button {
|
||||
height: 0;
|
||||
background-color:#f0f0f0;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical {
|
||||
height:0px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal {
|
||||
width:33px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment {
|
||||
background-position:0 -444px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement {
|
||||
background-position:12px -425px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment {
|
||||
background-position:-1px -391px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement {
|
||||
background-position:-1px -358px
|
||||
}
|
||||
::-webkit-scrollbar-button:hover {
|
||||
background-color:#dadada
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:hover {
|
||||
background-position:0 -548px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:hover {
|
||||
background-position:12px -529px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:hover {
|
||||
background-position:-1px -495px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:hover {
|
||||
background-position:-1px -462px
|
||||
}
|
||||
::-webkit-scrollbar-button:active {
|
||||
background-color:#606060
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:active {
|
||||
background-position:0 -652px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active {
|
||||
background-position:12px -633px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:active {
|
||||
background-position:-1px -599px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:active {
|
||||
background-position:-1px -566px
|
||||
}
|
||||
::-webkit-scrollbar-button:disabled {
|
||||
background-color:#f9f9f9
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:disabled {
|
||||
background-position:0 -756px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:disabled {
|
||||
background-position:12px -737px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:disabled {
|
||||
background-position:-1px -703px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:disabled {
|
||||
background-position:-1px -670px
|
||||
}
|
||||
|
||||
*/
|
||||
|
||||
#editorContent_ifr {
|
||||
// border: 1px solid red;
|
||||
}
|
||||
|
||||
.fa-calendar {
|
||||
color: #666;
|
||||
}
|
||||
@ -761,12 +407,6 @@ background-position:-1px -670px
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
.mce-container-body iframe {
|
||||
//overflow-x: hidden;
|
||||
//overflow-y: hidden;
|
||||
}
|
||||
|
||||
// 新建笔记item
|
||||
#notebookNavForNewNote li, #notebookNavForNewSharedNote > li {
|
||||
padding-left: 0;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -420,8 +420,12 @@ a.raw:hover {
|
||||
position: relative;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
border-bottom: none;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
#wmd-button-bar {
|
||||
overflow: visible;
|
||||
}
|
||||
/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
|
||||
|
||||
/*加高, 之前显得拥挤*/
|
||||
@ -860,7 +864,8 @@ html,body {
|
||||
#myProfile,
|
||||
#demoRegister
|
||||
{
|
||||
display: none;
|
||||
// display: none;
|
||||
visibility: hidden; // 不能隐藏, 不然点击目录markdown不能跳转
|
||||
}
|
||||
#mainMask {
|
||||
position: absolute;
|
||||
@ -938,6 +943,7 @@ html,body {
|
||||
border: none;
|
||||
background-color: @bgColor !important;
|
||||
font-size: 16px !important;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#md-section-helper {
|
||||
display: none;
|
||||
|
||||
File diff suppressed because one or more lines are too long
16925
public/dist/main-v2.js
vendored
Normal file
16925
public/dist/main-v2.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
public/dist/main-v2.min.js
vendored
Normal file
6
public/dist/main-v2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user