aboutsummaryrefslogtreecommitdiff
path: root/web-common
diff options
context:
space:
mode:
authorFlorian Dold <florian@dold.me>2021-05-07 13:50:26 +0200
committerFlorian Dold <florian@dold.me>2021-05-07 13:50:26 +0200
commitb3dd9489f04385fff095a85de658ab746574d23b (patch)
tree3e2cbe605f8c6ed9d73aa86e6b31e2021e8f70b1 /web-common
parent8a4a175424109088884be1c4785a2eb793323b29 (diff)
downloadwww-b3dd9489f04385fff095a85de658ab746574d23b.tar.gz
www-b3dd9489f04385fff095a85de658ab746574d23b.zip
restructure to work with current site generator
Diffstat (limited to 'web-common')
-rw-r--r--web-common/navbar.css78
-rw-r--r--web-common/scroll.css41
-rw-r--r--web-common/scroll.js12
-rw-r--r--web-common/styles.css391
4 files changed, 0 insertions, 522 deletions
diff --git a/web-common/navbar.css b/web-common/navbar.css
deleted file mode 100644
index 3c2db9ef..00000000
--- a/web-common/navbar.css
+++ /dev/null
@@ -1,78 +0,0 @@
1#body_content {
2 padding-top: 0em;
3}
4
5.navbar {
6 margin-bottom: 0px;
7 background: #0C120C;
8}
9
10.sidebar-nav {
11 padding: 9px 0;
12}
13
14.dropdown-menu .sub-menu {
15 left: 100%;
16 position: absolute;
17 top: 0;
18 visibility: hidden;
19 margin-top: -1px;
20}
21
22.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
23 margin-top: 0;
24}
25
26.navbar .sub-menu:before {
27 border-bottom: 7px solid transparent;
28 border-left: none;
29 border-right: 7px solid rgba(0, 0, 0, 0.2);
30 border-top: 7px solid transparent;
31 left: -7px;
32 top: 10px;
33}
34.navbar .sub-menu:after {
35 border-top: 6px solid transparent;
36 border-left: none;
37 border-right: 6px solid #fff;
38 border-bottom: 6px solid transparent;
39 left: 10px;
40 top: 11px;
41 left: -6px;
42}
43
44.custom-toggler.navbar.toggler {
45 border-color: rgb(255,102,203);
46 /* border-color: rgb(102,136,170); */
47}
48
49.custom-toggler .navbar-toggler-icon {
50 /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); */
51 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(102,136,170, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
52}
53
54.nav a {
55 color: white !important;
56}
57
58.dropdown-menu, .dropdown-item {
59 background: #0C120C;
60 color: white;
61}
62
63.dropdown-menu a,
64.dropdown-item a {
65 background: #0C120C;
66 color: white !important;
67 text-decoration: none;
68 text-decoration-style: none;
69}
70.dropdown-menu:visited, .dropdown-item a:visited,
71.dropdown-menu a:hover, .dropdown-item a:hover,
72.dropdown-menu a:active, .dropdown-item a:active,
73.dropdown-menu a:link, .dropdown-item a:link {
74 background: #0C120C;
75 color: white !important;
76 text-decoration: none;
77 text-decoration-style: none;
78}
diff --git a/web-common/scroll.css b/web-common/scroll.css
deleted file mode 100644
index 9315fc14..00000000
--- a/web-common/scroll.css
+++ /dev/null
@@ -1,41 +0,0 @@
1#jump-top {
2 position: fixed;
3 bottom: 20px;
4 right: 20px;
5 background: rgb(65, 158, 219, 0.85);
6 width: 50px;
7 height: 50px;
8 display: block;
9 text-decoration: none;
10 -webkit-border-radius: 35px;
11 -moz-border-radius: 35px;
12 border-radius: 35px;
13 display: none;
14 -webkit-transition: all 0.3s linear;
15 -moz-transition: all 0.3s ease;
16 -ms-transition: all 0.3s ease;
17 -o-transition: all 0.3s ease;
18 transition: all 0.3s ease;
19}
20#jump-top i {
21 color: #fff;
22 margin: 0;
23 position: relative;
24 left: 16px;
25 top: 13px;
26 font-size: 19px;
27 -webkit-transition: all 0.3s ease;
28 -moz-transition: all 0.3s ease;
29 -ms-transition: all 0.3s ease;
30 -o-transition: all 0.3s ease;
31 transition: all 0.3s ease;
32}
33
34/*
35.jump-top {
36 position: fixed;
37 bottom: 35px;
38 right: 35px;
39 display: none;
40}
41*/
diff --git a/web-common/scroll.js b/web-common/scroll.js
deleted file mode 100644
index 1180588a..00000000
--- a/web-common/scroll.js
+++ /dev/null
@@ -1,12 +0,0 @@
1$(window).scroll(function() {
2 if ($(this).scrollTop() >= 50) {
3 $('#jump-top').fadeIn(200);
4 } else {
5 $('#jump-top').fadeOut(200);
6 }
7});
8$('#jump-top').click(function() {
9 $('html').animate({
10 scrollTop : 0
11 }, 500);
12});
diff --git a/web-common/styles.css b/web-common/styles.css
deleted file mode 100644
index a6a8eda9..00000000
--- a/web-common/styles.css
+++ /dev/null
@@ -1,391 +0,0 @@
1a.link:after {
2 font-size: .75em;
3 font-family: 'Font Awesome 5 Free';
4 content: " \f35d";
5 font-weight: 900;
6}
7
8a.link {
9 color: #3355FF; /* contrast for near white bg */
10}
11
12.static-top {
13 position: fixed;
14 top: 0;
15 right: 0;
16 left: 0;
17 z-index: 3; }
18
19.skip {
20 display: none !important;
21 position: absolute;
22 top: 0;
23 left: 0;
24 width: 100%;
25 font-size: .857143em; }
26 .skip li {
27 position: absolute;
28 z-index: 1;
29 margin: 0; }
30 .skip a {
31 position: absolute;
32 left: -9999px; }
33 .skip a:active, .skip a:focus {
34 display: block;
35 position: static;
36 left: 0;
37 padding: .25em 1em; }
38
39.near-white {
40 color: #f4f4f4 !important; }
41
42.near-black {
43 color: #111; }
44
45.dark-grey {
46 color: #333; }
47
48.blue {
49 color: #357edd; }
50
51.bg-white {background-color: white;}
52.bg-near-white {
53 background-color: #f4f4f4; }
54
55.bg-near-black {
56 background-color: #111; }
57
58code {
59 margin-bottom: 1em;
60 word-wrap: break-word; }
61
62code.block {
63 display: block; }
64
65.homepageicon {
66 font-size: 6em;
67 color: #111;
68 text-align: center;
69}
70
71.greybox .homepageicon {
72 color: #888;
73}
74
75a.btn {
76 text-decoration: none !important;
77 color: white !important;
78}
79a.btn:link, a.btn:visited {
80 text-decoration: none !important;
81 color: white !important;
82}
83
84a.btn.frontpage {
85 font-size: 2em;
86 width: 100%;
87}
88
89.bluebox a:link, .bluebox a:visited {
90 text-decoration: underline !important;
91 color: #f4f4f4 !important;
92}
93
94.greybox {
95 background-color: #f4f4f4;
96 color: #111;
97}
98
99h6.description {
100 font-weight: bold;
101 letter-spacing: 2px;
102 color: #999;
103 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
104 padding-bottom: 5px; }
105
106.profile {
107 margin-top: 25px; }
108 .profile h1 {
109 font-weight: normal;
110 font-size: 20px;
111 margin: 10px 0 0 0; }
112 .profile h2 {
113 font-size: 14px;
114 font-weight: lighter;
115 margin-top: 5px; }
116 .profile .img-box {
117 opacity: 1;
118 display: block;
119 position: relative;
120 min-height: 160px; }
121 .profile .img-box:after {
122 content: "";
123 opacity: 0;
124 background-color: rgba(0, 0, 0, 0.75);
125 position: absolute;
126 right: 0;
127 left: 0;
128 top: 0;
129 bottom: 0; }
130 .profile .img-none {
131 text-align: center; }
132 .profile .img-none i.fa {
133 color: #eee;
134 font-size: 8em; }
135
136.img-box ul {
137 position: absolute;
138 z-index: 2;
139 bottom: 50px;
140 text-align: center;
141 width: 100%;
142 padding-left: 0px;
143 height: 0px;
144 margin: 0px;
145 opacity: 0; }
146
147.profile .img-box:after {
148 -webkit-transition: all 0.5s ease-in-out 0s;
149 -moz-transition: all 0.5s ease-in-out 0s;
150 transition: all 0.5s ease-in-out 0s; }
151
152.img-box ul {
153 -webkit-transition: all 0.5s ease-in-out 0s;
154 -moz-transition: all 0.5s ease-in-out 0s;
155 transition: all 0.5s ease-in-out 0s; }
156 .img-box ul li {
157 -webkit-transition: all 0.5s ease-in-out 0s;
158 -moz-transition: all 0.5s ease-in-out 0s;
159 transition: all 0.5s ease-in-out 0s; }
160 .img-box ul i {
161 font-size: 20px;
162 letter-spacing: 10px; }
163 .img-box ul li {
164 width: 30px;
165 height: 30px;
166 text-align: center;
167 color: #88C425;
168 margin: 2px;
169 padding: 5px;
170 display: inline-block; }
171
172.img-box a {
173 color: #fff; }
174
175.img-box:hover:after, .img-box:hover ul {
176 opacity: 1; }
177
178.img-box ul a {
179 -webkit-transition: all 0.3s ease-in-out 0s;
180 -moz-transition: all 0.3s ease-in-out 0s;
181 transition: all 0.3s ease-in-out 0s; }
182
183.img-box a:hover li {
184 border-color: #fff;
185 color: #88C425; }
186
187i.red {
188 color: #BC0213; }
189
190.btn-primary {
191 color: #fff;
192 background-color: #419edb;
193 border-color: #419edb; }
194
195img.distro-logo {
196 height: 150px; }
197
198a.btn:hover {
199 transition: background-color 0.7s;
200 background-color: #217fae;
201 border-color: #fff;
202 color: white !important; }
203
204body .banner {
205 color: white;
206 padding-top: 20px;
207 padding-bottom: 20px; }
208
209#body_content .banner a {
210 color: white;
211}
212
213.lang-slector {
214 float: right;
215 padding-top: 2mm;
216 padding-bottom: 4mm;
217 margin-left: 15px;
218 margin-right: 15px; }
219
220html {
221 overflow-y: scroll; }
222
223.dark {
224 background-color: #333;
225 color: white; }
226
227.c_acronym {
228 background-color: #419edb;
229 color: white; }
230 .c_acronym a {
231 color: #c1d9f5; }
232
233footer a {
234 text-decoration: underline;
235 color: white; }
236 footer a:link, footer a:visited {
237 text-decoration: underline;
238 color: white; }
239 footer a:hover {
240 transition: background-color 0.3s;
241 background-color: rgba(100, 100, 100, 0.5); }
242
243.c_intro {
244 min-height: 97vh; }
245
246.in .nav-lang {
247 display: none; }
248
249.mobile-lang {
250 margin-left: 5px;
251 margin-top: 8px; }
252
253#mybody {
254 color: black; }
255
256.btn-dark {
257 background-color: #999; }
258
259#mybody nav {
260 border-radius: 0px;
261 padding: 10px; }
262
263.index-logo {
264 text-align: center; }
265
266footer {
267 padding: 2em; }
268
269#body_content {
270 min-height: 80vh; }
271 #body_content .container-wide {
272 margin-bottom: 2em;
273 padding-top: 1em;
274 padding-bottom: 1em;
275 padding-left: 2em;
276 padding-right: 2em; }
277 #body_content .container {
278 padding-top: 1em;
279 padding-bottom: 1em;
280 padding-left: 2em;
281 padding-right: 2em;
282 max-width: 80em; }
283 #body_content .jumbotron {
284 margin-bottom: 0px; }
285
286.adorn_h3_bracket h3::before {
287 content: "#";
288 color: #333;
289 margin-right: 0.5em; }
290
291.footer-list {
292 list-style: none; }
293
294.cushion-above {
295 padding-top: 2em; }
296
297.cushion-below {
298 padding-bottom: 2em; }
299
300.invert {
301 -webkit-filter: invert(100%);
302 filter: invert(100%); }
303
304.row {
305 margin-top: 1em;
306 margin-bottom: 1em;
307 min-width: 50%; }
308
309header {
310 text-align: center;
311 margin-top: 30px;
312 margin-bottom: 50px; }
313
314.timeline header {
315 text-align: left;
316 margin-bottom: 5px;
317}
318
319.alert {
320 display: flex;
321 overflow: hidden;
322 background-color: #c4453c;
323 width: 100%;
324 align-items: center;
325 justify-content: center;
326 padding: 0.1em; }
327
328.alert-content {
329 color: #f6f6f6;
330 font: bold 16px/40px sans-serif;
331 text-align: center;
332 text-decoration: none; }
333
334.subnav a.nav-link:link, .subnav a.nav-link:visited {
335 color: #419edb !important; }
336
337a.subnav-anchor {
338 position: relative;
339 top: -80px; }
340
341.item-preview:link .item-previewvisited {
342 text-decoration: none;
343 color: #212529;
344 display: block;
345 padding: 10px 15px;
346 text-align: left; }
347
348.item-preview:active .item-preview:focus .item-preview:hover {
349 background-color: #F4BB15; }
350
351.item-preview h3 {
352 font-size: 1em;
353 font-weight: bold;
354 margin: 0px; }
355
356.item-preview p {
357 word-wrap: break-word; }
358
359.item-date {
360 font-size: 0.9em; }
361
362ul.timeline {
363 list-style-type: none;
364 position: relative;
365}
366ul.timeline:before {
367 content: ' ';
368 background: #d4d9df;
369 display: inline-block;
370 position: absolute;
371 left: 29px;
372 width: 2px;
373 height: 100%;
374 z-index: 400;
375}
376ul.timeline > li {
377 margin: 20px 0;
378 padding-left: 20px;
379}
380ul.timeline > li:before {
381 content: ' ';
382 background: white;
383 display: inline-block;
384 position: absolute;
385 border-radius: 50%;
386 border: 3px solid #22c0e8;
387 left: 20px;
388 width: 20px;
389 height: 20px;
390 z-index: 400;
391}