From d0b36f11bd68eb21f7c069179e62035e47253c47 Mon Sep 17 00:00:00 2001 From: Caio Lente <7017340+clente@users.noreply.github.com> Date: Mon, 4 Mar 2024 17:16:00 -0300 Subject: Choose between original and herman styles --- assets/original.css | 178 ++++++++++++++++++++++++++++++++++++++++++++++++++++ assets/style.css | 178 ---------------------------------------------------- 2 files changed, 178 insertions(+), 178 deletions(-) create mode 100644 assets/original.css delete mode 100644 assets/style.css (limited to 'assets') diff --git a/assets/original.css b/assets/original.css new file mode 100644 index 0000000..3492237 --- /dev/null +++ b/assets/original.css @@ -0,0 +1,178 @@ +body { + font-family: Verdana, sans-serif; + margin: auto; + padding: 20px; + max-width: 720px; + text-align: left; + background-color: #1d1f27; + word-wrap: break-word; + overflow-wrap: break-word; + line-height: 1.5; + color: #c9d1d9; +} + +h1, +h2, +h3, +h4, +h5, +h6, +strong, +b { + color: #eee; +} + +a { + color: #8cc2dd; +} + +.title { + text-decoration: none; + border: 0; +} +.title h1 { + font-size: 24px; + margin: 19.92px 0 19.92px 0; +} + +.title span { + font-weight: 400; +} + +nav a { + margin-right: 10px; +} + +textarea { + background-color: #252525; + color: #ddd; + width: 100%; + font-size: 16px; +} + +input { + background-color: #252525; + color: #ddd; + font-size: 16px; +} + +content { + line-height: 1.6; +} + +table { + width: 100%; +} + +table, +th, +td { + border: 1px solid; + border-collapse: collapse; + border-color: #c9d1d9; + padding: 5px; +} + +img { + max-width: 100%; +} + +code { + padding: 2px 5px; + color: #f8f8f2; + background-color: #282a36; +} + +pre code { + display: block; + padding: 20px; + white-space: pre-wrap; + font-size: 14px; + overflow-x: auto; +} + +blockquote { + border-left: 1px solid #999; + color: #ccc; + padding-left: 20px; + font-style: italic; +} + +footer { + padding: 25px; + text-align: center; +} + +.helptext { + color: #aaa; + font-size: small; +} + +.errorlist { + color: #eba613; + font-size: small; +} + +/* blog posts */ +ul.blog-posts { + list-style-type: none; + padding: unset; +} + +ul.blog-posts li { + display: flex; + margin-bottom: 10px; +} + +ul.blog-posts li span { + flex: 0 0 130px; +} + +ul.blog-posts li a:visited { + color: #8b6fcb; +} + +a.blog-tags { + line-height: 2; + margin-right: 12px; +} + +h3.blog-filter { + margin-bottom: 0; +} + +.disabled { + color: currentColor; + cursor: not-allowed; + opacity: 0.7; +} + +p.byline { + font-style: italic; +} + +/* "Skip to main content" link */ +.skip-link { + position: absolute; + top: 5; + transform: translateY(-600%); + transition: transform 0.5s; + background-color: #1d1f27; + padding: 6px; +} + +.skip-link:focus { + transform: translateY(0%); +} + +figure { + margin-inline-start: 0em; + margin-inline-end: 0em; +} + +figcaption > p { + margin-block-start: 0px; + text-align: center; + font-style: italic; + color: #ccc; +} diff --git a/assets/style.css b/assets/style.css deleted file mode 100644 index 3492237..0000000 --- a/assets/style.css +++ /dev/null @@ -1,178 +0,0 @@ -body { - font-family: Verdana, sans-serif; - margin: auto; - padding: 20px; - max-width: 720px; - text-align: left; - background-color: #1d1f27; - word-wrap: break-word; - overflow-wrap: break-word; - line-height: 1.5; - color: #c9d1d9; -} - -h1, -h2, -h3, -h4, -h5, -h6, -strong, -b { - color: #eee; -} - -a { - color: #8cc2dd; -} - -.title { - text-decoration: none; - border: 0; -} -.title h1 { - font-size: 24px; - margin: 19.92px 0 19.92px 0; -} - -.title span { - font-weight: 400; -} - -nav a { - margin-right: 10px; -} - -textarea { - background-color: #252525; - color: #ddd; - width: 100%; - font-size: 16px; -} - -input { - background-color: #252525; - color: #ddd; - font-size: 16px; -} - -content { - line-height: 1.6; -} - -table { - width: 100%; -} - -table, -th, -td { - border: 1px solid; - border-collapse: collapse; - border-color: #c9d1d9; - padding: 5px; -} - -img { - max-width: 100%; -} - -code { - padding: 2px 5px; - color: #f8f8f2; - background-color: #282a36; -} - -pre code { - display: block; - padding: 20px; - white-space: pre-wrap; - font-size: 14px; - overflow-x: auto; -} - -blockquote { - border-left: 1px solid #999; - color: #ccc; - padding-left: 20px; - font-style: italic; -} - -footer { - padding: 25px; - text-align: center; -} - -.helptext { - color: #aaa; - font-size: small; -} - -.errorlist { - color: #eba613; - font-size: small; -} - -/* blog posts */ -ul.blog-posts { - list-style-type: none; - padding: unset; -} - -ul.blog-posts li { - display: flex; - margin-bottom: 10px; -} - -ul.blog-posts li span { - flex: 0 0 130px; -} - -ul.blog-posts li a:visited { - color: #8b6fcb; -} - -a.blog-tags { - line-height: 2; - margin-right: 12px; -} - -h3.blog-filter { - margin-bottom: 0; -} - -.disabled { - color: currentColor; - cursor: not-allowed; - opacity: 0.7; -} - -p.byline { - font-style: italic; -} - -/* "Skip to main content" link */ -.skip-link { - position: absolute; - top: 5; - transform: translateY(-600%); - transition: transform 0.5s; - background-color: #1d1f27; - padding: 6px; -} - -.skip-link:focus { - transform: translateY(0%); -} - -figure { - margin-inline-start: 0em; - margin-inline-end: 0em; -} - -figcaption > p { - margin-block-start: 0px; - text-align: center; - font-style: italic; - color: #ccc; -} -- cgit v1.2.3