Initial commit
This commit is contained in:
eduardogusmao
254
style/baccessibility.css
Normal file
254
style/baccessibility.css
Normal file
@@ -0,0 +1,254 @@
|
||||
#b-acc-toolbarWrap {
|
||||
width: 180px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
border: 0;
|
||||
z-index: 999999;
|
||||
font-family: 'Arial', sans-serif;
|
||||
-webkit-transition: all 400ms ease-out;
|
||||
-moz-transition: all 400ms ease-out;
|
||||
-ms-transition: all 400ms ease-out;
|
||||
-o-transition: all 400ms ease-out;
|
||||
transition: all 400ms ease-out;
|
||||
}
|
||||
#b-acc-toolbarWrap div.b-acc_hide_toolbar {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
/* background-color: #4169E1 !important; */
|
||||
/* background-image: url("../images/universal-access.png"); */
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#b-acc-toolbarWrap div.b-acc_hide_toolbar.middle {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
#b-acc-toolbarWrap div.b-acc_hide_toolbar.bottom {
|
||||
top: auto;
|
||||
bottom: 10%;
|
||||
}
|
||||
/*
|
||||
#b-acc-toolbarWrap div.b-acc_hide_toolbar span {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
bottom: 5px;
|
||||
top: 39px;
|
||||
line-height: 12px;
|
||||
font-weight: 700;
|
||||
height: 12px;
|
||||
background-color: #4169E1 !important;
|
||||
color: white !important;
|
||||
} */
|
||||
#b-acc-toolbarWrap div.b-acc_hide_toolbar.b-acc-icon-small {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
font-size: 9px;
|
||||
background-size: 80%;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
#b-acc-toolbarWrap div.b-acc_hide_toolbar.b-acc-icon-medium {
|
||||
width: 66px;
|
||||
height: 56px;
|
||||
font-size: 9px;
|
||||
background-position: center 5px;
|
||||
}
|
||||
#b-acc-toolbarWrap.right {
|
||||
right: 0;
|
||||
}
|
||||
#b-acc-toolbarWrap.right.close-toolbar {
|
||||
right: -180px;
|
||||
}
|
||||
#b-acc-toolbarWrap.right div.b-acc_hide_toolbar.b-acc-icon-small {
|
||||
left: -38px;
|
||||
}
|
||||
#b-acc-toolbarWrap.right div.b-acc_hide_toolbar.b-acc-icon-medium {
|
||||
left: -66px;
|
||||
}
|
||||
#b-acc-toolbarWrap.left {
|
||||
left: 0;
|
||||
}
|
||||
#b-acc-toolbarWrap.left.close-toolbar {
|
||||
left: -180px;
|
||||
}
|
||||
#b-acc-toolbarWrap.left div.b-acc_hide_toolbar.b-acc-icon-small {
|
||||
right: -38px;
|
||||
}
|
||||
#b-acc-toolbarWrap.left div.b-acc_hide_toolbar.b-acc-icon-medium {
|
||||
right: -66px;
|
||||
}
|
||||
#b-acc-toolbarWrap .b-acc-author {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
left: 5px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#b-acc-toolbarWrap .b-acc-author a {
|
||||
color: #fffacd !important;
|
||||
-webkit-transition: all 250ms ease;
|
||||
-moz-transition: all 250ms ease;
|
||||
-ms-transition: all 250ms ease;
|
||||
-o-transition: all 250ms ease;
|
||||
transition: all 250ms ease;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#b-acc-toolbarWrap .b-acc-author a:hover,
|
||||
#b-acc-toolbarWrap .b-acc-author a:focus {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
#b-acc_toolbar {
|
||||
list-style: none;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
background: #242424 !important;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
#b-acc_toolbar h3 {
|
||||
font-size: 18px !important;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
padding: 0 0 10px;
|
||||
margin: 10px 0 0;
|
||||
color: #fffacd !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#b-acc_toolbar .b-acc-font-reset,
|
||||
#b-acc_toolbar .b-acc-contrast-reset {
|
||||
-webkit-appearance: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-decoration: underline;
|
||||
text-align: center;
|
||||
}
|
||||
#b-acc_toolbar li {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #575757;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#b-acc_toolbar li button {
|
||||
color: white;
|
||||
border: 0;
|
||||
padding: 0 10px;
|
||||
font-size: 13px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
line-height: 2;
|
||||
background-color: transparent !important;
|
||||
-webkit-appearance: none;
|
||||
-webkit-transition: all 250ms ease;
|
||||
-moz-transition: all 250ms ease;
|
||||
-ms-transition: all 250ms ease;
|
||||
-o-transition: all 250ms ease;
|
||||
transition: all 250ms ease;
|
||||
}
|
||||
#b-acc_toolbar li button:hover,
|
||||
#b-acc_toolbar li button:focus {
|
||||
background-color: #3d3d3d !important;
|
||||
}
|
||||
#b-acc_toolbar li button.b-acc-hide {
|
||||
display: none;
|
||||
}
|
||||
#b-acc_toolbar li button.b-acc-hide,
|
||||
#b-acc_toolbar li button.b-acc-contrast-reset,
|
||||
#b-acc_toolbar li button.b-acc-font-reset {
|
||||
border-top: 1px solid #575757;
|
||||
}
|
||||
.rtl #b-acc_toolbar li button {
|
||||
text-align: right;
|
||||
}
|
||||
.rtl #b-acc_toolbar li button.b-acc-contrast-reset,
|
||||
.rtl #b-acc_toolbar li button.b-acc-font-reset {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.b-acc-dark {
|
||||
background: #171717 !important;
|
||||
color: #ffee00 !important;
|
||||
}
|
||||
|
||||
body.b-acc-dark {
|
||||
background: #171717 !important;
|
||||
color: #ffee00 !important;
|
||||
}
|
||||
body.b-acc-bright {
|
||||
background: white !important;
|
||||
color: #171717 !important;
|
||||
}
|
||||
body.b-acc-dark a {
|
||||
color: #ffee00 !important;
|
||||
}
|
||||
body.b-acc-dark .panel,
|
||||
body.b-acc-dark .jumbotron,
|
||||
body.b-acc-dark .container .jumbotron,
|
||||
body.b-acc-dark .container-fluid .jumbotron {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
body.b-acc-dark .panel-default {
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
body.b-acc-dark #b-acc_toolbar li button.b-acc-dark-btn {
|
||||
background-color: #3d3d3d;
|
||||
}
|
||||
body.b-acc-bright #b-acc_toolbar li button.b-acc-bright-btn {
|
||||
background-color: #3d3d3d !important;
|
||||
}
|
||||
body.b-acc-focus a:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
body.b-acc-grayscale {
|
||||
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
|
||||
filter: gray;
|
||||
-webkit-filter: grayscale(100%);
|
||||
}
|
||||
body.b-acc-grayscale #b-acc_toolbar li button.b-acc-grayscale {
|
||||
background-color: #3d3d3d;
|
||||
}
|
||||
|
||||
.body .container {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Accessibilty statement (popup) */
|
||||
.messagepop {
|
||||
background-color:#FFFFFF;
|
||||
border:1px solid #999999;
|
||||
cursor:default;
|
||||
display:none;
|
||||
left: 25%;
|
||||
margin-top: 15px;
|
||||
position:fixed;
|
||||
text-align:left;
|
||||
top: 100px;
|
||||
width:50%;
|
||||
z-index:50;
|
||||
padding: 25px 25px 20px;
|
||||
}
|
||||
.messagepop p, .messagepop.div {
|
||||
border-bottom: 1px solid #EFEFEF;
|
||||
margin: 8px 0;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
7
style/bootstrap.min.css
vendored
Normal file
7
style/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
179
style/capa/accordion.css
Normal file
179
style/capa/accordion.css
Normal file
@@ -0,0 +1,179 @@
|
||||
.accordion {
|
||||
width: 100%;
|
||||
height: 491px;
|
||||
overflow: hidden;
|
||||
margin: 0px auto;
|
||||
color: #474747;
|
||||
/*background: url('../img/bg/bg-accordion.jpg') repeat-x; */
|
||||
/*background-size: 861px 567px;*/
|
||||
}
|
||||
.accordion p.titulo {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-size: 18px;
|
||||
color: #004a8f;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.accordion p {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
color: #004a8f;
|
||||
}
|
||||
/*Set style of open slide*/
|
||||
/*.accordion section:target, */.accordion section.ativo { background:#FFF; padding:10px;}
|
||||
/*.accordion section:target:hover, */.accordion section.ativo:hover { background:#FFF; }
|
||||
/*.accordion section:target h2, */.accordion section.ativo h2 {width:auto; padding-left: 70px;}
|
||||
/*.accordion section:target h2 a, */.accordion section.ativo h2 a{ color:#fbfefd; padding:0;}
|
||||
/*.accordion section:target p, */.accordion section.ativo p {display:block; padding-left: 77px;}
|
||||
.accordion section h2 a{
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
padding: 0px 0px 33px 10px;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
color: #fbfefd;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*set style of closed slide*/
|
||||
.accordion section{ float:left; overflow:hidden; color:#333; cursor:pointer; background: #333; margin:0px 0px 0px 1px; }
|
||||
.accordion section:first-child { margin-left: 0px; }
|
||||
.accordion section:hover {background:#444;}
|
||||
.accordion section p { display:none; }
|
||||
.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
|
||||
#colaboradores-online.modulo-2 {
|
||||
background: url(../img/bg/modulo-2/bg-accordion-colaboradores-online.jpg) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-online.modulo-3 {
|
||||
background: url(../img/bg/modulo-3/bg-accordion-colaboradores-online.jpg) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-online.modulo-4 {
|
||||
background: url(../img/bg/modulo-4/bg-accordion-colaboradores-online.jpg) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-online.modulo-5 {
|
||||
background: url(../img/bg/modulo-5/bg-accordion-colaboradores-online.jpg) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-online.modulo-5.ativo p { color: #fff; }
|
||||
|
||||
#instrucoes.modulo-2 {
|
||||
background: url(../img/bg/modulo-2/bg-accordion-instrucoes.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#instrucoes.modulo-3 {
|
||||
background: url(../img/bg/modulo-3/bg-accordion-instrucoes.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#instrucoes.modulo-4 {
|
||||
background: url(../img/bg/modulo-4/bg-accordion-instrucoes.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#instrucoes.modulo-5 {
|
||||
background: url(../img/bg/modulo-5/bg-accordion-instrucoes.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#instrucoes .left {
|
||||
margin: 0px 0px 0px 68px;
|
||||
float: left;
|
||||
}
|
||||
#instrucoes .right {
|
||||
padding: 142px 30px 0px 20px;
|
||||
}
|
||||
#instrucoes .right p {
|
||||
color: #004a8f;
|
||||
}
|
||||
#instrucoes.modulo-5 .right p {
|
||||
color: #fff;
|
||||
}
|
||||
#colaboradores-do-curso.modulo-2 {
|
||||
background: url(../img/bg/modulo-2/bg-accordion-colaboradores-do-curso.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-do-curso.modulo-3 {
|
||||
background: url(../img/bg/modulo-3/bg-accordion-colaboradores-do-curso.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-do-curso.modulo-4 {
|
||||
background: url(../img/bg/modulo-4/bg-accordion-colaboradores-do-curso.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-do-curso.modulo-5 {
|
||||
background: url(../img/bg/modulo-5/bg-accordion-colaboradores-do-curso.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#colaboradores-do-curso.modulo-5.ativo p { color: #fff; }
|
||||
/*
|
||||
#colegas {
|
||||
background: url(../img/bg/bg-accordion-colegas.jpg) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#participantes {
|
||||
background: url(../img/bg/bg-accordion-participantes.jpg) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
#reuniao {
|
||||
background: url(../img/bg/bg-accordion-sala-reuniao.png) no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
*/
|
||||
|
||||
/*.accordion section:nth-child(1):after{content:'1';}
|
||||
.accordion section:nth-child(2):after{content:'2';}
|
||||
.accordion section:nth-child(3):after{content:'3';}
|
||||
.accordion section:nth-child(4):after{content:'4';}
|
||||
.accordion section:nth-child(5):after{content:'5';}*/
|
||||
|
||||
/*Position the number of the slide*/
|
||||
.horizontal section{
|
||||
/*width:70px;*/
|
||||
width: 69px;
|
||||
height: 491px;
|
||||
-moz-transition: width 0.2s ease-out;
|
||||
-webkit-transition:width 0.2s ease-out;
|
||||
-o-transition:width 0.2s ease-out;
|
||||
transition:width 0.2s ease-out;
|
||||
}
|
||||
|
||||
/*Position the number of the slide*/
|
||||
.horizontal section:after{
|
||||
top:140px;
|
||||
left:15px;
|
||||
}
|
||||
|
||||
/*Header of closed slide*/
|
||||
.horizontal section h2 {
|
||||
-webkit-transform:rotate(90deg);
|
||||
-moz-transform:rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
width: 240px;
|
||||
position: relative;
|
||||
left: -84px;
|
||||
top: 85px;
|
||||
height: 67px;
|
||||
}
|
||||
|
||||
/*On mouse over open slide*/
|
||||
.horizontal section.ativo{ /*width:557px;*/width:1058px;height:491px; }
|
||||
/*.horizontal :target{ width:557px;height:515px; }*/
|
||||
/*.horizontal :target h2, */.horizontal section.ativo h2{
|
||||
position: absolute;
|
||||
left: -46px;
|
||||
top: 4px;
|
||||
}
|
||||
.horizontal :target #instrucoes h2 {
|
||||
position: absolute;
|
||||
left: -46px;
|
||||
top: 4px;
|
||||
}
|
||||
.horizontal :target #reuniao h2 {
|
||||
position: absolute;
|
||||
left: -46px;
|
||||
top: 4px;
|
||||
}
|
||||
.horizontal :target #instrucoes {
|
||||
/*background: url(../img/redes/bg-accordion.jpg) no-repeat;*/
|
||||
}
|
||||
5785
style/capa/bootstrap.css
vendored
Normal file
5785
style/capa/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
style/capa/bootstrap.min.css
vendored
Normal file
7
style/capa/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
675
style/capa/class.css
Normal file
675
style/capa/class.css
Normal file
@@ -0,0 +1,675 @@
|
||||
@charset "utf-8";
|
||||
/* class - default
|
||||
..................................... */
|
||||
/* clear float */
|
||||
.clear {
|
||||
clear: both !important;
|
||||
}
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
.background-none {
|
||||
background: none !important;
|
||||
}
|
||||
/* text align */
|
||||
.text-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-align-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
/* float */
|
||||
.float-none {
|
||||
float: none !important;
|
||||
}
|
||||
.float-left {
|
||||
float: left !important;
|
||||
}
|
||||
.float-right {
|
||||
float: right !important;
|
||||
}
|
||||
/* float */
|
||||
.text-align-left {
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-align-center {
|
||||
text-align: center !important;
|
||||
}
|
||||
.text-align-right {
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-align-justify {
|
||||
text-align: justify !important;
|
||||
}
|
||||
/* no background */
|
||||
.background-none {
|
||||
background: none !important;
|
||||
}
|
||||
/* border */
|
||||
.border-none {
|
||||
border: none !important;
|
||||
}
|
||||
.border-top-none {
|
||||
border-top: none !important;
|
||||
}
|
||||
.border-right-none {
|
||||
border-right: none !important;
|
||||
}
|
||||
.border-bottom-none {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.border-left-none {
|
||||
border-left: none !important;
|
||||
}
|
||||
/* margin */
|
||||
.margin-none {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.margin-top-none {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.margin-right-none {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.margin-bottom-none {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.margin-left-none {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.margin-top-5 {
|
||||
margin-top: 5px !important;
|
||||
}
|
||||
.margin-top-10 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
.margin-top-15 {
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
.margin-top-20 {
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
.margin-top-25 {
|
||||
margin-top: 25px !important;
|
||||
}
|
||||
.margin-top-30 {
|
||||
margin-top: 30px !important;
|
||||
}
|
||||
.margin-top-35 {
|
||||
margin-top: 35px !important;
|
||||
}
|
||||
.margin-top-40 {
|
||||
margin-top: 40px !important;
|
||||
}
|
||||
.margin-top-45 {
|
||||
margin-top: 45px !important;
|
||||
}
|
||||
.margin-top-50 {
|
||||
margin-top: 50px !important;
|
||||
}
|
||||
.margin-top-55 {
|
||||
margin-top: 55px !important;
|
||||
}
|
||||
.margin-top-60 {
|
||||
margin-top: 60px !important;
|
||||
}
|
||||
.margin-top-65 {
|
||||
margin-top: 65px !important;
|
||||
}
|
||||
.margin-top-70 {
|
||||
margin-top: 70px !important;
|
||||
}
|
||||
.margin-top-75 {
|
||||
margin-top: 75px !important;
|
||||
}
|
||||
.margin-top-80 {
|
||||
margin-top: 80px !important;
|
||||
}
|
||||
.margin-top-85 {
|
||||
margin-top: 85px !important;
|
||||
}
|
||||
.margin-top-90 {
|
||||
margin-top: 90px !important;
|
||||
}
|
||||
.margin-top-95 {
|
||||
margin-top: 95px !important;
|
||||
}
|
||||
.margin-top-100 {
|
||||
margin-top: 100px !important;
|
||||
}
|
||||
.margin-top-125 {
|
||||
margin-top: 125px !important;
|
||||
}
|
||||
.margin-right-5 {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
.margin-right-10 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
.margin-right-15 {
|
||||
margin-right: 15px !important;
|
||||
}
|
||||
.margin-right-20 {
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
.margin-right-25 {
|
||||
margin-right: 25px !important;
|
||||
}
|
||||
.margin-right-30 {
|
||||
margin-right: 30px !important;
|
||||
}
|
||||
.margin-right-35 {
|
||||
margin-right: 35px !important;
|
||||
}
|
||||
.margin-right-40 {
|
||||
margin-right: 40px !important;
|
||||
}
|
||||
.margin-right-45 {
|
||||
margin-right: 45px !important;
|
||||
}
|
||||
.margin-right-50 {
|
||||
margin-right: 50px !important;
|
||||
}
|
||||
.margin-right-55 {
|
||||
margin-right: 55px !important;
|
||||
}
|
||||
.margin-right-60 {
|
||||
margin-right: 60px !important;
|
||||
}
|
||||
.margin-right-65 {
|
||||
margin-right: 65px !important;
|
||||
}
|
||||
.margin-right-70 {
|
||||
margin-right: 70px !important;
|
||||
}
|
||||
.margin-right-75 {
|
||||
margin-right: 75px !important;
|
||||
}
|
||||
.margin-right-80 {
|
||||
margin-right: 80px !important;
|
||||
}
|
||||
.margin-right-85 {
|
||||
margin-right: 85px !important;
|
||||
}
|
||||
.margin-right-90 {
|
||||
margin-right: 90px !important;
|
||||
}
|
||||
.margin-right-95 {
|
||||
margin-right: 95px !important;
|
||||
}
|
||||
.margin-right-100 {
|
||||
margin-right: 100px !important;
|
||||
}
|
||||
.margin-bottom-5 {
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
.margin-bottom-10 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.margin-bottom-15 {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
.margin-bottom-20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.margin-bottom-25 {
|
||||
margin-bottom: 25px !important;
|
||||
}
|
||||
.margin-bottom-30 {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
.margin-bottom-35 {
|
||||
margin-bottom: 35px !important;
|
||||
}
|
||||
.margin-bottom-40 {
|
||||
margin-bottom: 40px !important;
|
||||
}
|
||||
.margin-bottom-45 {
|
||||
margin-bottom: 45px !important;
|
||||
}
|
||||
.margin-bottom-50 {
|
||||
margin-bottom: 50px !important;
|
||||
}
|
||||
.margin-bottom-55 {
|
||||
margin-bottom: 55px !important;
|
||||
}
|
||||
.margin-bottom-60 {
|
||||
margin-bottom: 60px !important;
|
||||
}
|
||||
.margin-bottom-65 {
|
||||
margin-bottom: 65px !important;
|
||||
}
|
||||
.margin-bottom-70 {
|
||||
margin-bottom: 70px !important;
|
||||
}
|
||||
.margin-bottom-75 {
|
||||
margin-bottom: 75px !important;
|
||||
}
|
||||
.margin-bottom-80 {
|
||||
margin-bottom: 80px !important;
|
||||
}
|
||||
.margin-bottom-85 {
|
||||
margin-bottom: 85px !important;
|
||||
}
|
||||
.margin-bottom-90 {
|
||||
margin-bottom: 90px !important;
|
||||
}
|
||||
.margin-bottom-95 {
|
||||
margin-bottom: 95px !important;
|
||||
}
|
||||
.margin-bottom-100 {
|
||||
margin-bottom: 100px !important;
|
||||
}
|
||||
.margin-left-5 {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
.margin-left-10 {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
.margin-left-15 {
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
.margin-left-20 {
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
.margin-left-25 {
|
||||
margin-left: 25px !important;
|
||||
}
|
||||
.margin-left-30 {
|
||||
margin-left: 30px !important;
|
||||
}
|
||||
.margin-left-35 {
|
||||
margin-left: 35px !important;
|
||||
}
|
||||
.margin-left-40 {
|
||||
margin-left: 40px !important;
|
||||
}
|
||||
.margin-left-45 {
|
||||
margin-left: 45px !important;
|
||||
}
|
||||
.margin-left-50 {
|
||||
margin-left: 50px !important;
|
||||
}
|
||||
.margin-left-55 {
|
||||
margin-left: 55px !important;
|
||||
}
|
||||
.margin-left-60 {
|
||||
margin-left: 60px !important;
|
||||
}
|
||||
.margin-left-65 {
|
||||
margin-left: 65px !important;
|
||||
}
|
||||
.margin-left-70 {
|
||||
margin-left: 70px !important;
|
||||
}
|
||||
.margin-left-75 {
|
||||
margin-left: 75px !important;
|
||||
}
|
||||
.margin-left-80 {
|
||||
margin-left: 80px !important;
|
||||
}
|
||||
.margin-left-85 {
|
||||
margin-left: 85px !important;
|
||||
}
|
||||
.margin-left-90 {
|
||||
margin-left: 90px !important;
|
||||
}
|
||||
.margin-left-95 {
|
||||
margin-left: 95px !important;
|
||||
}
|
||||
.margin-left-100 {
|
||||
margin-left: 100px !important;
|
||||
}
|
||||
/* padding */
|
||||
.padding-none {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.padding-top-none {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.padding-right-none {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.padding-bottom-none {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
.padding-left-none {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.padding-20 {
|
||||
padding: 20px !important;
|
||||
}
|
||||
.padding-top-5 {
|
||||
padding-top: 5px !important;
|
||||
}
|
||||
.padding-top-10 {
|
||||
padding-top: 10px !important;
|
||||
}
|
||||
.padding-top-15 {
|
||||
padding-top: 15px !important;
|
||||
}
|
||||
.padding-top-20 {
|
||||
padding-top: 20px !important;
|
||||
}
|
||||
.padding-top-25 {
|
||||
padding-top: 25px !important;
|
||||
}
|
||||
.padding-top-30 {
|
||||
padding-top: 30px !important;
|
||||
}
|
||||
.padding-top-35 {
|
||||
padding-top: 35px !important;
|
||||
}
|
||||
.padding-top-40 {
|
||||
padding-top: 40px !important;
|
||||
}
|
||||
.padding-top-45 {
|
||||
padding-top: 45px !important;
|
||||
}
|
||||
.padding-top-50 {
|
||||
padding-top: 50px !important;
|
||||
}
|
||||
.padding-top-55 {
|
||||
padding-top: 55px !important;
|
||||
}
|
||||
.padding-top-60 {
|
||||
padding-top: 60px !important;
|
||||
}
|
||||
.padding-top-65 {
|
||||
padding-top: 65px !important;
|
||||
}
|
||||
.padding-top-70 {
|
||||
padding-top: 70px !important;
|
||||
}
|
||||
.padding-top-75 {
|
||||
padding-top: 75px !important;
|
||||
}
|
||||
.padding-top-80 {
|
||||
padding-top: 80px !important;
|
||||
}
|
||||
.padding-top-85 {
|
||||
padding-top: 85px !important;
|
||||
}
|
||||
.padding-top-90 {
|
||||
padding-top: 90px !important;
|
||||
}
|
||||
.padding-top-95 {
|
||||
padding-top: 95px !important;
|
||||
}
|
||||
.padding-top-100 {
|
||||
padding-top: 100px !important;
|
||||
}
|
||||
.padding-top-125 {
|
||||
padding-top: 125px !important;
|
||||
}
|
||||
.padding-right-5 {
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
.padding-right-10 {
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
.padding-right-15 {
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
.padding-right-20 {
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
.padding-right-25 {
|
||||
padding-right: 25px !important;
|
||||
}
|
||||
.padding-right-30 {
|
||||
padding-right: 30px !important;
|
||||
}
|
||||
.padding-right-35 {
|
||||
padding-right: 35px !important;
|
||||
}
|
||||
.padding-right-40 {
|
||||
padding-right: 40px !important;
|
||||
}
|
||||
.padding-right-45 {
|
||||
padding-right: 45px !important;
|
||||
}
|
||||
.padding-right-50 {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
.padding-right-55 {
|
||||
padding-right: 55px !important;
|
||||
}
|
||||
.padding-right-60 {
|
||||
padding-right: 60px !important;
|
||||
}
|
||||
.padding-right-65 {
|
||||
padding-right: 65px !important;
|
||||
}
|
||||
.padding-right-70 {
|
||||
padding-right: 70px !important;
|
||||
}
|
||||
.padding-right-75 {
|
||||
padding-right: 75px !important;
|
||||
}
|
||||
.padding-right-80 {
|
||||
padding-right: 80px !important;
|
||||
}
|
||||
.padding-right-85 {
|
||||
padding-right: 85px !important;
|
||||
}
|
||||
.padding-right-90 {
|
||||
padding-right: 90px !important;
|
||||
}
|
||||
.padding-right-95 {
|
||||
padding-right: 95px !important;
|
||||
}
|
||||
.padding-right-100 {
|
||||
padding-right: 100px !important;
|
||||
}
|
||||
.padding-bottom-5 {
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
.padding-bottom-10 {
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
.padding-bottom-15 {
|
||||
padding-bottom: 15px !important;
|
||||
}
|
||||
.padding-bottom-20 {
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
.padding-bottom-25 {
|
||||
padding-bottom: 25px !important;
|
||||
}
|
||||
.padding-bottom-30 {
|
||||
padding-bottom: 30px !important;
|
||||
}
|
||||
.padding-bottom-35 {
|
||||
padding-bottom: 35px !important;
|
||||
}
|
||||
.padding-bottom-40 {
|
||||
padding-bottom: 40px !important;
|
||||
}
|
||||
.padding-bottom-45 {
|
||||
padding-bottom: 45px !important;
|
||||
}
|
||||
.padding-bottom-50 {
|
||||
padding-bottom: 50px !important;
|
||||
}
|
||||
.padding-bottom-55 {
|
||||
padding-bottom: 55px !important;
|
||||
}
|
||||
.padding-bottom-60 {
|
||||
padding-bottom: 60px !important;
|
||||
}
|
||||
.padding-bottom-65 {
|
||||
padding-bottom: 65px !important;
|
||||
}
|
||||
.padding-bottom-70 {
|
||||
padding-bottom: 70px !important;
|
||||
}
|
||||
.padding-bottom-75 {
|
||||
padding-bottom: 75px !important;
|
||||
}
|
||||
.padding-bottom-80 {
|
||||
padding-bottom: 80px !important;
|
||||
}
|
||||
.padding-bottom-85 {
|
||||
padding-bottom: 85px !important;
|
||||
}
|
||||
.padding-bottom-90 {
|
||||
padding-bottom: 90px !important;
|
||||
}
|
||||
.padding-bottom-95 {
|
||||
padding-bottom: 95px !important;
|
||||
}
|
||||
.padding-bottom-100 {
|
||||
padding-bottom: 100px !important;
|
||||
}
|
||||
.padding-left-5 {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
.padding-left-10 {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
.padding-left-15 {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
.padding-left-20 {
|
||||
padding-left: 20px !important;
|
||||
}
|
||||
.padding-left-25 {
|
||||
padding-left: 25px !important;
|
||||
}
|
||||
.padding-left-30 {
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
.padding-left-35 {
|
||||
padding-left: 35px !important;
|
||||
}
|
||||
.padding-left-40 {
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
.padding-left-45 {
|
||||
padding-left: 45px !important;
|
||||
}
|
||||
.padding-left-50 {
|
||||
padding-left: 50px !important;
|
||||
}
|
||||
.padding-left-55 {
|
||||
padding-left: 55px !important;
|
||||
}
|
||||
.padding-left-60 {
|
||||
padding-left: 60px !important;
|
||||
}
|
||||
.padding-left-65 {
|
||||
padding-left: 65px !important;
|
||||
}
|
||||
.padding-left-70 {
|
||||
padding-left: 70px !important;
|
||||
}
|
||||
.padding-left-75 {
|
||||
padding-left: 75px !important;
|
||||
}
|
||||
.padding-left-80 {
|
||||
padding-left: 80px !important;
|
||||
}
|
||||
.padding-left-85 {
|
||||
padding-left: 85px !important;
|
||||
}
|
||||
.padding-left-90 {
|
||||
padding-left: 90px !important;
|
||||
}
|
||||
.padding-left-95 {
|
||||
padding-left: 95px !important;
|
||||
}
|
||||
.padding-left-100 {
|
||||
padding-left: 100px !important;
|
||||
}
|
||||
/* font-size */
|
||||
.font-size-10 {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
.font-size-11 {
|
||||
font-size: 11px !important;
|
||||
}
|
||||
.font-size-12 {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.font-size-13 {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
.font-size-14 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.font-size-16 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.font-size-18 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.font-size-20 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.font-size-22 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
.font-size-24 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.font-size-26 {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
.font-size-28 {
|
||||
font-size: 28px !important;
|
||||
}
|
||||
.font-size-30 {
|
||||
font-size: 30px !important;
|
||||
}
|
||||
.font-size-32 {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
.font-size-34 {
|
||||
font-size: 34px !important;
|
||||
}
|
||||
.font-size-36 {
|
||||
font-size: 36px !important;
|
||||
}
|
||||
.font-size-38 {
|
||||
font-size: 38px !important;
|
||||
}
|
||||
.font-size-40 {
|
||||
font-size: 40px !important;
|
||||
}
|
||||
.font-size-42 {
|
||||
font-size: 42px !important;
|
||||
}
|
||||
.font-size-44 {
|
||||
font-size: 44px !important;
|
||||
}
|
||||
.font-size-46 {
|
||||
font-size: 46px !important;
|
||||
}
|
||||
.font-size-48 {
|
||||
font-size: 48px !important;
|
||||
}
|
||||
.font-size-50 {
|
||||
font-size: 50px !important;
|
||||
}
|
||||
.font-size-52 {
|
||||
font-size: 52px !important;
|
||||
}
|
||||
.font-size-54 {
|
||||
font-size: 54px !important;
|
||||
}
|
||||
.font-size-56 {
|
||||
font-size: 56px !important;
|
||||
}
|
||||
.font-size-58 {
|
||||
font-size: 58px !important;
|
||||
}
|
||||
.font-size-60 {
|
||||
font-size: 60px !important;
|
||||
}
|
||||
278
style/capa/class.less
Normal file
278
style/capa/class.less
Normal file
@@ -0,0 +1,278 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/* class - default
|
||||
..................................... */
|
||||
|
||||
/* clear float */
|
||||
|
||||
.clear{ clear: both !important; }
|
||||
|
||||
.hidden{ display: none !important; }
|
||||
|
||||
.background-none{ background: none !important; }
|
||||
|
||||
/* text align */
|
||||
|
||||
.text-align-left{ text-align: left; }
|
||||
.text-align-center{ text-align: center; }
|
||||
.text-align-right{ text-align: right; }
|
||||
.text-align-justify{ text-align: justify; }
|
||||
|
||||
|
||||
|
||||
/* float */
|
||||
|
||||
.float-none{ float: none !important; }
|
||||
.float-left{ float: left !important; }
|
||||
.float-right{ float: right !important; }
|
||||
|
||||
|
||||
|
||||
/* float */
|
||||
|
||||
.text-align-left{ text-align: left !important; }
|
||||
.text-align-center{ text-align: center !important; }
|
||||
.text-align-right{ text-align: right !important; }
|
||||
.text-align-justify{ text-align: justify !important; }
|
||||
|
||||
|
||||
|
||||
/* no background */
|
||||
|
||||
.background-none{ background: none !important; }
|
||||
|
||||
|
||||
|
||||
/* border */
|
||||
|
||||
.border-none{ border: none !important; }
|
||||
.border-top-none{ border-top: none !important; }
|
||||
.border-right-none{ border-right: none !important; }
|
||||
.border-bottom-none{ border-bottom: none !important; }
|
||||
.border-left-none{ border-left: none !important; }
|
||||
|
||||
|
||||
|
||||
/* margin */
|
||||
|
||||
.margin-none{ margin: 0 !important; }
|
||||
.margin-top-none{ margin-top: 0 !important; }
|
||||
.margin-right-none{ margin-right: 0 !important; }
|
||||
.margin-bottom-none{ margin-bottom: 0 !important; }
|
||||
.margin-left-none{ margin-left: 0 !important; }
|
||||
|
||||
.margin-top-5{ margin-top: 5px !important; }
|
||||
.margin-top-10{ margin-top: 10px !important; }
|
||||
.margin-top-15{ margin-top: 15px !important; }
|
||||
.margin-top-20{ margin-top: 20px !important; }
|
||||
.margin-top-25{ margin-top: 25px !important; }
|
||||
.margin-top-30{ margin-top: 30px !important; }
|
||||
.margin-top-35{ margin-top: 35px !important; }
|
||||
.margin-top-40{ margin-top: 40px !important; }
|
||||
.margin-top-45{ margin-top: 45px !important; }
|
||||
.margin-top-50{ margin-top: 50px !important; }
|
||||
.margin-top-55{ margin-top: 55px !important; }
|
||||
.margin-top-60{ margin-top: 60px !important; }
|
||||
.margin-top-65{ margin-top: 65px !important; }
|
||||
.margin-top-70{ margin-top: 70px !important; }
|
||||
.margin-top-75{ margin-top: 75px !important; }
|
||||
.margin-top-80{ margin-top: 80px !important; }
|
||||
.margin-top-85{ margin-top: 85px !important; }
|
||||
.margin-top-90{ margin-top: 90px !important; }
|
||||
.margin-top-95{ margin-top: 95px !important; }
|
||||
.margin-top-100{ margin-top: 100px !important; }
|
||||
.margin-top-125{ margin-top: 125px !important; }
|
||||
|
||||
.margin-right-5{ margin-right: 5px !important; }
|
||||
.margin-right-10{ margin-right: 10px !important; }
|
||||
.margin-right-15{ margin-right: 15px !important; }
|
||||
.margin-right-20{ margin-right: 20px !important; }
|
||||
.margin-right-25{ margin-right: 25px !important; }
|
||||
.margin-right-30{ margin-right: 30px !important; }
|
||||
.margin-right-35{ margin-right: 35px !important; }
|
||||
.margin-right-40{ margin-right: 40px !important; }
|
||||
.margin-right-45{ margin-right: 45px !important; }
|
||||
.margin-right-50{ margin-right: 50px !important; }
|
||||
.margin-right-55{ margin-right: 55px !important; }
|
||||
.margin-right-60{ margin-right: 60px !important; }
|
||||
.margin-right-65{ margin-right: 65px !important; }
|
||||
.margin-right-70{ margin-right: 70px !important; }
|
||||
.margin-right-75{ margin-right: 75px !important; }
|
||||
.margin-right-80{ margin-right: 80px !important; }
|
||||
.margin-right-85{ margin-right: 85px !important; }
|
||||
.margin-right-90{ margin-right: 90px !important; }
|
||||
.margin-right-95{ margin-right: 95px !important; }
|
||||
.margin-right-100{ margin-right: 100px !important; }
|
||||
|
||||
.margin-bottom-5{ margin-bottom: 5px !important; }
|
||||
.margin-bottom-10{ margin-bottom: 10px !important; }
|
||||
.margin-bottom-15{ margin-bottom: 15px !important; }
|
||||
.margin-bottom-20{ margin-bottom: 20px !important; }
|
||||
.margin-bottom-25{ margin-bottom: 25px !important; }
|
||||
.margin-bottom-30{ margin-bottom: 30px !important; }
|
||||
.margin-bottom-35{ margin-bottom: 35px !important; }
|
||||
.margin-bottom-40{ margin-bottom: 40px !important; }
|
||||
.margin-bottom-45{ margin-bottom: 45px !important; }
|
||||
.margin-bottom-50{ margin-bottom: 50px !important; }
|
||||
.margin-bottom-55{ margin-bottom: 55px !important; }
|
||||
.margin-bottom-60{ margin-bottom: 60px !important; }
|
||||
.margin-bottom-65{ margin-bottom: 65px !important; }
|
||||
.margin-bottom-70{ margin-bottom: 70px !important; }
|
||||
.margin-bottom-75{ margin-bottom: 75px !important; }
|
||||
.margin-bottom-80{ margin-bottom: 80px !important; }
|
||||
.margin-bottom-85{ margin-bottom: 85px !important; }
|
||||
.margin-bottom-90{ margin-bottom: 90px !important; }
|
||||
.margin-bottom-95{ margin-bottom: 95px !important; }
|
||||
.margin-bottom-100{ margin-bottom: 100px !important; }
|
||||
|
||||
.margin-left-5{ margin-left: 5px !important; }
|
||||
.margin-left-10{ margin-left: 10px !important; }
|
||||
.margin-left-15{ margin-left: 15px !important; }
|
||||
.margin-left-20{ margin-left: 20px !important; }
|
||||
.margin-left-25{ margin-left: 25px !important; }
|
||||
.margin-left-30{ margin-left: 30px !important; }
|
||||
.margin-left-35{ margin-left: 35px !important; }
|
||||
.margin-left-40{ margin-left: 40px !important; }
|
||||
.margin-left-45{ margin-left: 45px !important; }
|
||||
.margin-left-50{ margin-left: 50px !important; }
|
||||
.margin-left-55{ margin-left: 55px !important; }
|
||||
.margin-left-60{ margin-left: 60px !important; }
|
||||
.margin-left-65{ margin-left: 65px !important; }
|
||||
.margin-left-70{ margin-left: 70px !important; }
|
||||
.margin-left-75{ margin-left: 75px !important; }
|
||||
.margin-left-80{ margin-left: 80px !important; }
|
||||
.margin-left-85{ margin-left: 85px !important; }
|
||||
.margin-left-90{ margin-left: 90px !important; }
|
||||
.margin-left-95{ margin-left: 95px !important; }
|
||||
.margin-left-100{ margin-left: 100px !important; }
|
||||
|
||||
|
||||
|
||||
/* padding */
|
||||
|
||||
.padding-none{ padding: 0 !important; }
|
||||
.padding-top-none{ padding-top: 0 !important; }
|
||||
.padding-right-none{ padding-right: 0 !important; }
|
||||
.padding-bottom-none{ padding-bottom: 0 !important; }
|
||||
.padding-left-none{ padding-left: 0 !important; }
|
||||
|
||||
.padding-20{ padding: 20px !important; }
|
||||
.padding-top-5{ padding-top: 5px !important; }
|
||||
.padding-top-10{ padding-top: 10px !important; }
|
||||
.padding-top-15{ padding-top: 15px !important; }
|
||||
.padding-top-20{ padding-top: 20px !important; }
|
||||
.padding-top-25{ padding-top: 25px !important; }
|
||||
.padding-top-30{ padding-top: 30px !important; }
|
||||
.padding-top-35{ padding-top: 35px !important; }
|
||||
.padding-top-40{ padding-top: 40px !important; }
|
||||
.padding-top-45{ padding-top: 45px !important; }
|
||||
.padding-top-50{ padding-top: 50px !important; }
|
||||
.padding-top-55{ padding-top: 55px !important; }
|
||||
.padding-top-60{ padding-top: 60px !important; }
|
||||
.padding-top-65{ padding-top: 65px !important; }
|
||||
.padding-top-70{ padding-top: 70px !important; }
|
||||
.padding-top-75{ padding-top: 75px !important; }
|
||||
.padding-top-80{ padding-top: 80px !important; }
|
||||
.padding-top-85{ padding-top: 85px !important; }
|
||||
.padding-top-90{ padding-top: 90px !important; }
|
||||
.padding-top-95{ padding-top: 95px !important; }
|
||||
.padding-top-100{ padding-top: 100px !important; }
|
||||
.padding-top-125{ padding-top: 125px !important; }
|
||||
|
||||
.padding-right-5{ padding-right: 5px !important; }
|
||||
.padding-right-10{ padding-right: 10px !important; }
|
||||
.padding-right-15{ padding-right: 15px !important; }
|
||||
.padding-right-20{ padding-right: 20px !important; }
|
||||
.padding-right-25{ padding-right: 25px !important; }
|
||||
.padding-right-30{ padding-right: 30px !important; }
|
||||
.padding-right-35{ padding-right: 35px !important; }
|
||||
.padding-right-40{ padding-right: 40px !important; }
|
||||
.padding-right-45{ padding-right: 45px !important; }
|
||||
.padding-right-50{ padding-right: 50px !important; }
|
||||
.padding-right-55{ padding-right: 55px !important; }
|
||||
.padding-right-60{ padding-right: 60px !important; }
|
||||
.padding-right-65{ padding-right: 65px !important; }
|
||||
.padding-right-70{ padding-right: 70px !important; }
|
||||
.padding-right-75{ padding-right: 75px !important; }
|
||||
.padding-right-80{ padding-right: 80px !important; }
|
||||
.padding-right-85{ padding-right: 85px !important; }
|
||||
.padding-right-90{ padding-right: 90px !important; }
|
||||
.padding-right-95{ padding-right: 95px !important; }
|
||||
.padding-right-100{ padding-right: 100px !important; }
|
||||
|
||||
.padding-bottom-5{ padding-bottom: 5px !important; }
|
||||
.padding-bottom-10{ padding-bottom: 10px !important; }
|
||||
.padding-bottom-15{ padding-bottom: 15px !important; }
|
||||
.padding-bottom-20{ padding-bottom: 20px !important; }
|
||||
.padding-bottom-25{ padding-bottom: 25px !important; }
|
||||
.padding-bottom-30{ padding-bottom: 30px !important; }
|
||||
.padding-bottom-35{ padding-bottom: 35px !important; }
|
||||
.padding-bottom-40{ padding-bottom: 40px !important; }
|
||||
.padding-bottom-45{ padding-bottom: 45px !important; }
|
||||
.padding-bottom-50{ padding-bottom: 50px !important; }
|
||||
.padding-bottom-55{ padding-bottom: 55px !important; }
|
||||
.padding-bottom-60{ padding-bottom: 60px !important; }
|
||||
.padding-bottom-65{ padding-bottom: 65px !important; }
|
||||
.padding-bottom-70{ padding-bottom: 70px !important; }
|
||||
.padding-bottom-75{ padding-bottom: 75px !important; }
|
||||
.padding-bottom-80{ padding-bottom: 80px !important; }
|
||||
.padding-bottom-85{ padding-bottom: 85px !important; }
|
||||
.padding-bottom-90{ padding-bottom: 90px !important; }
|
||||
.padding-bottom-95{ padding-bottom: 95px !important; }
|
||||
.padding-bottom-100{ padding-bottom: 100px !important; }
|
||||
|
||||
.padding-left-5{ padding-left: 5px !important; }
|
||||
.padding-left-10{ padding-left: 10px !important; }
|
||||
.padding-left-15{ padding-left: 15px !important; }
|
||||
.padding-left-20{ padding-left: 20px !important; }
|
||||
.padding-left-25{ padding-left: 25px !important; }
|
||||
.padding-left-30{ padding-left: 30px !important; }
|
||||
.padding-left-35{ padding-left: 35px !important; }
|
||||
.padding-left-40{ padding-left: 40px !important; }
|
||||
.padding-left-45{ padding-left: 45px !important; }
|
||||
.padding-left-50{ padding-left: 50px !important; }
|
||||
.padding-left-55{ padding-left: 55px !important; }
|
||||
.padding-left-60{ padding-left: 60px !important; }
|
||||
.padding-left-65{ padding-left: 65px !important; }
|
||||
.padding-left-70{ padding-left: 70px !important; }
|
||||
.padding-left-75{ padding-left: 75px !important; }
|
||||
.padding-left-80{ padding-left: 80px !important; }
|
||||
.padding-left-85{ padding-left: 85px !important; }
|
||||
.padding-left-90{ padding-left: 90px !important; }
|
||||
.padding-left-95{ padding-left: 95px !important; }
|
||||
.padding-left-100{ padding-left: 100px !important; }
|
||||
|
||||
|
||||
|
||||
/* font-size */
|
||||
|
||||
.font-size-10{ font-size: 10px !important; }
|
||||
.font-size-11{ font-size: 11px !important; }
|
||||
.font-size-12{ font-size: 12px !important; }
|
||||
.font-size-13{ font-size: 13px !important; }
|
||||
.font-size-14{ font-size: 14px !important; }
|
||||
.font-size-16{ font-size: 16px !important; }
|
||||
.font-size-18{ font-size: 18px !important; }
|
||||
.font-size-20{ font-size: 20px !important; }
|
||||
.font-size-22{ font-size: 22px !important; }
|
||||
.font-size-24{ font-size: 24px !important; }
|
||||
.font-size-26{ font-size: 26px !important; }
|
||||
.font-size-28{ font-size: 28px !important; }
|
||||
.font-size-30{ font-size: 30px !important; }
|
||||
.font-size-32{ font-size: 32px !important; }
|
||||
.font-size-34{ font-size: 34px !important; }
|
||||
.font-size-36{ font-size: 36px !important; }
|
||||
.font-size-38{ font-size: 38px !important; }
|
||||
.font-size-40{ font-size: 40px !important; }
|
||||
.font-size-42{ font-size: 42px !important; }
|
||||
.font-size-44{ font-size: 44px !important; }
|
||||
.font-size-46{ font-size: 46px !important; }
|
||||
.font-size-48{ font-size: 48px !important; }
|
||||
.font-size-50{ font-size: 50px !important; }
|
||||
.font-size-52{ font-size: 52px !important; }
|
||||
.font-size-54{ font-size: 54px !important; }
|
||||
.font-size-56{ font-size: 56px !important; }
|
||||
.font-size-58{ font-size: 58px !important; }
|
||||
.font-size-60{ font-size: 60px !important; }
|
||||
|
||||
15
style/capa/css3.css
Normal file
15
style/capa/css3.css
Normal file
@@ -0,0 +1,15 @@
|
||||
/* ==============================
|
||||
CSS3 Library for MoreLess System
|
||||
version 1.0
|
||||
|
||||
Developed By:
|
||||
Fernando Aureliano - @Pailoro
|
||||
|
||||
- License:
|
||||
|
||||
* This program is free software. It comes without any warranty, to
|
||||
* the extent permitted by applicable law. You can redistribute it
|
||||
* and/or modify it under the terms of the Do What The Fuck You Want
|
||||
* To Public License, Version 2, as published by Sam Hocevar. See
|
||||
* http://sam.zoy.org/wtfpl for more details.
|
||||
===============================*/
|
||||
248
style/capa/css3.less
Normal file
248
style/capa/css3.less
Normal file
@@ -0,0 +1,248 @@
|
||||
/* ==============================
|
||||
CSS3 Library for MoreLess System
|
||||
version 1.0
|
||||
|
||||
Developed By:
|
||||
Fernando Aureliano - @Pailoro
|
||||
|
||||
- License:
|
||||
|
||||
* This program is free software. It comes without any warranty, to
|
||||
* the extent permitted by applicable law. You can redistribute it
|
||||
* and/or modify it under the terms of the Do What The Fuck You Want
|
||||
* To Public License, Version 2, as published by Sam Hocevar. See
|
||||
* http://sam.zoy.org/wtfpl for more details.
|
||||
===============================*/
|
||||
|
||||
.corners( @radius: 5px ) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
-o-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
|
||||
.corner( @topright: 5px, @bottomright: 5px, @bottomleft: 5px, @topleft: 5px ) {
|
||||
-webkit-border-top-right-radius: @topright;
|
||||
-webkit-border-bottom-right-radius: @bottomright;
|
||||
-webkit-border-bottom-left-radius: @bottomleft;
|
||||
-webkit-border-top-left-radius: @topleft;
|
||||
-moz-border-top-right-radius: @topright;
|
||||
-moz-border-bottom-right-radius: @bottomright;
|
||||
-moz-border-bottom-left-radius: @bottomleft;
|
||||
-moz-border-top-left-radius: @topleft;
|
||||
-o-border-bottom-right-radius: @bottomright;
|
||||
-o-border-bottom-left-radius: @bottomleft;
|
||||
-o-border-top-left-radius: @topleft;
|
||||
border-top-right-radius: @topright;
|
||||
border-bottom-right-radius: @bottomright;
|
||||
border-bottom-left-radius: @bottomleft;
|
||||
border-top-left-radius: @topleft;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.css3.info/preview/rounded-border/
|
||||
|
||||
.shadow(
|
||||
@x: 4px,
|
||||
@y: 4px,
|
||||
@blur: 5px,
|
||||
@spread: 0,
|
||||
@color: #000
|
||||
) {
|
||||
-webkit-box-shadow: @x @y @blur @spread @color;
|
||||
-moz-box-shadow: @x @y @blur @spread @color;
|
||||
-o-box-shadow: @x @y @blur @spread @color;
|
||||
box-shadow: @x @y @blur @spread @color;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.css3.info/preview/box-shadow/
|
||||
|
||||
.glow(
|
||||
@blur: 5px,
|
||||
@spread: 0,
|
||||
@color: #000
|
||||
) {
|
||||
-webkit-box-shadow: 0 0 @blur @spread @color;
|
||||
-moz-box-shadow: 0 0 @blur @spread @color;
|
||||
-o-box-shadow: 0 0 @blur @spread @color;
|
||||
box-shadow: 0 0 @blur @spread @color;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.css3.info/preview/box-shadow/
|
||||
|
||||
.animate(
|
||||
@elements: all,
|
||||
@time: 0.3s,
|
||||
@easing: ease-in-out
|
||||
) {
|
||||
-webkit-transition: @elements @time @easing;
|
||||
-moz-transition: @elements @time @easing;
|
||||
-o-transition: @elements @time @easing;
|
||||
transition: @elements @time @easing;
|
||||
}
|
||||
|
||||
|
||||
.animation(
|
||||
@elements: all,
|
||||
@time: 2s,
|
||||
@value: infinite,
|
||||
@easing: linear
|
||||
) {
|
||||
-webkit-animation: @elements @time @value @easing;
|
||||
-moz-animation: @elements @time @value @easing;
|
||||
-o-animation: @elements @time @value @easing;
|
||||
animation: @elements @time @value @easing;
|
||||
}
|
||||
|
||||
|
||||
// -------------------------------------------------- what it does: http://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css-3-transitions/
|
||||
|
||||
.opacity(@opacity: 0.5) {
|
||||
-moz-opacity: @opacity;
|
||||
-khtml-opacity: @opacity;
|
||||
-webkit-opacity: @opacity;
|
||||
-o-opacity: @opacity;
|
||||
opacity: @opacity;
|
||||
-ms-filter: ~"'progid:DXImageTransform.Microsoft.Alpha(Opacity=" @opacity*100 ~")'";
|
||||
filter: ~"alpha(opacity=" @opacity*100 ~")";
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.w3schools.com/css/css_image_transparency.asp
|
||||
|
||||
.rotate( @deg: 5deg ){
|
||||
-webkit-transform: rotate(@deg);
|
||||
-moz-transform: rotate(@deg);
|
||||
-o-transform: rotate(@deg);
|
||||
transform: rotate(@deg);
|
||||
}
|
||||
|
||||
.origin(@px: 0px){
|
||||
-webkit-transform-origin: @px;
|
||||
-moz-transform-origin: @px;
|
||||
-o-transform-origin: @px;
|
||||
transform-origin: @px;
|
||||
}
|
||||
// -------------------------------------------------- what it does: no link yet
|
||||
|
||||
.transform(
|
||||
@params
|
||||
) {
|
||||
-webkit-transform: @params;
|
||||
-moz-transform: @params;
|
||||
-o-transform: @params;
|
||||
transform: @params;
|
||||
}
|
||||
|
||||
.transform-style(
|
||||
@params
|
||||
) {
|
||||
-webkit-transform-style: @params;
|
||||
-moz-transform-style: @params;
|
||||
-o-transform-style: @params;
|
||||
transform-style: @params;
|
||||
}
|
||||
|
||||
.backface(
|
||||
@params
|
||||
) {
|
||||
-webkit-backface-visibility: @params;
|
||||
-moz-backface-visibility: @params;
|
||||
-o-backface-visibility: @params;
|
||||
backface-visibility: @params;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.zenelements.com/blog/css3-transform/
|
||||
|
||||
.2borders(
|
||||
@color1: #993300,
|
||||
@color2: #FF9900,
|
||||
@width: 1px,
|
||||
@radius: 0
|
||||
|
||||
) {
|
||||
border: @width solid @color1;
|
||||
|
||||
-webkit-box-shadow: 0 0 0 1px @color2;
|
||||
-moz-box-shadow: 0 0 0 1px @color2;
|
||||
-o-box-shadow: 0 0 0 1px @color2;
|
||||
box-shadow: 0 0 0 1px @color2;
|
||||
|
||||
.corners ( @radius )
|
||||
|
||||
}
|
||||
// -------------------------------------------------- what it does: see link below
|
||||
|
||||
.3borders(
|
||||
@color1: #993300,
|
||||
@color2: #FF9900,
|
||||
@color3: #009900,
|
||||
@width: 1px,
|
||||
@radius: 0
|
||||
) {
|
||||
border: @width solid @color1;
|
||||
|
||||
|
||||
-webkit-box-shadow: 0 0 0 1px @color2, 0 0 0 2px @color3;
|
||||
-moz-box-shadow: 0 0 0 1px @color2, 0 0 0 2px @color3;
|
||||
-o-box-shadow: 0 0 0 1px @color2, 0 0 0 2px @color3;
|
||||
box-shadow: 0 0 0 1px @color2, 0 0 0 2px @color3;
|
||||
|
||||
.corners ( @radius )
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://weston.ruter.net/2009/06/15/multiple-borders-via-css-box-shadow/
|
||||
|
||||
.flex( @val: 1 ) {
|
||||
-webkit-box-flex: @val;
|
||||
-moz-box-flex: @val;
|
||||
-o-box-flex: @val;
|
||||
box-flex: @val;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/
|
||||
|
||||
.resize( @direction: both ) {
|
||||
-webkit-resize: @direction;
|
||||
-moz-resize: @direction;
|
||||
-o-resize: @direction;
|
||||
resize: @direction;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.w3schools.com/css3/css3_pr_resize.asp
|
||||
|
||||
.gradient(
|
||||
@start: #000,
|
||||
@end: #fff,
|
||||
@switch: 100%
|
||||
) {
|
||||
background: @start;
|
||||
background: -webkit-gradient(linear, 0 0, 0 100%, from(@start), color-stop(@switch, @end));
|
||||
background: -moz-linear-gradient(top, @start, @end @switch);
|
||||
background: -o-linear-gradient(top, @start, @end @switch);
|
||||
background: linear-gradient(top, @start, @end @switch);
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/
|
||||
|
||||
.columns(
|
||||
@count: 3,
|
||||
@gap: 10
|
||||
) {
|
||||
-webkit-column-count: @count;
|
||||
-moz-column-count: @count;
|
||||
-o-column-count: @count;
|
||||
column-count: @count;
|
||||
|
||||
-webkit-column-gap: @gap;
|
||||
-moz-column-gap: @gap;
|
||||
-o-column-gap: @gap;
|
||||
column-gap: @gap;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://www.quirksmode.org/css/multicolumn.html
|
||||
|
||||
.boxSize( @type: border-box ) {
|
||||
-webkit-box-sizing: @type;
|
||||
-moz-box-sizing: @type;
|
||||
-o-box-sizing: @type;
|
||||
box-sizing: @type;
|
||||
}
|
||||
// -------------------------------------------------- what it does: http://css-tricks.com/box-sizing/
|
||||
|
||||
.appearance( @type: none) {
|
||||
-webkit-appearance: @type;
|
||||
-moz-appearance: @type;
|
||||
-o-appearance: @type;
|
||||
appearance: @type;
|
||||
}
|
||||
|
||||
4
style/capa/font-awesome.min.css
vendored
Normal file
4
style/capa/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
162
style/capa/reset.css
Normal file
162
style/capa/reset.css
Normal file
@@ -0,0 +1,162 @@
|
||||
/*
|
||||
html5doctor.com Reset Stylesheet
|
||||
v1.6.1
|
||||
Last Updated: 2010-09-17
|
||||
Author: Richard Clark - http://richclarkdesign.com
|
||||
Twitter: @rich_clark
|
||||
*/
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
abbr,
|
||||
address,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
samp,
|
||||
small,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
var,
|
||||
b,
|
||||
i,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
nav ul,
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
/* change colours to suit your needs */
|
||||
ins {
|
||||
background-color: #ff9;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* change colours to suit your needs */
|
||||
mark {
|
||||
background-color: #ff9;
|
||||
color: #000;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
abbr[title],
|
||||
dfn[title] {
|
||||
border-bottom: 1px dotted;
|
||||
cursor: help;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
/* change border colour to suit your needs */
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #cccccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
input,
|
||||
select {
|
||||
vertical-align: middle;
|
||||
}
|
||||
104
style/capa/reset.less
Normal file
104
style/capa/reset.less
Normal file
@@ -0,0 +1,104 @@
|
||||
/*
|
||||
html5doctor.com Reset Stylesheet
|
||||
v1.6.1
|
||||
Last Updated: 2010-09-17
|
||||
Author: Richard Clark - http://richclarkdesign.com
|
||||
Twitter: @rich_clark
|
||||
*/
|
||||
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var,
|
||||
b, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
outline:0;
|
||||
font-size:100%;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
article,aside,details,figcaption,figure,
|
||||
footer,header,hgroup,menu,nav,section {
|
||||
display:block;
|
||||
}
|
||||
|
||||
nav ul, li {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes:none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content:'';
|
||||
content:none;
|
||||
}
|
||||
|
||||
a {
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:100%;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
/* change colours to suit your needs */
|
||||
ins {
|
||||
background-color:#ff9;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* change colours to suit your needs */
|
||||
mark {
|
||||
background-color:#ff9;
|
||||
color:#000;
|
||||
font-style:italic;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
abbr[title], dfn[title] {
|
||||
border-bottom:1px dotted;
|
||||
cursor:help;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
|
||||
/* change border colour to suit your needs */
|
||||
hr {
|
||||
display:block;
|
||||
height:1px;
|
||||
border:0;
|
||||
border-top:1px solid #cccccc;
|
||||
margin:1em 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
vertical-align:middle;
|
||||
}
|
||||
693
style/capa/sistema.less
Normal file
693
style/capa/sistema.less
Normal file
@@ -0,0 +1,693 @@
|
||||
//============================ Libraries
|
||||
|
||||
@import "css3";
|
||||
/*@import "libs/noGrid";
|
||||
@import "libs/grid";*/
|
||||
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,700');
|
||||
@import url('http://fonts.googleapis.com/css?family=PT+Sans:300,400,700');
|
||||
|
||||
//============================ vars
|
||||
.fontsize( @size: 14px, @cor: #fff ) {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-bold( @size: 14px, @cor: #fff ) {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-light( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-bold( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.background-gradient(@corum: #fefefe, @cordois: #dadada){
|
||||
background: @corum; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, @corum 0%, @cordois 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@corum), color-stop(100%,@cordois)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, @corum 0%,@cordois 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, @corum 0%,@cordois 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, @corum 0%,@cordois 100%); /* IE10+ */
|
||||
background: linear-gradient(top, @corum 0%,@cordois 100%); /* W3C */
|
||||
}
|
||||
|
||||
@color-menu: #fff;
|
||||
@color-menu-hover: #466415;
|
||||
@color-title: #ffffff;
|
||||
|
||||
//============================ functions
|
||||
|
||||
|
||||
//============================ html
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: url('../img/pontilhado.png') repeat;
|
||||
}
|
||||
h1 {
|
||||
.fontsize-open-light( 23px, #666666 );
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 13px, #666666);
|
||||
margin-top: 10px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.verde {
|
||||
background: #27a70e;
|
||||
}
|
||||
.azul {
|
||||
background: #009ce9;
|
||||
}
|
||||
.roxo {
|
||||
background: #852ce9;
|
||||
}
|
||||
.laranja {
|
||||
background: #fe740e;
|
||||
}
|
||||
.vermelho {
|
||||
background: #db0404;
|
||||
}
|
||||
.cinza {
|
||||
background: #686868;
|
||||
}
|
||||
|
||||
header {
|
||||
section#content-topo {
|
||||
background: url('../img/bg-header.png') no-repeat;
|
||||
background-size: 100%;
|
||||
width: 100%;
|
||||
height: 113px;
|
||||
border-top: solid 3px #00aeef;
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
|
||||
figure {
|
||||
float: left;
|
||||
margin: 28px 16px 0 0px;
|
||||
}
|
||||
p {
|
||||
width: 460px;
|
||||
margin: 36px 0 0;
|
||||
.fontsize-open-light( 16px, #555555);
|
||||
float: left;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#menu {
|
||||
padding: 36px 0 36px 0;
|
||||
|
||||
ul.menu-principal {
|
||||
list-style: none;
|
||||
margin: 0 0 0 95px;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 445px;
|
||||
|
||||
&:first-child, &:last-child {
|
||||
width: 115px;
|
||||
height: 105px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
width: 115px;
|
||||
height: 105px;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
|
||||
i {
|
||||
font-size: 60px;
|
||||
margin: 20px 0px 0px 31px;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
width: 215px;
|
||||
height: 50px;
|
||||
margin: 0 0 5px 5px;
|
||||
float: left;
|
||||
line-height: 50px;
|
||||
.corners( 5px );
|
||||
.fontsize-open-light( 14px, #fff );
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
i {
|
||||
font-size: 30px;
|
||||
margin: 0px 5px 0 20px;
|
||||
float: left;
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section#capa {
|
||||
.row {
|
||||
/*background: url('../img/capa/capa.jpg') center no-repeat;
|
||||
background-size: 100%;*/
|
||||
height: 404px;
|
||||
overflow: hidden;
|
||||
|
||||
.carousel-inner {
|
||||
|
||||
.item {
|
||||
|
||||
img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
top: 20px;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
text-shadow: none;
|
||||
|
||||
h3 {
|
||||
.fontsize-open-light( 24px, #fff );
|
||||
/*margin: 60px 0 0 0;*/
|
||||
margin: 40px 0 0 0;
|
||||
padding: 12px 20px;
|
||||
float: left;
|
||||
.opacity(0);
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 13px, #fff );
|
||||
/*margin: 2px 0 0 30px;*/
|
||||
margin: 10px 0 0 60px;
|
||||
padding: 12px 20px 12px 15px;
|
||||
width: 80%;
|
||||
float: left;
|
||||
.opacity(0);
|
||||
}
|
||||
a.btn {
|
||||
.fontsize-open-light( 18px, #fff );
|
||||
width: 130px;
|
||||
height: 50px;
|
||||
line-height: 37px;
|
||||
float: left;
|
||||
margin: 2px 0 0 35%;
|
||||
text-shadow: none;
|
||||
box-shadow: 0;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
.opacity(0);
|
||||
}
|
||||
iframe {
|
||||
.opacity(0);
|
||||
margin-top: -20%;
|
||||
}
|
||||
img.acender {
|
||||
.opacity(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.azul {
|
||||
|
||||
.carousel-caption {
|
||||
h3, p {
|
||||
background: #005ecf;
|
||||
}
|
||||
a.btn {
|
||||
background: #003677;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.verde {
|
||||
.carousel-caption {
|
||||
h3, p {
|
||||
background: #3e7405;
|
||||
}
|
||||
p {
|
||||
width: 100%;
|
||||
}
|
||||
a.btn {
|
||||
background: #254503;
|
||||
margin-left: 70%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.grid-item { float: left; }
|
||||
.grid-item-1 { width: 361px; height: 206px; }
|
||||
.grid-item-2 { width: 361px; height: 197px; }
|
||||
.grid-item-3 { width: 364px; height: 173px; }
|
||||
.grid-item-4 { width: 364px; height: 230px; }
|
||||
.grid-item-5 { width: 406px; height: 249px; }
|
||||
.grid-item-6 { width: 406px; height: 154px; }
|
||||
.grid-item-7 { width: 366px; height: 404px; }
|
||||
}
|
||||
|
||||
section#migalhas {
|
||||
background: #009ce9;
|
||||
height: 47px;
|
||||
line-height: 47px;
|
||||
|
||||
&.indicadores {
|
||||
background: #009ce9;
|
||||
}
|
||||
&.incentivo {
|
||||
background: #852ce9;
|
||||
}
|
||||
&.cadastros {
|
||||
background: #db0404;
|
||||
}
|
||||
&.monitoramento {
|
||||
background: #fe740e;
|
||||
}
|
||||
&.contato {
|
||||
background: #686868;
|
||||
}
|
||||
a {
|
||||
.fontsize-open-light( 14px, #fff );
|
||||
float: left;
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
color: #a6ce39;
|
||||
font-weight: 700;
|
||||
margin: 14px 5px 0 5px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section#indicadores {
|
||||
margin: 3px 0 0 0;
|
||||
|
||||
.mapa {
|
||||
width: 100%;
|
||||
height: 490px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.estados {
|
||||
a {
|
||||
float: left;
|
||||
background: #d2d2d2;
|
||||
padding: 8.7px;
|
||||
margin-left: 1px;
|
||||
.fontsize-open-light( 14px, #333333 );
|
||||
.animate;
|
||||
|
||||
&:hover, &.active {
|
||||
background: #009ce9;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
&.indicadores {
|
||||
a {
|
||||
&:hover, &.active {
|
||||
background: #009ce9;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.incentivo {
|
||||
a {
|
||||
&:hover, &.active {
|
||||
background: #852ce9;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.cadastros {
|
||||
a {
|
||||
&:hover, &.active {
|
||||
background: #db0404;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.monitoramento {
|
||||
a {
|
||||
&:hover, &.active {
|
||||
background: #fe740e;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.contato {
|
||||
a {
|
||||
&:hover, &.active {
|
||||
background: #686868;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.periodo {
|
||||
label {
|
||||
float: left;
|
||||
.fontsize-open-light( 13px, #555555 );
|
||||
margin: 40px 0 0 0;
|
||||
}
|
||||
.input-group {
|
||||
float: left;
|
||||
width: 150px;
|
||||
}
|
||||
span {
|
||||
padding: 5px;
|
||||
background: #eeeeee;
|
||||
float: left;
|
||||
width: auto;
|
||||
|
||||
&.input-group-addon {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
input {
|
||||
height: 36px;
|
||||
width: 84%;
|
||||
float: left;
|
||||
margin: 30px 0 0 13px;
|
||||
|
||||
&.data {
|
||||
float: left;
|
||||
width: 55%;
|
||||
}
|
||||
}
|
||||
#form-indicadores {
|
||||
button[type="submit"] {
|
||||
float: right;
|
||||
padding: 12px 20px;
|
||||
text-shadow: 1px 1px #fff;
|
||||
.fontsize-open( 14px, #646464 );
|
||||
.animate;
|
||||
.background-gradient(#fefefe, #dadada);
|
||||
|
||||
&:hover {
|
||||
.animate;
|
||||
.background-gradient(#dadada, #fefefe);
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.nav-tabs {
|
||||
|
||||
li {
|
||||
background: #555555;
|
||||
padding: 0;
|
||||
.animate;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 17px 27px 17px 27px;
|
||||
border: 1px solid #707070;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
.fontsize-open-light( 16px, #fff );
|
||||
}
|
||||
|
||||
&.active, &:hover {
|
||||
a {
|
||||
.background-gradient( #fefefe, #dadada);
|
||||
color: #555555;
|
||||
border-radius: 0;
|
||||
border: solid 1px #b7b7b7;
|
||||
.animate;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-content {
|
||||
background: #e7e7e7;
|
||||
padding: 20px;
|
||||
text-shadow: 1px 1px #fff;
|
||||
.fontsize-open-light( 13px, rgba(85, 85, 85, 0.88) );
|
||||
|
||||
ul.checkbox {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
margin: 7px 0 0 0;
|
||||
line-height: 20px;
|
||||
float: left;
|
||||
width: 50%;
|
||||
.fontsize-open-light( 13px, #555555 );
|
||||
|
||||
input[type=checkbox] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 4px 0 0 -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
|
||||
.divisoria-data {
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
width: 10px;
|
||||
}
|
||||
label {
|
||||
width: 50px;
|
||||
float: left;
|
||||
line-height: 30px;
|
||||
margin: 0px 10px 0 0;
|
||||
}
|
||||
input, select {
|
||||
width: 50%;
|
||||
|
||||
&.data {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.btn-group {
|
||||
width: 50%;
|
||||
|
||||
button.multiselect {
|
||||
width: 100%;
|
||||
|
||||
span.multiselect-selected-text {
|
||||
float: left;
|
||||
}
|
||||
b.caret {
|
||||
float: right;
|
||||
margin: 8px 0 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.multiselect-container {
|
||||
min-width: 100%;
|
||||
|
||||
li {
|
||||
height: 28px;
|
||||
|
||||
a {
|
||||
label {
|
||||
/*width: 100%;*/
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
a {
|
||||
.fontsize-open-light( 13px, rgba(85, 85, 85, 0.88) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-indicador {
|
||||
margin: 50px 0 30px 0;
|
||||
border: solid 1px #dcdcdc;
|
||||
background: #f6f6f6;
|
||||
.corners( 5px );
|
||||
|
||||
.topo {
|
||||
background: #dcdcdc;
|
||||
padding: 8px;
|
||||
|
||||
h2 {
|
||||
.fontsize-open-light( 18px, #646464 );
|
||||
margin: 6px 0px 0px 7px;
|
||||
padding: 0;
|
||||
float: left;
|
||||
}
|
||||
a {
|
||||
float: right;
|
||||
padding: 6px 12px;
|
||||
margin-right: 5px;
|
||||
text-shadow: 1px 1px #fff;
|
||||
border-color: #d4d4d4;
|
||||
.fontsize-open-light( 13px, #555555 );
|
||||
.background-gradient( #fbfbfb, #dcdcdc );
|
||||
|
||||
&:hover {
|
||||
.background-gradient( #dcdcdc, #fbfbfb );
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.miolo {
|
||||
margin: 10px 0 10px 0;
|
||||
|
||||
.linha-dados {
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
margin-bottom: 3px;
|
||||
|
||||
.ano {
|
||||
border-color: #b7b7b7;
|
||||
float: left;
|
||||
height: 100%;
|
||||
padding: 9px 10px 5px 10px;
|
||||
margin-right: 1px;
|
||||
border: solid 1px #b7b7b7;
|
||||
.background-gradient( #f8f9f3, #d9dad3 );
|
||||
.fontsize-open-light( 16px, #525252 );
|
||||
}
|
||||
.valor {
|
||||
background: #555555;
|
||||
float: left;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
padding: 0px 8px 0 0;
|
||||
line-height: 34px;
|
||||
.fontsize-open-light( 16px, #fff );
|
||||
}
|
||||
.info-dados {
|
||||
.fontsize-open-light( 13px, #fff );
|
||||
margin: 5px 0 0;
|
||||
line-height: 19px;
|
||||
padding: 5px 12px;
|
||||
background: #008ecf;
|
||||
}
|
||||
}
|
||||
ul.tipo-atividade {
|
||||
margin: 20px 0 20px 30px;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
.fontsize-open-light( 16px, #555555 );
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
.fontsize-open-light( 13px, #525252 );
|
||||
.background-gradient( #f4f5ee, #d8dad3 );
|
||||
border: solid 1px #b7b7b7;
|
||||
border-radius: 0;
|
||||
width: 160px;
|
||||
height: 60px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
.animate;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
.background-gradient( #d8dad3, #f4f5ee );
|
||||
.animate;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
background: #f2f2f2 url('../img/pontilhado.png') repeat;
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
clear: both;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
margin-left: 80px;
|
||||
|
||||
a {
|
||||
figure {
|
||||
img {
|
||||
.opacity(0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.font-size-26 {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
.padding-right-none {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.padding-left-none {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.padding-none {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* fixing firefox bug */
|
||||
div:after, ol:after, form:after, ul:after, dl:after, label:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
|
||||
329
style/capa/style-2.less
Normal file
329
style/capa/style-2.less
Normal file
@@ -0,0 +1,329 @@
|
||||
//============================ Libraries
|
||||
|
||||
@import "css3";
|
||||
/*@import "libs/noGrid";
|
||||
@import "libs/grid";*/
|
||||
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,700');
|
||||
@import url('http://fonts.googleapis.com/css?family=PT+Sans:300,400,700');
|
||||
|
||||
//============================ vars
|
||||
.fontsize( @size: 14px, @cor: #fff ) {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-bold( @size: 14px, @cor: #fff ) {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-light( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-bold( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
|
||||
@color-menu: #fff;
|
||||
@color-menu-hover: #466415;
|
||||
@color-title: #ffffff;
|
||||
|
||||
//============================ functions
|
||||
|
||||
|
||||
//============================ html
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 13px, #fff);
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
#content-stage {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0 auto;
|
||||
border: solid 1px #fff;
|
||||
position: relative;
|
||||
background-image: url('../img/section-10.png');
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
section#texto-sobre {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 508px;
|
||||
height: auto;
|
||||
min-height: 200px;
|
||||
|
||||
h1 {
|
||||
.fontsize-open( 24px, #099698 );
|
||||
}
|
||||
.texto {
|
||||
border-top: solid 1px #d4d2d2;
|
||||
border-bottom: solid 1px #d4d2d2;
|
||||
padding: 5px 0 5px 0;
|
||||
margin: 5px 0 5px 0;
|
||||
|
||||
p {
|
||||
.fontsize-open-light( 13px, #787879 );
|
||||
}
|
||||
}
|
||||
ul.controle {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
float: right;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
|
||||
a {
|
||||
.fontsize-open-light( 13px, #787879 );
|
||||
display: block;
|
||||
margin: 5px 20px 0 0;
|
||||
|
||||
i {
|
||||
border: solid 1px #d4d2d2;
|
||||
padding: 6px 0 0 0;
|
||||
margin: 0 5px 0 0px;
|
||||
border-radius: 100%;
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section#section-1 {
|
||||
background: url('../img/section-1.png') center no-repeat;
|
||||
width: 218px;
|
||||
height: 218px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -109px 0 0 -109px;
|
||||
display: block;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 218px;
|
||||
height: 218px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
margin: -109px 0 0 -109px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
section#section-2 {
|
||||
background: url('../img/section-2.png') center no-repeat;
|
||||
width: 491px;
|
||||
height: 486px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -243px 0 0 -245.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 118px;
|
||||
height: 118px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 44px;
|
||||
right: 65px;
|
||||
}
|
||||
}
|
||||
section#section-3 {
|
||||
background: url('../img/section-3.png') center no-repeat;
|
||||
width: 760px;
|
||||
height: 551px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -275.50px 0 0 -380px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 118px;
|
||||
height: 118px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 223px;
|
||||
right: 270px;
|
||||
}
|
||||
}
|
||||
section#section-4 {
|
||||
background: url('../img/section-4.png') center no-repeat;
|
||||
width: 795px;
|
||||
height: 486px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -243px 0 0 -397.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 118px;
|
||||
height: 118px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
bottom: 1px;
|
||||
right: 426px;
|
||||
}
|
||||
}
|
||||
section#section-5 {
|
||||
background: url('../img/section-5.png') center no-repeat;
|
||||
width: 889px;
|
||||
height: 747px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -373.50px 0 0 -444.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 118px;
|
||||
height: 118px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 366px;
|
||||
left: 118px;
|
||||
}
|
||||
}
|
||||
section#section-6 {
|
||||
background: url('../img/section-6.png') center no-repeat;
|
||||
width: 681px;
|
||||
height: 612px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -306px 0 0 -340.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 118px;
|
||||
height: 118px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
bottom: 129px;
|
||||
left: 308px;
|
||||
}
|
||||
}
|
||||
section#section-7 {
|
||||
background: url('../img/section-7.png') center no-repeat;
|
||||
width: 889px;
|
||||
height: 896px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -448px 0 0 -444.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 254px;
|
||||
}
|
||||
}
|
||||
section#section-8 {
|
||||
background: url('../img/section-8.png') center no-repeat;
|
||||
width: 1106px;
|
||||
height: 937px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -468.50px 0 0 -468.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 235px;
|
||||
right: 266px;
|
||||
}
|
||||
}
|
||||
section#section-9 {
|
||||
background: url('../img/section-9.png') center no-repeat;
|
||||
width: 1013px;
|
||||
height: 896px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -448px 0 0 -506.50px;
|
||||
display: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 464px;
|
||||
left: 3px;
|
||||
}
|
||||
}
|
||||
section#section-10 {
|
||||
background: url('../img/section-10.png') center no-repeat;
|
||||
width: 1133px;
|
||||
height: 896px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -448px 0 0 -566.50px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* fixing firefox bug */
|
||||
div:after, ol:after, form:after, ul:after, dl:after, label:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
|
||||
621
style/capa/style.css
Normal file
621
style/capa/style.css
Normal file
@@ -0,0 +1,621 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Poppins');
|
||||
/* ==============================
|
||||
CSS3 Library for MoreLess System
|
||||
version 1.0
|
||||
|
||||
Developed By:
|
||||
Fernando Aureliano - @Pailoro
|
||||
|
||||
- License:
|
||||
|
||||
* This program is free software. It comes without any warranty, to
|
||||
* the extent permitted by applicable law. You can redistribute it
|
||||
* and/or modify it under the terms of the Do What The Fuck You Want
|
||||
* To Public License, Version 2, as published by Sam Hocevar. See
|
||||
* http://sam.zoy.org/wtfpl for more details.
|
||||
===============================*/
|
||||
/*@import "libs/noGrid";
|
||||
@import "libs/grid";*/
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
/*background: url('../img/bg/capa-amarela.jpg') no-repeat center center fixed; */
|
||||
|
||||
/*background-image: url('../img/bg/capa-amarela.jpg');*/
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
font-family: 'Lato', 'Poppins', sans-serif;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Lato', 'Poppins', sans-serif;
|
||||
}
|
||||
/* Inicial */
|
||||
|
||||
section#inicial section#logos figure {
|
||||
float: left;
|
||||
}
|
||||
section#inicial section#logos .menu-opaco{
|
||||
padding: 20px 10px 20px 10px;
|
||||
background-color: rgba(0, 0, 0, 0.34);
|
||||
display: table;
|
||||
}
|
||||
section#inicial section#logos .menu-principal li{
|
||||
float:left;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
section#inicial section#logos .menu-principal li:first-child a{
|
||||
border-left: 0px;
|
||||
}
|
||||
section#inicial section#logos .menu-principal li a:hover{
|
||||
text-decoration: none;
|
||||
color: #ffa600;
|
||||
}
|
||||
|
||||
/* menu principal usando custom_menu*/
|
||||
section#inicial section#logos .menu-principal a.nav-item{
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
padding: 7px 15px;
|
||||
-moz-transition:color .1s ease-in;
|
||||
-o-transition:color .1s ease-in;
|
||||
-webkit-transition:color .1s ease-in;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
section#inicial section#logos .menu-principal li.dropdown{
|
||||
display: none;
|
||||
float: left;
|
||||
font-size: 21px;
|
||||
font-weight: 100;
|
||||
color: #ffffff;
|
||||
padding: 4px 15px;
|
||||
margin-left: 0px;
|
||||
border-left:1px solid #ffffff;
|
||||
-moz-transition:color .1s ease-in;
|
||||
-o-transition:color .1s ease-in;
|
||||
-webkit-transition:color .1s ease-in;
|
||||
}
|
||||
section#inicial section#logos .menu-principal li.nav-item:nth-last-child(2){
|
||||
margin-right: 0;
|
||||
background-color: #91288d;
|
||||
border-radius: 25px;
|
||||
|
||||
}
|
||||
section#inicial section#logos .menu-principal li.nav-item:hover{
|
||||
text-decoration: none;
|
||||
color: #ffa600;
|
||||
}
|
||||
/*fim do custom_menu*/
|
||||
|
||||
|
||||
/* LISTAGEM DE CURSOS DA CAPA */
|
||||
|
||||
#page #page-content #list-course {
|
||||
position: relative;
|
||||
}
|
||||
#page #page-content #list-course a.btn-todos {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
border-radius: 25px;
|
||||
border: solid 1px #5a82d2;
|
||||
padding: 15px 20px;
|
||||
top: 18px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
display: none;
|
||||
}
|
||||
#page #page-content #list-course a.btn-todos:hover {
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
text-decoration: none;
|
||||
background: #5a82d2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#page-site-index #page{
|
||||
margin-top: 10px;
|
||||
}
|
||||
#page-site-index #page .skip-block{
|
||||
display: none;
|
||||
}
|
||||
#page-site-index #page #frontpage-course-list{
|
||||
border: 0px;
|
||||
}
|
||||
#page-site-index #page #frontpage-course-list h2{
|
||||
font-size: 28px;
|
||||
font-weight: 100;
|
||||
color: #555;
|
||||
padding: 0 0 20px 0;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #e2e2e2;
|
||||
}
|
||||
#page-site-index #page .courses .coursebox{
|
||||
width: 50%;
|
||||
float: left;
|
||||
border: 0px;
|
||||
}
|
||||
#page-site-index #page .courses .coursebox.odd{
|
||||
padding-right: 20px;
|
||||
}
|
||||
#page-site-index #page #list-course .box-list-course h3.coursename{
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 6px;
|
||||
padding: 7px 15px 0;
|
||||
}
|
||||
#page-site-index #page #list-course .box-list-course h3.coursename a{
|
||||
color: #333333;
|
||||
}
|
||||
#page-site-index #page #list-course .box-list-course .summary{
|
||||
font-size: 13px;
|
||||
color: #555555;
|
||||
/*line-height: 18px;*/
|
||||
}
|
||||
#page-site-index #page #list-course .box-list-course .categoryName{
|
||||
color: #9b9a9a;
|
||||
padding: 0px 15px 0;
|
||||
font-size: 12px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#page-site-index #page #list-course .box-list-course .courseimage{
|
||||
margin-bottom:5px;
|
||||
overflow-y: hidden;
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 575px){
|
||||
.coursebox .content .summary {
|
||||
padding: 0 0 0 200px;
|
||||
}
|
||||
.coursebox .content .courseimage {
|
||||
/*left: 0;*/
|
||||
}
|
||||
}
|
||||
.coursebox .content .courseimage img {
|
||||
max-width: 160px;
|
||||
max-height: 113px;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 769px) and (max-width: 1024px) {
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner {
|
||||
width: 405px;
|
||||
height: 174px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item {
|
||||
height: 174px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption h1 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 38px;
|
||||
color: #ffffff;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption p {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #ffffff;
|
||||
line-height: 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption a.saiba-mais {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 25px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p.numero {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 38px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info figure.icon-certificado {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 640px) and (max-width: 768px) {
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner {
|
||||
width: 287px;
|
||||
height: 157px;
|
||||
margin-left: 27px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item {
|
||||
height: 157px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption h1 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
color: #ffffff;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption p {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 13px;
|
||||
color: #ffffff;
|
||||
line-height: 19px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption a.saiba-mais {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control {
|
||||
top: 38%;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control.left {
|
||||
background-image: none;
|
||||
left: -28px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control.right {
|
||||
background-image: none;
|
||||
right: -7%;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control span.glyphicon {
|
||||
display: none;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p.numero {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 28px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info figure.icon-certificado {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 640px) {
|
||||
section#inicial #content-stage section#titulo {
|
||||
text-align: right;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h1 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 100px;
|
||||
color: #ffffff;
|
||||
letter-spacing: -5px;
|
||||
line-height: 104px;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h2 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 45px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner {
|
||||
width: 465px;
|
||||
height: 145px;
|
||||
margin-left: 40px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control.left {
|
||||
left: -38px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p {
|
||||
font-size: 15px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 320px) and (max-width: 480px) {
|
||||
section#inicial #content-stage section#logos figure {
|
||||
/*float: right;*/
|
||||
/*margin: 0;*/
|
||||
}
|
||||
section#inicial #content-stage section#logos figure:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
section#inicial #content-stage section#titulo {
|
||||
text-align: right;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h1 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 78px;
|
||||
color: #ffffff;
|
||||
letter-spacing: -5px;
|
||||
line-height: 82px;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h2 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 35px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner {
|
||||
width: 325px;
|
||||
height: 145px;
|
||||
margin-left: 23px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control .left {
|
||||
left: -23px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p {
|
||||
font-size: 15px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 375px) {
|
||||
section#inicial {
|
||||
padding: 50px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#logos {
|
||||
margin: 0 0 40px 0;
|
||||
}
|
||||
section#inicial #content-stage section#logos figure {
|
||||
/*float: right;*/
|
||||
/*margin: 0 0 10px 0;*/
|
||||
}
|
||||
section#inicial #content-stage section#logos figure:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
section#inicial #content-stage section#titulo {
|
||||
text-align: right;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h1 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 58px;
|
||||
color: #ffffff;
|
||||
letter-spacing: -5px;
|
||||
line-height: 69px;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h2 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner {
|
||||
width: 245px;
|
||||
height: 145px;
|
||||
margin-left: 20px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control.left {
|
||||
left: -24px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p {
|
||||
font-size: 15px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
footer {
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
footer p {
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 320px) {
|
||||
section#inicial {
|
||||
padding: 50px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#logos {
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
section#inicial #content-stage section#logos figure {
|
||||
float: initial;
|
||||
margin: 0 auto 10px auto;
|
||||
}
|
||||
section#inicial #content-stage section#logos figure:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
section#inicial #content-stage section#logos figure img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
section#inicial #content-stage section#titulo {
|
||||
text-align: right;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h1 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 50px;
|
||||
color: #ffffff;
|
||||
letter-spacing: -5px;
|
||||
line-height: 60px;
|
||||
}
|
||||
section#inicial #content-stage section#titulo h2 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
color: #ffffff;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo h3 {
|
||||
font-size: 25px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner {
|
||||
width: 184px;
|
||||
height: 157px;
|
||||
margin-left: 16px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-inner .item .carousel-caption a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .carousel .carousel-control.left {
|
||||
left: -24px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p {
|
||||
font-size: 15px;
|
||||
}
|
||||
section#inicial #content-stage section#conteudo .info p.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
footer {
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
footer p {
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
}
|
||||
/* fixing firefox bug */
|
||||
div:after,
|
||||
ol:after,
|
||||
form:after,
|
||||
ul:after,
|
||||
dl:after,
|
||||
label:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
852
style/capa/style.less
Normal file
852
style/capa/style.less
Normal file
@@ -0,0 +1,852 @@
|
||||
//============================ Libraries
|
||||
|
||||
@import "css3";
|
||||
/*@import "libs/noGrid";
|
||||
@import "libs/grid";*/
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800');
|
||||
|
||||
//============================ vars
|
||||
.fontsize-open-light( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-lightitalic( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-regular( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-semibold( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-bold( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
.fontsize-open-extrabold( @size: 13px, @cor: #fff ) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: @size;
|
||||
color: @cor;
|
||||
}
|
||||
|
||||
|
||||
@color-menu: #fff;
|
||||
@color-menu-hover: #466415;
|
||||
@color-title: #ffffff;
|
||||
|
||||
//============================ functions
|
||||
|
||||
|
||||
//============================ html
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
/*background: url('../img/bg/capa-amarela.jpg') no-repeat center center fixed; */
|
||||
//background-image: url('../img/bg/capa-amarela.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Inicial */
|
||||
section#inicial {
|
||||
padding: 90px 0 0 0;
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#logos {
|
||||
margin: 0 0 60px 0;
|
||||
|
||||
figure {
|
||||
//float: right;
|
||||
//margin: 0 27px 0 0;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#titulo {
|
||||
text-align: right;
|
||||
|
||||
h1 {
|
||||
.fontsize-open-extrabold( 131px, #fff );
|
||||
letter-spacing: -5px;
|
||||
line-height: 127px;
|
||||
}
|
||||
h2 {
|
||||
.fontsize-open-regular( 56px, #fff );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#formulario {
|
||||
margin: 60px 0 0 0;
|
||||
|
||||
input {
|
||||
border-radius: 0;
|
||||
border: solid 1px #765805;
|
||||
margin: 4px 0 0 0;
|
||||
.fontsize-open-lightitalic( 20px, #000 );
|
||||
|
||||
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
|
||||
color: #000;
|
||||
}
|
||||
&::-moz-placeholder { /* Firefox 19+ */
|
||||
color: #000;
|
||||
}
|
||||
&:-ms-input-placeholder { /* IE 10+ */
|
||||
color: #000;
|
||||
}
|
||||
&:-moz-placeholder { /* Firefox 18- */
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
button {
|
||||
width: 100%;
|
||||
margin: 4px 0 0 0;
|
||||
background-color: rgba(0, 0, 0, 0.34);
|
||||
color: #fff;
|
||||
border-radius: 0;
|
||||
.fontsize-open-light( 20px, #fff );
|
||||
}
|
||||
a {
|
||||
|
||||
&.btn-default {
|
||||
width: 100%;
|
||||
margin: 4px 0 0 0;
|
||||
border-radius: 0;
|
||||
.fontsize-open-regular( 11px, #000 );
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#conteudo {
|
||||
margin: 10px 0 0 0;
|
||||
|
||||
h3 {
|
||||
.fontsize-open-regular( 34px, #fff );
|
||||
}
|
||||
|
||||
ul {
|
||||
&.slide {
|
||||
padding: 0 30px 0 30px;
|
||||
|
||||
li {
|
||||
|
||||
h1 {
|
||||
.fontsize-open-regular( 52px, #fff );
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 20px, #fff );
|
||||
line-height: 30px;
|
||||
}
|
||||
a {
|
||||
&.saiba-mais {
|
||||
.fontsize-open-regular( 25px, #fff );
|
||||
display: block;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.carousel {
|
||||
.carousel-indicators {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
height: 202px;
|
||||
width: 530px;
|
||||
margin-left: 38px;
|
||||
/*padding: 0 30px 0 40px;*/
|
||||
|
||||
.item {
|
||||
height: 202px;
|
||||
|
||||
.carousel-caption {
|
||||
padding: 0;
|
||||
position: initial;
|
||||
text-align: left;
|
||||
|
||||
h1 {
|
||||
.fontsize-open-regular( 52px, #fff );
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 20px, #fff );
|
||||
line-height: 28px;
|
||||
}
|
||||
a {
|
||||
&.saiba-mais {
|
||||
.fontsize-open-regular( 25px, #fff );
|
||||
display: block;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
top: 38%;
|
||||
|
||||
&.left {
|
||||
background-image: none;
|
||||
left: -45px;
|
||||
}
|
||||
&.right {
|
||||
background-image: none;
|
||||
right: -7%;
|
||||
}
|
||||
span {
|
||||
&.glyphicon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
padding-bottom: 41px;
|
||||
|
||||
p {
|
||||
.fontsize-open-light( 34px, #fff );
|
||||
|
||||
&.numero {
|
||||
.fontsize-open-extrabold( 48px, #fff );
|
||||
}
|
||||
}
|
||||
|
||||
.row-fluid {
|
||||
div {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
&.icon-certificado {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: 37px 0 0 0;
|
||||
padding: 0 0 20px 0;
|
||||
|
||||
p {
|
||||
.fontsize-open-regular( 14px, #fff );
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
figure {
|
||||
|
||||
&.logo-moodle {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Class */
|
||||
.box-opaco {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 30px;
|
||||
margin: 8px 0 0 0;
|
||||
background-color: rgba(0, 0, 0, 0.34);
|
||||
}
|
||||
|
||||
@media (min-width: 769px) and (max-width: 1024px) {
|
||||
section#inicial {
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#conteudo {
|
||||
|
||||
.carousel {
|
||||
|
||||
.carousel-inner {
|
||||
width: 405px;
|
||||
height: 174px;
|
||||
margin-left: 20px;
|
||||
|
||||
.item {
|
||||
height: 174px;
|
||||
|
||||
.carousel-caption {
|
||||
|
||||
h1 {
|
||||
.fontsize-open-regular( 38px, #fff );
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 15px, #fff );
|
||||
line-height: 20px;
|
||||
}
|
||||
a {
|
||||
&.saiba-mais {
|
||||
.fontsize-open-regular( 17px, #fff );
|
||||
display: block;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.info {
|
||||
padding-bottom: 50px;
|
||||
|
||||
p {
|
||||
.fontsize-open-light( 25px, #fff );
|
||||
|
||||
&.numero {
|
||||
.fontsize-open-extrabold( 38px, #fff );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
&.icon-certificado {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 640px) and (max-width: 768px) {
|
||||
section#inicial {
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#conteudo {
|
||||
|
||||
.carousel {
|
||||
|
||||
.carousel-inner {
|
||||
width: 287px;
|
||||
height: 157px;
|
||||
margin-left: 27px;
|
||||
|
||||
.item {
|
||||
height: 157px;
|
||||
|
||||
.carousel-caption {
|
||||
|
||||
h1 {
|
||||
.fontsize-open-regular( 28px, #fff );
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
p {
|
||||
.fontsize-open-light( 13px, #fff );
|
||||
line-height: 19px;
|
||||
}
|
||||
a {
|
||||
&.saiba-mais {
|
||||
.fontsize-open-regular( 16px, #fff );
|
||||
display: block;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.carousel-control {
|
||||
top: 38%;
|
||||
|
||||
&.left {
|
||||
background-image: none;
|
||||
left: -28px;
|
||||
}
|
||||
&.right {
|
||||
background-image: none;
|
||||
right: -7%;
|
||||
}
|
||||
span {
|
||||
&.glyphicon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.info {
|
||||
padding-bottom: 50px;
|
||||
|
||||
p {
|
||||
.fontsize-open-light( 18px, #fff );
|
||||
|
||||
&.numero {
|
||||
.fontsize-open-extrabold( 28px, #fff );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
&.icon-certificado {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 480px) and (max-width: 640px) {
|
||||
section#inicial {
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#titulo {
|
||||
text-align: right;
|
||||
|
||||
h1 {
|
||||
.fontsize-open-extrabold( 100px, #fff );
|
||||
letter-spacing: -5px;
|
||||
line-height: 104px;
|
||||
}
|
||||
h2 {
|
||||
.fontsize-open-regular( 45px, #fff );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
|
||||
h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
|
||||
.carousel-inner {
|
||||
width: 465px;
|
||||
height: 145px;
|
||||
margin-left: 40px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
|
||||
.item {
|
||||
|
||||
.carousel-caption {
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
|
||||
&.left {
|
||||
left: -38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
|
||||
&.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 320px) and (max-width: 480px) {
|
||||
section#inicial {
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#logos {
|
||||
|
||||
figure {
|
||||
float: right;
|
||||
margin: 0;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#titulo {
|
||||
text-align: right;
|
||||
|
||||
h1 {
|
||||
.fontsize-open-extrabold( 78px, #fff );
|
||||
letter-spacing: -5px;
|
||||
line-height: 82px;
|
||||
}
|
||||
h2 {
|
||||
.fontsize-open-regular( 35px, #fff );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
|
||||
h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
|
||||
.carousel-inner {
|
||||
width: 325px;
|
||||
height: 145px;
|
||||
margin-left: 23px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
|
||||
.item {
|
||||
|
||||
.carousel-caption {
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
|
||||
.left {
|
||||
left: -23px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
|
||||
&.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 375px) {
|
||||
section#inicial {
|
||||
padding: 50px 0 0 0;
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#logos {
|
||||
margin: 0 0 40px 0;
|
||||
|
||||
figure {
|
||||
float: right;
|
||||
margin: 0 0 10px 0;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#titulo {
|
||||
text-align: right;
|
||||
|
||||
h1 {
|
||||
.fontsize-open-extrabold( 58px, #fff );
|
||||
letter-spacing: -5px;
|
||||
line-height: 69px;
|
||||
}
|
||||
h2 {
|
||||
.fontsize-open-regular( 28px, #fff );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
|
||||
h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
|
||||
.carousel-inner {
|
||||
width: 245px;
|
||||
height: 145px;
|
||||
margin-left: 20px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
|
||||
.item {
|
||||
|
||||
.carousel-caption {
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
|
||||
&.left {
|
||||
left: -24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
|
||||
&.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
footer {
|
||||
margin: 20px 0 0 0;
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 320px) {
|
||||
section#inicial {
|
||||
padding: 50px 0 0 0;
|
||||
|
||||
#content-stage {
|
||||
|
||||
section#logos {
|
||||
margin: 0 0 30px 0;
|
||||
|
||||
figure {
|
||||
float: initial;
|
||||
margin: 0 auto 10px auto;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#titulo {
|
||||
text-align: right;
|
||||
|
||||
h1 {
|
||||
.fontsize-open-extrabold( 50px, #fff );
|
||||
letter-spacing: -5px;
|
||||
line-height: 60px;
|
||||
}
|
||||
h2 {
|
||||
.fontsize-open-regular( 28px, #fff );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
section#formulario {
|
||||
margin: 40px 0 0 0;
|
||||
}
|
||||
|
||||
section#conteudo {
|
||||
margin: 25px 0 0 0;
|
||||
|
||||
h3 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
|
||||
.carousel-inner {
|
||||
width: 184px;
|
||||
height: 157px;
|
||||
margin-left: 16px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
|
||||
.item {
|
||||
|
||||
.carousel-caption {
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 64px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
a.saiba-mais {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
|
||||
&.left {
|
||||
left: -24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.historia {
|
||||
padding: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20px 20px 30px 20px;
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
|
||||
&.numero {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
footer {
|
||||
margin: 20px 0 0 0;
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* fixing firefox bug */
|
||||
div:after, ol:after, form:after, ul:after, dl:after, label:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
|
||||
181
style/capa/validationEngine.jquery.css
Normal file
181
style/capa/validationEngine.jquery.css
Normal file
@@ -0,0 +1,181 @@
|
||||
|
||||
|
||||
/* Z-INDEX */
|
||||
.formError { z-index: 990; }
|
||||
.formError .formErrorContent { z-index: 991; }
|
||||
.formError .formErrorArrow { z-index: 996; }
|
||||
|
||||
.ui-dialog .formError { z-index: 5000; }
|
||||
.ui-dialog .formError .formErrorContent { z-index: 5001; }
|
||||
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
|
||||
|
||||
|
||||
|
||||
|
||||
.inputContainer {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.formError {
|
||||
position: absolute;
|
||||
top: 300px;
|
||||
left: 300px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.formError.inline {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ajaxSubmit {
|
||||
padding: 20px;
|
||||
background: #55ea55;
|
||||
border: 1px solid #999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.formError .formErrorContent {
|
||||
width: 100%;
|
||||
background: #ee0101;
|
||||
position:relative;
|
||||
color: #fff;
|
||||
min-width: 120px;
|
||||
font-size: 11px;
|
||||
border: 2px solid #ddd;
|
||||
box-shadow: 0 0 6px #000;
|
||||
-moz-box-shadow: 0 0 6px #000;
|
||||
-webkit-box-shadow: 0 0 6px #000;
|
||||
-o-box-shadow: 0 0 6px #000;
|
||||
padding: 4px 10px 4px 10px;
|
||||
border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
}
|
||||
|
||||
.formError.inline .formErrorContent {
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
}
|
||||
|
||||
.greenPopup .formErrorContent {
|
||||
background: #33be40;
|
||||
}
|
||||
|
||||
.blackPopup .formErrorContent {
|
||||
background: #393939;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow {
|
||||
width: 15px;
|
||||
margin: -2px 0 0 13px;
|
||||
position:relative;
|
||||
}
|
||||
body[dir='rtl'] .formError .formErrorArrow,
|
||||
body.rtl .formError .formErrorArrow {
|
||||
margin: -2px 13px 0 0;
|
||||
}
|
||||
|
||||
.formError .formErrorArrowBottom {
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
margin: 0px 0 0 12px;
|
||||
top:2px;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow div {
|
||||
border-left: 2px solid #ddd;
|
||||
border-right: 2px solid #ddd;
|
||||
box-shadow: 0 2px 3px #444;
|
||||
-moz-box-shadow: 0 2px 3px #444;
|
||||
-webkit-box-shadow: 0 2px 3px #444;
|
||||
-o-box-shadow: 0 2px 3px #444;
|
||||
font-size: 0px;
|
||||
height: 1px;
|
||||
background: #ee0101;
|
||||
margin: 0 auto;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.formError .formErrorArrowBottom div {
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
}
|
||||
|
||||
.greenPopup .formErrorArrow div {
|
||||
background: #33be40;
|
||||
}
|
||||
|
||||
.blackPopup .formErrorArrow div {
|
||||
background: #393939;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line10 {
|
||||
width: 13px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line9 {
|
||||
width: 11px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line8 {
|
||||
width: 11px;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line7 {
|
||||
width: 9px;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line6 {
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line5 {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line4 {
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line3 {
|
||||
width: 1px;
|
||||
border-left: 2px solid #ddd;
|
||||
border-right: 2px solid #ddd;
|
||||
border-bottom: 0 solid #ddd;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line2 {
|
||||
width: 3px;
|
||||
border: none;
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.formError .formErrorArrow .line1 {
|
||||
width: 1px;
|
||||
border: none;
|
||||
background: #ddd;
|
||||
}
|
||||
112
style/custom.css
Normal file
112
style/custom.css
Normal file
@@ -0,0 +1,112 @@
|
||||
/* Custom CSS Settings
|
||||
-------------------------*/
|
||||
|
||||
/*############################################################# Reset*/
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
a{color: #474749;}
|
||||
|
||||
/* ############################################################ Body */
|
||||
#page-my-index{
|
||||
background-color: #fff;
|
||||
}
|
||||
#page{
|
||||
max-width: 1280px;
|
||||
}
|
||||
|
||||
/*############################################################# Cabeçalho*/
|
||||
|
||||
#page-course-view-topics > #page-wrapper > #page > #page-header .pb-3{
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
|
||||
#page > .page-title{
|
||||
border-bottom: 2px solid #eaeaea;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#page > .page-title > h1{
|
||||
font-size: 36px;
|
||||
color: #474749;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.card{
|
||||
border: 0px;
|
||||
}
|
||||
.card > .card-body{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mr-auto{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.card > .card-body .context-header-settings-menu{
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.card-body > .card-title{
|
||||
color: #fff;
|
||||
background-color: #6482c1;
|
||||
padding: 10px 15px 5px 15px !important;
|
||||
border-radius: 5px 5px 0 0;
|
||||
width: auto !important;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.card-body > .card-text{background: #fff !important;}
|
||||
.card-body > .card-text .card-deck{overflow: auto;}
|
||||
.card-body > .card-text .card-deck .card{
|
||||
-webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
|
||||
-moz-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
|
||||
box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.block > .card-body > .card-title:before {
|
||||
font-family: FontAwesome;
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
vertical-align: middle;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.block_recentlyaccessedcourses > .card-body > .card-title:before {content: "\f0ae";}
|
||||
.block_timeline > .card-body > .card-title:before {content: "\f1da";}
|
||||
.block_myoverview > .card-body > .card-title:before {content: "\f015";}
|
||||
|
||||
.card-body > .content{
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/*############################################################# Barra de progresso*/
|
||||
|
||||
/* My */
|
||||
#region-main .block-myoverview .progress{border-radius: 0px;}
|
||||
.block .block-cards .progress{height: 0.7rem;}
|
||||
#region-main .block-myoverview .progress .progress-bar{background-color: #91288d;}
|
||||
|
||||
/* Course page */
|
||||
|
||||
.barra_progresso{
|
||||
font-family: "Poppins",sans-serif;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.barra_progresso > .progresso{background-color: #ebebeb;}
|
||||
.barra_progresso > .progresso > .andamento{
|
||||
height: 20px;
|
||||
background-color: #91288d;
|
||||
}
|
||||
.barra_progresso > .progresso > .andamento > label{
|
||||
color: #fff;
|
||||
float: right;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------- */
|
||||
[[setting:customcss]]
|
||||
4
style/font-awesome.min.css
vendored
Normal file
4
style/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
style/fonts/FontAwesome.otf
Normal file
BIN
style/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
style/fonts/fontawesome-webfont.eot
Normal file
BIN
style/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
style/fonts/fontawesome-webfont.svg
Normal file
2671
style/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
BIN
style/fonts/fontawesome-webfont.ttf
Normal file
BIN
style/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
style/fonts/fontawesome-webfont.woff
Normal file
BIN
style/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
style/fonts/fontawesome-webfont.woff2
Normal file
BIN
style/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
2124
style/theme.css
Normal file
2124
style/theme.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user