mirror of
https://github.com/lxsang/antd-web-apps
synced 2024-12-26 01:18:21 +01:00
407 lines
7.4 KiB
CSS
407 lines
7.4 KiB
CSS
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Ubuntu";
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#top {
|
|
background-color: #2c2c2c;
|
|
color: white;
|
|
font-weight: bold;
|
|
display: block;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#bottom {
|
|
position: fixed;
|
|
bottom: 0;
|
|
height: 20px;
|
|
text-align: center;
|
|
color: #878887;
|
|
background-color: white;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
padding: 5px;
|
|
border-top: 1px solid #878887;
|
|
z-index: 22;
|
|
}
|
|
|
|
#cover {
|
|
height: calc(100% - 50px);
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
#navbar {
|
|
margin: 0 auto;
|
|
/* max-width: 80%; */
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
flex-direction: row;
|
|
}
|
|
#book {
|
|
margin: 0 auto;
|
|
/* max-width: 80%; */
|
|
max-height: 100%;
|
|
display: block;
|
|
justify-content: flex-end;
|
|
flex-direction: row;
|
|
text-align: justify;
|
|
height: 100%;
|
|
}
|
|
div.doc-toc-menu {
|
|
text-align: left;
|
|
padding-top: 3px;
|
|
}
|
|
div.doc-toc-menu a {
|
|
text-decoration: none;
|
|
color: #c9c9c9;
|
|
}
|
|
div.doc-toc-legend::before
|
|
{
|
|
content: "\f0c9";
|
|
color: #2c2c2c;
|
|
width: 20px;
|
|
height: 25px;
|
|
margin-right: 3px;
|
|
font-family: "FontAwesome";
|
|
font-size: 18px;
|
|
}
|
|
div.doc-toc-menu a::before {
|
|
/* padding-top:13px; */
|
|
content: "\f02d";
|
|
color: #c9c9c9;
|
|
width: 20px;
|
|
height: 25px;
|
|
font-family: "FontAwesome";
|
|
font-size: 18px;
|
|
}
|
|
div.doc-name{
|
|
font-weight: bold;
|
|
}
|
|
div.doc-name a {
|
|
text-decoration: none;
|
|
color: #c9c9c9;
|
|
}
|
|
|
|
a.x-link,
|
|
a.x-link:hover {
|
|
text-decoration: none;
|
|
color: #2c2c2c;
|
|
font-weight: bold;
|
|
/* padding-left: 15px; */
|
|
padding-top: 7px;
|
|
}
|
|
a.x-link::before {
|
|
content: "\f08e";
|
|
color: #2c2c2c;
|
|
width: 20px;
|
|
height: 25px;
|
|
font-family: "FontAwesome";
|
|
font-size: 15px;
|
|
}
|
|
div.doc-name a::before {
|
|
/* padding-top:13px; */
|
|
content: "\f015";
|
|
color: #2c2c2c;
|
|
width: 20px;
|
|
height: 25px;
|
|
font-family: "FontAwesome";
|
|
font-size: 18px;
|
|
}
|
|
input.search-box {
|
|
outline: none;
|
|
border: 0;
|
|
flex: 1;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-left: 10px;
|
|
/* padding-top:13px; */
|
|
height: 25px;
|
|
background-color: transparent;
|
|
border-bottom: 1px solid #878887;
|
|
font-size: 15px;
|
|
font-family: "Ubuntu";
|
|
line-height: 0.5;
|
|
color: #878887;
|
|
}
|
|
div.search-icon:before {
|
|
/* padding-top:13px; */
|
|
content: "\f002";
|
|
color: #878887;
|
|
display: block;
|
|
width: 20px;
|
|
height: 25px;
|
|
font-family: "FontAwesome";
|
|
font-size: 18px;
|
|
border-bottom: 1px solid #878887;
|
|
}
|
|
div.search-icon {
|
|
width: 35px;
|
|
}
|
|
div.doc-toc {
|
|
max-width: 70%;
|
|
padding-right: 0;
|
|
background-color: #e3e3e3;
|
|
color: #2c2c2c;
|
|
overflow: auto;
|
|
position: fixed;
|
|
top: 30px;
|
|
bottom: 30px;
|
|
border-right: 1px solid #c9c9c9;
|
|
border-left: 1px solid #c9c9c9;
|
|
padding-top: 0;
|
|
padding-bottom: 10px;
|
|
box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.65);
|
|
z-index: 20;
|
|
}
|
|
|
|
a.toc-active {
|
|
border: 1px solid #c9c9c9;
|
|
border-bottom: 0;
|
|
background-color: #e3e3e3;
|
|
outline: none;
|
|
display: block;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
color: #2c2c2c !important;
|
|
}
|
|
a.toc-active::before{
|
|
color: #2c2c2c !important;
|
|
}
|
|
|
|
div.doc-toc-header{
|
|
display: block;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
padding-left: 10px;
|
|
padding: 3px;
|
|
/* height: 24px; */
|
|
border-bottom: 1px solid #c9c9c9;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.doc-toc a {
|
|
text-decoration: none;
|
|
color: #2c2c2c;
|
|
}
|
|
#toc {
|
|
margin: 0;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
div.doc-toc ul.nested {
|
|
list-style-type: none;
|
|
}
|
|
|
|
div.doc-toc li.selected > a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.doc-toc .caret {
|
|
cursor: pointer;
|
|
user-select: none; /* Prevent text selection */
|
|
}
|
|
div.doc-toc .caret::before {
|
|
content: "\f147";
|
|
color: #2c2c2c;
|
|
display: inline-block;
|
|
font-family: "FontAwesome";
|
|
margin-right: 5px;
|
|
}
|
|
div.doc-toc .nested {
|
|
display: none;
|
|
}
|
|
div.doc-toc .caret-down::before {
|
|
content: "\f196";
|
|
color: #2c2c2c;
|
|
display: inline-block;
|
|
font-family: "FontAwesome";
|
|
margin-right: 5px;
|
|
}
|
|
div.doc-toc .active {
|
|
display: block;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
div.doc-toc a.highlight {
|
|
color: #333f67;
|
|
}
|
|
|
|
div.doc-content {
|
|
display: block;
|
|
width: 100%;
|
|
float: right;
|
|
padding-left: 10px;
|
|
}
|
|
div.pagenav {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
}
|
|
|
|
div.pagenav a.go_next,
|
|
div.pagenav a.go_prev {
|
|
display: block;
|
|
flex: 1;
|
|
text-decoration: none;
|
|
color: #333f67;
|
|
/* font-weight: bold; */
|
|
border: 1px solid #dadddd;
|
|
background-color: #eef1f1;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
margin-bottom: 10px;
|
|
}
|
|
div.pagenav a.go_next:hover,
|
|
div.pagenav a.go_prev:hover {
|
|
background-color: #e6e8e8;
|
|
}
|
|
|
|
div.pagenav a.go_next {
|
|
padding-right: 5px;
|
|
text-align: center;
|
|
}
|
|
div.pagenav a.go_prev {
|
|
border-right: 0;
|
|
padding-left: 5px;
|
|
text-align: center;
|
|
}
|
|
div.pagenav a.go_prev::before {
|
|
content: "\f137";
|
|
color: #333f67;
|
|
display: inline-block;
|
|
font-family: "FontAwesome";
|
|
}
|
|
div.pagenav a.go_next::after {
|
|
content: "\f138";
|
|
color: #333f67;
|
|
display: inline-block;
|
|
font-family: "FontAwesome";
|
|
}
|
|
div.md-content {
|
|
padding-left: 15px;
|
|
}
|
|
div.md-content p.result-header a {
|
|
color: #333f67;
|
|
font-weight: bold;
|
|
}
|
|
div.md-content p.result-header {
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-top: 10px;
|
|
font-size: 15;
|
|
}
|
|
div.md-content p.result-content {
|
|
padding: 3px;
|
|
margin: 0;
|
|
margin-left: 20px;
|
|
border-bottom: 1px solid #dadddd;
|
|
margin-bottom: 5px;
|
|
}
|
|
div.md-content p.result-content span.pattern {
|
|
background-color: chocolate;
|
|
color: white;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
border-radius: 2px;
|
|
}
|
|
div.md-content p.result-header a::before {
|
|
content: "\f002";
|
|
color: #333f67;
|
|
display: inline-block;
|
|
font-family: "FontAwesome";
|
|
}
|
|
/* for block of code */
|
|
/* #container .blogentry .hljs-ln td.hljs-ln-code {
|
|
padding-left: 10px;
|
|
} */
|
|
#renderer img {
|
|
max-width: 100%;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
a {
|
|
color: #333f67;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
form.search-form {
|
|
display: contents;
|
|
}
|
|
|
|
td.hljs-ln-numbers {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
text-align: center;
|
|
color: #ccc;
|
|
vertical-align: top;
|
|
font-size: 13;
|
|
/* your custom style here */
|
|
}
|
|
|
|
/* for block of code */
|
|
.hljs-ln td.hljs-ln-code {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
model-viewer {
|
|
/*border: 1px solid #333f67;*/
|
|
width: 100%;
|
|
height: 350px;
|
|
}
|
|
.commentsec {
|
|
padding: 15px;
|
|
display: block;
|
|
}
|
|
.commentsec .comment-header {
|
|
text-align: center;
|
|
border-top: 1px dashed #3170b2;
|
|
color: #3170b2;
|
|
margin: 0;
|
|
padding-top: 10px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
text-align: left;
|
|
}
|
|
|
|
div.doc-toc ul li {
|
|
text-align: left;
|
|
}
|
|
table.hljs-ln tr, table.hljs-ln td {
|
|
background-color: transparent !important;
|
|
border:0 !important;
|
|
}
|
|
|
|
table.hljs-ln td {
|
|
padding: 3px 3px !important;
|
|
}
|
|
table.hljs-ln {
|
|
margin: 0 !important;
|
|
}
|
|
.markdown-body pre {
|
|
padding: 10px !important;
|
|
margin-bottom: 0 !important;
|
|
}
|