5 font-family: 'Fjalla One', sans-serif;
17 background:black !important;
18 color:white !important;
19 font-family:monospace;
24 margin:0.5em auto 1em auto;
29 text-decoration: none;
31 .userContent a:hover {
32 text-decoration: underline;
34 a.block:hover,nav a:hover{
35 text-decoration: none;
43 img {max-width:100%; max-height: 100%;}
50 padding:0.2em 0 0.2em 0;
53 text-transform: uppercase;
56 h2 { font-size: 40px;}
58 h4 { font-size: 1.8em;}
59 h5 { font-size: 1.1em;}
61 /*Specific rules for text writen by final users */
62 .userContent h1 { font-size: 2em;}
63 .userContent h2 { font-size: 1.9em;}
64 h1, h2, h3, h4, .squashed{
69 text-transform: uppercase;
73 margin:0.5em 0 0.5em 0;
76 border-width:2px 0 0 0 ;
86 word-wrap: break-word;
87 text-overflow: ellipsis;
89 vertical-align: middle;
90 border: 1px solid #D0D0D0;
91 border-collapse:collapse;
95 text-transform: uppercase;
100 /*line-height: 1.2;*/
104 text-decoration: underline
111 text-transform: uppercase;}
142 button {display:inline-block;}
144 text-transform: uppercase;
150 nav ul, ul.inline, ul.custom, ul.custom li{
155 nav ul li, ul.inline li{
159 list-style-type:square; /*Not working but why?*/
160 list-style-position:inside;
163 padding:0.5em 0 0.5em 0;
164 border-bottom:1px solid #ccc;
178 border-collapse:collapse;
184 ul.distributed.by2 li{
187 ul.distributed.by3 li{
190 ul.distributed.by4 li{
193 ul.distributed.by5 li{
196 ul.distributed.by6 li{
199 ul.distributed.by7 li{
203 a.active, button.active{
205 text-decoration:none;
206 border-bottom: 2px solid;
212 .todo:hover, .todo *:hover{
213 text-decoration: line-through;
214 color:red !important;
219 -webkit-transition-property: color;
220 -webkit-transition-duration: 0.2s;
221 -webkit-transition-timing-function: ease;
229 text-overflow: ellipsis;
232 .block {display:block;}
233 .inBlock{display:inline-block;}
234 .right{float:right;margin-left:1em;}
235 .left{float:left;margin-right:1em;}
236 .userContent .right, .userContent .left{
239 img.right, img.left{max-width:50%;}
240 .smooth{opacity:0.5;}
241 .hidden{display:none;}
242 .invisible{visibility:hidden;}
243 .padded{padding:1.5em;}
244 .marged{margin:1.5em 0 1.5em 0;}
246 .small{ font-size: 80%;}
247 .big{ font-size: 150%;}
248 .huge{ font-size: 200%;}
266 -webkit-animation: loading 1s infinite linear;
267 -moz-animation: loading 1s infinite linear;
268 -o-animation: loading 1s infinite linear;
269 animation: loading 1s infinite linear;
271 @-webkit-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
272 @-moz-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
273 @-o-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
274 @keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
279 -webkit-animation: rotation 10s infinite linear;
280 -moz-animation: rotation 10s infinite linear;
281 -o-animation: rotation 10s infinite linear;
282 animation: rotation 10s infinite linear;
285 @-webkit-keyframes rotation {
286 from {-webkit-transform: rotate(0deg);}
287 to {-webkit-transform: rotate(359deg);}
289 @-moz-keyframes rotation {
290 from {-moz-transform: rotate(0deg);}
291 to {-moz-transform: rotate(359deg);}
293 @-o-keyframes rotation {
294 from {-o-transform: rotate(0deg);}
295 to {-o-transform: rotate(359deg);}
297 @keyframes rotation {
298 from {transform: rotate(0deg);}
299 to {transform: rotate(359deg);}
302 -webkit-transform: rotate(-90deg);
303 -moz-transform: rotate(-90deg);
304 -ms-transform: rotate(-90deg);
305 -o-transform: rotate(-90deg);
306 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
308 .columns{column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0;}
309 .columns.padded{column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em;}
311 display:inline-block;
313 column-break-inside: avoid;
314 -moz-column-break-inside: avoid;
315 -webkit-column-break-inside: avoid;
316 break-inside: avoid-column;
317 -webkit-break-inside: avoid-column;
318 -moz-break-inside: avoid-column;
320 @media only screen and (min-width: 600px) {
321 .columns{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
323 .columns.by3{column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
325 /* And the rest is Eric & Seb, AGPLv3*/
327 label, select, input, button, textarea{
333 display: inline-block;
334 text-transform: uppercase;
339 -webkit-appearance: none;
340 -moz-appearance: window;
346 background-image: inherit;
350 -webkit-appearance: none;
351 -moz-appearance: window;
354 select, select option {
356 text-transform: none;
362 border: 1px inset #aaa;
366 input[type=text], textarea{
369 display: inline-block;
370 border:2px solid black;
372 -moz-border-radius:0.2em;
373 -webkit-border-radius:0.2em;
382 * For modern browsers
383 * 1. The space content is one way to avoid an Opera bug when the
384 * contenteditable attribute is included anywhere else in the document.
385 * Otherwise it causes space to appear at the top and bottom of elements
386 * that are clearfixed.
387 * 2. The use of `table` rather than `block` is only necessary if using
388 * `:before` to contain the top-margins of child elements.
390 .cf:before, .cf:after {
391 content: " "; /* 1 */
392 display: table; /* 2 */
401 * Include this rule to trigger hasLayout and contain floats.
410 font-family: 'FontAwesome';
411 src: url('../font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
412 src: url('../font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
417 * -------------------------- */
420 font-family: FontAwesome;
423 text-decoration: inherit;
424 -webkit-font-smoothing: antialiased;
427 [class^="icon-"]:before,
428 [class*=" icon-"]:before {
429 text-decoration: inherit;
430 display: inline-block;
433 /* makes sure icons active on rollover in links */
435 a [class*=" icon-"] {
439 /* reglo symbols variants */
440 [class^="icon-"].resymbol,
441 [class*=" icon-"].resymbol {
442 font-family: Symbols;
445 /* specific icon classes */
446 .icon-archive:before { content: "\f187"; }
447 .icon-bolt:before { content: "\f0e7"; }
448 .icon-bullhorn:before { content: "\f0a1"; }
449 .icon-calendar:before { content: "\f073"; }
450 .icon-check:before { content: "\f046"; }
451 .icon-check-empty:before { content: "\f096"; }
452 .icon-chevron-sign-left:before { content: "\f137"; }
453 .icon-chevron-sign-right:before { content: "\f138"; }
454 .icon-comments:before { content: "\f086"; }
455 .icon-double-angle-left:before { content: "\f100"; }
456 .icon-download:before { content: "\f01a"; }
457 .icon-envelope:before { content: "\f0e0"; }
458 .icon-file:before { content: "\f15b"; }
459 .icon-globe:before { content: "\f0ac"; }
460 .icon-headphones:before { content: "\f025"; }
461 .icon-home:before { content: "\f015"; }
462 .icon-info-sign:before { content: "\f05a"; }
463 .icon-microphone:before { content: "\f130"; }
464 .icon-pause:before { content: "\f04c"; }
465 .icon-play:before { content: "\f04b"; }
466 .icon-play-sign:before { content: "\f144"; }
467 .icon-plus-sign:before { content: "\f055"; }
468 .icon-question-sign:before { content: "\f059"; }
469 .icon-remove:before { content: "\f00d"; }
470 .icon-rss:before { content: "\f09e"; }
471 .icon-search:before { content: "\f002"; }
472 .icon-share:before { content: "\f045"; }
473 .icon-step-backward:before { content: "\f048"; }
474 .icon-step-forward:before { content: "\f051"; }
475 .icon-stop:before { content: "\f04d"; }
476 .icon-trash:before { content: "\f014"; }
477 .icon-volume-up:before { content: "\f028"; }