Gabe/ASCIIsite
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 2 Wiki Activity

User can now compile site with custom stylesheet.

Browse source 
fixes #7
This commit is contained in:
gabe 2022-01-13 15:54:00 -06:00
parent 817953c6f1
commit 29c7ad1ced
13 changed files with 532 additions and 457 deletions
Download patch file Download diff file Expand all files Collapse all files

239
tests/control_css/css/test.css Normal file
View file

@ -0,0 +1,239 @@
/*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;
}