ProVM/KI
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Se avanza en la pagina de inicio, falta los indicadores

Browse Source
This commit is contained in:
Aldarien
2020-05-12 11:07:58 -04:00
parent fbe1e4f7e5
commit 9084ea5edb
39 changed files with 1027 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
resources/assets/sass/home.scss Normal file
View File

@ -0,0 +1,134 @@
.header {
color: inherit !important;
font-family: inherit !important;
}
#banner {
padding-top: 12rem;
padding-bottom: 12rem;
background-color: rgba(0, 0, 0, 0.6);
background-position: center;
background-repeat: no-repeat;
background-size: 1920px auto;
background-blend-mode: multiply;
#mensaje {
margin-bottom: 2rem;
color: white;
font-weight: 300;
font-size: 1.6rem;
.header {
font-weight: 900 !important;
font-size: 1.9rem;
}
}
.button {
font-family: inherit;
font-weight: 900;
}
}
#aviso {
color: white;
background-color: #429ab7;
padding-top: 5rem;
padding-bottom: 3rem;
font-size: 1.6rem;
font-weight: 300;
.header {
font-weight: 900;
}
}
#destacados {
padding-top: 3rem;
padding-bottom: 5rem;
background-color: #a7a9ab;
min-height: 40rem;
.header {
color: #0d103c !important;
font-weight: 600;
}
.titulo {
font-size: 1.6rem;
font-weight: 900;
padding-bottom: 1rem;
}
.ficha {
border-radius: 0;
border: 0;
box-shadow: none !important;
.content {
.segment {
background-color: #e6e6e7 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-weight: 300;
}
.button {
font-family: inherit !important;
font-weight: 900;
padding-top: 0.3rem !important;
padding-bottom: 0.3rem !important;
background-color: #0d103c !important;
}
}
.image {
overflow: hidden;
}
.overlay {
background-color: #0d103c;
color: white;
opacity: 0.8;
text-align: center;
position: absolute;
z-index: 999;
top: 1.9rem;
right: -2.2rem;
width: 10rem;
padding-top: .3rem;
padding-bottom: .3rem;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.active {
font-weight: 900;
}
}
#segmentos {
padding-top: 4rem;
padding-bottom: 4rem;
}
#resumen {
background-position: center;
background-position-y: -60rem;
background-repeat: no-repeat;
background-size: 2600px auto;
min-height: 20rem;
padding-top: 3rem;
.inverted.circular.segment {
background-color: rgba(0, 0, 0, 0.8);
}
}
#indicadores {
background-color: #bbbdc0;
.column {
background-color: white;
padding: 0;
margin: 1rem;
width: 8rem !important;
}
}

71
resources/assets/sass/main.scss Normal file
View File

@ -0,0 +1,71 @@
body {
font-family: Roboto, sans-serif !important;
}
.brand {
color: #000070 !important;
}
.inverted.brand {
background-color: #000070 !important;
color: white !important;
}
.button.brand {
box-shadow: none !important;
}
.title.image {
width: 15rem;
}
header {
#franja {
background-color: #707070;
color: white !important;
.menu {
color: inherit !important;
.spacer {
width: 3rem;
}
.input {
height: 1.3rem !important;
}
}
}
.menu {
margin-top: 0 !important;
margin-bottom: 0 !important;
.logo {
font-size: 2rem;
font-weight: 900;
}
}
}
a {
color: inherit !important;
}
.menu {
font-family: inherit !important;
}
.item {
font-family: inherit !important;
color: inherit !important;
}
footer {
background-color: #429ab7;
color: white;
.menu {
margin: 0 !important;
.label {
background-color: white !important;
color: #429ab7 !important;
}
}
}