summaryrefslogtreecommitdiff
path: root/zola/static/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'zola/static/style.css')
-rw-r--r--zola/static/style.css208
1 files changed, 104 insertions, 104 deletions
diff --git a/zola/static/style.css b/zola/static/style.css
index 852ba61..c96ad91 100644
--- a/zola/static/style.css
+++ b/zola/static/style.css
@@ -1,177 +1,177 @@
:root {
- --base03: #002b36;
- --base02: #073642;
- --base01: #586e75;
- --base00: #657b83;
- --base0: #839496;
- --base1: #93a1a1;
- --base2: #eee8d5;
- --base3: #fdf6e3;
- --yellow: #b58900;
- --orange: #cb4b16;
- --red: #dc322f;
- --magenta: #d33682;
- --violet: #6c71c4;
- --blue: #268bd2;
- --cyan: #2aa198;
- --green: #859900;
- --header-font-size: 150%;
- --left-column-width: 20ex;
- --border-width: 1px;
- --padding: 2ex;
- --margin: 2ex;
- --content-padding-left: 8ex;
- --content-padding-right: 4ex;
- --body-max-width: 140ex;
- --body-font-size: 17px;
- --first-letter-font-size: 130%;
- --dt-font-size: 120%;
- --primary-color: var(--base1);
- --secondary-color: var(--orange);
- --content-background-color: var(--base03);
- --filling-background-color: var(--base02);
- --text-color: var(--primary-color);
- --font-family: 'Libertinus';
- --link-text-color: var(--yellow);
- --highlight-text-color: var(--secondary-color);
- --primary-border-color: var(--secondary-color);
- --secondary-border-color: var(--base00);
+ --bg0: #181818;
+ --bg1: #252525;
+ --bg2: #3b3b3b;
+ --dim0: #777777;
+ --fg0: #b9b9b9;
+ --fg1: #dedede;
+ --red: #ed4a46;
+ --green: #70b433;
+ --yellow: #dbb32d;
+ --blue: #368aeb;
+ --magenta: #eb6eb7;
+ --cyan: #3fc5b7;
+ --orange: #e67f43;
+ --violet: #a580e2;
+ --br-red: #ff5e56;
+ --br-green: #83c746;
+ --br-yellow: #efc541;
+ --br-blue: #4f9cfe;
+ --br-magenta: #ff81ca;
+ --br-cyan: #56d8c9;
+ --br-orange: #fa9153;
+ --br-violet: #b891f5;
+ --header-font-size: 150%;
+ --left-column-width: 20ex;
+ --border-width: 1px;
+ --padding: 2ex;
+ --margin: 2ex;
+ --content-padding-left: 8ex;
+ --content-padding-right: 4ex;
+ --body-max-width: 140ex;
+ --body-font-size: 18px;
+ --first-letter-font-size: 115%;
+ --dt-font-size: 120%;
+ --content-background-color: var(--bg0);
+ --filling-background-color: var(--bg1);
+ --text-color: var(--fg0);
+ --column-header-text-color: var(--fg1);
+ --column-header-background-color: var(--bg2);
+ --font-family: 'Libertine';
+ --link-text-color: var(--br-yellow);
+ --highlight-text-color: var(--br-cyan);
+ --pre-border-color: var(--blue);
+ --h2-border-color: var(--orange);
}
@font-face {
- font-family: 'Libertinus';
- font-style: normal;
- font-weight: normal;
- font-display: swap;
- src: url('/libertinus-regular.woff2') format('woff2');
+ font-family: 'Libertine';
+ font-style: normal;
+ font-weight: normal;
+ font-display: swap;
+ src: url('/LinLibertine.woff2') format('woff2');
}
@font-face {
- font-family: 'Libertinus';
- font-style: normal;
- font-weight: bold;
- font-display: swap;
- src: url('/libertinus-bold.woff2') format('woff2');
+ font-family: 'Libertine';
+ font-style: normal;
+ font-weight: bold;
+ font-display: swap;
+ src: url('/LinLibertineB.woff2') format('woff2');
}
@font-face {
- font-family: 'Libertinus';
- font-style: italic;
- font-weight: normal;
- font-display: swap;
- src: url('/libertinus-italic.woff2') format('woff2');
+ font-family: 'Libertine';
+ font-style: italic;
+ font-weight: normal;
+ font-display: swap;
+ src: url('/LinLibertineI.woff2') format('woff2');
}
@font-face {
- font-family: 'Libertinus';
- font-style: italic;
- font-weight: bold;
- font-display: swap;
- src: url('/libertinus-bold-italic.woff2') format('woff2');
+ font-family: 'Libertine';
+ font-style: italic;
+ font-weight: bold;
+ font-display: swap;
+ src: url('/LinLibertineBI.woff2') format('woff2');
}
body {
- font-family: var(--font-family);;
- color: var(--text-color);
- background-color: var(--filling-background-color);
- font-size: var(--body-font-size);
- max-width: var(--body-max-width);
- margin: auto;
+ font: var(--body-font-size) var(--font-family), serif;
+ color: var(--text-color);
+ max-width: var(--body-max-width);
+ background-color: var(--filling-background-color);
+ margin: auto;
}
section {
- border: var(--border-width) solid var(--secondary-border-color);
- background-color: var(--content-background-color);
- margin: var(--margin);
- padding: var(--padding);
-}
-
-section.mainheader {
- border: var(--border-width) solid var(--primary-border-color);
+ background-color: var(--content-background-color);
+ margin: var(--margin);
+ padding: var(--padding);
}
em,
strong {
- color: var(--highlight-text-color);
+ color: var(--highlight-text-color);
}
article p::first-letter {
- font-size: var(--first-letter-font-size);
- color: var(--highlight-text-color);
+ font-size: var(--first-letter-font-size);
+ color: var(--highlight-text-color);
}
article p {
- text-indent: 4ex;
- text-align: justify;
- margin-top: 1ex;
- margin-bottom: 1ex;
+ text-indent: 4ex;
+ text-align: justify;
+ margin-top: 1ex;
+ margin-bottom: 1ex;
}
article {
- padding-top: 2ex;
- padding-bottom: 5ex;
+ padding-top: 2ex;
+ padding-bottom: 5ex;
}
dt {
- font-size: var(--dt-font-size);
+ font-size: var(--dt-font-size);
}
header,
footer {
- text-align: center;
+ text-align: center;
}
h1,
h2 {
- border-top: 1px solid var(--primary-color);
+ border-top: 1px solid var(--h2-border-color);
}
pre {
- padding: 1ex;
- border: var(--border-width) solid var(--primary-border-color);
- white-space: pre-wrap;
+ padding: 1ex;
+ border: var(--border-width) solid var(--pre-border-color);
+ white-space: pre-wrap;
}
:link,
:visited {
- color: var(--link-text-color);
+ color: var(--link-text-color);
}
.mainheader header {
- font-size: 220%;
+ font-size: 220%;
}
.logo {
- height: 4ex;
- vertical-align: middle;
+ height: 4ex;
+ vertical-align: middle;
}
.navigation {
- text-align: center;
+ text-align: center;
}
.main {
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: flex-start;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: flex-start;
}
.column header {
- border: var(--border-width) solid var(--primary-border-color);
- font-size: var(--header-font-size);
- background-color: var(--filling-background-color);
+ font-size: var(--header-font-size);
+ color: var(--column-header-text-color);
+ background-color: var(--column-header-background-color);
}
.left {
- flex-shrink: 0;
- width: var(--left-column-width);
+ flex-shrink: 0;
+ width: var(--left-column-width);
}
.content {
- flex-grow: 1;
- flex-basis: 15em;
- padding-left: var(--content-padding-left);
- padding-right: var(--content-padding-right);
+ flex-grow: 1;
+ flex-basis: 15em;
+ padding-left: var(--content-padding-left);
+ padding-right: var(--content-padding-right);
}
generated by cgit v1.2.3 (git 2.25.1) at 2025-09-02 23:38:56 +0000