diff options
Diffstat (limited to 'v2/src/content/style.css')
-rw-r--r-- | v2/src/content/style.css | 205 |
1 files changed, 0 insertions, 205 deletions
diff --git a/v2/src/content/style.css b/v2/src/content/style.css deleted file mode 100644 index a4a635f..0000000 --- a/v2/src/content/style.css +++ /dev/null @@ -1,205 +0,0 @@ -/* Colors */ - -:root { - --color: black; - --background-color: white; - --nav-color: hsl(0, 100%, 25%); - --fade-color: #555; - --quote-color: hsl(0, 0%, 41%); - --code-border-color: hsla(0, 0%, 0%, 0.3); - --link-color: #0000ee; - --link-color-visited: #551a8b; -} - -@media(prefers-color-scheme: dark) { - :root { - --color: white; - --background-color: black; - --fade-color: #aaa; - --nav-color: hsl(0, 100%, 75%); - --quote-color: hsl(0, 0%, 59%); - --code-border-color: hsla(0, 0%, 100%, 0.3); - --link-color: hsl(211, 100%, 60%); - --link-color-visited: hsl(242, 100%, 80%); - } -} - - -/* General declarations */ - -body { - color: var(--color); - background-color: var(--background-color); - margin: 0px auto; - padding: 1%; - max-width: 750px; -} - -a { - color: var(--link-color); -} - -a:visited { - color: var(--link-color-visited); -} - -.svg-icon { - vertical-align: middle; -} - - -/* Navigation header */ - -nav { - margin-top: 8px; -} - -nav a, nav a:visited { - color: var(--nav-color); -} - -nav a { - font-size: 18px; - margin: 12px; - text-decoration: none; -} - -nav ul, nav li { - display: inline; -} - -nav ul.translation-list a, nav ul.translation-list a:visited { - color: var(--color); - font-size: 14px; -} - -nav ul.translation-list { - display: flex; - justify-content: flex-end; - font-size: 16px; - margin: 0; - padding: 0; -} - -nav ul li a { - font-size: 18px; - margin: 6px; -} - - -/* Article bodies */ - -.timestamp { - color: var(--fade-color); - font-size: 14px; - font-style: italic; -} - -blockquote { - font-style: italic; - color: var(--quote-color); - padding-left: 10px; - border-left: 3px solid #ccc; -} - -ul.no-style { - list-style-type: none; -} - -ul.no-style li { - margin: 20px 0px; -} - - -/* Footer */ - -footer { - font-size: 14px; - margin-top: 30px; - padding: 12px 0px 12px 0px; -} - -footer li { - list-style-type: none; - margin-top: 10px; -} - -footer li a { - margin-left: 5px; - user-select: none; -} - -/* Code blocks */ - -/* The "lineno" class is the default generated by Rouge for table-row in code blocks, see: - https://github.com/rouge-ruby/rouge */ -.line-number, pre.lineno { - margin-right: 3px; - padding-right: 3px; - border-right: 1px solid; - border-color: var(--code-border-color); - text-align: right; - user-select: none; -} - -.code-line { - padding-left: 8px; -} - -.code-block { - padding: 6px 4px; - display: block; -} - -.code-block, pre.highlight { - border: 1px solid #ccc; - border-radius: 10px; -} - -pre { - overflow: auto; -} - - -/* Code block anchors */ - -.line-number a, a.code-line-anchor { - color: var(--color); - text-decoration: none; -} - -a.code-line-anchor:hover { - text-decoration: underline; -} - - -/* Header anchor */ - -.header-anchor { - color: var(--color); - text-decoration: none; - display: block; - margin-bottom: 15px; -} - -.header-anchor { -} - - -.header-anchor img { - margin-left: 5px; - visibility: hidden; -} - -.header-anchor:hover img { - visibility: visible; -} - - -/* Plaintext code block links */ - -.plaintext-link { - margin: auto auto 0 auto; - text-align: right; - font-family: monospace; -} |