ASCIIsite/tests/control_css/css/test.css

/*template asciidoctor skin from https://github.com/darshandsoni/asciidoctor-skins/blob/gh-pages/css/template.css*/
/*
 * The MIT License (MIT)
 *
 * Copyright (c) 2016 Darshan Soni
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
/* document body (contains all content) */
body {
  font-size: small;
}

/* document header (contains title etc) */
#header {
  width: 100%;
}

/* headings */
h1 {
  color: purple;
}
h2 {
  color: chartreuse;
}
h3 {
  color: coral;
}
h4 {
  color: darkcyan;
}
h5 {
  color: darkslategray;
}
h6 {
  color: olive;
}

/* Table of Contents sidebar */
#toc {
  background-color: plum!important;
  color: white;
  font-weight: bold;
}
/* title of the TOC */
#toctitle {
  color: white;
}
/* top-level entries in TOC */
.sectlevel1 {
  background-color: palegoldenrod;
}
/* second-level entries in TOC */
.sectlevel2 {
  background-color: palegreen;
}

/* main content window */
#content {
  background-color: lavender;
  color: navy;
}

/* plain paragraph text */
.paragraph {
  font-family: sans-serif;
}
p {
  font-family: sans-serif;
}

/* blockquote text */
.quoteblock {
  font-style: italic;
}
blockquote {
  font-style: italic;
}

/* the quotation mark itself (before the block) */
.quoteblock blockquote::before {
  color: blue;
}

/* blockquote attribution text */
.attribution {
  font-size: x-large;
}

/* blockquote citation (work where quote cited) */
cite {
  font-size: x-large;
}

/* ordered list */
ol {
  color: red;
}
.olist {
  color: red;
}

/* unordered list */
ul {
  color: blue;
}
.ulist {
  color: blue;
}

/* links */
a {
  text-decoration: none;
}

/* bold text */
strong {
  color: green;
}

/* italic text */
em {
  color: orange;
}

/* underlined text */
u {
  color: yellow;
}

/* deleted text */
del {
  text-decoration: line-through;
  color: red;
}
/* inserted text */
ins {
  text-decoration: overline;
  color: green;
}

/* strikethrough text */
s {
  text-decoration-color: red;
}

/* superscript text */
sup {}
/* subscript text */
sub {}

/* small text */
small {}

/* highlighted text */
mark {}

/* horizontal rules */
hr {}

/* table */
table {}
/* table caption */
caption {}
/* table header row */
thead {}
/* table header cell */
th {}
/* table row */
tr {}
/* table footer */
tfoot {}
/* table cell */
td {}
/* table body */
tbody {}

/* inline code */
code {
  background-color: papayawhip!important;
}
/* pre-formatted text */
pre {
  background-color: burlywood!important;
}
.literalblock {
  background-color: burlywood!important;
}

/* image */
img {
  max-width: 100%;
}
/* image caption */
.imageblock .title {
  font-weight: bold!important;
}

/* audio */
audio {}
/* video */
video {}

/* footer section */
#footer {
  background-color: gray;
  color: red;
}
/* footer text (by default contains time of last document update) */
#footer-text {
  font-weight: bold;
  color: white;
}

/* Responsiveness fixes */
video {
  max-width: 100%;
}

@media all and (max-width: 600px) {
table {
  width: 55vw!important;
  font-size: 3vw;
}