+++ /dev/null
-/******************/
-/*HTML TAG DISPLAYS */
-/******************/
-body {
- font-family: Cervo, sans-serif;
- line-height: normal;
- text-align: left;
- margin:0 auto 0 auto;
- /*padding: 0px 10px;*/
- clear: both;
- font-size: 22px;
-}
-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-height: 100%;}
-
-header{
- padding:0 0 2em 0;
-}
-h1, h2, h3, h4, h5{
- line-height:1em;
- padding:0.2em 0 0.2em 0;
-}
-h1, h2, h3, h4{
- text-transform: uppercase;
-}
-h1 { font-size: 6em;}
-h2 { font-size: 40px;}
-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{
- }
-
-nav{
- padding:0em;
- 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-weight: bold;
-}
-strong{
- text-transform: uppercase;}
-blockquote {
- padding: 1em;
- font-style:italic;
-}
-
-dl{}
-dt, dd{
- letter-spacing:1px;
- line-height: 150%;
-}
-dt {
- float:left;
- margin-right: 0.3em;
-}
-dd {
-}
-
-dt:after {
- content: ":";
-}
-
-dl.metadata dt {
- clear: none;
- margin: 0;
-}
-
-dl.metadata dd {
- margin-right: 4px;
- }
-
-button {display:inline-block;}
-button {
- 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 */
-/******************/
-
-.sr-only {
- position: absolute !important;
- width: 1px !important;
- height: 1px !important;
- padding: 0 !important;
- margin: -1px !important;
- overflow: hidden !important;
- clip: rect(0, 0, 0, 0) !important;
- white-space: nowrap !important;
- border: 0 !important;
-}
-
-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('/static/xstatic/fonts/fontawesome-webfont.eot');
- 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');
- 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"; }
projects / panikweb-esperanzah.git / blobdiff