Skip to content
GitLab
Commit 9be377a2 authored by Diego Silva's avatar Diego Silva
Browse files

Applied temporary fix before implementing mobile design

parent 0178a261
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 214 additions and 66 deletions
+214 -66
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/components/headerTop2/headerTop2.css
+ 8
- 3
View file @ 9be377a2
......@@ -200,8 +200,6 @@
left: auto;
right: 0px;
bottom: auto;
height: auto!important;
min-height: 200px!important;
width: 300px;
margin: auto;
padding: 10px;
......@@ -209,6 +207,14 @@
z-index: 10;
overflow: hidden;
}
.component-header-top-2 .navbar-collapse.collapse.in {
min-height: 210px!important;
}
.component-header-top-2 .navbar-collapse.collapse,
.component-header-top-2 .navbar-collapse.collapsing {
min-height: 0px;
height: 0px;
}
.component-header-top-2 .navbar-collapse.collapsing .navbar-nav,
.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav,
.component-header-top-2 .navbar-collapse.collapse .navbar-nav {
......@@ -218,7 +224,6 @@
left: auto;
bottom: auto;
height: auto;
min-height: 175px!important;
width: 160px;
margin: auto;
padding: 0px;
......
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/components/headerTop2/headerTop2.min.css
+ 1
- 1
View file @ 9be377a2
.navbar{min-height:75px;padding-top:13px}.component-header-top-2 .navbar-collapse,.component-header-top-2 .navbar-title{display:inline-block!important;position:relative;height:100%!important;left:0;margin-left:0;padding-left:30px}.component-header-top-2 .navbar-title{width:45%}.component-header-top-2 .navbar-collapse{width:55%}.component-header-top-2 .navbar-title img{display:block;position:relative;float:left;left:0;top:0;width:50px;height:50px}.component-header-top-2 .navbar-title p{display:inline-block;position:relative;left:15px;top:5px;width:calc(100% - 50px);height:100%;color:#fff}.component-header-top-2 .navbar-title p span{font-family:roboto-regular!important;text-transform:uppercase}.component-header-top-2 .navbar-collapse .navbar-nav{display:block;position:relative;right:20px;height:100%;width:100%;margin:auto}.component-header-top-2 .navbar-collapse.collapse .navbar-nav,.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav,.component-header-top-2 .navbar-collapse.collapsing .navbar-nav{top:0!important}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item{display:block;position:relative;float:right;margin-left:30px}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a{text-decoration-line:none;text-transform:uppercase;font-family:roboto-regular!important;font-size:16px;font-weight:400;color:#f0f0f0;animation-name:colorize-menu-font;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:colorize-menu-font;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:colorize-menu-font;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:colorize-menu-font;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item.active a{font-family:roboto-bold!important;font-size:18px;font-weight:900;color:#fff}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link:hover{font-family:roboto-regular!important;animation-name:decolorize-menu-font;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:decolorize-menu-font;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:decolorize-menu-font;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:decolorize-menu-font;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}@keyframes colorize-menu-font{from{color:#8f8f8f}to{color:#f0f0f0}}@-moz-keyframes colorize-menu-font{from{color:#8f8f8f}to{color:#f0f0f0}}@-webkit-keyframes colorize-menu-font{from{color:#8f8f8f}to{color:#f0f0f0}}@keyframes decolorize-menu-font{from{color:#f0f0f0}to{color:#8f8f8f}}@-moz-keyframes decolorize-menu-font{from{color:#f0f0f0}to{color:#8f8f8f}}@-webkit-keyframes decolorize-menu-font{from{color:#f0f0f0}to{color:#8f8f8f}}@media(max-width:992px){.navbar{min-height:50px;margin-bottom:10px;padding-top:5px}.component-header-top-2 .navbar-title{width:100%;padding-left:15px}.component-header-top-2 .navbar-title img{top:2px;width:35px;height:35px}.component-header-top-2 .navbar-title p{line-height:1.2;top:6px;font-size:12px}.component-header-top-2 .navbar-toggler{display:block;position:relative;float:right;margin-right:30px;margin-top:-30px}.component-header-top-2 .navbar-collapse{display:block!important;position:absolute!important;float:right;top:53px!important;left:auto;right:0;bottom:auto;height:auto!important;min-height:200px!important;width:300px;margin:auto;padding:10px;border-radius:3px;z-index:10;overflow:hidden}.component-header-top-2 .navbar-collapse.collapse .navbar-nav,.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav,.component-header-top-2 .navbar-collapse.collapsing .navbar-nav{display:block!important;position:absolute!important;float:right;left:auto;bottom:auto;height:auto;min-height:175px!important;width:160px;margin:auto;padding:0;background-color:#585858;border:2px solid #464444;border-radius:3px;z-index:10;visibility:visible!important}.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav{right:-400px;animation-name:show-collapsed-navbar;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:show-collapsed-navbar;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:show-collapsed-navbar;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:show-collapsed-navbar;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse.collapse .navbar-nav,.component-header-top-2 .navbar-collapse.collapsing .navbar-nav{right:30px;animation-name:hide-collapsed-navbar;animation-duration:.5s;animation-fill-mode:forwards;-webkit-animation-name:hide-collapsed-navbar;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-name:hide-collapsed-navbar;-moz-animation-duration:.5s;-moz-animation-fill-mode:forwards;-ms-animation-name:hide-collapsed-navbar;-ms-animation-duration:.5s;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item{float:right;width:100%;margin:0;text-align:right}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link,.component-header-top-2 .navbar-collapse .navbar-nav .nav-item.active a.nav-link{float:left;left:0;right:0;width:100%;padding-right:10px;padding-top:15px;padding-bottom:15px;font-family:roboto-regular!important;font-size:16px;font-weight:400;text-align:right;background-color:#585858}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link{animation-name:decolorize-menu-font-mobile;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:decolorize-menu-font-mobile;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:decolorize-menu-font-mobile;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:decolorize-menu-font-mobile;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item.active a.nav-link{background-color:#3c3c3b}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link:hover{animation-name:colorize-menu-font-mobile;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:colorize-menu-font-mobile;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:colorize-menu-font-mobile;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:colorize-menu-font-mobile;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}@keyframes show-collapsed-navbar{from{right:-400px}to{right:30px}}@-moz-keyframes show-collapsed-navbar{from{right:-400px}to{right:30px}}@-webkit-keyframes show-collapsed-navbar{from{right:-400px}to{right:30px}}@keyframes hide-collapsed-navbar{from{right:30px}to{right:-400px}}@-moz-keyframes hide-collapsed-navbar{from{right:30px}to{right:-400px}}@-webkit-keyframes hide-collapsed-navbar{from{right:30px}to{right:-400px}}@keyframes colorize-menu-font-mobile{from{color:#f0f0f0}to{color:#8f8f8f}}@-moz-keyframes colorize-menu-font-mobile{from{color:#f0f0f0}to{color:#8f8f8f}}@-webkit-keyframes colorize-menu-font-mobile{from{color:#f0f0f0}to{color:#8f8f8f}}@keyframes decolorize-menu-font-mobile{from{color:#8f8f8f}to{color:#f0f0f0}}@-moz-keyframes decolorize-menu-font-mobile{from{color:#8f8f8f}to{color:#f0f0f0}}@-webkit-keyframes decolorize-menu-font-mobile{from{color:#8f8f8f}to{color:#f0f0f0}}}@media(max-width:772px){.component-header-top-2 .navbar-title img{top:7px}.component-header-top-2 .navbar-title p{top:10px}.navbar{padding-top:0}.component-header-top-2 .navbar-toggler{margin-top:-26px;margin-right:20px}@keyframes show-collapsed-navbar{from{right:-400px}to{right:20px}}@-moz-keyframes show-collapsed-navbar{from{right:-400px}to{right:20px}}@-webkit-keyframes show-collapsed-navbar{from{right:-400px}to{right:20px}}@keyframes hide-collapsed-navbar{from{right:20px}to{right:-400px}}@-moz-keyframes hide-collapsed-navbar{from{right:20px}to{right:-400px}}@-webkit-keyframes hide-collapsed-navbar{from{right:20px}to{right:-400px}}}
\ No newline at end of file
.navbar{min-height:75px;padding-top:13px}.component-header-top-2 .navbar-collapse,.component-header-top-2 .navbar-title{display:inline-block!important;position:relative;height:100%!important;left:0;margin-left:0;padding-left:30px}.component-header-top-2 .navbar-title{width:45%}.component-header-top-2 .navbar-collapse{width:55%}.component-header-top-2 .navbar-title img{display:block;position:relative;float:left;left:0;top:0;width:50px;height:50px}.component-header-top-2 .navbar-title p{display:inline-block;position:relative;left:15px;top:5px;width:calc(100% - 50px);height:100%;color:#fff}.component-header-top-2 .navbar-title p span{font-family:roboto-regular!important;text-transform:uppercase}.component-header-top-2 .navbar-collapse .navbar-nav{display:block;position:relative;right:20px;height:100%;width:100%;margin:auto}.component-header-top-2 .navbar-collapse.collapse .navbar-nav,.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav,.component-header-top-2 .navbar-collapse.collapsing .navbar-nav{top:0!important}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item{display:block;position:relative;float:right;margin-left:30px}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a{text-decoration-line:none;text-transform:uppercase;font-family:roboto-regular!important;font-size:16px;font-weight:400;color:#f0f0f0;animation-name:colorize-menu-font;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:colorize-menu-font;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:colorize-menu-font;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:colorize-menu-font;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item.active a{font-family:roboto-bold!important;font-size:18px;font-weight:900;color:#fff}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link:hover{font-family:roboto-regular!important;animation-name:decolorize-menu-font;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:decolorize-menu-font;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:decolorize-menu-font;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:decolorize-menu-font;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}@keyframes colorize-menu-font{from{color:#8f8f8f}to{color:#f0f0f0}}@-moz-keyframes colorize-menu-font{from{color:#8f8f8f}to{color:#f0f0f0}}@-webkit-keyframes colorize-menu-font{from{color:#8f8f8f}to{color:#f0f0f0}}@keyframes decolorize-menu-font{from{color:#f0f0f0}to{color:#8f8f8f}}@-moz-keyframes decolorize-menu-font{from{color:#f0f0f0}to{color:#8f8f8f}}@-webkit-keyframes decolorize-menu-font{from{color:#f0f0f0}to{color:#8f8f8f}}@media(max-width:992px){.navbar{min-height:50px;margin-bottom:10px;padding-top:5px}.component-header-top-2 .navbar-title{width:100%;padding-left:15px}.component-header-top-2 .navbar-title img{top:2px;width:35px;height:35px}.component-header-top-2 .navbar-title p{line-height:1.2;top:6px;font-size:12px}.component-header-top-2 .navbar-toggler{display:block;position:relative;float:right;margin-right:30px;margin-top:-30px}.component-header-top-2 .navbar-collapse{display:block!important;position:absolute!important;float:right;top:53px!important;left:auto;right:0;bottom:auto;width:300px;margin:auto;padding:10px;border-radius:3px;z-index:10;overflow:hidden}.component-header-top-2 .navbar-collapse.collapse.in{min-height:210px!important}.component-header-top-2 .navbar-collapse.collapse,.component-header-top-2 .navbar-collapse.collapsing{min-height:0;height:0}.component-header-top-2 .navbar-collapse.collapse .navbar-nav,.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav,.component-header-top-2 .navbar-collapse.collapsing .navbar-nav{display:block!important;position:absolute!important;float:right;left:auto;bottom:auto;height:auto;width:160px;margin:auto;padding:0;background-color:#585858;border:2px solid #464444;border-radius:3px;z-index:10;visibility:visible!important}.component-header-top-2 .navbar-collapse.collapse.in .navbar-nav{right:-400px;animation-name:show-collapsed-navbar;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:show-collapsed-navbar;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:show-collapsed-navbar;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:show-collapsed-navbar;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse.collapse .navbar-nav,.component-header-top-2 .navbar-collapse.collapsing .navbar-nav{right:30px;animation-name:hide-collapsed-navbar;animation-duration:.5s;animation-fill-mode:forwards;-webkit-animation-name:hide-collapsed-navbar;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-name:hide-collapsed-navbar;-moz-animation-duration:.5s;-moz-animation-fill-mode:forwards;-ms-animation-name:hide-collapsed-navbar;-ms-animation-duration:.5s;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item{float:right;width:100%;margin:0;text-align:right}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link,.component-header-top-2 .navbar-collapse .navbar-nav .nav-item.active a.nav-link{float:left;left:0;right:0;width:100%;padding-right:10px;padding-top:15px;padding-bottom:15px;font-family:roboto-regular!important;font-size:16px;font-weight:400;text-align:right;background-color:#585858}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link{animation-name:decolorize-menu-font-mobile;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:decolorize-menu-font-mobile;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:decolorize-menu-font-mobile;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:decolorize-menu-font-mobile;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item.active a.nav-link{background-color:#3c3c3b}.component-header-top-2 .navbar-collapse .navbar-nav .nav-item a.nav-link:hover{animation-name:colorize-menu-font-mobile;animation-duration:250ms;animation-fill-mode:forwards;-webkit-animation-name:colorize-menu-font-mobile;-webkit-animation-duration:250ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:colorize-menu-font-mobile;-moz-animation-duration:250ms;-moz-animation-fill-mode:forwards;-ms-animation-name:colorize-menu-font-mobile;-ms-animation-duration:250ms;-ms-animation-fill-mode:forwards}@keyframes show-collapsed-navbar{from{right:-400px}to{right:30px}}@-moz-keyframes show-collapsed-navbar{from{right:-400px}to{right:30px}}@-webkit-keyframes show-collapsed-navbar{from{right:-400px}to{right:30px}}@keyframes hide-collapsed-navbar{from{right:30px}to{right:-400px}}@-moz-keyframes hide-collapsed-navbar{from{right:30px}to{right:-400px}}@-webkit-keyframes hide-collapsed-navbar{from{right:30px}to{right:-400px}}@keyframes colorize-menu-font-mobile{from{color:#f0f0f0}to{color:#8f8f8f}}@-moz-keyframes colorize-menu-font-mobile{from{color:#f0f0f0}to{color:#8f8f8f}}@-webkit-keyframes colorize-menu-font-mobile{from{color:#f0f0f0}to{color:#8f8f8f}}@keyframes decolorize-menu-font-mobile{from{color:#8f8f8f}to{color:#f0f0f0}}@-moz-keyframes decolorize-menu-font-mobile{from{color:#8f8f8f}to{color:#f0f0f0}}@-webkit-keyframes decolorize-menu-font-mobile{from{color:#8f8f8f}to{color:#f0f0f0}}}@media(max-width:772px){.component-header-top-2 .navbar-title img{top:7px}.component-header-top-2 .navbar-title p{top:10px}.navbar{padding-top:0}.component-header-top-2 .navbar-toggler{margin-top:-26px;margin-right:20px}@keyframes show-collapsed-navbar{from{right:-400px}to{right:20px}}@-moz-keyframes show-collapsed-navbar{from{right:-400px}to{right:20px}}@-webkit-keyframes show-collapsed-navbar{from{right:-400px}to{right:20px}}@keyframes hide-collapsed-navbar{from{right:20px}to{right:-400px}}@-moz-keyframes hide-collapsed-navbar{from{right:20px}to{right:-400px}}@-webkit-keyframes hide-collapsed-navbar{from{right:20px}to{right:-400px}}}
\ No newline at end of file
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/components/mainContainer/mainContainer.css
+ 1
- 1
View file @ 9be377a2
......@@ -777,7 +777,7 @@
}
}
@media(max-width:767px) {
@media(max-width:992px) {
/**
* Sidebar
......
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/components/sidebar/sidebar.css
+ 12
- 7
View file @ 9be377a2
......@@ -351,13 +351,18 @@
@media (min-width : 767px) and (max-width : 1024px) {
/**
* Sidebar & Main content container positioning
*/
.sidebar,
.sidebar-bg,
.blueish-filter {
width: 35%;
.cmc-container .page-title {
margin-left: -26px;
margin-top: -72px;
}
}
@media (max-width: 767px) {
.cmc-container .page-title {
margin-left: -5px;
margin-top: -110px;
}
}
......
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/courseUnits.html
+ 60
- 33
View file @ 9be377a2
......@@ -52,21 +52,27 @@
<div id="courseUnitsMenuOptFilter_1" class="filter dark-filter menu-opt-1"></div>
</div>
<div class="row content">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="module-name">
<h2><b>MÓDULO 1</b></h2>
<h2>MÓDULO 1</h2>
<p>Características biológicas, ecológicas e comportamentais</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1">
<div>
<b>Objetivos da unidade</b>
<p>Carga horária: 10 horas<br>Aspectos epidemiológicos (definições) Mudança no cenário epidemiológico</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1">
<div>
<p>(linha do tempo), doenças, infecções, Impacto na realidade das diversas regiões</p>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="module-goals">
<ul>
<li><p>Reconhecer os diferentes índices entomológicos.</p></li>
<li><p>Diferenciar larvicidas químicos de biológicos e suas aplicações.</p></li>
<li><p>Reconhecer diferentes tipos de armadilhas e sua respectiva utilização.</p></li>
</ul>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<p class="work-load">Carga Horária: 15H</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<a id="btn-access-module-1" class="btn-access-module module-1">ACESSAR</a>
</div>
</div>
</div>
</div>
</div>
......@@ -78,21 +84,33 @@
<div id="courseUnitsMenuOptFilter_2" class="filter dark-filter menu-opt-2"></div>
</div>
<div class="row content">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="module-name">
<h2><b>MÓDULO 2</b></h2>
<h2>MÓDULO 2</h2>
<p>Controle de mosquitos</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1">
<div>
<b>Objetivos da unidade</b>
<p>Carga horária: 10 horas<br>Aspectos epidemiológicos (definições) Mudança no cenário epidemiológico</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1">
<div>
<p>(linha do tempo), doenças, infecções, Impacto na realidade das diversas regiões</p>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="module-goals">
<ul>
<li>
<p>Reconhecer em campo mosquitos dos gêneros Aedes e Culex.</p>
</li>
<li>
<p>Conhecer características comportamentais dos mosquitos, como hábito alimentar, horário e local de repouso.</p>
</li>
<li>
<p>Entender o efeito dos fatores abióticos na população de mosquitos vetores.</p>
</li>
</ul>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<p class="work-load">Carga Horária: 10H</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<a id="btn-access-module-2" class="btn-access-module module-2">ACESSAR</a>
</div>
</div>
</div>
</div>
</div>
......@@ -104,21 +122,30 @@
<div id="courseUnitsMenuOptFilter_3" class="filter dark-filter menu-opt-3"></div>
</div>
<div class="row content">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="module-name">
<h2><b>MÓDULO 3</b></h2>
<h2>MÓDULO 3</h2>
<p>Avanços na pesquisa quanto ao controle vetorial</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1">
<div>
<b>Objetivos da unidade</b>
<p>Carga horária: 10 horas<br>Aspectos epidemiológicos (definições) Mudança no cenário epidemiológico</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1">
<div>
<p>(linha do tempo), doenças, infecções, Impacto na realidade das diversas regiões</p>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="module-goals">
<ul>
<li>
<p>Conhecer alguns exemplos dos avanços no controle vetorial.</p>
</li>
<li>
<p>Reconhecer a importância do próprio trabalho na construção de estratégias de controle vetorial mais efetivas.</p>
</li>
</ul>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<p class="work-load">Carga Horária: 5H</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<a id="btn-access-module-2" class="btn-access-module module-3">ACESSAR</a>
</div>
</div>
</div>
</div>
</div>
......
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/globals/gStyles.css
+ 3
- 0
View file @ 9be377a2
......@@ -28,6 +28,9 @@
overflow-x: hidden;
background-color:#ffffff;
}
.cmc-container .page-title {
display: none!important;
}
.clearfix {
overflow: auto;
......
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/pages/courseUnits/courseUnits.css
+ 116
- 8
View file @ 9be377a2
......@@ -160,7 +160,8 @@ body,
min-height: 701px;
padding-left: 10vw;
padding-right: 10vw;
padding-bottom:7vw;
padding-bottom: 9vw;
padding-top: 2vw;
}
.cmc-container .transparent-filter .selectable {
position: fixed;
......@@ -177,6 +178,12 @@ body,
@media(max-width:767px) {
.cmc-container {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 40px;
padding-top: 0px;
}
.footer {
margin-bottom:0px;
}
......@@ -299,8 +306,7 @@ body,
width: 100%;
height: 200px;
overflow: hidden;
background-size: cover;
background-position-y: -100px!important;
background-size: cover !important;
}
.module-1 .bg {
background: url("../../images/bg_units_menu_hor_1.png");
......@@ -328,14 +334,73 @@ body,
.module-3 .content {
background-color:#23588D;
}
.module .module-name {
margin-left: 15px;
}
.module .module-name h2 {
margin-top:0px;
font-family: helvetica75!important;
text-shadow: none;
font-size: 35px;
.module .module-name h2,
.module .module-name p,
.module .module-goals p {
color: #ffffff
}
.module .module-name h2 {
font-family: roboto-bold !important;
font-size: 46px;
font-weight: 900;
}
.module .module-name p,
.module .module-goals p {
font-family: roboto-light !important;
font-weight: 300;
}
.module .module-name p {
font-size: 14px;
}
.module .module-goals p {
font-size: 12px;
}
.module .module-goals ul {
line-height: 0.8;
}
.module .module-goals ul li p {
line-height: 1.1;
opacity: 0.75;
}
.module .module-goals .work-load {
margin-top: 15px;
margin-left: 24px;
opacity: 0.75;
}
.module .module-goals .btn-access-module,
.module .module-goals .btn-access-module:hover {
position: relative;
float: right;
top: 5px;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
border: 1px solid #fff;
border-radius: 5px;
font-family: roboto-bold;
font-size: 14px;
text-transform: capitalize;
text-decoration: none;
}
.module .module-goals .btn-access-module {
background-color: transparent;
}
.module .module-goals .btn-access-module.module-1:hover {
background-color: #e2a835;
}
.module .module-goals .btn-access-module.module-2:hover {
background-color: #d2242f;
}
.module .module-goals .btn-access-module.module-3:hover {
background-color: #0f5298;
}
@media(max-width:1024px) {
......@@ -345,3 +410,46 @@ body,
}
}
@media(max-width: 992px) {
.module-1 .bg,
.module-2 .bg,
.module-3 .bg {
background-size: 721px 200px;
}
}
@media(max-width: 767px) {
.module {
margin-top: 0px;
}
.module-1 .bg,
.module-2 .bg,
.module-3 .bg {
background-size: 620px 200px;
}
.module .module-goals .work-load {
margin-left: -14px;
}
.module .module-goals .btn-access-module,
.module .module-goals .btn-access-module:hover {
margin-right: -15px;
}
.module .module-goals ul {
padding-left: 16px;
}
}
@media(max-width: 320px) {
.module-1 .bg,
.module-2 .bg,
.module-3 .bg {
background-size: 320px 200px;
}
}
\ No newline at end of file
FIOCRUZ_EAD_UFPE_0001_APERFEICOAMENTO_CONTROLE_MOSQUITOS_VETORES/pages/courseUnits/courseUnits.min.css
+ 1
- 1
View file @ 9be377a2
.full-screen-msg .msg-container .fsm-img-msg-container{display:block;position:relative;width:65vw;max-width:65vw;height:auto;margin:auto}.full-screen-msg .fsm-body .btn-start{display:block;top:30px;margin:auto;width:200px;height:50px;padding-left:40px;padding-right:20px;padding-top:12px;padding-bottom:12px;font-size:15px;background-color:#faa207;color:#fff}.full-screen-msg .fsm-body .btn-start small{display:block;position:relative;top:-22px;font-size:18px}@media (max-width :767px){.full-screen-msg .msg-container .fsm-img-msg-container{display:block;width:90vw}.full-screen-msg .fsm-body .btn-start{display:inline-block;top:30px;left:0;height:50px;width:200px;padding-top:9px;padding-left:40px;border-radius:40px}.full-screen-msg .fsm-body .btn-start img{top:5px;width:20px;height:20px}.full-screen-msg .fsm-body .btn-start small{display:block;position:relative;top:-18px;font-size:18px}}@keyframes normalize-btn-start{from{background-color:#faa207;border:1px solid #d0d0d0}to{background-color:#4a408e;border:1px solid #2009b7}}@-moz-keyframes normalize-btn-start{from{background-color:#faa207;border:1px solid #d0d0d0}to{background-color:#4a408e;border:1px solid #2009b7}}@-webkit-keyframes normalize-btn-start{from{background-color:#faa207;border:1px solid #d0d0d0}to{background-color:#4a408e;border:1px solid #2009b7}}@keyframes hover-btn-start{from{background-color:#4a408e;border:1px solid #2009b7}to{background-color:#faa207;border:1px solid #d0d0d0}}@-moz-keyframes hover-btn-start{from{background-color:#4a408e;border:1px solid #2009b7}to{background-color:#faa207;border:1px solid #d0d0d0}}@-webkit-keyframes hover-btn-start{from{background-color:#4a408e;border:1px solid #2009b7}to{background-color:#faa207;border:1px solid #d0d0d0}}.page-container,body{background-color:#27363b}.component-main-container,.component-main-container .content-container{height:100%;min-height:auto}.component-main-container .content-container{display:inline-block;position:relative;left:0;width:100%;padding:0;animation-name:none;animation-duration:none;-webkit-animation-fill-mode:none;animation-fill-mode:none}.cmc-container{height:auto;min-height:701px;padding-left:10vw;padding-right:10vw;padding-bottom:7vw}.cmc-container .transparent-filter .selectable{position:fixed;top:90px;left:0;width:100%;height:100%;z-index:101}.footer{top:0}@media(max-width:767px){.footer{margin-bottom:0}}.menu-opt{display:block;position:relative;left:0;top:0;width:100%;text-align:left;background-repeat:no-repeat;background-size:cover;cursor:pointer}.full-screen-menu .filter{min-width:50vw}.dark-filter{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;background-color:#333;animation-name:fade-out;animation-duration:350ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.dark-filter:hover,.menu-opt:hover .bg .dark-filter{opacity:1;animation-name:fade-in;animation-duration:350ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (max-width:767px){.full-screen-menu .filter{min-width:100vw}}@keyframes fade-in{from{opacity:.3}to{opacity:.01}}@-moz-keyframes fade-in{from{opacity:.3}to{opacity:.01}}@-webkit-keyframes fade-in{from{opacity:.3}to{opacity:.01}}@keyframes fade-out{from{opacity:.01}to{opacity:.3}}@-moz-keyframes fade-out{from{opacity:.01}to{opacity:.3}}@-webkit-keyframes fade-out{from{opacity:.01}to{opacity:.3}}.module{display:block;margin-top:10px;color:#fff;overflow:hidden}.module .bg{display:block;position:relative;width:100%;height:200px;overflow:hidden;background-size:cover;background-position-y:-100px!important}.module-1 .bg{background:url(../../images/bg_units_menu_hor_1.png)}.module-2 .bg{background:url(../../images/bg_units_menu_hor_2.png)}.module-3 .bg{background:url(../../images/bg_units_menu_hor_3.png)}.module .content{margin-top:0;padding:20px}.module .content p{line-height:1.1}.module-1 .content{background-color:#f1bc5c}.module-2 .content{background-color:#c4414a}.module-3 .content{background-color:#23588d}.module .module-name{margin-left:15px}.module .module-name h2{margin-top:0;font-family:helvetica75!important;text-shadow:none;font-size:35px}@media(max-width:1024px){.module .module-name{margin-left:0}}
\ No newline at end of file
.full-screen-msg .msg-container .fsm-img-msg-container{display:block;position:relative;width:65vw;max-width:65vw;height:auto;margin:auto}.full-screen-msg .fsm-body .btn-start{display:block;top:30px;margin:auto;width:200px;height:50px;padding-left:40px;padding-right:20px;padding-top:12px;padding-bottom:12px;font-size:15px;background-color:#faa207;color:#fff}.full-screen-msg .fsm-body .btn-start small{display:block;position:relative;top:-22px;font-size:18px}@media (max-width :767px){.full-screen-msg .msg-container .fsm-img-msg-container{display:block;width:90vw}.full-screen-msg .fsm-body .btn-start{display:inline-block;top:30px;left:0;height:50px;width:200px;padding-top:9px;padding-left:40px;border-radius:40px}.full-screen-msg .fsm-body .btn-start img{top:5px;width:20px;height:20px}.full-screen-msg .fsm-body .btn-start small{display:block;position:relative;top:-18px;font-size:18px}}@keyframes normalize-btn-start{from{background-color:#faa207;border:1px solid #d0d0d0}to{background-color:#4a408e;border:1px solid #2009b7}}@-moz-keyframes normalize-btn-start{from{background-color:#faa207;border:1px solid #d0d0d0}to{background-color:#4a408e;border:1px solid #2009b7}}@-webkit-keyframes normalize-btn-start{from{background-color:#faa207;border:1px solid #d0d0d0}to{background-color:#4a408e;border:1px solid #2009b7}}@keyframes hover-btn-start{from{background-color:#4a408e;border:1px solid #2009b7}to{background-color:#faa207;border:1px solid #d0d0d0}}@-moz-keyframes hover-btn-start{from{background-color:#4a408e;border:1px solid #2009b7}to{background-color:#faa207;border:1px solid #d0d0d0}}@-webkit-keyframes hover-btn-start{from{background-color:#4a408e;border:1px solid #2009b7}to{background-color:#faa207;border:1px solid #d0d0d0}}.page-container,body{background-color:#27363b}.component-main-container,.component-main-container .content-container{height:100%;min-height:auto}.component-main-container .content-container{display:inline-block;position:relative;left:0;width:100%;padding:0;animation-name:none;animation-duration:none;-webkit-animation-fill-mode:none;animation-fill-mode:none}.cmc-container{height:auto;min-height:701px;padding-left:10vw;padding-right:10vw;padding-bottom:9vw;padding-top:2vw}.cmc-container .transparent-filter .selectable{position:fixed;top:90px;left:0;width:100%;height:100%;z-index:101}.footer{top:0}@media(max-width:767px){.cmc-container{padding-left:0;padding-right:0;padding-bottom:40px;padding-top:0}.footer{margin-bottom:0}}.menu-opt{display:block;position:relative;left:0;top:0;width:100%;text-align:left;background-repeat:no-repeat;background-size:cover;cursor:pointer}.full-screen-menu .filter{min-width:50vw}.dark-filter{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;background-color:#333;animation-name:fade-out;animation-duration:350ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.dark-filter:hover,.menu-opt:hover .bg .dark-filter{opacity:1;animation-name:fade-in;animation-duration:350ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (max-width:767px){.full-screen-menu .filter{min-width:100vw}}@keyframes fade-in{from{opacity:.3}to{opacity:.01}}@-moz-keyframes fade-in{from{opacity:.3}to{opacity:.01}}@-webkit-keyframes fade-in{from{opacity:.3}to{opacity:.01}}@keyframes fade-out{from{opacity:.01}to{opacity:.3}}@-moz-keyframes fade-out{from{opacity:.01}to{opacity:.3}}@-webkit-keyframes fade-out{from{opacity:.01}to{opacity:.3}}.module{display:block;margin-top:10px;color:#fff;overflow:hidden}.module .bg{display:block;position:relative;width:100%;height:200px;overflow:hidden;background-size:cover!important}.module-1 .bg{background:url(../../images/bg_units_menu_hor_1.png)}.module-2 .bg{background:url(../../images/bg_units_menu_hor_2.png)}.module-3 .bg{background:url(../../images/bg_units_menu_hor_3.png)}.module .content{margin-top:0;padding:20px}.module .content p{line-height:1.1}.module-1 .content{background-color:#f1bc5c}.module-2 .content{background-color:#c4414a}.module-3 .content{background-color:#23588d}.module .module-name{margin-left:15px}.module .module-goals p,.module .module-name h2,.module .module-name p{color:#fff}.module .module-name h2{font-family:roboto-bold!important;font-size:46px;font-weight:900}.module .module-goals p,.module .module-name p{font-family:roboto-light!important;font-weight:300}.module .module-name p{font-size:14px}.module .module-goals p{font-size:12px}.module .module-goals ul{line-height:.8}.module .module-goals ul li p{line-height:1.1;opacity:.75}.module .module-goals .work-load{margin-top:15px;margin-left:24px;opacity:.75}.module .module-goals .btn-access-module,.module .module-goals .btn-access-module:hover{position:relative;float:right;top:5px;margin-bottom:10px;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;color:#fff;border:1px solid #fff;border-radius:5px;font-family:roboto-bold;font-size:14px;text-transform:capitalize;text-decoration:none}.module .module-goals .btn-access-module{background-color:transparent}.module .module-goals .btn-access-module.module-1:hover{background-color:#e2a835}.module .module-goals .btn-access-module.module-2:hover{background-color:#d2242f}.module .module-goals .btn-access-module.module-3:hover{background-color:#0f5298}@media(max-width:1024px){.module .module-name{margin-left:0}}@media(max-width:992px){.module-1 .bg,.module-2 .bg,.module-3 .bg{background-size:721px 200px}}@media(max-width:767px){.module{margin-top:0}.module-1 .bg,.module-2 .bg,.module-3 .bg{background-size:620px 200px}.module .module-goals .work-load{margin-left:-14px}.module .module-goals .btn-access-module,.module .module-goals .btn-access-module:hover{margin-right:-15px}.module .module-goals ul{padding-left:16px}}@media(max-width:320px){.module-1 .bg,.module-2 .bg,.module-3 .bg{background-size:320px 200px}}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment