first commit
This commit is contained in:
@@ -0,0 +1,803 @@
|
||||
#body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ztree * {
|
||||
font-size: 14px;
|
||||
font-family: "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial
|
||||
}
|
||||
|
||||
.ztree {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.ztree li ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.ztree li {
|
||||
line-height: 32px;
|
||||
padding-left: 1em
|
||||
}
|
||||
|
||||
.ztree li a {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
color: #666;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.ztree li a::before {
|
||||
content: " ";
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
user-select: none;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.ztree li a.curSelectedNode::before {
|
||||
background: #f1f0f0;
|
||||
}
|
||||
|
||||
.ztree li a.curSelectedNode::after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 4px;
|
||||
float: right;
|
||||
background-color: #5FB878;
|
||||
height: 32px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ztree li a:hover::before {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ztree li a>span {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.ztree li.level0>a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ztree li a:hover {
|
||||
text-decoration: none;
|
||||
color: #5FB878;
|
||||
}
|
||||
|
||||
.ztree li a span.button.switch {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ztree li a span.button.noline_docu {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ztree.showIcon li a span.button.switch {
|
||||
visibility: visible
|
||||
}
|
||||
|
||||
.ztree li a.curSelectedNode {
|
||||
border: 0;
|
||||
height: 32px;
|
||||
font-weight: bold;
|
||||
color: #5FB878;
|
||||
}
|
||||
|
||||
.ztree li span {
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.ztree li span.button {
|
||||
margin-top: -7px;
|
||||
background-image: url("../images/left_menuForOutLook.png");
|
||||
*background-image: url("../images/left_menuForOutLook.gif")
|
||||
}
|
||||
|
||||
.ztree li span.button.switch {
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
z-index: 2
|
||||
}
|
||||
|
||||
.ztree li span.button.switch.level0 {
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.ztree li span.button.switch.level1 {
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.ztree li span.button.noline_open {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.ztree li span.button.noline_close {
|
||||
background-position: -18px 0;
|
||||
}
|
||||
|
||||
.ztree li a.tmpTargetNode_inner {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ztree li a.tmpTargetNode_inner::before {
|
||||
height: 32px;
|
||||
background-color: #5FB878;
|
||||
border: 1px solid #009688;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
span.tmpzTreeMove_arrow {
|
||||
margin: 7px 0 0 1em;
|
||||
}
|
||||
|
||||
#editormd {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#leftbar .copyright {
|
||||
color: #333;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#leftbar .layui-tab {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#content_body>h1:first-child {
|
||||
color: #393D49;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
#searchForm {
|
||||
padding: 0 10px 10px 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.searchResultNone {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
width: 260px;
|
||||
text-align: center;
|
||||
color: #c2c2c2;
|
||||
}
|
||||
|
||||
.searchResultNone .layui-icon {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.searchResultNone p {
|
||||
margin-top: 4px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
/* markdown正文 */
|
||||
|
||||
.markdown-body {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
color: #333;
|
||||
overflow: hidden;
|
||||
font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
word-wrap: break-word;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.markdown-body * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.markdown-body a {
|
||||
background: transparent;
|
||||
color: #01AAED;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body h1>a,
|
||||
.markdown-body h2>a,
|
||||
.markdown-body h3>a,
|
||||
.markdown-body h4>a,
|
||||
.markdown-body h5>a,
|
||||
.markdown-body h6>a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.markdown-body a:active,
|
||||
.markdown-body a:hover {
|
||||
outline: 0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.markdown-body strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body img {
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.markdown-body code,
|
||||
.markdown-body kbd {
|
||||
font-family: inherit;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown-body html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.markdown-body input[type="checkbox"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
height: 0;
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.markdown-body hr:before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body hr:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body h1,
|
||||
.markdown-body h2,
|
||||
.markdown-body h3,
|
||||
.markdown-body h4,
|
||||
.markdown-body h5,
|
||||
.markdown-body h6 {
|
||||
position: relative;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body h1 {
|
||||
font-size: 2.25em;
|
||||
border-bottom: 1px solid #eee;
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown-body h2 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.75em;
|
||||
line-height: 1.225;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.markdown-body h3 {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.43;
|
||||
}
|
||||
|
||||
.markdown-body h4 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.markdown-body h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown-body h6 {
|
||||
font-size: 1em;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.markdown-body ul,
|
||||
.markdown-body ol {
|
||||
padding: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.markdown-body ol ol,
|
||||
.markdown-body ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
.markdown-body ul ul ol,
|
||||
.markdown-body ul ol ol,
|
||||
.markdown-body ol ul ol,
|
||||
.markdown-body ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
.markdown-body dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.markdown-body .octicon {
|
||||
font: normal normal 16px octicons-anchor;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.markdown-body .octicon-link:before {
|
||||
content: '\f05c';
|
||||
}
|
||||
|
||||
.markdown-body>*:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.markdown-body>*:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.markdown-body .anchor {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
padding-right: 6px;
|
||||
padding-left: 30px;
|
||||
margin-left: -30px;
|
||||
}
|
||||
|
||||
.markdown-body .anchor:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.markdown-body h1 .octicon-link,
|
||||
.markdown-body h2 .octicon-link,
|
||||
.markdown-body h3 .octicon-link,
|
||||
.markdown-body h4 .octicon-link,
|
||||
.markdown-body h5 .octicon-link,
|
||||
.markdown-body h6 .octicon-link {
|
||||
display: none;
|
||||
color: #000;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor,
|
||||
.markdown-body h2:hover .anchor,
|
||||
.markdown-body h3:hover .anchor,
|
||||
.markdown-body h4:hover .anchor,
|
||||
.markdown-body h5:hover .anchor,
|
||||
.markdown-body h6:hover .anchor {
|
||||
padding-left: 8px;
|
||||
margin-left: -30px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor .octicon-link,
|
||||
.markdown-body h2:hover .anchor .octicon-link,
|
||||
.markdown-body h3:hover .anchor .octicon-link,
|
||||
.markdown-body h4:hover .anchor .octicon-link,
|
||||
.markdown-body h5:hover .anchor .octicon-link,
|
||||
.markdown-body h6:hover .anchor .octicon-link {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.markdown-body h1 .anchor {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.markdown-body h2 .anchor {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.markdown-body h3 .anchor {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
|
||||
.markdown-body h4 .anchor {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.markdown-body h5 .anchor {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.markdown-body h6 .anchor {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.markdown-body p,
|
||||
.markdown-body ul,
|
||||
.markdown-body ol,
|
||||
.markdown-body dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body ul ul,
|
||||
.markdown-body ul ol,
|
||||
.markdown-body ol ol,
|
||||
.markdown-body ol ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body li>p {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.markdown-body dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body dl dd {
|
||||
padding: 0 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body code {
|
||||
padding: 0.2em;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
color: #FF5722;
|
||||
}
|
||||
|
||||
.markdown-body code:before,
|
||||
.markdown-body code:after {
|
||||
letter-spacing: -0.2em;
|
||||
content: "\00a0";
|
||||
}
|
||||
|
||||
.syntaxhighlighter code:before,
|
||||
.syntaxhighlighter code:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body .highlight {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
line-height: 10px;
|
||||
color: #555;
|
||||
vertical-align: middle;
|
||||
background-color: #fcfcfc;
|
||||
border: solid 1px #ccc;
|
||||
border-bottom-color: #bbb;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #bbb;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c1,
|
||||
.markdown-body .pl-mdh,
|
||||
.markdown-body .pl-mm,
|
||||
.markdown-body .pl-mp,
|
||||
.markdown-body .pl-mr,
|
||||
.markdown-body .pl-s1 .pl-v,
|
||||
.markdown-body .pl-s3,
|
||||
.markdown-body .pl-sc,
|
||||
.markdown-body .pl-sv {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.markdown-body .pl-e,
|
||||
.markdown-body .pl-en {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.markdown-body .pl-s1 .pl-s2,
|
||||
.markdown-body .pl-smi,
|
||||
.markdown-body .pl-smp,
|
||||
.markdown-body .pl-stj,
|
||||
.markdown-body .pl-vo,
|
||||
.markdown-body .pl-vpf {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ent {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.markdown-body .pl-k,
|
||||
.markdown-body .pl-s,
|
||||
.markdown-body .pl-st {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.markdown-body .pl-pds,
|
||||
.markdown-body .pl-s1,
|
||||
.markdown-body .pl-s1 .pl-pse .pl-s2,
|
||||
.markdown-body .pl-sr,
|
||||
.markdown-body .pl-sr .pl-cce,
|
||||
.markdown-body .pl-sr .pl-sra,
|
||||
.markdown-body .pl-sr .pl-sre,
|
||||
.markdown-body .pl-src {
|
||||
color: #df5000;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mo,
|
||||
.markdown-body .pl-v {
|
||||
color: #1d3e81;
|
||||
}
|
||||
|
||||
.markdown-body .pl-id {
|
||||
color: #b52a1d;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ii {
|
||||
background-color: #b52a1d;
|
||||
color: #f8f8f8;
|
||||
}
|
||||
|
||||
.markdown-body .pl-sr .pl-cce {
|
||||
color: #63a35c;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ml {
|
||||
color: #693a17;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mh,
|
||||
.markdown-body .pl-mh .pl-en,
|
||||
.markdown-body .pl-ms {
|
||||
color: #1d3e81;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mq {
|
||||
color: #008080;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mi {
|
||||
color: #333;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mb {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .pl-md,
|
||||
.markdown-body .pl-mdhf {
|
||||
background-color: #ffecec;
|
||||
color: #bd2c00;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mdht,
|
||||
.markdown-body .pl-mi1 {
|
||||
background-color: #eaffea;
|
||||
color: #55a532;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mdr {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item+.task-list-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item input {
|
||||
float: left;
|
||||
margin: 0.3em 0 0.25em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.markdown-body :checked+.radio-label {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
border-color: #4183c4;
|
||||
}
|
||||
|
||||
.markdown-body .editormd-toc-menu ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.markdown-body th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.syntaxhighlighter a,
|
||||
.syntaxhighlighter div,
|
||||
.syntaxhighlighter code,
|
||||
.syntaxhighlighter,
|
||||
.syntaxhighlighter td,
|
||||
.syntaxhighlighter tr,
|
||||
.syntaxhighlighter tbody,
|
||||
.syntaxhighlighter thead,
|
||||
.syntaxhighlighter caption,
|
||||
.syntaxhighlighter textarea {
|
||||
font-family: Menlo, Monaco, Menlo, Consolas, source-code-pro, "Liberation Mono", "Ubuntu Mono", Courier, "Helvetica Neue", "Microsoft Yahei", 微软雅黑, "Lantinghei SC", STXihei, WenQuanYi, sans-serif;
|
||||
font-size: 14px !important;
|
||||
line-height: 1.625em !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter {
|
||||
margin: 1.625em 0 !important;
|
||||
background-color: #fafafa !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter textarea {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layui-elem-quote {
|
||||
border-color: #5FB878;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.layui-elem-quote>p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: inherit;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.syntaxhighlighter .gutter {
|
||||
color: #237893 !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter .plain,
|
||||
.syntaxhighlighter .plain a {
|
||||
word-break: break-all;
|
||||
color: #333 !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .comments,
|
||||
.syntaxhighlighter .comments a {
|
||||
color: gray !important;
|
||||
}
|
||||
|
||||
.syntaxhighlighter .string,
|
||||
.syntaxhighlighter .string a {
|
||||
color: #10893E !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .keyword {
|
||||
color: #ff7800 !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .variable {
|
||||
color: #1E9FFF !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .functions {
|
||||
color: #FF5722 !important
|
||||
}
|
||||
|
||||
.syntaxhighlighter .constants {
|
||||
color: #5200FF !important
|
||||
}
|
||||
|
||||
#article-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#article-content li {
|
||||
list-style: inherit;
|
||||
}
|
||||
|
||||
#content-toc-wrap {
|
||||
width: 16em;
|
||||
position: fixed;
|
||||
right: 2em;
|
||||
z-index: 99;
|
||||
border: 1px solid #dbdbdb;
|
||||
background-color: rgba(255, 255, 255, 0.618);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
#content-toc {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#content-toc ol {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#content-toc>ol {
|
||||
padding: 0.6em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#content-toc li {
|
||||
line-height: 28px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#content-toc a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#content-toc a:hover {
|
||||
color: #5FB878;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content-toc-title {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
padding: 0.5em;
|
||||
font-weight: bold;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#content-toc-wrap {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,348 @@
|
||||
/* 设置滚动条的样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
/* 滚动槽 */
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 滚动条滑块 */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 8px;
|
||||
background: #5FB878;
|
||||
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:window-inactive {
|
||||
background: #5FB878;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
#mask {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background-color: rgba(0, 0, 0, 0.382);
|
||||
display: none;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
background-color: #393D49;
|
||||
background: -webkit-gradient(left top, right top, color-stop(0%, #70e1f5), color-stop(100%, #FFD194));
|
||||
background: -webkit-linear-gradient(left, #70e1f5 0%, #FFD194 100%);
|
||||
background: -o-linear-gradient(left, #70e1f5 0%, #FFD194 100%);
|
||||
background: -ms-linear-gradient(left, #70e1f5 0%, #FFD194 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, from(#70e1f5), to(#FFD194));
|
||||
background: linear-gradient(200deg, #70e1f5, #ffd194);
|
||||
height: 48px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#navbar .bg-blur {
|
||||
background-color: rgba(255, 255, 255, 0.618);
|
||||
backdrop-filter: blur(4px);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
|
||||
line-height: 48px;
|
||||
height: 48px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#navbar .navbar-body {
|
||||
top: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav .layui-nav-more {
|
||||
border-top-color: #333;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav .layui-nav-mored {
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: #333;
|
||||
}
|
||||
|
||||
#navbar .layui-nav {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-item {
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
#navbar .logo {
|
||||
float: left;
|
||||
font-size: 1.5rem;
|
||||
color: #333;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
#navbar .logo>img {
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-item a,
|
||||
.layui-nav .layui-nav-item a:hover,
|
||||
.layui-nav .layui-this a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#leftbar {
|
||||
width: 300px;
|
||||
top: 48px;
|
||||
border-radius: 0;
|
||||
transition: left 0.5s ease;
|
||||
-webkit-transition: left 0.5s ease;
|
||||
-moz-transition: left 0.5s ease;
|
||||
-ms-transition: left 0.5s ease;
|
||||
-o-transition: left 0.5s ease;
|
||||
overflow-x: visible;
|
||||
border-right: 1px solid #eee;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
#leftbar .layui-tab-content {
|
||||
padding: 12px 2px 0 0;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#leftbar .copyright {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
#leftbar .copyright.noScroll {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#leftbar>li>a>i.layui-icon {
|
||||
font-size: 1.625rem;
|
||||
vertical-align: top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#leftbar>li>dl>dd>a>i.layui-icon {
|
||||
font-size: 1.125rem;
|
||||
vertical-align: top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#leftbar>li>dl>dd>a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.left-show-hide {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
transform: translateY(-100%);
|
||||
padding: 0;
|
||||
height: 64px;
|
||||
width: 18px;
|
||||
background-color: #393D49;
|
||||
color: #F0F0F0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.left-show-hide:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.left-show-hide>.layui-icon {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#body {
|
||||
padding-left: 300px;
|
||||
width: 100%;
|
||||
padding-top: 48px;
|
||||
position: absolute;
|
||||
transition: left 0.5s ease;
|
||||
-webkit-transition: left 0.5s ease;
|
||||
-moz-transition: left 0.5s ease;
|
||||
-ms-transition: left 0.5s ease;
|
||||
-o-transition: left 0.5s ease;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.navRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#navMenuLeft,
|
||||
#navMenuRight {
|
||||
display: none;
|
||||
color: #333;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
#navMenuLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#navMenuRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#navMenuLeft.active>i,
|
||||
#navMenuRight.active>i {
|
||||
color: #5FB878
|
||||
}
|
||||
|
||||
#navMenuLeft>i,
|
||||
#navMenuRight>i {
|
||||
font-size: 1.625rem;
|
||||
}
|
||||
|
||||
.inputBox {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inputBox .input-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 6px;
|
||||
color: #c2c2c2;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.inputBox .layui-input:focus+.input-icon {
|
||||
color: #000
|
||||
}
|
||||
|
||||
#treeSearch>li {
|
||||
padding: 0 4px 10px 6px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 24px;
|
||||
word-break: break-word;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#treeSearch h3 {
|
||||
font-weight: bold;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
#treeSearch strong {
|
||||
color: #FF5722;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#mask {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#leftbar {
|
||||
left: -300px !important;
|
||||
}
|
||||
|
||||
#leftbar.show-item {
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#navbar .logo {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#navbar .layui-nav {
|
||||
top: -180px;
|
||||
/* 要根据导航栏项目数量调整 */
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
transition: top 0.5s ease;
|
||||
-webkit-transition: top 0.5s ease;
|
||||
-moz-transition: top 0.5s ease;
|
||||
-ms-transition: top 0.5s ease;
|
||||
-o-transition: top 0.5s ease;
|
||||
z-index: 999;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#navbar .navbar-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#navbar .bg-blur {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#navMenuLeft,
|
||||
#navMenuRight {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#body {
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav.show-item {
|
||||
top: 48px;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav>.navRight {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navbar .navbar-body>.layui-nav>.navRight .layui-nav-item {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
z-index: 1000;
|
||||
background: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.left-show-hide {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user