578 lines
12 KiB
SCSS
578 lines
12 KiB
SCSS
|
|
p{
|
|
color: #666;
|
|
line-height: 21px;
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.container {
|
|
width: 750px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container {
|
|
width: 970px;
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.container {
|
|
width: 1280px !important;
|
|
}
|
|
}
|
|
|
|
/* ######################## Capa ########################## */
|
|
|
|
section#inicial{
|
|
padding: 10px 0 0 0;
|
|
min-height: 860px;
|
|
background-repeat: repeat-x;
|
|
background-position: 50% top;
|
|
section#logos{
|
|
width: 1280px;
|
|
margin-top: 30px;
|
|
.logo-capa{
|
|
max-height: 60px;
|
|
}
|
|
.menu-principal{
|
|
li{
|
|
a {
|
|
margin: 0 10px;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#content-stage{
|
|
section#formulario{
|
|
margin: 230px 0 0 0;
|
|
.box-login-capa{
|
|
padding: 40px;
|
|
margin-top: -40px;
|
|
background-color: #003D6F;
|
|
border-radius: 12px;
|
|
h2{
|
|
font-weight: 700;
|
|
font-size: 32px;
|
|
color: #fff;
|
|
margin-bottom: 15px;
|
|
}
|
|
form{
|
|
text-align: -webkit-center;
|
|
}
|
|
}
|
|
h3.showcase {
|
|
font-weight: 300;
|
|
font-size: 28px;
|
|
color: #fff;
|
|
margin-bottom: 5px;
|
|
//letter-spacing: 2px;
|
|
strong {
|
|
//color:#ffa600;
|
|
}
|
|
}
|
|
h1.showcase{
|
|
font-weight: 900;
|
|
font-size: 48px;
|
|
color: #fff;
|
|
}
|
|
p {
|
|
color: #fff;
|
|
font-weight: 100;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
}
|
|
input {
|
|
border-radius: 23px;
|
|
margin: 4px 0 0 0;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #fff;
|
|
background-color: transparent;
|
|
height: 45px;
|
|
padding: 10px 15px 10px 15px;
|
|
}
|
|
input::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
input::-moz-placeholder {
|
|
/* Firefox 19+ */
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
input:-ms-input-placeholder {
|
|
/* IE 10+ */
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
input:-moz-placeholder {
|
|
/* Firefox 18- */
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
button {
|
|
width: 100%;
|
|
margin: 4px 0 0 0;
|
|
background-color: $color_padrao_laranja;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
-moz-transition: .1s ease-in;
|
|
-o-transition: .1s ease-in;
|
|
-webkit-transition: .1s ease-in;
|
|
border-radius: 23px;
|
|
height: 45px;
|
|
padding: 10px 15px 10px 15px;
|
|
float: right;
|
|
}
|
|
button:hover{
|
|
background-color: rgba(255, 166, 0, 1);
|
|
}
|
|
.recovery {
|
|
float: left;
|
|
color: #fff;
|
|
margin-top: 10px;
|
|
margin-left: 20px;
|
|
font-size: 14px;
|
|
}
|
|
.rememberpass{
|
|
color: #fff;
|
|
#rememberusername{
|
|
margin: 0 5px 6px 10px;
|
|
}
|
|
}
|
|
a.btn-default {
|
|
width: 100%;
|
|
margin: 4px 0 0 0;
|
|
border-radius: 0;
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-weight: 400;
|
|
font-size: 11px;
|
|
color: #000;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#page{
|
|
#page-content{
|
|
.titulo{
|
|
font-weight: 900;
|
|
font-size: 24px;
|
|
color: #003D70;
|
|
margin-bottom: 8px;
|
|
}
|
|
#site-news-forum{
|
|
#news-articles{
|
|
.news-article{
|
|
margin-bottom: 15px;
|
|
.news-article-content{
|
|
h3{
|
|
a{
|
|
color: #565656;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ################################### FOOTER ################################# */
|
|
#page-footer{
|
|
margin-top: 55px;
|
|
.footer-logo{
|
|
.logo-qualisaude{
|
|
height: 50px;
|
|
}
|
|
}
|
|
#footer{
|
|
.social-media{
|
|
padding: 20px 0 0;
|
|
ul{
|
|
li{
|
|
a {
|
|
font-size: 36px;
|
|
color: #31539E;
|
|
&:hover{
|
|
color: #009cd1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ################################### TOPO ################################# */
|
|
#header{
|
|
.navbar-nav{
|
|
.logo{
|
|
img{
|
|
max-height: 50px !important;
|
|
}
|
|
}
|
|
.usermenu{
|
|
a.dropdown-toggle {
|
|
color: #919191;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ################################### HEADER ################################# */
|
|
|
|
.cabecalho-header{
|
|
background-image: url([[pix:theme|bg/bg-cabecalho]]);
|
|
background-repeat: round;
|
|
//background-position: center center;
|
|
//background-attachment: fixed;
|
|
background-color: #ffffff;
|
|
//background-size: cover;
|
|
min-height: 250px;
|
|
}
|
|
#cabecalho-geral{
|
|
max-width: 1280px;
|
|
padding-top: 40px;
|
|
}
|
|
#cabecalho-geral .card{
|
|
background-color:transparent;
|
|
border: 0px;
|
|
}
|
|
#cabecalho-geral .breadcrumb .breadcrumb-item{
|
|
color:#fff;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
}
|
|
#cabecalho-geral .breadcrumb >li>a{color:#fff;}
|
|
#cabecalho-geral .breadcrumb >li>a:hover{color:#f60; text-decoration: none;}
|
|
#cabecalho-geral .breadcrumb-item + .breadcrumb-item::before{
|
|
color:#fff;
|
|
content: ">";
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
#cabecalho-geral{
|
|
div.page-title{
|
|
h1{
|
|
color:#fff;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
&.course-title{
|
|
margin-top: 10px;
|
|
max-width: 900px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ################################### DASHBOARD ################################# */
|
|
|
|
.pagelayout-mydashboard{
|
|
#region-main{
|
|
border: 0px;
|
|
section#list-course{
|
|
padding-left: 3px;
|
|
#myTabs{
|
|
li{
|
|
a{
|
|
border-radius: 10px 10px 0 0;
|
|
border: 1px solid #efefef;
|
|
border-bottom: 0px;
|
|
padding: 1px 20px 0px 20px;
|
|
line-height: 30px;
|
|
display: block;
|
|
margin-right: 10px;
|
|
text-decoration: none;
|
|
&.active{
|
|
background-color: #dee2e7;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.card-body{
|
|
padding: 0px;
|
|
.card-deck{
|
|
.card{
|
|
box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
|
|
margin: 10px 2px 0px 2px;
|
|
display: inline-flex;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dashboard-card-deck:not(.fixed-width-cards) {
|
|
@media (min-width: 576px) {
|
|
.dashboard-card {
|
|
width: calc(50% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 840px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1100px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1360px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
}
|
|
|
|
#region-main.has-blocks {
|
|
.dashboard-card-deck:not(.fixed-width-cards) {
|
|
@media (min-width: 1200px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1470px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body.drawer-open-left {
|
|
.dashboard-card-deck:not(.fixed-width-cards) {
|
|
@media (min-width: 768px) {
|
|
.dashboard-card {
|
|
width: calc(100% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 861px) {
|
|
.dashboard-card {
|
|
width: calc(50% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1122px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1381px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body.drawer-open-left #region-main.has-blocks {
|
|
.dashboard-card-deck:not(.fixed-width-cards) {
|
|
@media (min-width: 1200px) {
|
|
.dashboard-card {
|
|
width: calc(100% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1236px) {
|
|
.dashboard-card {
|
|
width: calc(50% - #{$card-gutter});
|
|
}
|
|
}
|
|
@media (min-width: 1497px) {
|
|
.dashboard-card {
|
|
width: calc(33.33% - #{$card-gutter});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
#block-region-side-pre {
|
|
.dashboard-card-deck:not(.fixed-width-cards) {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
.dashboard-card {
|
|
width: calc(100% - #{$card-gutter}) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* ################################### CURSO ################################# */
|
|
|
|
.pagelayout-course{
|
|
#region-main{
|
|
border: 0px;
|
|
.completionprogress{display: none;}
|
|
}
|
|
}
|
|
|
|
/* ################################### BLOCOS Laterais ################################# */
|
|
|
|
/* Blocos gerais */
|
|
.card{
|
|
border: 0px;
|
|
.card-body{
|
|
padding: 0;
|
|
.context-header-settings-menu{
|
|
position: absolute;
|
|
right: 0px;
|
|
}
|
|
.card-title{
|
|
color: $color_padrao_azul;
|
|
//background-color: #6482c1;
|
|
//padding: 10px 15px 5px 15px !important;
|
|
//border-radius: 5px 5px 0 0;
|
|
//width: auto !important;
|
|
//font-size: 14px !important;
|
|
}
|
|
.card-title:before {
|
|
font-family: FontAwesome;
|
|
display: inline-block;
|
|
padding-right: 10px;
|
|
vertical-align: middle;
|
|
font-size: 32px;
|
|
}
|
|
.card-text{
|
|
background: #fff !important;
|
|
.card-deck{
|
|
overflow: auto;
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Blocos da lateral */
|
|
#block-region-side-pre{
|
|
.card{
|
|
border: 1px solid $color_padrao_azul;
|
|
border-radius: 15px;
|
|
padding: 10px;
|
|
.card-body{
|
|
.card-title{
|
|
width: 100%;
|
|
font-size: 17px!important;
|
|
display: table !important;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
.block_news_items{
|
|
.card-text{
|
|
ul{
|
|
li.post{
|
|
display: table;
|
|
border-top: 1px solid #bbbbbb;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
.head{
|
|
display: table-footer-group;
|
|
font-size: 12px;
|
|
.date{
|
|
display: table-cell;
|
|
}
|
|
}
|
|
.info{
|
|
display: table-header-group;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.mr-auto{
|
|
//display: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* ################################### Accordeon @collapsibletopics ################################# */
|
|
|
|
#page-course-view-collapsibletopics{
|
|
.course-content{
|
|
ul.collapsibletopics{
|
|
li.section{
|
|
margin-bottom: 10px;
|
|
border: 1px solid #e1e1e1;
|
|
.content{
|
|
padding: 0;
|
|
}
|
|
a.sectiontoggle{
|
|
display: block;
|
|
background-color: #e1e1e1;
|
|
background-position: 2% 50%;
|
|
background-size: 24px;
|
|
padding: 6px 4px 10px 45px;
|
|
margin: 0px;
|
|
&[aria-expanded="false"]{
|
|
background-image: url([[pix:theme|collapsed-new]]);
|
|
}
|
|
&[aria-expanded="true"]{
|
|
background-image: url([[pix:theme|expanded-new]]);
|
|
}
|
|
.sectionname{
|
|
color: $color_padrao_azul;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
.sectiontoggle-bottom{display: none;}
|
|
}
|
|
li#section-0{
|
|
border: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*############################################################# 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: $color_padrao_laranja;}
|
|
|
|
/* 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;
|
|
}
|
|
|