/******************/
/*HTML TAG DISPLAYS */
/******************/
body {
font-family: "RegloNormal";
line-height: normal;
text-align: left;
margin:2.8em auto 0 auto;
/*padding: 0px 10px;*/
clear: both;
}
code,pre{
display:block;
overflow:auto;
padding:0.5em;
background:black !important;
color:white !important;
font-family:monospace;
}
audio {
display:block;
width: 90%;
margin:0.5em auto 1em auto;
}
a {
color:inherit;
text-decoration: none;
}
.userContent a:hover {
text-decoration: underline;
}
a.block:hover,nav a:hover{
text-decoration: none;
}
button, .button{
margin:0 0 0 0;
padding: 0 0 0 0;
cursor:pointer ;
background:none;
}
img {max-width:100%;}
img.logo{border:2px solid black;}
header{
padding:0 0 2em 0;
font-family: 'RegloBold';
}
h1, h2, h3, h4, h5{
font-family: 'RegloBold';
line-height:1em;
padding:0.2em 0 0.2em 0;
}
h1, h2, h3, h4{
text-transform: uppercase;
}
h1 { font-size: 6em;}
h2 { font-size: 4em;}
h3 { font-size: 3em;}
h4 { font-size: 1.8em;}
h5 { font-size: 1.1em;}
/*Specific rules for text writen by final users */
.userContent h1 { font-size: 2em;}
.userContent h2 { font-size: 1.9em;}
h1, h2, h3, h4, .squashed{
font-family: 'RegloScale';
}
nav{
padding:0em;
font-family: "RegloBold";
text-transform: uppercase;
}
hr {
height: 0;
margin:0.5em 0 0.5em 0;
padding:0;
border-style:solid;
border-width:2px 0 0 0 ;
border-color:black;
}
table{
margin:auto;
table-layout:fixed;
}
table,td,tr {
padding:0;
margin:0;
word-wrap: break-word;
text-overflow: ellipsis;
text-align: center;
vertical-align: middle;
border: 1px solid #D0D0D0;
border-collapse:collapse;
}
th {
white-space: nowrap;
text-transform: uppercase;
}
tr{
}
p {
/*line-height: 1.2;*/
margin-bottom: 1em;
}
p a {
text-decoration: underline
}
em {
font-family: "RegloBold";
font-style: normal;
}
strong{
text-transform: uppercase;}
blockquote {
padding: 1em;
font-style:italic;
}
dl{}
dt, dd{
letter-spacing:1px;
line-height: 150%;
}
dt {
float:left;
font-family: "RegloBold";
margin-right: 0.3em;
}
dd {
font-family: "RegloNormal";
}
dt:after {
content: ":";
}
dl.metadata dt {
clear: none;
margin: 0;
}
dl.metadata dd {
margin-right: 4px;
}
button {display:inline-block;}
button {
font-family: "RegloBold";
text-transform: uppercase;
}
ul, ol, dl {
margin: 0;
padding: 0 0 0 2em;
}
nav ul, ul.inline, ul.custom, ul.custom li{
list-style: none;
margin: 0;
padding: 0;
}
nav ul li, ul.inline li{
display:inline;
}
ul.list{
list-style-type:square; /*Not working but why?*/
list-style-position:inside;
}
ul.list > li{
padding:0.5em 0 0.5em 0;
border-bottom:1px solid #ccc;
}
/******************/
/*USEFULL CLASSES */
/******************/
ul.distributed{
display:table;
width:100%;
text-align:center;
margin:0;
padding:0;
border-collapse:collapse;
}
ul.distributed li{
display:table-cell;
text-align:center;
}
ul.distributed.by2 li{
width:50%;
}
ul.distributed.by3 li{
width:33%;
}
ul.distributed.by4 li{
width:25%;
}
ul.distributed.by5 li{
width:20%;
}
ul.distributed.by6 li{
width:16.6666%;
}
ul.distributed.by7 li{
width:14.285%;
}
a.active, button.active{
font-weight:bold;
text-decoration:none;
border-bottom: 2px solid;
}
.active *{
font-weight:inherit;
}
.todo:hover, .todo *:hover{
text-decoration: line-through;
color:red !important;
}
.focusFade {
-webkit-transition-property: color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
}
.extra-margin {
margin-bottom: 16px;
}
.ellipsis{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.block {display:block;}
.inBlock{display:inline-block;}
.right{float:right;margin-left:1em;}
.left{float:left;margin-right:1em;}
.userContent .right, .userContent .left{
margin-bottom:1.5em;
}
img.right, img.left{max-width:50%;}
.smooth{opacity:0.5;}
.hidden{display:none;}
.invisible{visibility:hidden;}
.padded{padding:1.5em;}
.marged{margin:1.5em 0 1.5em 0;}
.small{ font-size: 80%;}
.big{ font-size: 150%;}
.huge{ font-size: 200%;}
.absolute{
position:absolute;
}
.relative{
position:relative;
}
.nowrap {
white-space: nowrap;
}
.center{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.loading{
-webkit-animation: loading 1s infinite linear;
-moz-animation: loading 1s infinite linear;
-o-animation: loading 1s infinite linear;
animation: loading 1s infinite linear;
}
@-webkit-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
@-moz-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
@-o-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
@keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
.spinning {
position:relative;
/*
-webkit-animation: rotation 10s infinite linear;
-moz-animation: rotation 10s infinite linear;
-o-animation: rotation 10s infinite linear;
animation: rotation 10s infinite linear;
*/
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
.vertical {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.columns{column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0;}
.columns.padded{column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em;}
.columns li{
display:inline-block;
width:100%;
column-break-inside: avoid;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
-webkit-break-inside: avoid-column;
-moz-break-inside: avoid-column;
}
@media only screen and (min-width: 600px) {
.columns{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
}
.columns.by3{column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
/* And the rest is Eric & Seb, AGPLv3*/
label, select, input, button, textarea{
font-size:inherit;
}
label {
margin-right:1em;
height: 1.2em;
display: inline-block;
text-transform: uppercase;
}
select {
height: 1.2em;
-webkit-appearance: none;
-moz-appearance: window;
}
select[multiple],
select[size] {
height: auto;
background-image: inherit;
}
input[type=date] {
-webkit-appearance: none;
-moz-appearance: window;
}
select, select option {
height: 1.2em;
text-transform: none;
}
input, select {
height: 1.2em;
background: #fff;
border: 1px inset #aaa;
}
input[type=text], textarea{
width: 100%;
max-width:10em;
display: inline-block;
border:2px solid black;
border-radius:0.2em;
-moz-border-radius:0.2em;
-webkit-border-radius:0.2em;
}
input[type=submit] {
text-align: left;
border: none;
}
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.cf:before, .cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
/* icons */
@font-face {
font-family: 'FontAwesome';
src: url('../font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
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');
font-weight: normal;
font-style: normal;
}
/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
display: inline;
}
/* reglo symbols variants */
[class^="icon-"].resymbol,
[class*=" icon-"].resymbol {
font-family: Symbols;
}
/* specific icon classes */
.icon-archive:before { content: "\f187"; }
.icon-bolt:before { content: "\f0e7"; }
.icon-bullhorn:before { content: "\f0a1"; }
.icon-calendar:before { content: "\f073"; }
.icon-check:before { content: "\f046"; }
.icon-check-empty:before { content: "\f096"; }
.icon-chevron-sign-left:before { content: "\f137"; }
.icon-chevron-sign-right:before { content: "\f138"; }
.icon-comments:before { content: "\f086"; }
.icon-double-angle-left:before { content: "\f100"; }
.icon-download:before { content: "\f01a"; }
.icon-envelope:before { content: "\f0e0"; }
.icon-file:before { content: "\f15b"; }
.icon-globe:before { content: "\f0ac"; }
.icon-headphones:before { content: "\f025"; }
.icon-home:before { content: "\f015"; }
.icon-info-sign:before { content: "\f05a"; }
.icon-microphone:before { content: "\f130"; }
.icon-pause:before { content: "\f04c"; }
.icon-play:before { content: "\f04b"; }
.icon-play-sign:before { content: "\f144"; }
.icon-plus-sign:before { content: "\f055"; }
.icon-question-sign:before { content: "\f059"; }
.icon-remove:before { content: "\f00d"; }
.icon-rss:before { content: "\f09e"; }
.icon-search:before { content: "\f002"; }
.icon-share:before { content: "\f045"; }
.icon-step-backward:before { content: "\f048"; }
.icon-step-forward:before { content: "\f051"; }
.icon-stop:before { content: "\f04d"; }
.icon-trash:before { content: "\f014"; }
.icon-volume-up:before { content: "\f028"; }