diff options
author | Florian Dold <florian@dold.me> | 2021-05-07 13:50:26 +0200 |
---|---|---|
committer | Florian Dold <florian@dold.me> | 2021-05-07 13:50:26 +0200 |
commit | b3dd9489f04385fff095a85de658ab746574d23b (patch) | |
tree | 3e2cbe605f8c6ed9d73aa86e6b31e2021e8f70b1 /web-common | |
parent | 8a4a175424109088884be1c4785a2eb793323b29 (diff) | |
download | www-b3dd9489f04385fff095a85de658ab746574d23b.tar.gz www-b3dd9489f04385fff095a85de658ab746574d23b.zip |
restructure to work with current site generator
Diffstat (limited to 'web-common')
-rw-r--r-- | web-common/navbar.css | 78 | ||||
-rw-r--r-- | web-common/scroll.css | 41 | ||||
-rw-r--r-- | web-common/scroll.js | 12 | ||||
-rw-r--r-- | web-common/styles.css | 391 |
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 @@ | |||
1 | a.link:after { | ||
2 | font-size: .75em; | ||
3 | font-family: 'Font Awesome 5 Free'; | ||
4 | content: " \f35d"; | ||
5 | font-weight: 900; | ||
6 | } | ||
7 | |||
8 | a.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 | |||
58 | code { | ||
59 | margin-bottom: 1em; | ||
60 | word-wrap: break-word; } | ||
61 | |||
62 | code.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 | |||
75 | a.btn { | ||
76 | text-decoration: none !important; | ||
77 | color: white !important; | ||
78 | } | ||
79 | a.btn:link, a.btn:visited { | ||
80 | text-decoration: none !important; | ||
81 | color: white !important; | ||
82 | } | ||
83 | |||
84 | a.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 | |||
99 | h6.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 | |||
187 | i.red { | ||
188 | color: #BC0213; } | ||
189 | |||
190 | .btn-primary { | ||
191 | color: #fff; | ||
192 | background-color: #419edb; | ||
193 | border-color: #419edb; } | ||
194 | |||
195 | img.distro-logo { | ||
196 | height: 150px; } | ||
197 | |||
198 | a.btn:hover { | ||
199 | transition: background-color 0.7s; | ||
200 | background-color: #217fae; | ||
201 | border-color: #fff; | ||
202 | color: white !important; } | ||
203 | |||
204 | body .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 | |||
220 | html { | ||
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 | |||
233 | footer 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 | |||
266 | footer { | ||
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 | |||
309 | header { | ||
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 | |||
337 | a.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 | |||
362 | ul.timeline { | ||
363 | list-style-type: none; | ||
364 | position: relative; | ||
365 | } | ||
366 | ul.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 | } | ||
376 | ul.timeline > li { | ||
377 | margin: 20px 0; | ||
378 | padding-left: 20px; | ||
379 | } | ||
380 | ul.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 | } | ||