diff --git a/main.css b/main.css index 1784c41..92ba6cf 100644 --- a/main.css +++ b/main.css @@ -1,5 +1,5 @@ /* Inferencium - Website - CSS - Main */ -/* Version: 11.7.0-beta.1 */ +/* Version: 12.0.0-beta.1 */ /* Copyright 2022 Jake Winters */ /* SPDX-License-Identifier: BSD-3-Clause */ @@ -14,73 +14,58 @@ body { font-size: 16px; line-height: 130%; background-color: #121212; + color: #ffffff; } /* Headings */ -h1 { - font-family: Roboto, sans-serif; - font-size: 24px; +h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited { + text-align: left; + line-height: 130%; + color: #ffffff; +} + +h1, h1 a, h1 a:visited { text-align: center; - line-height: 130%; - color: #ffffff; + font-size: 24px; } -h2 { - font-family: Roboto, sans-serif; +h2, h2 a, h2 a:visited { font-size: 22px; - line-height: 130%; - color: #ffffff; } -h3 { - font-family: Roboto, sans-serif; +h3, h3 a, h3 a:visited { font-size: 20px; - line-height: 130%; - color: #ffffff; } -h4 { - font-family: Roboto, sans-serif; +h4, h4 a, h4 a:visited { font-size: 19px; - line-height: 130%; - color: #ffffff; } -h5 { - font-family: Roboto, sans-serif; +h5, h5 a, h5 a:visited { font-size: 18px; - line-height: 130%; - color: #ffffff; } -h6 { - font-family: Roboto, sans-serif; +h6, h6 a, h6 a:visited { font-size: 17px; - line-height: 130%; - color: #ffffff; } /* Paragraph */ p { - font-family: Roboto, sans-serif; font-size: 16px; - color: #ffffff; } /* Blockquote */ blockquote { font-size: 16px; - color: #ffffff; } /* Code */ -code { +code, pre { font-size: 15px; - color: #ffffff; background-color: #424242; padding: 2px; } @@ -88,7 +73,6 @@ code { /* Links */ a { - font-family: Roboto, sans-serif; font-size: 16px; color: #90caf9; text-decoration: none; @@ -102,56 +86,10 @@ a:hover { text-decoration: underline; } -h1 a, h1 a:visited { - font-family: Roboto, sans-serif; - font-size: 24px; - text-align: center; - line-height: 130%; - color: #ffffff; - padding-bottom: 40px; -} - -h2 a, h2 a:visited { - font-family: Roboto, sans-serif; - font-size: 22px; - line-height: 130%; - color: #ffffff; -} - -h3 a, h3 a:visited { - font-family: Roboto, sans-serif; - font-size: 20px; - line-height: 130%; - color: #ffffff; -} - -h4 a, h4 a:visited { - font-family: Roboto, sans-serif; - font-size: 19px; - line-height: 130%; - color: #ffffff; -} - -h5 a, h5 a:visited { - font-family: Roboto, sans-serif; - font-size: 18px; - line-height: 130%; - color: #ffffff; -} - -h6 a, h6 a:visited { - font-family: Roboto, sans-serif; - font-size: 17px; - line-height: 130%; - color: #ffffff; -} - /* Lists */ li { - font-family: Roboto, sans-serif; font-size: 16px; - color: #ffffff; } ul li::before { @@ -159,7 +97,6 @@ ul li::before { display: inline-block; width: 1em; font-weight: bold; - color: #ffffff; } @@ -169,23 +106,17 @@ table, th, td { border-collapse: collapse; border-color: #ffffff; padding: 15px; - font-family: Roboto, sans-serif; font-size: 16px; - color: #ffffff; } th { - font-family: Roboto, sans-serif; font-size: 16px; - color: #ffffff; font-weight: bold; text-align: center; } td { - font-family: Roboto, sans-serif; font-size: 16px; - color: #ffffff; text-align: center; } @@ -264,12 +195,6 @@ div.sitemap-small { } -/* Emphasis */ -strong { - color: #ffffff; -} - - /* Media */ @media (max-width: 600px) { @@ -308,23 +233,7 @@ strong { font-size: 20px; } - h2 { - text-align: center; - } - - h3 { - text-align: center; - } - - h4 { - text-align: center; - } - - h5 { - text-align: center; - } - - h6 { + h2, h3, h4, h5, h6 { text-align: center; } @@ -348,4 +257,35 @@ strong { .update_date { text-align: center; } + +} + + +@media (prefers-color-scheme: light) { + + body { + background-color: #fafafa; + color: #000000; + } + + h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited, code { + color: #000000; + } + + a { + color: #1565c0; + } + + a:visited { + color: #6a1b9a; + } + + code, pre { + background-color: #e0e2ec; + } + + table, th, td { + border-color: #000000; + } + }