Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/htdvisser/hugo-base16-theme.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/style.css')
-rw-r--r--css/style.css273
1 files changed, 173 insertions, 100 deletions
diff --git a/css/style.css b/css/style.css
index 7f04576..902420a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,28 +1,51 @@
/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */
-.base00 { color: #2d2d2d; }
-.base01 { color: #393939; }
-.base02 { color: #515151; }
-.base03 { color: #747369; }
-.base04 { color: #a09f93; }
-.base05 { color: #d3d0c8; }
-.base06 { color: #e8e6df; }
-.base07 { color: #f2f0ec; }
-.base08 { color: #f2777a; }
-.base09 { color: #f99157; }
-.base0a { color: #ffcc66; }
-.base0b { color: #99cc99; }
-.base0c { color: #66cccc; }
-.base0d { color: #6699cc; }
-.base0e { color: #cc99cc; }
-.base0f { color: #d27b53; }
+:root {
+ --base00: #2d2d2d;
+ --base01: #393939;
+ --base02: #515151;
+ --base03: #747369;
+ --base04: #a09f93;
+ --base05: #d3d0c8;
+ --base06: #e8e6df;
+ --base07: #f2f0ec;
+ --base08: #f2777a;
+ --base09: #f99157;
+ --base0a: #ffcc66;
+ --base0b: #99cc99;
+ --base0c: #66cccc;
+ --base0d: #6699cc;
+ --base0e: #cc99cc;
+ --base0f: #d27b53;
+}
+
+.base00 { color: #2d2d2d; color: var(--base00); }
+.base01 { color: #393939; color: var(--base01); }
+.base02 { color: #515151; color: var(--base02); }
+.base03 { color: #747369; color: var(--base03); }
+.base04 { color: #a09f93; color: var(--base04); }
+.base05 { color: #d3d0c8; color: var(--base05); }
+.base06 { color: #e8e6df; color: var(--base06); }
+.base07 { color: #f2f0ec; color: var(--base07); }
+.base08 { color: #f2777a; color: var(--base08); }
+.base09 { color: #f99157; color: var(--base09); }
+.base0a { color: #ffcc66; color: var(--base0a); }
+.base0b { color: #99cc99; color: var(--base0b); }
+.base0c { color: #66cccc; color: var(--base0c); }
+.base0d { color: #6699cc; color: var(--base0d); }
+.base0e { color: #cc99cc; color: var(--base0e); }
+.base0f { color: #d27b53; color: var(--base0f); }
+
+@custom-media --breakpoint-md (max-width: 52em);
/* General Page Layout */
body {
margin: 0;
background-color: #2d2d2d;
+ background-color: var(--base00);
color: #f2f0ec;
+ color: var(--base07);
line-height: 1.5;
font-size: 100%;
font-family: 'Source Code Pro', monospace;
@@ -42,7 +65,7 @@ div.clearfix {
overflow: auto;
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
.container {
width: 100%;
}
@@ -51,14 +74,16 @@ div.clearfix {
article.single section,
.article-list article {
background-color: #f2f0ec;
+ background-color: var(--base07);
color: #2d2d2d;
+ color: var(--base00);
padding-left: 8rem;
padding-right: 8rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
article.single section,
.article-list article {
padding-left: 2rem;
@@ -68,6 +93,7 @@ article.single section,
header, footer {
background-color: #393939;
+ background-color: var(--base01);
padding-top: 1rem;
padding-bottom: 1rem;
}
@@ -77,7 +103,7 @@ header {
margin-bottom: 2rem;
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
header {
margin-top: 0;
padding-left: 2rem;
@@ -91,9 +117,10 @@ footer {
text-align: center;
font-size: 0.9em;
color: #747369;
+ color: var(--base03);
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
footer {
margin-top: 0;
margin-bottom: 0;
@@ -130,16 +157,19 @@ pre, code {
header a.path {
color: #6699cc;
+ color: var(--base0d);
}
header span.caret {
color: #f2f0ec;
+ color: var(--base07);
}
/* Footer Layout */
footer a {
color: #747369;
+ color: var(--base03);
text-decoration: none;
}
@@ -154,10 +184,11 @@ footer a {
text-align: center;
font-size: 3em;
color: #a09f93;
+ color: var(--base04);
margin-bottom: 4rem;
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
.page-not-found h1 {
font-size: 3em;
}
@@ -169,7 +200,7 @@ footer a {
/* Homepage Layout */
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
.homepage {
margin-bottom: 2rem;
}
@@ -179,9 +210,10 @@ footer a {
text-align: center;
font-size: 5em;
color: #66cccc;
+ color: var(--base0c);
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
.homepage h1.site-title {
font-size: 3em;
}
@@ -190,9 +222,10 @@ footer a {
.homepage h1.headline {
font-size: 3em;
color: #ffcc66;
+ color: var(--base0a);
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
.homepage h1.headline {
padding-left: 2rem;
padding-right: 2rem;
@@ -214,6 +247,7 @@ footer a {
.homepage .tag,
.homepage .tag a {
color: #cc99cc;
+ color: var(--base0e);
}
.homepage .tag {
@@ -225,6 +259,7 @@ footer a {
.article-list h1.list-title {
font-size: 3em;
color: #ffcc66;
+ color: var(--base0a);
}
.article-list article {
@@ -237,6 +272,7 @@ footer a {
.article-list article h2.headline a {
margin-top: 0;
color: #6699cc;
+ color: var(--base0d);
}
.article-list article .meta {
@@ -245,15 +281,42 @@ footer a {
.article-list article .meta .key {
color: #747369;
+ color: var(--base03);
}
.article-list article .meta .val,
.article-list article .meta .val a {
color: #cc99cc;
+ color: var(--base0e);
}
-.article-list article section.summary a { color: #d27b53; }
+.article-list article section.summary a { color: #d27b53; color: var(--base0f); }
+/* Pagination */
+
+nav.paginator {
+ text-align: center;
+}
+
+nav.paginator a {
+ color: #cc99cc;
+ color: var(--base0e);
+}
+
+nav.paginator .faded {
+ color: #515151;
+ color: var(--base02);
+}
+
+nav.paginator .nav-left {
+ margin-left: auto;
+ margin-right: 1%;
+}
+
+nav.paginator .nav-right {
+ margin-left: 1%;
+ margin-right: auto;
+}
/* Single Post Layout */
@@ -264,13 +327,15 @@ article.single .meta {
article.single .meta .key {
color: #747369;
+ color: var(--base03);
}
article.single .meta .val, article.single .meta .val a {
color: #cc99cc;
+ color: var(--base0e);
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
article.single .meta {
padding-left: 2rem;
padding-right: 2rem;
@@ -281,9 +346,10 @@ article.single h1.headline {
margin-top: 0;
font-size: 3em;
color: #ffcc66;
+ color: var(--base0a);
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
article.single h1.headline {
padding-left: 2rem;
padding-right: 2rem;
@@ -295,7 +361,7 @@ article.single section.body {
padding-bottom: 3rem;
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
article.single section.body {
padding-top: 2rem;
padding-bottom: 1rem;
@@ -304,14 +370,14 @@ article.single section.body {
/* Highlight Colors */
-article.single section.body h1 { color: #6699cc; }
-article.single section.body h2 { color: #99cc99; }
-article.single section.body h3 { color: #f99157; }
-article.single section.body h4 { color: #f2777a; }
-article.single section.body h5 { color: #515151; }
-article.single section.body h6 { color: #747369; }
+article.single section.body h1 { color: #6699cc; color: var(--base0d); }
+article.single section.body h2 { color: #99cc99; color: var(--base0b); }
+article.single section.body h3 { color: #f99157; color: var(--base09); }
+article.single section.body h4 { color: #f2777a; color: var(--base08); }
+article.single section.body h5 { color: #515151; color: var(--base02); }
+article.single section.body h6 { color: #747369; color: var(--base03); }
-article.single section.body a { color: #d27b53; }
+article.single section.body a { color: #d27b53; color: var(--base0f); }
/* Article Elements */
@@ -331,7 +397,9 @@ article.single p code {
padding: 0.2em 0.5em;
border-radius: 3px;
background: #747369;
+ background: var(--base03);
color: #f2f0ec;
+ color: var(--base07);
}
article.single figure, article.single div.highlight {
@@ -343,9 +411,10 @@ article.single figure, article.single div.highlight {
margin-bottom: 1rem;
padding: 1em;
background-color: #393939;
+ background-color: var(--base01);
}
-@media (max-width: 52em) {
+@media (--breakpoint-md) {
article.single figure, article.single div.highlight {
width: 100%;
margin-left: 0;
@@ -370,6 +439,7 @@ article.single figure figcaption h4 {
font-style: italic;
font-weight: normal;
color: #f2f0ec;
+ color: var(--base07);
}
article.single table {
@@ -386,6 +456,7 @@ article.single td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a09f93;
+ border-bottom-color: var(--base04);
}
article.single tr:last-child td {
@@ -405,6 +476,7 @@ article.single blockquote {
margin-right: 3rem;
padding-left: 1rem;
border-left: 5px solid #66cccc;
+ border-left: 5px solid var(--base0c);
}
article.single hr {
@@ -412,75 +484,76 @@ article.single hr {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #a09f93;
+ border-bottom-color: var(--base04);
}
/* Pygments template by Jan T. Sott (https://github.com/idleberg) */
-pre { background: #2d2d2d; color: #f2f0ec }
-
-.highlight .hll { background-color: #515151 }
-.highlight .c { color: #747369 } /* Comment */
-.highlight .err { color: #f2777a } /* Error */
-.highlight .k { color: #cc99cc } /* Keyword */
-.highlight .l { color: #f99157 } /* Literal */
-.highlight .n { color: #f2f0ec } /* Name */
-.highlight .o { color: #66cccc } /* Operator */
-.highlight .p { color: #f2f0ec } /* Punctuation */
-.highlight .cm { color: #747369 } /* Comment.Multiline */
-.highlight .cp { color: #747369 } /* Comment.Preproc */
-.highlight .c1 { color: #747369 } /* Comment.Single */
-.highlight .cs { color: #747369 } /* Comment.Special */
-.highlight .gd { color: #f2777a } /* Generic.Deleted */
+pre { background: #2d2d2d; background: var(--base00); color: #f2f0ec; color: var(--base07) }
+
+.highlight .hll { background-color: #515151; background-color: var(--base02) }
+.highlight .c { color: #747369; color: var(--base03) } /* Comment */
+.highlight .err { color: #f2777a; color: var(--base08) } /* Error */
+.highlight .k { color: #cc99cc; color: var(--base0e) } /* Keyword */
+.highlight .l { color: #f99157; color: var(--base09) } /* Literal */
+.highlight .n { color: #f2f0ec; color: var(--base07) } /* Name */
+.highlight .o { color: #66cccc; color: var(--base0c) } /* Operator */
+.highlight .p { color: #f2f0ec; color: var(--base07) } /* Punctuation */
+.highlight .cm { color: #747369; color: var(--base03) } /* Comment.Multiline */
+.highlight .cp { color: #747369; color: var(--base03) } /* Comment.Preproc */
+.highlight .c1 { color: #747369; color: var(--base03) } /* Comment.Single */
+.highlight .cs { color: #747369; color: var(--base03) } /* Comment.Special */
+.highlight .gd { color: #f2777a; color: var(--base08) } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
-.highlight .gi { color: #99cc99 } /* Generic.Inserted */
-.highlight .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
+.highlight .gh { color: #f2f0ec; color: var(--base07); font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #99cc99; color: var(--base0b) } /* Generic.Inserted */
+.highlight .gp { color: #747369; color: var(--base03); font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
-.highlight .kc { color: #cc99cc } /* Keyword.Constant */
-.highlight .kd { color: #cc99cc } /* Keyword.Declaration */
-.highlight .kn { color: #66cccc } /* Keyword.Namespace */
-.highlight .kp { color: #cc99cc } /* Keyword.Pseudo */
-.highlight .kr { color: #cc99cc } /* Keyword.Reserved */
-.highlight .kt { color: #ffcc66 } /* Keyword.Type */
-.highlight .ld { color: #99cc99 } /* Literal.Date */
-.highlight .m { color: #f99157 } /* Literal.Number */
-.highlight .s { color: #99cc99 } /* Literal.String */
-.highlight .na { color: #6699cc } /* Name.Attribute */
-.highlight .nb { color: #f2f0ec } /* Name.Builtin */
-.highlight .nc { color: #ffcc66 } /* Name.Class */
-.highlight .no { color: #f2777a } /* Name.Constant */
-.highlight .nd { color: #66cccc } /* Name.Decorator */
-.highlight .ni { color: #f2f0ec } /* Name.Entity */
-.highlight .ne { color: #f2777a } /* Name.Exception */
-.highlight .nf { color: #6699cc } /* Name.Function */
-.highlight .nl { color: #f2f0ec } /* Name.Label */
-.highlight .nn { color: #ffcc66 } /* Name.Namespace */
-.highlight .nx { color: #6699cc } /* Name.Other */
-.highlight .py { color: #f2f0ec } /* Name.Property */
-.highlight .nt { color: #66cccc } /* Name.Tag */
-.highlight .nv { color: #f2777a } /* Name.Variable */
-.highlight .ow { color: #66cccc } /* Operator.Word */
-.highlight .w { color: #f2f0ec } /* Text.Whitespace */
-.highlight .mf { color: #f99157 } /* Literal.Number.Float */
-.highlight .mh { color: #f99157 } /* Literal.Number.Hex */
-.highlight .mi { color: #f99157 } /* Literal.Number.Integer */
-.highlight .mo { color: #f99157 } /* Literal.Number.Oct */
-.highlight .sb { color: #99cc99 } /* Literal.String.Backtick */
-.highlight .sc { color: #f2f0ec } /* Literal.String.Char */
-.highlight .sd { color: #747369 } /* Literal.String.Doc */
-.highlight .s2 { color: #99cc99 } /* Literal.String.Double */
-.highlight .se { color: #f99157 } /* Literal.String.Escape */
-.highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */
-.highlight .si { color: #f99157 } /* Literal.String.Interpol */
-.highlight .sx { color: #99cc99 } /* Literal.String.Other */
-.highlight .sr { color: #99cc99 } /* Literal.String.Regex */
-.highlight .s1 { color: #99cc99 } /* Literal.String.Single */
-.highlight .ss { color: #99cc99 } /* Literal.String.Symbol */
-.highlight .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #f2777a } /* Name.Variable.Class */
-.highlight .vg { color: #f2777a } /* Name.Variable.Global */
-.highlight .vi { color: #f2777a } /* Name.Variable.Instance */
-.highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */
+.highlight .gu { color: #66cccc; color: var(--base0c); font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #cc99cc; color: var(--base0e) } /* Keyword.Constant */
+.highlight .kd { color: #cc99cc; color: var(--base0e) } /* Keyword.Declaration */
+.highlight .kn { color: #66cccc; color: var(--base0c) } /* Keyword.Namespace */
+.highlight .kp { color: #cc99cc; color: var(--base0e) } /* Keyword.Pseudo */
+.highlight .kr { color: #cc99cc; color: var(--base0e) } /* Keyword.Reserved */
+.highlight .kt { color: #ffcc66; color: var(--base0a) } /* Keyword.Type */
+.highlight .ld { color: #99cc99; color: var(--base0b) } /* Literal.Date */
+.highlight .m { color: #f99157; color: var(--base09) } /* Literal.Number */
+.highlight .s { color: #99cc99; color: var(--base0b) } /* Literal.String */
+.highlight .na { color: #6699cc; color: var(--base0d) } /* Name.Attribute */
+.highlight .nb { color: #f2f0ec; color: var(--base07) } /* Name.Builtin */
+.highlight .nc { color: #ffcc66; color: var(--base0a) } /* Name.Class */
+.highlight .no { color: #f2777a; color: var(--base08) } /* Name.Constant */
+.highlight .nd { color: #66cccc; color: var(--base0c) } /* Name.Decorator */
+.highlight .ni { color: #f2f0ec; color: var(--base07) } /* Name.Entity */
+.highlight .ne { color: #f2777a; color: var(--base08) } /* Name.Exception */
+.highlight .nf { color: #6699cc; color: var(--base0d) } /* Name.Function */
+.highlight .nl { color: #f2f0ec; color: var(--base07) } /* Name.Label */
+.highlight .nn { color: #ffcc66; color: var(--base0a) } /* Name.Namespace */
+.highlight .nx { color: #6699cc; color: var(--base0d) } /* Name.Other */
+.highlight .py { color: #f2f0ec; color: var(--base07) } /* Name.Property */
+.highlight .nt { color: #66cccc; color: var(--base0c) } /* Name.Tag */
+.highlight .nv { color: #f2777a; color: var(--base08) } /* Name.Variable */
+.highlight .ow { color: #66cccc; color: var(--base0c) } /* Operator.Word */
+.highlight .w { color: #f2f0ec; color: var(--base07) } /* Text.Whitespace */
+.highlight .mf { color: #f99157; color: var(--base09) } /* Literal.Number.Float */
+.highlight .mh { color: #f99157; color: var(--base09) } /* Literal.Number.Hex */
+.highlight .mi { color: #f99157; color: var(--base09) } /* Literal.Number.Integer */
+.highlight .mo { color: #f99157; color: var(--base09) } /* Literal.Number.Oct */
+.highlight .sb { color: #99cc99; color: var(--base0b) } /* Literal.String.Backtick */
+.highlight .sc { color: #f2f0ec; color: var(--base07) } /* Literal.String.Char */
+.highlight .sd { color: #747369; color: var(--base03) } /* Literal.String.Doc */
+.highlight .s2 { color: #99cc99; color: var(--base0b) } /* Literal.String.Double */
+.highlight .se { color: #f99157; color: var(--base09) } /* Literal.String.Escape */
+.highlight .sh { color: #99cc99; color: var(--base0b) } /* Literal.String.Heredoc */
+.highlight .si { color: #f99157; color: var(--base09) } /* Literal.String.Interpol */
+.highlight .sx { color: #99cc99; color: var(--base0b) } /* Literal.String.Other */
+.highlight .sr { color: #99cc99; color: var(--base0b) } /* Literal.String.Regex */
+.highlight .s1 { color: #99cc99; color: var(--base0b) } /* Literal.String.Single */
+.highlight .ss { color: #99cc99; color: var(--base0b) } /* Literal.String.Symbol */
+.highlight .bp { color: #f2f0ec; color: var(--base07) } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #f2777a; color: var(--base08) } /* Name.Variable.Class */
+.highlight .vg { color: #f2777a; color: var(--base08) } /* Name.Variable.Global */
+.highlight .vi { color: #f2777a; color: var(--base08) } /* Name.Variable.Instance */
+.highlight .il { color: #f99157; color: var(--base09) } /* Literal.Number.Integer.Long */
/*# sourceMappingURL=style.css.map */
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-01 14:25:54 +0300