%%TITLE%%

From ce927cf1ccf5bc6ddce116d9ad03be43117ca464 Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Sat, 28 May 2022 18:51:26 +0100 Subject: move html related content to htmlextras --- htmlextras/footer.html.part | 7 +++ htmlextras/header.html.part | 9 ++++ htmlextras/style.css | 111 ++++++++++++++++++++++++++++++++++++++++++ htmlextras/style1.css | 75 +++++++++++++++++++++++++++++ htmlextras/style2.css | 111 ++++++++++++++++++++++++++++++++++++++++++ htmlextras/style3.css | 115 ++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 428 insertions(+) create mode 100644 htmlextras/footer.html.part create mode 100644 htmlextras/header.html.part create mode 100644 htmlextras/style.css create mode 100644 htmlextras/style1.css create mode 100644 htmlextras/style2.css create mode 100644 htmlextras/style3.css (limited to 'htmlextras') diff --git a/htmlextras/footer.html.part b/htmlextras/footer.html.part new file mode 100644 index 0000000..997364c --- /dev/null +++ b/htmlextras/footer.html.part @@ -0,0 +1,7 @@ + + + diff --git a/htmlextras/header.html.part b/htmlextras/header.html.part new file mode 100644 index 0000000..f2592b3 --- /dev/null +++ b/htmlextras/header.html.part @@ -0,0 +1,9 @@ + + + + +%%TITLE%% + + + + diff --git a/htmlextras/style.css b/htmlextras/style.css new file mode 100644 index 0000000..0f23916 --- /dev/null +++ b/htmlextras/style.css @@ -0,0 +1,111 @@ +* { + line-height: 1.5em; + margin: 0; + padding: 0; + background-color: #f8f8f8; + color: #222; +} + +body { + font: normal 14px monospace; + width: 99%; + max-width: 800px; + margin: 2em auto 0; + padding: 0 20px; + display: block; +} + +h1, h2, h3 { + font-weight: bold; + margin-top: 1em; + margin-bottom: 0.75em; +} + +h1 { + font-size: 1.5em; +} + +h2 { + font-size: 1.25em; +} + +h3 { + font-size: 1.0em; +} + +a { + color: #248; + font-weight: 600; + text-decoration: none; +} + +a:hover { + background-color: #9CFF00; + text-decoration: underline; +} + +a:visited { + color: #248; +} + +a.textlink:before { + content: "⇒ "; + padding-left: 11px; +} + +p.quote { + font-style: italic; +} + +p.quote:before { + content: "« "; + padding-left: 2px; +} + +p.quote:after { + content: " »"; + padding-right: 2px; +} + +p { + margin: 0.75em 0 0.75em 0; + padding: 0 5px; +} + +ol { + margin: 0.75em 0 0.75em 0; + padding: 0; +} + +ul { + list-style: none; + padding-right: 23px; + padding-left: 10px; + margin: 0.75em 0 0.75em 0; +} + +li { + margin-left: 1em; + margin-bottom: 0.25em; +} + +li:before { + content: "★"; + padding-right: 5px; +} + +img { + max-width: 100%; + display: block; + margin: auto; + border: 1px solid #9CFF00; +} + +pre { + font-family: monospace; + padding: 0; + overflow-x: scroll; + scrollbar-width: none; + border-left: 2px solid #9CFF00; + padding-left: 12px; +} diff --git a/htmlextras/style1.css b/htmlextras/style1.css new file mode 100644 index 0000000..956541d --- /dev/null +++ b/htmlextras/style1.css @@ -0,0 +1,75 @@ +body { + margin: auto; + padding-left: 10px; + padding-right: 10px; + max-width: 900px; + background-color: #37585E; + color: #ddddce; + font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; + font-style: normal; + font-variant: normal; +} + +h1 { + color: #ffffff; +} + +h2 { + color: #ffffef; +} + +h3 { + color: #eeeede; +} + +a { + color: #99ccff; + text-decoration: none; +} + +a:hover { + color: #55bc90; + text-decoration: underline; +} + +li { + color: #99ccff; +} + +img { + max-width: 600px; + max-height: 400px; + display: block; + margin: auto; +} + +pre { + display: block; + background-color: #111; + color: #bbbfaf; + padding: 5px; + overflow-x: auto; +} + +a.textlink:before { + content: " ⇒ "; + padding-left: 11px; +} + +p.quote { + color: cyan; +} + +p.footer { + color: #ffa500; +} + +p.quote:before { + content: " « "; + padding-left: 2px; +} + +p.quote:after { + content: " » "; + padding-right: 2px; +} diff --git a/htmlextras/style2.css b/htmlextras/style2.css new file mode 100644 index 0000000..0f23916 --- /dev/null +++ b/htmlextras/style2.css @@ -0,0 +1,111 @@ +* { + line-height: 1.5em; + margin: 0; + padding: 0; + background-color: #f8f8f8; + color: #222; +} + +body { + font: normal 14px monospace; + width: 99%; + max-width: 800px; + margin: 2em auto 0; + padding: 0 20px; + display: block; +} + +h1, h2, h3 { + font-weight: bold; + margin-top: 1em; + margin-bottom: 0.75em; +} + +h1 { + font-size: 1.5em; +} + +h2 { + font-size: 1.25em; +} + +h3 { + font-size: 1.0em; +} + +a { + color: #248; + font-weight: 600; + text-decoration: none; +} + +a:hover { + background-color: #9CFF00; + text-decoration: underline; +} + +a:visited { + color: #248; +} + +a.textlink:before { + content: "⇒ "; + padding-left: 11px; +} + +p.quote { + font-style: italic; +} + +p.quote:before { + content: "« "; + padding-left: 2px; +} + +p.quote:after { + content: " »"; + padding-right: 2px; +} + +p { + margin: 0.75em 0 0.75em 0; + padding: 0 5px; +} + +ol { + margin: 0.75em 0 0.75em 0; + padding: 0; +} + +ul { + list-style: none; + padding-right: 23px; + padding-left: 10px; + margin: 0.75em 0 0.75em 0; +} + +li { + margin-left: 1em; + margin-bottom: 0.25em; +} + +li:before { + content: "★"; + padding-right: 5px; +} + +img { + max-width: 100%; + display: block; + margin: auto; + border: 1px solid #9CFF00; +} + +pre { + font-family: monospace; + padding: 0; + overflow-x: scroll; + scrollbar-width: none; + border-left: 2px solid #9CFF00; + padding-left: 12px; +} diff --git a/htmlextras/style3.css b/htmlextras/style3.css new file mode 100644 index 0000000..d62b6ae --- /dev/null +++ b/htmlextras/style3.css @@ -0,0 +1,115 @@ +body { + margin: auto; + padding-left: 11px; + padding-right: 11px; + background-color: #8fbc8f; + color: #ddddce; + font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; + font-style: normal; + font-variant: normal; + max-width: 900px; +} + +h1 { + padding-top: 23px; + padding-bottom: 23px; + padding-left: 11px; + color: #ffffff; + background-color: #000000; + text-decoration: underline; + margin-left: -23px; + max-width: 878px; +} + +h2 { + padding-top: 23px; + padding-bottom: 23px; + padding-left: 11px; + color: #ffffff; + background-color: #000000; + text-decoration: underline; + margin-left: -11px; + max-width: 889px; +} + +h3 { + padding-top: 23px; + padding-bottom: 23px; + padding-left: 11px; + color: #ffffff; + background-color: #000000; + text-decoration: underline; + margin-left: -5px; + max-width: 895px; +} + +a { + color: #ffffff; + text-decoration: none; + background-color: #000000; + padding: 2px; + margin: 2px; +} + +a:hover { + color: #000000; + text-decoration: underline; + background-color: #ffffff; +} + +ul { + color: #ffffff; + background-color: #000000; + padding-top: 23px; + padding-bottom: 23px; + padding-right: 23px; + padding-left: 79px; +} + +img { + max-width: 601; + max-height: 401; + display: block; + margin: auto; +} + +pre { + display: block; + overflow-x: auto; + color: #ffffff; + background-color: #000000; + margin: 5px; + padding: 23px; + border: 29px double #8fbc8f; +} + +a.textlink:before { + content: " ⇒ "; + padding-left: 11px; +} + +p { + color: #ffffff; + background-color: #000000; + padding: 23px; +} + +p.quote { + color: #ffffff; + background-color: #000000; +} + +p.footer { + color: #ffffff; + background-color: #000000; +} + +p.quote:before { + content: " « "; + padding-left: 2px; +} + +p.quote:after { + content: " » "; + padding-right: 2px; +} -- cgit v1.2.3