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