diff options
Diffstat (limited to 'static/styles.css')
-rw-r--r-- | static/styles.css | 317 |
1 files changed, 317 insertions, 0 deletions
diff --git a/static/styles.css b/static/styles.css new file mode 100644 index 00000000..5979d21a --- /dev/null +++ b/static/styles.css | |||
@@ -0,0 +1,317 @@ | |||
1 | .static-top { | ||
2 | position: fixed; | ||
3 | top: 0; | ||
4 | right: 0; | ||
5 | left: 0; | ||
6 | z-index: 3; } | ||
7 | |||
8 | .skip { | ||
9 | display: none !important; | ||
10 | position: absolute; | ||
11 | top: 0; | ||
12 | left: 0; | ||
13 | width: 100%; | ||
14 | font-size: .857143em; } | ||
15 | .skip li { | ||
16 | position: absolute; | ||
17 | z-index: 1; | ||
18 | margin: 0; } | ||
19 | .skip a { | ||
20 | position: absolute; | ||
21 | left: -9999px; } | ||
22 | .skip a:active, .skip a:focus { | ||
23 | display: block; | ||
24 | position: static; | ||
25 | left: 0; | ||
26 | padding: .25em 1em; } | ||
27 | |||
28 | .near-white { | ||
29 | color: #f4f4f4 !important; } | ||
30 | |||
31 | .near-black { | ||
32 | color: #111; } | ||
33 | |||
34 | .dark-grey { | ||
35 | color: #333; } | ||
36 | |||
37 | .blue { | ||
38 | color: #357edd; } | ||
39 | |||
40 | .bg-near-white { | ||
41 | background-color: #f4f4f4; } | ||
42 | |||
43 | .bg-near-black { | ||
44 | background-color: #111; } | ||
45 | |||
46 | code { | ||
47 | margin-bottom: 1em; | ||
48 | word-wrap: break-word; } | ||
49 | |||
50 | a.btn { | ||
51 | text-decoration: none !important; | ||
52 | color: white !important; | ||
53 | } | ||
54 | a.btn:link, a.btn:visited { | ||
55 | text-decoration: none !important; | ||
56 | color: white !important; | ||
57 | } | ||
58 | |||
59 | .bluebox a:link, .bluebox a:visited { | ||
60 | text-decoration: underline !important; | ||
61 | color: #f4f4f4 !important; | ||
62 | } | ||
63 | |||
64 | h6.description { | ||
65 | font-weight: bold; | ||
66 | letter-spacing: 2px; | ||
67 | color: #999; | ||
68 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); | ||
69 | padding-bottom: 5px; } | ||
70 | |||
71 | .profile { | ||
72 | margin-top: 25px; } | ||
73 | .profile h1 { | ||
74 | font-weight: normal; | ||
75 | font-size: 20px; | ||
76 | margin: 10px 0 0 0; } | ||
77 | .profile h2 { | ||
78 | font-size: 14px; | ||
79 | font-weight: lighter; | ||
80 | margin-top: 5px; } | ||
81 | .profile .img-box { | ||
82 | opacity: 1; | ||
83 | display: block; | ||
84 | position: relative; | ||
85 | min-height: 160px; } | ||
86 | .profile .img-box:after { | ||
87 | content: ""; | ||
88 | opacity: 0; | ||
89 | background-color: rgba(0, 0, 0, 0.75); | ||
90 | position: absolute; | ||
91 | right: 0; | ||
92 | left: 0; | ||
93 | top: 0; | ||
94 | bottom: 0; } | ||
95 | .profile .img-none { | ||
96 | text-align: center; } | ||
97 | .profile .img-none i.fa { | ||
98 | color: #eee; | ||
99 | font-size: 8em; } | ||
100 | |||
101 | .img-box ul { | ||
102 | position: absolute; | ||
103 | z-index: 2; | ||
104 | bottom: 50px; | ||
105 | text-align: center; | ||
106 | width: 100%; | ||
107 | padding-left: 0px; | ||
108 | height: 0px; | ||
109 | margin: 0px; | ||
110 | opacity: 0; } | ||
111 | |||
112 | .profile .img-box:after { | ||
113 | -webkit-transition: all 0.5s ease-in-out 0s; | ||
114 | -moz-transition: all 0.5s ease-in-out 0s; | ||
115 | transition: all 0.5s ease-in-out 0s; } | ||
116 | |||
117 | .img-box ul { | ||
118 | -webkit-transition: all 0.5s ease-in-out 0s; | ||
119 | -moz-transition: all 0.5s ease-in-out 0s; | ||
120 | transition: all 0.5s ease-in-out 0s; } | ||
121 | .img-box ul li { | ||
122 | -webkit-transition: all 0.5s ease-in-out 0s; | ||
123 | -moz-transition: all 0.5s ease-in-out 0s; | ||
124 | transition: all 0.5s ease-in-out 0s; } | ||
125 | .img-box ul i { | ||
126 | font-size: 20px; | ||
127 | letter-spacing: 10px; } | ||
128 | .img-box ul li { | ||
129 | width: 30px; | ||
130 | height: 30px; | ||
131 | text-align: center; | ||
132 | color: #88C425; | ||
133 | margin: 2px; | ||
134 | padding: 5px; | ||
135 | display: inline-block; } | ||
136 | |||
137 | .img-box a { | ||
138 | color: #fff; } | ||
139 | |||
140 | .img-box:hover:after, .img-box:hover ul { | ||
141 | opacity: 1; } | ||
142 | |||
143 | .img-box ul a { | ||
144 | -webkit-transition: all 0.3s ease-in-out 0s; | ||
145 | -moz-transition: all 0.3s ease-in-out 0s; | ||
146 | transition: all 0.3s ease-in-out 0s; } | ||
147 | |||
148 | .img-box a:hover li { | ||
149 | border-color: #fff; | ||
150 | color: #88C425; } | ||
151 | |||
152 | i.red { | ||
153 | color: #BC0213; } | ||
154 | |||
155 | .btn-primary { | ||
156 | color: #fff; | ||
157 | background-color: #678; | ||
158 | border-color: #68a; } | ||
159 | |||
160 | img.distro-logo { | ||
161 | height: 150px; } | ||
162 | |||
163 | a.btn:hover { | ||
164 | transition: background-color 0.7s; | ||
165 | background-color: #217fae; | ||
166 | border-color: #fff; | ||
167 | color: white !important; } | ||
168 | |||
169 | body .banner { | ||
170 | color: white; | ||
171 | padding-top: 20px; | ||
172 | padding-bottom: 20px; } | ||
173 | |||
174 | #body_content .banner a { | ||
175 | color: white; } | ||
176 | |||
177 | .lang-slector { | ||
178 | float: right; | ||
179 | padding-top: 2mm; | ||
180 | padding-bottom: 4mm; | ||
181 | margin-left: 15px; | ||
182 | margin-right: 15px; } | ||
183 | |||
184 | html { | ||
185 | overflow-y: scroll; } | ||
186 | |||
187 | .dark { | ||
188 | background-color: #333; | ||
189 | color: white; } | ||
190 | |||
191 | .c_acronym { | ||
192 | background-color: #419edb; | ||
193 | color: white; } | ||
194 | .c_acronym a { | ||
195 | color: #c1d9f5; } | ||
196 | |||
197 | footer a { | ||
198 | text-decoration: underline; | ||
199 | color: white; } | ||
200 | footer a:link, footer a:visited { | ||
201 | text-decoration: underline; | ||
202 | color: white; } | ||
203 | footer a:hover { | ||
204 | transition: background-color 0.3s; | ||
205 | background-color: rgba(100, 100, 100, 0.5); } | ||
206 | |||
207 | .c_intro { | ||
208 | min-height: 97vh; } | ||
209 | |||
210 | .in .nav-lang { | ||
211 | display: none; } | ||
212 | |||
213 | .mobile-lang { | ||
214 | margin-left: 5px; | ||
215 | margin-top: 8px; } | ||
216 | |||
217 | #mybody { | ||
218 | color: black; } | ||
219 | |||
220 | .btn-dark { | ||
221 | background-color: #999; } | ||
222 | |||
223 | #mybody nav { | ||
224 | border-radius: 0px; | ||
225 | padding: 10px; } | ||
226 | |||
227 | .index-logo { | ||
228 | text-align: center; } | ||
229 | |||
230 | footer { | ||
231 | padding: 2em; } | ||
232 | |||
233 | #body_content { | ||
234 | min-height: 80vh; } | ||
235 | #body_content .container-wide { | ||
236 | margin-bottom: 2em; | ||
237 | padding-top: 1em; | ||
238 | padding-bottom: 1em; | ||
239 | padding-left: 2em; | ||
240 | padding-right: 2em; } | ||
241 | #body_content .container { | ||
242 | padding-top: 1em; | ||
243 | padding-bottom: 1em; | ||
244 | padding-left: 2em; | ||
245 | padding-right: 2em; | ||
246 | max-width: 80em; } | ||
247 | #body_content .jumbotron { | ||
248 | margin-bottom: 0px; } | ||
249 | |||
250 | .adorn_h3_bracket h3::before { | ||
251 | content: "#"; | ||
252 | color: #333; | ||
253 | margin-right: 0.5em; } | ||
254 | |||
255 | .footer-list { | ||
256 | list-style: none; } | ||
257 | |||
258 | .cushion-above { | ||
259 | padding-top: 2em; } | ||
260 | |||
261 | .cushion-below { | ||
262 | padding-bottom: 2em; } | ||
263 | |||
264 | .invert { | ||
265 | -webkit-filter: invert(100%); | ||
266 | filter: invert(100%); } | ||
267 | |||
268 | .row { | ||
269 | min-width: 50%; } | ||
270 | |||
271 | header { | ||
272 | text-align: center; | ||
273 | margin-top: 30px; | ||
274 | margin-bottom: 50px; } | ||
275 | |||
276 | .alert { | ||
277 | display: flex; | ||
278 | overflow: hidden; | ||
279 | background-color: #c4453c; | ||
280 | width: 100%; | ||
281 | align-items: center; | ||
282 | justify-content: center; | ||
283 | padding: 0.1em; } | ||
284 | |||
285 | .alert-content { | ||
286 | color: #f6f6f6; | ||
287 | font: bold 16px/40px sans-serif; | ||
288 | text-align: center; | ||
289 | text-decoration: none; } | ||
290 | |||
291 | .subnav a.nav-link:link, .subnav a.nav-link:visited { | ||
292 | color: #419edb !important; } | ||
293 | |||
294 | a.subnav-anchor { | ||
295 | position: relative; | ||
296 | top: -80px; } | ||
297 | |||
298 | .item-preview:link .item-previewvisited { | ||
299 | text-decoration: none; | ||
300 | color: #212529; | ||
301 | display: block; | ||
302 | padding: 10px 15px; | ||
303 | text-align: left; } | ||
304 | |||
305 | .item-preview:active .item-preview:focus .item-preview:hover { | ||
306 | background-color: #F4BB15; } | ||
307 | |||
308 | .item-preview h3 { | ||
309 | font-size: 1em; | ||
310 | font-weight: bold; | ||
311 | margin: 0px; } | ||
312 | |||
313 | .item-preview p { | ||
314 | word-wrap: break-word; } | ||
315 | |||
316 | .item-date { | ||
317 | font-size: 0.9em; } | ||