5 font-family: "RegloNormal";
8 margin:2.8em auto 0 auto;
16 background:black !important;
17 color:white !important;
18 font-family:monospace;
23 margin:0.5em auto 1em auto;
28 text-decoration: none;
30 .userContent a:hover {
31 text-decoration: underline;
33 a.block:hover,nav a:hover{
34 text-decoration: none;
43 img.logo{border:2px solid black;}
47 font-family: 'RegloBold';
50 font-family: 'RegloBold';
52 padding:0.2em 0 0.2em 0;
55 text-transform: uppercase;
60 h4 { font-size: 1.8em;}
61 h5 { font-size: 1.1em;}
63 /*Specific rules for text writen by final users */
64 .userContent h1 { font-size: 2em;}
65 .userContent h2 { font-size: 1.9em;}
66 h1, h2, h3, h4, .squashed{
67 font-family: 'RegloScale';
72 font-family: "RegloBold";
73 text-transform: uppercase;
77 margin:0.5em 0 0.5em 0;
80 border-width:2px 0 0 0 ;
90 word-wrap: break-word;
91 text-overflow: ellipsis;
93 vertical-align: middle;
94 border: 1px solid #D0D0D0;
95 border-collapse:collapse;
99 text-transform: uppercase;
104 /*line-height: 1.2;*/
108 text-decoration: underline
112 font-family: "RegloBold";
116 text-transform: uppercase;}
129 font-family: "RegloBold";
133 font-family: "RegloNormal";
149 button {display:inline-block;}
151 font-family: "RegloBold";
152 text-transform: uppercase;
158 nav ul, ul.inline, ul.custom, ul.custom li{
163 nav ul li, ul.inline li{
167 list-style-type:square; /*Not working but why?*/
168 list-style-position:inside;
171 padding:0.5em 0 0.5em 0;
172 border-bottom:1px solid #ccc;
180 position: absolute !important;
181 width: 1px !important;
182 height: 1px !important;
183 padding: 0 !important;
184 margin: -1px !important;
185 overflow: hidden !important;
186 clip: rect(0, 0, 0, 0) !important;
187 white-space: nowrap !important;
188 border: 0 !important;
197 border-collapse:collapse;
203 ul.distributed.by2 li{
206 ul.distributed.by3 li{
209 ul.distributed.by4 li{
212 ul.distributed.by5 li{
215 ul.distributed.by6 li{
218 ul.distributed.by7 li{
222 a.active, button.active{
224 text-decoration:none;
225 border-bottom: 2px solid;
231 .todo:hover, .todo *:hover{
232 text-decoration: line-through;
233 color:red !important;
238 -webkit-transition-property: color;
239 -webkit-transition-duration: 0.2s;
240 -webkit-transition-timing-function: ease;
248 text-overflow: ellipsis;
251 .block {display:block;}
252 .inBlock{display:inline-block;}
253 .right{float:right;margin-left:1em;}
254 .left{float:left;margin-right:1em;}
255 .userContent .right, .userContent .left{
258 img.right, img.left{max-width:50%;}
259 .smooth{opacity:0.5;}
260 .hidden{display:none;}
261 .invisible{visibility:hidden;}
262 .padded{padding:1.5em;}
263 .marged{margin:1.5em 0 1.5em 0;}
265 .small{ font-size: 80%;}
266 .big{ font-size: 150%;}
267 .huge{ font-size: 200%;}
285 -webkit-animation: loading 1s infinite linear;
286 -moz-animation: loading 1s infinite linear;
287 -o-animation: loading 1s infinite linear;
288 animation: loading 1s infinite linear;
290 @-webkit-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
291 @-moz-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
292 @-o-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
293 @keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
298 -webkit-animation: rotation 10s infinite linear;
299 -moz-animation: rotation 10s infinite linear;
300 -o-animation: rotation 10s infinite linear;
301 animation: rotation 10s infinite linear;
304 @-webkit-keyframes rotation {
305 from {-webkit-transform: rotate(0deg);}
306 to {-webkit-transform: rotate(359deg);}
308 @-moz-keyframes rotation {
309 from {-moz-transform: rotate(0deg);}
310 to {-moz-transform: rotate(359deg);}
312 @-o-keyframes rotation {
313 from {-o-transform: rotate(0deg);}
314 to {-o-transform: rotate(359deg);}
316 @keyframes rotation {
317 from {transform: rotate(0deg);}
318 to {transform: rotate(359deg);}
321 -webkit-transform: rotate(-90deg);
322 -moz-transform: rotate(-90deg);
323 -ms-transform: rotate(-90deg);
324 -o-transform: rotate(-90deg);
325 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
327 .columns{column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0;}
328 .columns.padded{column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em;}
330 display:inline-block;
332 column-break-inside: avoid;
333 -moz-column-break-inside: avoid;
334 -webkit-column-break-inside: avoid;
335 break-inside: avoid-column;
336 -webkit-break-inside: avoid-column;
337 -moz-break-inside: avoid-column;
339 @media only screen and (min-width: 600px) {
340 .columns{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
342 .columns.by3{column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
344 /* And the rest is Eric & Seb, AGPLv3*/
346 label, select, input, button, textarea{
352 display: inline-block;
353 text-transform: uppercase;
358 -webkit-appearance: none;
359 -moz-appearance: window;
365 background-image: inherit;
369 -webkit-appearance: none;
370 -moz-appearance: window;
373 select, select option {
375 text-transform: none;
381 border: 1px inset #aaa;
385 input[type=text], textarea{
388 display: inline-block;
389 border:2px solid black;
391 -moz-border-radius:0.2em;
392 -webkit-border-radius:0.2em;
401 * For modern browsers
402 * 1. The space content is one way to avoid an Opera bug when the
403 * contenteditable attribute is included anywhere else in the document.
404 * Otherwise it causes space to appear at the top and bottom of elements
405 * that are clearfixed.
406 * 2. The use of `table` rather than `block` is only necessary if using
407 * `:before` to contain the top-margins of child elements.
409 .cf:before, .cf:after {
410 content: " "; /* 1 */
411 display: table; /* 2 */
420 * Include this rule to trigger hasLayout and contain floats.
429 font-family: 'FontAwesome';
430 src: url('/static/xstatic/fonts/fontawesome-webfont.eot');
431 src: url('/static/xstatic/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/static/xstatic/fonts/fontawesome-webfont.woff') format('woff'), url('/static/xstatic/fonts/fontawesome-webfont.ttf') format('truetype'), url('/static/xstatic/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
437 * -------------------------- */
440 font-family: FontAwesome;
443 text-decoration: inherit;
444 -webkit-font-smoothing: antialiased;
447 [class^="icon-"]:before,
448 [class*=" icon-"]:before {
449 text-decoration: inherit;
450 display: inline-block;
453 /* makes sure icons active on rollover in links */
455 a [class*=" icon-"] {
459 /* reglo symbols variants */
460 [class^="icon-"].resymbol,
461 [class*=" icon-"].resymbol {
462 font-family: Symbols;
465 /* specific icon classes */
466 .icon-archive:before { content: "\f187"; }
467 .icon-bolt:before { content: "\f0e7"; }
468 .icon-bullhorn:before { content: "\f0a1"; }
469 .icon-calendar:before { content: "\f073"; }
470 .icon-check:before { content: "\f046"; }
471 .icon-check-empty:before { content: "\f096"; }
472 .icon-chevron-sign-left:before { content: "\f137"; }
473 .icon-chevron-sign-right:before { content: "\f138"; }
474 .icon-comments:before { content: "\f086"; }
475 .icon-double-angle-left:before { content: "\f100"; }
476 .icon-download:before { content: "\f01a"; }
477 .icon-envelope:before { content: "\f0e0"; }
478 .icon-file:before { content: "\f15b"; }
479 .icon-globe:before { content: "\f0ac"; }
480 .icon-headphones:before { content: "\f025"; }
481 .icon-home:before { content: "\f015"; }
482 .icon-info-sign:before { content: "\f05a"; }
483 .icon-microphone:before { content: "\f130"; }
484 .icon-pause:before { content: "\f04c"; }
485 .icon-play:before { content: "\f04b"; }
486 .icon-play-sign:before { content: "\f144"; }
487 .icon-plus-sign:before { content: "\f055"; }
488 .icon-question-sign:before { content: "\f059"; }
489 .icon-remove:before { content: "\f00d"; }
490 .icon-rss:before { content: "\f09e"; }
491 .icon-search:before { content: "\f002"; }
492 .icon-share:before { content: "\f045"; }
493 .icon-step-backward:before { content: "\f048"; }
494 .icon-step-forward:before { content: "\f051"; }
495 .icon-stop:before { content: "\f04d"; }
496 .icon-trash:before { content: "\f014"; }
497 .icon-volume-up:before { content: "\f028"; }