manuelcillero/suitepro
manuelcillero/suitepro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Se depura el formato del archivo

Browse source
This commit is contained in:
Manuel Cillero 2018-12-09 13:23:55 +01:00
parent 00e98fef22
commit b9ba4eb28f
1 changed files with 559 additions and 740 deletions
Download patch file Download diff file Expand all files Collapse all files

197
public/themes/circlepro/stylesheets/frontpage.css
View file

@ -1,3 +1,5 @@
/* Layout */
body.controller-welcome #wrapper-main { body.controller-welcome #wrapper-main {
max-width: 100%; max-width: 100%;
} }
@ -8,8 +10,6 @@ body.controller-welcome div#content {
padding: 0; padding: 0;
} }
body.controller-welcome #top-menu, body.controller-welcome #top-menu,
body.controller-welcome #header { body.controller-welcome #header {
position: fixed; position: fixed;
@ -22,7 +22,6 @@ body.controller-welcome #header {
} }
} }
@media screen and (max-width: 899px) { @media screen and (max-width: 899px) {
body.controller-welcome #project-jump { body.controller-welcome #project-jump {
display: none; display: none;
@ -43,9 +42,6 @@ body.controller-welcome #header {
} }
} }
/* Basic */ /* Basic */
@-ms-viewport { @-ms-viewport {
@ -749,740 +745,563 @@ html {
} }
} }
@media screen and (max-width: 980px) { @media screen and (max-width: 980px) {
.row { .row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
box-sizing: border-box; box-sizing: border-box;
align-items: stretch; align-items: stretch;
} }
.row > * { .row > * {
box-sizing: border-box; box-sizing: border-box;
} }
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
.row.aln-center { .row.aln-center {
justify-content: center; justify-content: center;
} }
.row.aln-right { .row.aln-right {
justify-content: flex-end; justify-content: flex-end;
} }
.row.aln-top { .row.aln-top {
align-items: flex-start; align-items: flex-start;
} }
.row.aln-middle { .row.aln-middle {
align-items: center; align-items: center;
} }
.row.aln-bottom { .row.aln-bottom {
align-items: flex-end; align-items: flex-end;
} }
.row > .imp-medium { .row > .imp-medium {
order: -1; order: -1;
} }
.row > .col-1-medium { .row > .col-1-medium {
width: 8.3333333333%; width: 8.3333333333%;
} }
.row > .off-1-medium { .row > .off-1-medium {
margin-left: 8.3333333333%; margin-left: 8.3333333333%;
} }
.row > .col-2-medium { .row > .col-2-medium {
width: 16.6666666667%; width: 16.6666666667%;
} }
.row > .off-2-medium { .row > .off-2-medium {
margin-left: 16.6666666667%; margin-left: 16.6666666667%;
} }
.row > .col-3-medium { .row > .col-3-medium {
width: 25%; width: 25%;
} }
.row > .off-3-medium { .row > .off-3-medium {
margin-left: 25%; margin-left: 25%;
} }
.row > .col-4-medium { .row > .col-4-medium {
width: 33.3333333333%; width: 33.3333333333%;
} }
.row > .off-4-medium { .row > .off-4-medium {
margin-left: 33.3333333333%; margin-left: 33.3333333333%;
} }
.row > .col-5-medium { .row > .col-5-medium {
width: 41.6666666667%; width: 41.6666666667%;
} }
.row > .off-5-medium { .row > .off-5-medium {
margin-left: 41.6666666667%; margin-left: 41.6666666667%;
} }
.row > .col-6-medium { .row > .col-6-medium {
width: 50%; width: 50%;
} }
.row > .off-6-medium { .row > .off-6-medium {
margin-left: 50%; margin-left: 50%;
} }
.row > .col-7-medium { .row > .col-7-medium {
width: 58.3333333333%; width: 58.3333333333%;
} }
.row > .off-7-medium { .row > .off-7-medium {
margin-left: 58.3333333333%; margin-left: 58.3333333333%;
} }
.row > .col-8-medium { .row > .col-8-medium {
width: 66.6666666667%; width: 66.6666666667%;
} }
.row > .off-8-medium { .row > .off-8-medium {
margin-left: 66.6666666667%; margin-left: 66.6666666667%;
} }
.row > .col-9-medium { .row > .col-9-medium {
width: 75%; width: 75%;
} }
.row > .off-9-medium { .row > .off-9-medium {
margin-left: 75%; margin-left: 75%;
} }
.row > .col-10-medium { .row > .col-10-medium {
width: 83.3333333333%; width: 83.3333333333%;
} }
.row > .off-10-medium { .row > .off-10-medium {
margin-left: 83.3333333333%; margin-left: 83.3333333333%;
} }
.row > .col-11-medium { .row > .col-11-medium {
width: 91.6666666667%; width: 91.6666666667%;
} }
.row > .off-11-medium { .row > .off-11-medium {
margin-left: 91.6666666667%; margin-left: 91.6666666667%;
} }
.row > .col-12-medium { .row > .col-12-medium {
width: 100%; width: 100%;
} }
.row > .off-12-medium { .row > .off-12-medium {
margin-left: 100%; margin-left: 100%;
} }
.row.gtr-0 { .row.gtr-0 {
margin-top: 0; margin-top: 0;
margin-left: 0em; margin-left: 0em;
} }
.row.gtr-0 > * { .row.gtr-0 > * {
padding: 0 0 0 0em; padding: 0 0 0 0em;
} }
.row.gtr-0.gtr-uniform { .row.gtr-0.gtr-uniform {
margin-top: 0em; margin-top: 0em;
} }
.row.gtr-0.gtr-uniform > * { .row.gtr-0.gtr-uniform > * {
padding-top: 0em; padding-top: 0em;
} }
.row.gtr-25 { .row.gtr-25 {
margin-top: 0; margin-top: 0;
margin-left: -0.375em; margin-left: -0.375em;
} }
.row.gtr-25 > * { .row.gtr-25 > * {
padding: 0 0 0 0.375em; padding: 0 0 0 0.375em;
} }
.row.gtr-25.gtr-uniform { .row.gtr-25.gtr-uniform {
margin-top: -0.375em; margin-top: -0.375em;
} }
.row.gtr-25.gtr-uniform > * { .row.gtr-25.gtr-uniform > * {
padding-top: 0.375em; padding-top: 0.375em;
} }
.row.gtr-50 { .row.gtr-50 {
margin-top: 0; margin-top: 0;
margin-left: -0.75em; margin-left: -0.75em;
} }
.row.gtr-50 > * { .row.gtr-50 > * {
padding: 0 0 0 0.75em; padding: 0 0 0 0.75em;
} }
.row.gtr-50.gtr-uniform { .row.gtr-50.gtr-uniform {
margin-top: -0.75em; margin-top: -0.75em;
} }
.row.gtr-50.gtr-uniform > * { .row.gtr-50.gtr-uniform > * {
padding-top: 0.75em; padding-top: 0.75em;
} }
.row { .row {
margin-top: 0; margin-top: 0;
margin-left: -1.5em; margin-left: -1.5em;
} }
.row > * { .row > * {
padding: 0 0 0 1.5em; padding: 0 0 0 1.5em;
} }
.row.gtr-uniform { .row.gtr-uniform {
margin-top: -1.5em; margin-top: -1.5em;
} }
.row.gtr-uniform > * { .row.gtr-uniform > * {
padding-top: 1.5em; padding-top: 1.5em;
} }
.row.gtr-150 { .row.gtr-150 {
margin-top: 0; margin-top: 0;
margin-left: -2.25em; margin-left: -2.25em;
} }
.row.gtr-150 > * { .row.gtr-150 > * {
padding: 0 0 0 2.25em; padding: 0 0 0 2.25em;
} }
.row.gtr-150.gtr-uniform { .row.gtr-150.gtr-uniform {
margin-top: -2.25em; margin-top: -2.25em;
} }
.row.gtr-150.gtr-uniform > * { .row.gtr-150.gtr-uniform > * {
padding-top: 2.25em; padding-top: 2.25em;
} }
.row.gtr-200 { .row.gtr-200 {
margin-top: 0; margin-top: 0;
margin-left: -3em; margin-left: -3em;
} }
.row.gtr-200 > * { .row.gtr-200 > * {
padding: 0 0 0 3em; padding: 0 0 0 3em;
} }
.row.gtr-200.gtr-uniform { .row.gtr-200.gtr-uniform {
margin-top: -3em; margin-top: -3em;
} }
.row.gtr-200.gtr-uniform > * { .row.gtr-200.gtr-uniform > * {
padding-top: 3em; padding-top: 3em;
} }
}
} @media screen and (max-width: 736px) {
@media screen and (max-width: 736px) {
.row { .row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
box-sizing: border-box; box-sizing: border-box;
align-items: stretch; align-items: stretch;
} }
.row > * { .row > * {
box-sizing: border-box; box-sizing: border-box;
} }
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
.row.aln-center { .row.aln-center {
justify-content: center; justify-content: center;
} }
.row.aln-right { .row.aln-right {
justify-content: flex-end; justify-content: flex-end;
} }
.row.aln-top { .row.aln-top {
align-items: flex-start; align-items: flex-start;
} }
.row.aln-middle { .row.aln-middle {
align-items: center; align-items: center;
} }
.row.aln-bottom { .row.aln-bottom {
align-items: flex-end; align-items: flex-end;
} }
.row > .imp-small { .row > .imp-small {
order: -1; order: -1;
} }
.row > .col-1-small { .row > .col-1-small {
width: 8.3333333333%; width: 8.3333333333%;
} }
.row > .off-1-small { .row > .off-1-small {
margin-left: 8.3333333333%; margin-left: 8.3333333333%;
} }
.row > .col-2-small { .row > .col-2-small {
width: 16.6666666667%; width: 16.6666666667%;
} }
.row > .off-2-small { .row > .off-2-small {
margin-left: 16.6666666667%; margin-left: 16.6666666667%;
} }
.row > .col-3-small { .row > .col-3-small {
width: 25%; width: 25%;
} }
.row > .off-3-small { .row > .off-3-small {
margin-left: 25%; margin-left: 25%;
} }
.row > .col-4-small { .row > .col-4-small {
width: 33.3333333333%; width: 33.3333333333%;
} }
.row > .off-4-small { .row > .off-4-small {
margin-left: 33.3333333333%; margin-left: 33.3333333333%;
} }
.row > .col-5-small { .row > .col-5-small {
width: 41.6666666667%; width: 41.6666666667%;
} }
.row > .off-5-small { .row > .off-5-small {
margin-left: 41.6666666667%; margin-left: 41.6666666667%;
} }
.row > .col-6-small { .row > .col-6-small {
width: 50%; width: 50%;
} }
.row > .off-6-small { .row > .off-6-small {
margin-left: 50%; margin-left: 50%;
} }
.row > .col-7-small { .row > .col-7-small {
width: 58.3333333333%; width: 58.3333333333%;
} }
.row > .off-7-small { .row > .off-7-small {
margin-left: 58.3333333333%; margin-left: 58.3333333333%;
} }
.row > .col-8-small { .row > .col-8-small {
width: 66.6666666667%; width: 66.6666666667%;
} }
.row > .off-8-small { .row > .off-8-small {
margin-left: 66.6666666667%; margin-left: 66.6666666667%;
} }
.row > .col-9-small { .row > .col-9-small {
width: 75%; width: 75%;
} }
.row > .off-9-small { .row > .off-9-small {
margin-left: 75%; margin-left: 75%;
} }
.row > .col-10-small { .row > .col-10-small {
width: 83.3333333333%; width: 83.3333333333%;
} }
.row > .off-10-small { .row > .off-10-small {
margin-left: 83.3333333333%; margin-left: 83.3333333333%;
} }
.row > .col-11-small { .row > .col-11-small {
width: 91.6666666667%; width: 91.6666666667%;
} }
.row > .off-11-small { .row > .off-11-small {
margin-left: 91.6666666667%; margin-left: 91.6666666667%;
} }
.row > .col-12-small { .row > .col-12-small {
width: 100%; width: 100%;
} }
.row > .off-12-small { .row > .off-12-small {
margin-left: 100%; margin-left: 100%;
} }
.row.gtr-0 { .row.gtr-0 {
margin-top: 0; margin-top: 0;
margin-left: 0em; margin-left: 0em;
} }
.row.gtr-0 > * { .row.gtr-0 > * {
padding: 0 0 0 0em; padding: 0 0 0 0em;
} }
.row.gtr-0.gtr-uniform { .row.gtr-0.gtr-uniform {
margin-top: 0em; margin-top: 0em;
} }
.row.gtr-0.gtr-uniform > * { .row.gtr-0.gtr-uniform > * {
padding-top: 0em; padding-top: 0em;
} }
.row.gtr-25 { .row.gtr-25 {
margin-top: 0; margin-top: 0;
margin-left: -0.375em; margin-left: -0.375em;
} }
.row.gtr-25 > * { .row.gtr-25 > * {
padding: 0 0 0 0.375em; padding: 0 0 0 0.375em;
} }
.row.gtr-25.gtr-uniform { .row.gtr-25.gtr-uniform {
margin-top: -0.375em; margin-top: -0.375em;
} }
.row.gtr-25.gtr-uniform > * { .row.gtr-25.gtr-uniform > * {
padding-top: 0.375em; padding-top: 0.375em;
} }
.row.gtr-50 { .row.gtr-50 {
margin-top: 0; margin-top: 0;
margin-left: -0.75em; margin-left: -0.75em;
} }
.row.gtr-50 > * { .row.gtr-50 > * {
padding: 0 0 0 0.75em; padding: 0 0 0 0.75em;
} }
.row.gtr-50.gtr-uniform { .row.gtr-50.gtr-uniform {
margin-top: -0.75em; margin-top: -0.75em;
} }
.row.gtr-50.gtr-uniform > * { .row.gtr-50.gtr-uniform > * {
padding-top: 0.75em; padding-top: 0.75em;
} }
.row { .row {
margin-top: 0; margin-top: 0;
margin-left: -1.5em; margin-left: -1.5em;
} }
.row > * { .row > * {
padding: 0 0 0 1.5em; padding: 0 0 0 1.5em;
} }
.row.gtr-uniform { .row.gtr-uniform {
margin-top: -1.5em; margin-top: -1.5em;
} }
.row.gtr-uniform > * { .row.gtr-uniform > * {
padding-top: 1.5em; padding-top: 1.5em;
} }
.row.gtr-150 { .row.gtr-150 {
margin-top: 0; margin-top: 0;
margin-left: -2.25em; margin-left: -2.25em;
} }
.row.gtr-150 > * { .row.gtr-150 > * {
padding: 0 0 0 2.25em; padding: 0 0 0 2.25em;
} }
.row.gtr-150.gtr-uniform { .row.gtr-150.gtr-uniform {
margin-top: -2.25em; margin-top: -2.25em;
} }
.row.gtr-150.gtr-uniform > * { .row.gtr-150.gtr-uniform > * {
padding-top: 2.25em; padding-top: 2.25em;
} }
.row.gtr-200 { .row.gtr-200 {
margin-top: 0; margin-top: 0;
margin-left: -3em; margin-left: -3em;
} }
.row.gtr-200 > * { .row.gtr-200 > * {
padding: 0 0 0 3em; padding: 0 0 0 3em;
} }
.row.gtr-200.gtr-uniform { .row.gtr-200.gtr-uniform {
margin-top: -3em; margin-top: -3em;
} }
.row.gtr-200.gtr-uniform > * { .row.gtr-200.gtr-uniform > * {
padding-top: 3em; padding-top: 3em;
} }
}
} @media screen and (max-width: 480px) {
@media screen and (max-width: 480px) {
.row { .row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
box-sizing: border-box; box-sizing: border-box;
align-items: stretch; align-items: stretch;
} }
.row > * { .row > * {
box-sizing: border-box; box-sizing: border-box;
} }
.row.gtr-uniform > * > :last-child { .row.gtr-uniform > * > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.row.aln-left { .row.aln-left {
justify-content: flex-start; justify-content: flex-start;
} }
.row.aln-center { .row.aln-center {
justify-content: center; justify-content: center;
} }
.row.aln-right { .row.aln-right {
justify-content: flex-end; justify-content: flex-end;
} }
.row.aln-top { .row.aln-top {
align-items: flex-start; align-items: flex-start;
} }
.row.aln-middle { .row.aln-middle {
align-items: center; align-items: center;
} }
.row.aln-bottom { .row.aln-bottom {
align-items: flex-end; align-items: flex-end;
} }
.row > .imp-xsmall { .row > .imp-xsmall {
order: -1; order: -1;
} }
.row > .col-1-xsmall { .row > .col-1-xsmall {
width: 8.3333333333%; width: 8.3333333333%;
} }
.row > .off-1-xsmall { .row > .off-1-xsmall {
margin-left: 8.3333333333%; margin-left: 8.3333333333%;
} }
.row > .col-2-xsmall { .row > .col-2-xsmall {
width: 16.6666666667%; width: 16.6666666667%;
} }
.row > .off-2-xsmall { .row > .off-2-xsmall {
margin-left: 16.6666666667%; margin-left: 16.6666666667%;
} }
.row > .col-3-xsmall { .row > .col-3-xsmall {
width: 25%; width: 25%;
} }
.row > .off-3-xsmall { .row > .off-3-xsmall {
margin-left: 25%; margin-left: 25%;
} }
.row > .col-4-xsmall { .row > .col-4-xsmall {
width: 33.3333333333%; width: 33.3333333333%;
} }
.row > .off-4-xsmall { .row > .off-4-xsmall {
margin-left: 33.3333333333%; margin-left: 33.3333333333%;
} }
.row > .col-5-xsmall { .row > .col-5-xsmall {
width: 41.6666666667%; width: 41.6666666667%;
} }
.row > .off-5-xsmall { .row > .off-5-xsmall {
margin-left: 41.6666666667%; margin-left: 41.6666666667%;
} }
.row > .col-6-xsmall { .row > .col-6-xsmall {
width: 50%; width: 50%;
} }
.row > .off-6-xsmall { .row > .off-6-xsmall {
margin-left: 50%; margin-left: 50%;
} }
.row > .col-7-xsmall { .row > .col-7-xsmall {
width: 58.3333333333%; width: 58.3333333333%;
} }
.row > .off-7-xsmall { .row > .off-7-xsmall {
margin-left: 58.3333333333%; margin-left: 58.3333333333%;
} }
.row > .col-8-xsmall { .row > .col-8-xsmall {
width: 66.6666666667%; width: 66.6666666667%;
} }
.row > .off-8-xsmall { .row > .off-8-xsmall {
margin-left: 66.6666666667%; margin-left: 66.6666666667%;
} }
.row > .col-9-xsmall { .row > .col-9-xsmall {
width: 75%; width: 75%;
} }
.row > .off-9-xsmall { .row > .off-9-xsmall {
margin-left: 75%; margin-left: 75%;
} }
.row > .col-10-xsmall { .row > .col-10-xsmall {
width: 83.3333333333%; width: 83.3333333333%;
} }
.row > .off-10-xsmall { .row > .off-10-xsmall {
margin-left: 83.3333333333%; margin-left: 83.3333333333%;
} }
.row > .col-11-xsmall { .row > .col-11-xsmall {
width: 91.6666666667%; width: 91.6666666667%;
} }
.row > .off-11-xsmall { .row > .off-11-xsmall {
margin-left: 91.6666666667%; margin-left: 91.6666666667%;
} }
.row > .col-12-xsmall { .row > .col-12-xsmall {
width: 100%; width: 100%;
} }
.row > .off-12-xsmall { .row > .off-12-xsmall {
margin-left: 100%; margin-left: 100%;
} }
.row.gtr-0 { .row.gtr-0 {
margin-top: 0; margin-top: 0;
margin-left: 0em; margin-left: 0em;
} }
.row.gtr-0 > * { .row.gtr-0 > * {
padding: 0 0 0 0em; padding: 0 0 0 0em;
} }
.row.gtr-0.gtr-uniform { .row.gtr-0.gtr-uniform {
margin-top: 0em; margin-top: 0em;
} }
.row.gtr-0.gtr-uniform > * { .row.gtr-0.gtr-uniform > * {
padding-top: 0em; padding-top: 0em;
} }
.row.gtr-25 { .row.gtr-25 {
margin-top: 0; margin-top: 0;
margin-left: -0.375em; margin-left: -0.375em;
} }
.row.gtr-25 > * { .row.gtr-25 > * {
padding: 0 0 0 0.375em; padding: 0 0 0 0.375em;
} }
.row.gtr-25.gtr-uniform { .row.gtr-25.gtr-uniform {
margin-top: -0.375em; margin-top: -0.375em;
} }
.row.gtr-25.gtr-uniform > * { .row.gtr-25.gtr-uniform > * {
padding-top: 0.375em; padding-top: 0.375em;
} }
.row.gtr-50 { .row.gtr-50 {
margin-top: 0; margin-top: 0;
margin-left: -0.75em; margin-left: -0.75em;
} }
.row.gtr-50 > * { .row.gtr-50 > * {
padding: 0 0 0 0.75em; padding: 0 0 0 0.75em;
} }
.row.gtr-50.gtr-uniform { .row.gtr-50.gtr-uniform {
margin-top: -0.75em; margin-top: -0.75em;
} }
.row.gtr-50.gtr-uniform > * { .row.gtr-50.gtr-uniform > * {
padding-top: 0.75em; padding-top: 0.75em;
} }
.row { .row {
margin-top: 0; margin-top: 0;
margin-left: -1.5em; margin-left: -1.5em;
} }
.row > * { .row > * {
padding: 0 0 0 1.5em; padding: 0 0 0 1.5em;
} }
.row.gtr-uniform { .row.gtr-uniform {
margin-top: -1.5em; margin-top: -1.5em;
} }
.row.gtr-uniform > * { .row.gtr-uniform > * {
padding-top: 1.5em; padding-top: 1.5em;
} }
.row.gtr-150 { .row.gtr-150 {
margin-top: 0; margin-top: 0;
margin-left: -2.25em; margin-left: -2.25em;
} }
.row.gtr-150 > * { .row.gtr-150 > * {
padding: 0 0 0 2.25em; padding: 0 0 0 2.25em;
} }
.row.gtr-150.gtr-uniform { .row.gtr-150.gtr-uniform {
margin-top: -2.25em; margin-top: -2.25em;
} }
.row.gtr-150.gtr-uniform > * { .row.gtr-150.gtr-uniform > * {
padding-top: 2.25em; padding-top: 2.25em;
} }
.row.gtr-200 { .row.gtr-200 {
margin-top: 0; margin-top: 0;
margin-left: -3em; margin-left: -3em;
} }
.row.gtr-200 > * { .row.gtr-200 > * {
padding: 0 0 0 3em; padding: 0 0 0 3em;
} }
.row.gtr-200.gtr-uniform { .row.gtr-200.gtr-uniform {
margin-top: -3em; margin-top: -3em;
} }
.row.gtr-200.gtr-uniform > * { .row.gtr-200.gtr-uniform > * {
padding-top: 3em; padding-top: 3em;
} }
}
}
/* Section/Article */ /* Section/Article */