summaryrefslogtreecommitdiffstats
path: root/web/input/resources/plugins.css
diff options
context:
space:
mode:
Diffstat (limited to 'web/input/resources/plugins.css')
-rw-r--r--web/input/resources/plugins.css150
1 files changed, 145 insertions, 5 deletions
diff --git a/web/input/resources/plugins.css b/web/input/resources/plugins.css
index c33d8c8..ab6198d 100644
--- a/web/input/resources/plugins.css
+++ b/web/input/resources/plugins.css
@@ -6,11 +6,131 @@
6 * - See <http://colorschemedesigner.com/#3y21T--rOw0w0>. 6 * - See <http://colorschemedesigner.com/#3y21T--rOw0w0>.
7 * - Additionally, we use the CSS color "dimgray" (#696969) for stuff like the 7 * - Additionally, we use the CSS color "dimgray" (#696969) for stuff like the
8 * breadcrumb navigation and the footer. 8 * breadcrumb navigation and the footer.
9 *
10 * Font faces:
11 *
12 * - CSS generated by <https://gwfh.mranftl.com/fonts>.
9 */ 13 */
10 14
11@import url("https://fonts.googleapis.com/css?family=Bitter"); 15/* bitter-regular - latin */
12@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro"); 16@font-face {
13@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro"); 17 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
18 font-family: 'Bitter';
19 font-style: normal;
20 font-weight: 400;
21 src: url('fonts/bitter-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
22 url('fonts/bitter-v32-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
23}
24
25/* bitter-italic - latin */
26@font-face {
27 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
28 font-family: 'Bitter';
29 font-style: italic;
30 font-weight: 400;
31 src: url('fonts/bitter-v32-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
32 url('fonts/bitter-v32-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
33}
34
35/* bitter-700 - latin */
36@font-face {
37 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
38 font-family: 'Bitter';
39 font-style: normal;
40 font-weight: 700;
41 src: url('fonts/bitter-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
42 url('fonts/bitter-v32-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
43}
44
45/* bitter-700italic - latin */
46@font-face {
47 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
48 font-family: 'Bitter';
49 font-style: italic;
50 font-weight: 700;
51 src: url('fonts/bitter-v32-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
52 url('fonts/bitter-v32-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
53}
54
55/* source-sans-pro-regular - latin */
56@font-face {
57 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
58 font-family: 'Source Sans Pro';
59 font-style: normal;
60 font-weight: 400;
61 src: url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
62 url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
63}
64
65/* source-sans-pro-italic - latin */
66@font-face {
67 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
68 font-family: 'Source Sans Pro';
69 font-style: italic;
70 font-weight: 400;
71 src: url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
72 url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
73}
74
75/* source-sans-pro-700 - latin */
76@font-face {
77 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
78 font-family: 'Source Sans Pro';
79 font-style: normal;
80 font-weight: 700;
81 src: url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
82 url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
83}
84
85/* source-sans-pro-700italic - latin */
86@font-face {
87 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
88 font-family: 'Source Sans Pro';
89 font-style: italic;
90 font-weight: 700;
91 src: url('fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
92 url('fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
93}
94
95/* source-code-pro-regular - latin */
96@font-face {
97 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
98 font-family: 'Source Code Pro';
99 font-style: normal;
100 font-weight: 400;
101 src: url('fonts/source-code-pro-v22-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
102 url('fonts/source-code-pro-v22-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
103}
104
105/* source-code-pro-italic - latin */
106@font-face {
107 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
108 font-family: 'Source Code Pro';
109 font-style: italic;
110 font-weight: 400;
111 src: url('fonts/source-code-pro-v22-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
112 url('fonts/source-code-pro-v22-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
113}
114
115/* source-code-pro-700 - latin */
116@font-face {
117 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
118 font-family: 'Source Code Pro';
119 font-style: normal;
120 font-weight: 700;
121 src: url('fonts/source-code-pro-v22-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
122 url('fonts/source-code-pro-v22-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
123}
124
125/* source-code-pro-700italic - latin */
126@font-face {
127 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
128 font-family: 'Source Code Pro';
129 font-style: italic;
130 font-weight: 700;
131 src: url('fonts/source-code-pro-v22-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
132 url('fonts/source-code-pro-v22-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
133}
14 134
15body { 135body {
16 font-family: "Source Sans Pro", sans-serif; 136 font-family: "Source Sans Pro", sans-serif;
@@ -160,6 +280,26 @@ img.travis {
160} 280}
161 281
162/* 282/*
283 * Dark scheme.
284 */
285
286@media (prefers-color-scheme: dark) {
287 /*
288 * Loosely based on:
289 *
290 * https://material.io/archive/guidelines/style/color.html#color-themes
291 */
292 body {
293 color: #eee;
294 background-color: #212121;
295 }
296
297 h1, h2, h3, h4, h5, h6 {
298 color: #eee;
299 }
300}
301
302/*
163 * On narrow displays, replace the menu bar with a simple list of items, and 303 * On narrow displays, replace the menu bar with a simple list of items, and
164 * omit the GitHub ribbon. 304 * omit the GitHub ribbon.
165 */ 305 */
@@ -167,7 +307,7 @@ img.travis {
167@media (max-width: 45em) { 307@media (max-width: 45em) {
168 div#menu { 308 div#menu {
169 padding: 1em; 309 padding: 1em;
170 background-color: #fff; 310 background-color: inherit;
171 border-bottom: 1px dotted #696969; 311 border-bottom: 1px dotted #696969;
172 } 312 }
173 313
@@ -178,7 +318,7 @@ img.travis {
178 318
179 div#menu span#current { 319 div#menu span#current {
180 color: #5a95c7; 320 color: #5a95c7;
181 background-color: #fff; 321 background-color: inherit;
182 } 322 }
183 323
184 div#menu a { 324 div#menu a {