diff options
author | Mark Wielaard <mark@klomp.org> | 2021-04-13 02:09:23 +0200 |
---|---|---|
committer | Mark Wielaard <mark@klomp.org> | 2021-04-13 02:09:23 +0200 |
commit | 602d55d01c3d3d30f9d1708423f28a3d79dd67fe (patch) | |
tree | ebfb7fc7fce221e0e1c780ead08c439c6e385491 /website/static/css | |
parent | website: Fix typo. (diff) |
Move website to gnu-tools-website repo
Diffstat (limited to 'website/static/css')
-rw-r--r-- | website/static/css/code.css | 33 | ||||
-rw-r--r-- | website/static/css/main.css | 357 |
2 files changed, 0 insertions, 390 deletions
diff --git a/website/static/css/code.css b/website/static/css/code.css deleted file mode 100644 index c308845..0000000 --- a/website/static/css/code.css +++ /dev/null | |||
@@ -1,33 +0,0 @@ | |||
1 | /* Syntax highlighting code, by David Thompson, borrowed | ||
2 | from: | ||
3 | https://git.dthompson.us/blog.git/blob_plain/refs/heads/haunt-migration:/css/dthompson.css | ||
4 | David Thompson gives permission for this to be GPLv3+ and CC BY-SA 4.0 | ||
5 | |||
6 | Modified significantly since. | ||
7 | */ | ||
8 | |||
9 | |||
10 | .syntax-special, .syntax-element { | ||
11 | color: #856; | ||
12 | font-weight: bold; | ||
13 | } | ||
14 | |||
15 | .syntax-symbol { | ||
16 | color: #423; | ||
17 | } | ||
18 | |||
19 | .syntax-string { | ||
20 | color: #484; | ||
21 | } | ||
22 | |||
23 | .syntax-keyword, .syntax-attribute { | ||
24 | color: #921; | ||
25 | } | ||
26 | |||
27 | .syntax-comment { | ||
28 | color: #666; | ||
29 | } | ||
30 | |||
31 | .syntax-open, .syntax-close { | ||
32 | color: #688; | ||
33 | } | ||
diff --git a/website/static/css/main.css b/website/static/css/main.css deleted file mode 100644 index 73c2c7f..0000000 --- a/website/static/css/main.css +++ /dev/null | |||
@@ -1,357 +0,0 @@ | |||
1 | @import url("code.css"); | ||
2 | |||
3 | @font-face { | ||
4 | font-family: 'Roboto'; | ||
5 | src: url('/static/fonts/Roboto-Light.ttf') format('truetype'); | ||
6 | font-weight: normal; | ||
7 | font-style: normal; | ||
8 | } | ||
9 | |||
10 | @font-face { | ||
11 | font-family: 'Roboto-Italic'; | ||
12 | src: url('/static/fonts/Roboto-LightItalic.ttf') format('truetype'); | ||
13 | font-weight: normal; | ||
14 | font-style: italic; | ||
15 | } | ||
16 | |||
17 | @font-face { | ||
18 | font-family: 'Roboto-Bold'; | ||
19 | src: url('/static/fonts/Roboto-Bold.ttf') format('truetype'); | ||
20 | font-weight: normal; | ||
21 | font-style: bold; | ||
22 | } | ||
23 | |||
24 | @font-face { | ||
25 | font-family: 'FiraMono'; | ||
26 | src: url('/static/fonts/FiraMono-Regular.ttf') format('truetype'); | ||
27 | font-weight: normal; | ||
28 | font-style: bold; | ||
29 | } | ||
30 | |||
31 | @media all {html {font-size: 20px;}} | ||
32 | @media all and (max-width:1260px){html {font-size: 20px;}} | ||
33 | @media all and (max-width:1000px){html {font-size: 20px;}} | ||
34 | @media all and (max-width:960px){html {font-size: 19px;}} | ||
35 | @media all and (max-width:920px){html {font-size: 18px;}} | ||
36 | @media all and (max-width:880px){html {font-size: 17px;}} | ||
37 | @media all and (max-width:840px){html {font-size: 16px;}} | ||
38 | @media all and (max-width:800px){html {font-size: 16px;}} | ||
39 | @media all and (max-width:760px){html {font-size: 16px;}} | ||
40 | |||
41 | |||
42 | /*#ffbf2d*/ | ||
43 | |||
44 | body,html { | ||
45 | background-color: #fafafa; | ||
46 | color: #073b4c; | ||
47 | width: 100%; | ||
48 | height: 100%; | ||
49 | line-height: 1.6em; | ||
50 | padding: 0px; | ||
51 | margin: 0px; | ||
52 | font-family: 'Roboto', sans-serif; | ||
53 | } | ||
54 | |||
55 | pre { | ||
56 | border-left: 3px solid #118ab2; | ||
57 | margin-left: -1em; | ||
58 | color: #423; | ||
59 | font-size: 0.9em; | ||
60 | padding: 0 0 0 1em; | ||
61 | text-align: left; | ||
62 | font-family: fixed-width; | ||
63 | overflow-x: display; | ||
64 | margin-bottom: 0.8rem; | ||
65 | } | ||
66 | |||
67 | code { | ||
68 | font-family: 'FiraMono', monospace; | ||
69 | border-radius: 0.3em; | ||
70 | } | ||
71 | |||
72 | /* Arrange to have between 40 and 70 characters per line. */ | ||
73 | |||
74 | .width-control { | ||
75 | max-width: 800px; | ||
76 | width: 65%; | ||
77 | } | ||
78 | |||
79 | @media all and (max-width: 760px) { .width-control { width: 90%; } }; | ||
80 | |||
81 | p { | ||
82 | max-width: 70rem; | ||
83 | margin-bottom: 0; | ||
84 | } | ||
85 | |||
86 | p + p { | ||
87 | /*text-indent: 0.5rem;*/ | ||
88 | margin-top: 1.0rem; | ||
89 | } | ||
90 | |||
91 | #header { | ||
92 | background: url('../images/noise-bg.png'); | ||
93 | width: 100%; | ||
94 | box-shadow: 0 3px 8px #ccc; | ||
95 | margin-bottom: 1em; | ||
96 | } | ||
97 | |||
98 | #header a.logo:focus img { | ||
99 | border-left: 2px dotted #118ab2; | ||
100 | border-right: 2px dotted #118ab2; | ||
101 | } | ||
102 | |||
103 | #header .logo.small img { | ||
104 | height: 4.5rem; | ||
105 | vertical-align: middle; | ||
106 | } | ||
107 | |||
108 | #header .logo.small { | ||
109 | border: none; | ||
110 | } | ||
111 | |||
112 | #header .members { | ||
113 | float: right; | ||
114 | } | ||
115 | |||
116 | .frontpage #header { | ||
117 | height: auto; | ||
118 | text-align: center; | ||
119 | padding-top: 2rem; | ||
120 | padding-bottom: 1rem; | ||
121 | } | ||
122 | |||
123 | .frontpage #header .front-page-heading { | ||
124 | font-size: 175%; | ||
125 | line-height: 150%; | ||
126 | text-align: left; | ||
127 | padding-top: 0.5em; | ||
128 | } | ||
129 | |||
130 | .frontpage #header .logo img { | ||
131 | margin: 0 auto; | ||
132 | max-width: 100%; | ||
133 | padding: 10px; | ||
134 | display: block; | ||
135 | height: 25rem; | ||
136 | } | ||
137 | |||
138 | #menubar { | ||
139 | display: inline-block; | ||
140 | } | ||
141 | |||
142 | .frontpage #menubar { | ||
143 | margin: auto; | ||
144 | padding: 0px; | ||
145 | display: block; | ||
146 | clear: both; | ||
147 | } | ||
148 | |||
149 | #header-inner { | ||
150 | margin: auto; | ||
151 | padding: 0px; | ||
152 | } | ||
153 | |||
154 | /* ghost element to maintain perfect centering */ | ||
155 | #header-inner:before { | ||
156 | content: ''; | ||
157 | display: inline-block; | ||
158 | height: 100%; | ||
159 | vertical-align: middle; | ||
160 | } | ||
161 | |||
162 | .latest-news { | ||
163 | margin-top: 20px; | ||
164 | padding-top: 0px; | ||
165 | padding-bottom: 0px; | ||
166 | padding-left: 10pt; | ||
167 | border-left: solid 10px #ffbf2d; | ||
168 | color: #533; | ||
169 | } | ||
170 | |||
171 | .news-brief { | ||
172 | } | ||
173 | |||
174 | #collaboration { | ||
175 | border-top: solid 4px #aaaaaa; | ||
176 | border-bottom: solid 4px #aaaaaa; | ||
177 | background: #ffffff; | ||
178 | width: 100%; | ||
179 | bottom: 0px; | ||
180 | } | ||
181 | #collaboration-inner { margin: 10px auto 10px auto; } | ||
182 | #collaboration .members { text-align: center; } | ||
183 | #collaboration p { padding: 0px 10px 0px 10px; } | ||
184 | #collaboration .members ul { display: inline-block; padding: 0px; margin: 0px; } | ||
185 | #collaboration .members li { | ||
186 | display: inline-block; padding: 0px 10px; 0px 0px; | ||
187 | vertical-align: middle; | ||
188 | } | ||
189 | |||
190 | .post { | ||
191 | padding: 10px; | ||
192 | margin-bottom: 25px; | ||
193 | } | ||
194 | |||
195 | hr { | ||
196 | height: 3px; | ||
197 | background: url('/static/images/h-separator-darker.png'); | ||
198 | background-repeat: no-repeat; | ||
199 | background-position: center; | ||
200 | width: 100%; | ||
201 | border: none; | ||
202 | } | ||
203 | |||
204 | .post h1 { color: #433; } | ||
205 | .post h2 { color: #433; padding: 0pt; font-size: 1.3rem; } | ||
206 | |||
207 | .post-about { | ||
208 | color: #4D4D4D; | ||
209 | font-size: 0.9em; | ||
210 | margin-top: -2em; | ||
211 | } | ||
212 | |||
213 | #menubar ul { display: inline-block; padding: 0px; margin: 0px; } | ||
214 | #menubar li { | ||
215 | display: inline-block; | ||
216 | color: #000000; | ||
217 | height: 32px; | ||
218 | line-height: 32px; | ||
219 | list-style-type: none; | ||
220 | margin: 0px; | ||
221 | margin: 0px 13px 0px 0px; | ||
222 | text-transform: uppercase; | ||
223 | text-decoration: none; | ||
224 | font-size: small; | ||
225 | } | ||
226 | #menubar li.selected span { | ||
227 | border-bottom: 2px solid black; | ||
228 | } | ||
229 | #menubar li img { | ||
230 | vertical-align: middle; | ||
231 | } | ||
232 | |||
233 | #menubar ul:first-child { | ||
234 | padding-left: 10px; | ||
235 | } | ||
236 | |||
237 | #content { | ||
238 | margin: auto; | ||
239 | padding: 0px; | ||
240 | } | ||
241 | |||
242 | #content .search-field { | ||
243 | border: solid thin #aaaaaa; | ||
244 | width: 100%; | ||
245 | padding: 7px; | ||
246 | -webkit-border-radius: 5px; | ||
247 | -moz-border-radius: 5px; | ||
248 | border-radius: 5px; | ||
249 | } | ||
250 | |||
251 | #content table { | ||
252 | border-spacing: 0px; | ||
253 | padding: 0px; | ||
254 | } | ||
255 | |||
256 | #content table td { padding: 3px 5px 3px 5px; height: 25px; } | ||
257 | |||
258 | #packages-table-wrapper { | ||
259 | font-size: 16px; | ||
260 | } | ||
261 | |||
262 | #stand-by { | ||
263 | background: #decd87; | ||
264 | -webkit-border-radius: 5px; | ||
265 | -moz-border-radius: 5px; | ||
266 | border-radius: 5px; | ||
267 | font-size: 16px; | ||
268 | } | ||
269 | |||
270 | #stand-by p { padding: 7px } | ||
271 | |||
272 | #footer-box { | ||
273 | width: 100%; | ||
274 | margin: auto; | ||
275 | text-align: center; | ||
276 | color: #333333; | ||
277 | font-size: 0.8rem; | ||
278 | } | ||
279 | |||
280 | #footer-box p { | ||
281 | max-width: 100%; | ||
282 | text-align: center; | ||
283 | } | ||
284 | |||
285 | h1 { | ||
286 | clear: both; | ||
287 | line-height: 125%; | ||
288 | margin-top: 1.3rem; | ||
289 | margin-bottom: .3rem; | ||
290 | padding: 0px; | ||
291 | display: block; | ||
292 | font-size: 1.6rem; | ||
293 | font-weight: 800; | ||
294 | } | ||
295 | |||
296 | h1:first-child { | ||
297 | font-size: 1.8rem; | ||
298 | margin-bottom: 2rem; | ||
299 | margin-top: 0; | ||
300 | } | ||
301 | |||
302 | .title a { border: none; } | ||
303 | a { | ||
304 | color: #000000; | ||
305 | outline: none; | ||
306 | border-style: none none solid none; | ||
307 | border-width: 2px; | ||
308 | border-color: #118ab2; | ||
309 | text-decoration: none; | ||
310 | } | ||
311 | a:focus { | ||
312 | border-bottom: 2px dotted; | ||
313 | border-color: inherit; | ||
314 | } | ||
315 | a:visited { | ||
316 | color: #433; | ||
317 | border-color: #06d6a0; | ||
318 | border-style: none none solid none; | ||
319 | border-width: 2px; | ||
320 | text-decoration: none; | ||
321 | } | ||
322 | a img { outline : none; } | ||
323 | img { border: none; } | ||
324 | |||
325 | audio, video, .full-width { | ||
326 | display: block; | ||
327 | margin: 50px auto; | ||
328 | max-width: 100%; | ||
329 | } | ||
330 | |||
331 | article ul { | ||
332 | padding-left: 0; | ||
333 | list-style-type: none; | ||
334 | list-style-position: outside; | ||
335 | margin-top: 0.5rem; | ||
336 | margin-bottom: 0.5rem; | ||
337 | } | ||
338 | |||
339 | article ul li + li { | ||
340 | margin-top: 1em; | ||
341 | } | ||
342 | |||
343 | article ul li::before { | ||
344 | display: inline-block; | ||
345 | content: "\2022"; | ||
346 | padding-right: 0; | ||
347 | width: 35px; | ||
348 | margin-left: -35px; | ||
349 | color: #118ab2; | ||
350 | vertical-align: middle; | ||
351 | font-size: 80px; | ||
352 | line-height: 22px; | ||
353 | font-weight: bold; | ||
354 | } | ||
355 | |||
356 | #footer-box a { color: #333333; } | ||
357 | #footer-box a:visited { color: #333333; } | ||