mirror of
https://github.com/aclist/dztui.git
synced 2024-12-30 14:12:04 +01:00
121 lines
3.3 KiB
CSS
121 lines
3.3 KiB
CSS
|
/* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
|
||
|
|
|
||
|
|
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
|
||
|
|
@import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */
|
||
|
|
|
||
|
|
/* CUSTOMISATIONS */
|
||
|
|
/* Change the values in root for quick customisation. If you want even more fine grain... venture further. */
|
||
|
|
:root{
|
||
|
|
--maincolor:#222222;
|
||
|
|
--primarycolor:#aaa;
|
||
|
|
--secondarycolor:#aaa;
|
||
|
|
--tertiarycolor:#aaa;
|
||
|
|
--sidebarbackground:#222222;
|
||
|
|
--linkcolor:#ecc89e;
|
||
|
|
--linkcoloralternate:#cbcbcb;
|
||
|
|
--white:#777777;
|
||
|
|
--codebg:#111;
|
||
|
|
--codefg:#ffffff;
|
||
|
|
--linkhover:#eb862f;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Text styles */
|
||
|
|
|
||
|
|
body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--white);}
|
||
|
|
|
||
|
|
h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;}
|
||
|
|
h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;}
|
||
|
|
.title{color:var(--white) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;}
|
||
|
|
p{font-family: "Noto Sans",sans-serif ! important}
|
||
|
|
#toc.toc2 a:link{color:var(--linkcolor);}
|
||
|
|
#toc.toc2 {border-right: 1px solid #8e8e96}
|
||
|
|
blockquote{color:var(--tertiarycolor) !important}
|
||
|
|
.quoteblock{color:var(--white)}
|
||
|
|
code{color:var(--codefg);background-color: var(--codebg) !important}
|
||
|
|
td.tableblock{border:0 solid #a9a9a9}
|
||
|
|
|
||
|
|
|
||
|
|
/* Table styles */
|
||
|
|
th{background-color: var(--maincolor);color:var(--primarycolor) !important;}
|
||
|
|
td{background-color: var(--maincolor);color: var(--primarycolor) !important}
|
||
|
|
|
||
|
|
|
||
|
|
#toc.toc2{background-color:var(--sidebarbackground);}
|
||
|
|
#toctitle{color:var(--white);}
|
||
|
|
|
||
|
|
/* Responsiveness fixes */
|
||
|
|
video {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media all and (max-width: 600px) {
|
||
|
|
table {
|
||
|
|
width: 55vw!important;
|
||
|
|
font-size: 3vw;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.exampleblock > .content {
|
||
|
|
background-color: var(--maincolor);
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--linkcolor);
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover,#toc.toc2 a:hover{
|
||
|
|
color: var(--linkhover);
|
||
|
|
}
|
||
|
|
.admonitionblock td.icon .icon-tip::before {
|
||
|
|
text-shadow: none;
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
.admonitionblock td.icon .icon-note::before {
|
||
|
|
color: var(--tertiarycolor);
|
||
|
|
}
|
||
|
|
.admonitionblock td.icon .icon-important::before {
|
||
|
|
color: var(--linkcolor);
|
||
|
|
}
|
||
|
|
/*.admonitionblock td.icon .icon-caution::before {
|
||
|
|
color: var(--linkcoloralternate);
|
||
|
|
}*/
|
||
|
|
.admonitionblock td.icon .icon-warning::before {
|
||
|
|
color: var(--primarycolor);
|
||
|
|
}
|
||
|
|
|
||
|
|
#preamble > .sectionbody > .paragraph:first-of-type p {
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
|
||
|
|
.quoteblock blockquote::before {
|
||
|
|
color: var(--primarycolor);
|
||
|
|
}
|
||
|
|
.quoteblock .attribution cite, .verseblock .attribution cite {
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
.verseblock pre {
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
.quoteblock blockquote, .quoteblock blockquote p {
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebarblock {
|
||
|
|
background: var(--sidebarbackground);
|
||
|
|
}
|
||
|
|
.literalblock pre, .listingblock pre:not(.highlight), .listingblock pre[class="highlight"], .listingblock pre[class^="highlight "], .listingblock pre.CodeRay, .listingblock pre.prettyprint {
|
||
|
|
background: var(--codebg);
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
|
||
|
|
.literalblock pre, .listingblock>.content>pre:not(.highlight), .listingblock>.content>pre[class=highlight], .listingblock>.content>pre[class^="highlight "] {
|
||
|
|
background: var(--codebg);
|
||
|
|
}
|
||
|
|
|
||
|
|
#header .details {
|
||
|
|
color: var(--white);
|
||
|
|
}
|
||
|
|
#header .details span.email a {
|
||
|
|
color: var(--linkcoloralternate);
|
||
|
|
}
|