5 font-family: "RegloNormal";
8 margin:1.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;}
48 font-family: 'RegloBold';
51 font-family: 'RegloBold';
53 padding:0.2em 0 0.2em 0;
56 text-transform: uppercase;
61 h4 { font-size: 1.8em;}
62 h5 { font-size: 1.1em;}
64 /*Specific rules for text writen by final users */
65 .userContent h1 { font-size: 2em;}
66 .userContent h2 { font-size: 1.7em;}
67 .userContent h3 { font-size: 1.5em;}
68 .cuserContent h4 { font-size: 1.4em;}
69 .userContent h5 { font-size: 1.3em;}
70 .userContent h1, .userContent h2, .userContent h3, .cuserContent h4, .userContent h5{margin:2em 0 1em 0;}
71 h1, h2, h3, h4, .squashed{
72 font-family: 'RegloScale';
77 font-family: "RegloBold";
78 text-transform: uppercase;
82 margin:0.5em 0 0.5em 0;
85 border-width:2px 0 0 0 ;
95 word-wrap: break-word;
96 text-overflow: ellipsis;
99 vertical-align: middle;
100 border: 1px solid #D0D0D0;
101 border-collapse:collapse;
105 text-transform: uppercase;
110 /*line-height: 1.2;*/
114 text-decoration: underline
118 font-family:"RegloBold";
121 text-transform: uppercase;}
123 font-family:"RegloBold";
137 font-family: "RegloBold";
141 font-family: "RegloNormal";
157 button {display:inline-block;}
159 font-family: "RegloBold";
160 text-transform: uppercase;
166 nav ul, ul.inline, ul.custom, ul.custom li{
171 nav ul li, ul.inline li{
175 list-style-type:square; /*Not working but why?*/
176 list-style-position:inside;
177 column-rule:3px solid #999;
178 -moz-column-rule:3px solid #999;
179 -webkit-column-rule:3px solid #999;
182 padding:0.5em 0 0.5em 0;
183 border-bottom:1px solid #ccc;
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;}}
297 -webkit-animation: rotation 10s infinite linear;
298 -moz-animation: rotation 10s infinite linear;
299 -o-animation: rotation 10s infinite linear;
300 animation: rotation 10s infinite linear;
302 @-webkit-keyframes rotation {
303 from {-webkit-transform: rotate(0deg);}
304 to {-webkit-transform: rotate(359deg);}
306 @-moz-keyframes rotation {
307 from {-moz-transform: rotate(0deg);}
308 to {-moz-transform: rotate(359deg);}
310 @-o-keyframes rotation {
311 from {-o-transform: rotate(0deg);}
312 to {-o-transform: rotate(359deg);}
314 @keyframes rotation {
315 from {transform: rotate(0deg);}
316 to {transform: rotate(359deg);}
319 -webkit-transform: rotate(-90deg);
320 -moz-transform: rotate(-90deg);
321 -ms-transform: rotate(-90deg);
322 -o-transform: rotate(-90deg);
323 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
325 .columns{column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0;}
326 .columns.padded{column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em;}
328 display:inline-block;
330 column-break-inside: avoid;
331 -moz-column-break-inside: avoid;
332 -webkit-column-break-inside: avoid;
333 break-inside: avoid-column;
334 -webkit-break-inside: avoid-column;
335 -moz-break-inside: avoid-column;
337 @media only screen and (min-width: 600px) {
338 .columns{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
340 .columns.by3{column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
342 /* And the rest is Eric & Seb, AGPLv3*/
344 label, selct, input, button, textarea{
350 display: inline-block;
351 text-transform: uppercase;
356 -webkit-appearance: none;
357 -moz-appearance: window;
363 background-image: inherit;
367 -webkit-appearance: none;
368 -moz-appearance: window;
371 select, select option {
373 text-transform: none;
382 input[type=text], textarea{
385 display: inline-block;
386 border:2px solid black;
388 -moz-border-radius:0.2em;
389 -webkit-border-radius:0.2em;
398 * For modern browsers
399 * 1. The space content is one way to avoid an Opera bug when the
400 * contenteditable attribute is included anywhere else in the document.
401 * Otherwise it causes space to appear at the top and bottom of elements
402 * that are clearfixed.
403 * 2. The use of `table` rather than `block` is only necessary if using
404 * `:before` to contain the top-margins of child elements.
406 .cf:before, .cf:after {
407 content: " "; /* 1 */
408 display: table; /* 2 */
417 * Include this rule to trigger hasLayout and contain floats.