aboutsummaryrefslogtreecommitdiff
path: root/static/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/styles.css')
-rw-r--r--static/styles.css282
1 files changed, 141 insertions, 141 deletions
diff --git a/static/styles.css b/static/styles.css
index b6e8248b..1b8b4606 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,42 +1,42 @@
1.static-top { 1.static-top {
2 position: fixed; 2 position: fixed;
3 top: 0; 3 top: 0;
4 right: 0; 4 right: 0;
5 left: 0; 5 left: 0;
6 z-index: 3; 6 z-index: 3;
7} 7}
8 8
9.skip { 9.skip {
10 display:none!important; 10 display:none!important;
11} 11}
12 12
13.skip { 13.skip {
14 position: absolute; 14 position: absolute;
15 top: 0; 15 top: 0;
16 left: 0; 16 left: 0;
17 width: 100%; 17 width: 100%;
18 font-size: .857143em; 18 font-size: .857143em;
19} 19}
20 20
21.skip li { 21.skip li {
22 position:absolute; 22 position:absolute;
23 z-index:1; 23 z-index:1;
24 margin:0; 24 margin:0;
25} 25}
26.skip a { 26.skip a {
27 position:absolute; 27 position:absolute;
28 left:-9999px; 28 left:-9999px;
29} 29}
30.skip a:active, 30.skip a:active,
31.skip a:focus { 31.skip a:focus {
32 display:block; 32 display:block;
33 position:static; 33 position:static;
34 left:0; 34 left:0;
35 padding:.25em 1em; 35 padding:.25em 1em;
36} 36}
37 37
38code { 38code {
39 margin-bottom: 1em; 39 margin-bottom: 1em;
40} 40}
41 41
42/* hyperlinks and buttons */ 42/* hyperlinks and buttons */
@@ -49,8 +49,8 @@ code {
49a.btn, 49a.btn,
50a.btn:link, 50a.btn:link,
51a.btn:visited { 51a.btn:visited {
52 text-decoration: none !important; 52 text-decoration: none !important;
53 color: white !important; 53 color: white !important;
54} 54}
55/* For reference if bootstrap does not cover the main-Element issue in IE9-11 */ 55/* For reference if bootstrap does not cover the main-Element issue in IE9-11 */
56/* 56/*
@@ -76,147 +76,147 @@ body {
76} 76}
77*/ 77*/
78.team { 78.team {
79 padding: 75px 0; 79 padding: 75px 0;
80} 80}
81h6.description { 81h6.description {
82 font-weight: bold; 82 font-weight: bold;
83 letter-spacing: 2px; 83 letter-spacing: 2px;
84 color: #999; 84 color: #999;
85 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 85 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
86 padding-bottom: 5px; 86 padding-bottom: 5px;
87} 87}
88.profile { 88.profile {
89 margin-top: 25px; 89 margin-top: 25px;
90} 90}
91.profile h1{ 91.profile h1{
92 font-weight: normal; 92 font-weight: normal;
93 font-size: 20px; 93 font-size: 20px;
94 margin: 10px 0 0 0; 94 margin: 10px 0 0 0;
95} 95}
96.profile h2{ 96.profile h2{
97 font-size: 14px; 97 font-size: 14px;
98 font-weight: lighter; 98 font-weight: lighter;
99 margin-top: 5px; 99 margin-top: 5px;
100} 100}
101.profile .img-box { 101.profile .img-box {
102 opacity: 1; 102 opacity: 1;
103 display: block; 103 display: block;
104 position: relative; 104 position: relative;
105 min-height: 160px; 105 min-height: 160px;
106} 106}
107.profile .img-box:after{ 107.profile .img-box:after{
108 content:""; 108 content:"";
109 opacity: 0; 109 opacity: 0;
110 background-color: rgba(0, 0, 0, 0.75); 110 background-color: rgba(0, 0, 0, 0.75);
111 position: absolute; 111 position: absolute;
112 right: 0; 112 right: 0;
113 left: 0; 113 left: 0;
114 top: 0; 114 top: 0;
115 bottom: 0; 115 bottom: 0;
116} 116}
117 117
118.profile .img-none { 118.profile .img-none {
119 text-align: center; 119 text-align: center;
120} 120}
121 121
122.profile .img-none i.fa { 122.profile .img-none i.fa {
123 color: #eee; 123 color: #eee;
124 font-size: 8em; 124 font-size: 8em;
125} 125}
126 126
127.img-box ul{ 127.img-box ul{
128 position: absolute; 128 position: absolute;
129 z-index: 2; 129 z-index: 2;
130 bottom: 50px; 130 bottom: 50px;
131 text-align: center; 131 text-align: center;
132 width: 100%; 132 width: 100%;
133 padding-left: 0px; 133 padding-left: 0px;
134 height: 0px; 134 height: 0px;
135 margin: 0px; 135 margin: 0px;
136 opacity: 0; 136 opacity: 0;
137} 137}
138.profile .img-box:after, .img-box ul, .img-box ul li { 138.profile .img-box:after, .img-box ul, .img-box ul li {
139 -webkit-transition: all 0.5s ease-in-out 0s; 139 -webkit-transition: all 0.5s ease-in-out 0s;
140 -moz-transition: all 0.5s ease-in-out 0s; 140 -moz-transition: all 0.5s ease-in-out 0s;
141 transition: all 0.5s ease-in-out 0s; 141 transition: all 0.5s ease-in-out 0s;
142} 142}
143.img-box ul i{ 143.img-box ul i{
144 font-size: 20px; 144 font-size: 20px;
145 letter-spacing: 10px; 145 letter-spacing: 10px;
146} 146}
147.img-box ul li{ 147.img-box ul li{
148 width: 30px; 148 width: 30px;
149 height: 30px; 149 height: 30px;
150 text-align: center; 150 text-align: center;
151 /*border: 1px solid #88C425;*/ 151 /*border: 1px solid #88C425;*/
152 color: #88C425; 152 color: #88C425;
153 margin: 2px; 153 margin: 2px;
154 padding: 5px; 154 padding: 5px;
155 display: inline-block; 155 display: inline-block;
156} 156}
157.img-box a { 157.img-box a {
158 color: #fff; 158 color: #fff;
159} 159}
160.img-box:hover:after{ 160.img-box:hover:after{
161 opacity: 1; 161 opacity: 1;
162} 162}
163.img-box:hover ul{ 163.img-box:hover ul{
164 opacity: 1; 164 opacity: 1;
165} 165}
166.img-box ul a { 166.img-box ul a {
167 -webkit-transition: all 0.3s ease-in-out 0s; 167 -webkit-transition: all 0.3s ease-in-out 0s;
168 -moz-transition: all 0.3s ease-in-out 0s; 168 -moz-transition: all 0.3s ease-in-out 0s;
169 transition: all 0.3s ease-in-out 0s; 169 transition: all 0.3s ease-in-out 0s;
170} 170}
171.img-box a:hover li{ 171.img-box a:hover li{
172 border-color: #fff; 172 border-color: #fff;
173 color: #88C425; 173 color: #88C425;
174} 174}
175i.red { 175i.red {
176 color: #BC0213; 176 color: #BC0213;
177} 177}
178.btn-primary { 178.btn-primary {
179 color: #fff; 179 color: #fff;
180 background-color: #678; 180 background-color: #678;
181 border-color: #68a; 181 border-color: #68a;
182} 182}
183a.btn:hover { 183a.btn:hover {
184 transition: background-color 0.7s; 184 transition: background-color 0.7s;
185 background-color: #d00; 185 background-color: #d00;
186 border-color: #fff; 186 border-color: #fff;
187 color: white !important; 187 color: white !important;
188} 188}
189 189
190 190
191body .banner { 191body .banner {
192 color: white; 192 color: white;
193 padding-top: 20px; 193 padding-top: 20px;
194 padding-bottom: 20px; 194 padding-bottom: 20px;
195} 195}
196#body_content .banner a { 196#body_content .banner a {
197 color: white; 197 color: white;
198} 198}
199 199
200 200
201.lang-slector { 201.lang-slector {
202 float: right; 202 float: right;
203 padding-top: 2mm; 203 padding-top: 2mm;
204 padding-bottom: 4mm; 204 padding-bottom: 4mm;
205 margin-left: 15px; 205 margin-left: 15px;
206 margin-right: 15px; 206 margin-right: 15px;
207} 207}
208 208
209html { 209html {
210 overflow-y: scroll; 210 overflow-y: scroll;
211} 211}
212 212
213.dark { 213.dark {
214 background-color: #333; 214 background-color: #333;
215} 215}
216 216
217.c_acronym { 217.c_acronym {
218 background-color: #68a; 218 background-color: #68a;
219 color: white; 219 color: white;
220} 220}
221 221
222 222
@@ -228,95 +228,95 @@ footer a:visited {
228} 228}
229 229
230footer a:hover { 230footer a:hover {
231 transition: background-color 0.3s; 231 transition: background-color 0.3s;
232 background-color: rgba(100, 100, 100, 0.5); 232 background-color: rgba(100, 100, 100, 0.5);
233} 233}
234 234
235.c_intro { 235.c_intro {
236 min-height: 97vh; 236 min-height: 97vh;
237} 237}
238 238
239/* don't show the language selector in the dropdown on mobile devices, 239/* don't show the language selector in the dropdown on mobile devices,
240 * since it's in the top bar already. 240 * since it's in the top bar already.
241 */ 241 */
242.in .nav-lang { 242.in .nav-lang {
243 display: none; 243 display: none;
244} 244}
245 245
246.mobile-lang { 246.mobile-lang {
247 margin-left:5px; 247 margin-left:5px;
248 margin-top: 8px; 248 margin-top: 8px;
249} 249}
250 250
251#mybody { 251#mybody {
252 /* override ugly bootstrap defaults */ 252 /* override ugly bootstrap defaults */
253 color: black; 253 color: black;
254} 254}
255 255
256.btn-dark { 256.btn-dark {
257 background-color: #999; 257 background-color: #999;
258} 258}
259 259
260 260
261#mybody nav { 261#mybody nav {
262 border-radius: 0px; 262 border-radius: 0px;
263 padding: 10px; 263 padding: 10px;
264} 264}
265.index-logo { 265.index-logo {
266 text-align: center; 266 text-align: center;
267} 267}
268 268
269footer { 269footer {
270 padding-top: 2em; 270 padding-top: 2em;
271 margin-top: 2em; 271 margin-top: 2em;
272 background-color: #333; 272 background-color: #333;
273 color: white; 273 color: white;
274} 274}
275 275
276#body_content .container-wide { 276#body_content .container-wide {
277 margin-bottom: 2em; 277 margin-bottom: 2em;
278 padding-top: 1em; 278 padding-top: 1em;
279 padding-bottom: 1em; 279 padding-bottom: 1em;
280 padding-left: 2em; 280 padding-left: 2em;
281 padding-right: 2em; 281 padding-right: 2em;
282} 282}
283#body_content .container { 283#body_content .container {
284 margin-bottom: 2em; 284 margin-bottom: 2em;
285 padding-top: 1em; 285 padding-top: 1em;
286 padding-bottom: 1em; 286 padding-bottom: 1em;
287 padding-left: 2em; 287 padding-left: 2em;
288 padding-right: 2em; 288 padding-right: 2em;
289 max-width: 80em; 289 max-width: 80em;
290} 290}
291 291
292#body_content { 292#body_content {
293 /* push footer down */ 293 /* push footer down */
294 min-height: 80vh; 294 min-height: 80vh;
295 /* space for the nav */ 295 /* space for the nav */
296 padding-top: 70px; 296 padding-top: 70px;
297} 297}
298 298
299.adorn_h3_bracket h3::before { 299.adorn_h3_bracket h3::before {
300 content: "⊛"; 300 content: "⊛";
301 color: #d00; 301 color: #d00;
302 margin-right: 1em; 302 margin-right: 1em;
303} 303}
304 304
305.footer-list { 305.footer-list {
306 list-style: none; 306 list-style: none;
307} 307}
308 308
309.cushion-above { 309.cushion-above {
310 padding-top: 2em; 310 padding-top: 2em;
311} 311}
312 312
313.cushion-below { 313.cushion-below {
314 padding-bottom: 2em; 314 padding-bottom: 2em;
315} 315}
316 316
317.invert { 317.invert {
318 -webkit-filter: invert(100%); 318 -webkit-filter: invert(100%);
319 filter: invert(100%); 319 filter: invert(100%);
320} 320}
321 321
322#body_content .jumbotron { 322#body_content .jumbotron {
generated by cgit v1.2.3 (git 2.39.1) at 2024-04-26 06:01:37 +0000