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

v0.8.0-rc

Browse Source
This commit is contained in:
Aldarien
2020-03-27 02:59:53 -03:00
parent 00f9a10cbf
commit 723040358b
51 changed files with 792 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/assets/styles/contacto.css Normal file
View File

@ -0,0 +1,7 @@
#contacto {
padding-top: 1rem;
padding-bottom: 1rem;
}
#contacto #map {
margin-top: 3rem;
}

128
public/assets/styles/home.css Normal file
View File

@ -0,0 +1,128 @@
#banner {
background-repeat: no-repeat;
background-position: center;
background-size: 1900px auto;
background-blend-mode: multiply;
color: white;
}
#banner .segment {
padding-left: 0 !important;
}
#banner .content {
padding-top: 3rem;
padding-bottom: 3rem;
}
#banner .content .header {
font-size: 1.5rem;
}
#banner .content .description {
font-size: 1.3rem;
}
#suplente {
min-height: 20rem;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
#suplente .grid {
margin: 0 !important;
}
#suplente .row {
padding: 0 !important;
}
#suplente .horario {
padding-left: 0 !important;
}
#suplente .horario .header {
font-size: 1.3rem;
}
#suplente .mensaje {
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
height: 14rem;
display: table;
}
#suplente .mensaje .middle {
display: table-cell;
vertical-align: bottom;
}
#suplente .mensaje .button {
margin-bottom: 1rem;
}
#numero {
background-position: center;
background-attachment: fixed;
height: 15rem;
margin: 0 !important;
display: block;
}
#numero::before {
clear: both;
}
#numero .grid {
margin: 0 !important;
}
#numero .column {
display: table;
height: 13rem;
}
#numero a {
display: table-cell;
vertical-align: middle;
}
#numero a .button {
font-family: Roboto !important;
font-size: 1.3rem !important;
font-weight: 900 !important;
background-color: rgba(0, 30, 70, 0.8) !important;
}
#servicios {
background-color: rgba(0, 0, 0, .05);
padding-top: 3rem;
padding-bottom: 3rem;
min-height: 25rem;
font-family: Roboto;
}
#servicios .list img {
height: 1.2rem;
margin-right: 1rem;
}
#servicios .list a {
color: inherit;
}
#servicios .titulo {
font-weight: bold;
font-size: 16pt;
}
#servicios .seguimiento {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#indice .grid {
margin: 0 !important;
}
#indice .row {
padding: 0 !important;
}
#indice .img,
#indice .img img {
max-height: 20rem !important;
}
#indice .contenido {
padding-top: 9rem !important;
color: rgba(0, 0, 0, 0.9) !important;
}
#indice .contenido .titulo {
font-size: 20pt;
font-weight: bold;
}
#indice .contenido .list .item {
font-size: 14pt !important;
color: inherit;
}

146
public/assets/styles/main.css
View File

@ -1,129 +1,20 @@
html {
font-family: Roboto, Arial !important;
}
#page_menu {
height: 60px;
font-size: 12pt !important;
.inverted.dark-blue {
background-color: #003662 !important;
}
.inverted.dark-blue.button {
border: 0;
box-shadow: none !important;
}
#page_menu .brand {
font-family: Helvetica, Arial !important;
font-weight: 900 !important;
font-size: 25pt;
font-size: 2rem;
}
.banner {
background-repeat: no-repeat;
background-position: center;
background-size: 100% 330px;
height: 330px;
}
.banner .mensaje {
font-size: 18pt;
color: white;
width: 550px;
padding: 75px;
}
.banner .mensaje .titulo {
font-size: 20pt;
font-weight: bold;
}
.suplente {
height: 330px;
padding-top: 50px !important;
}
.suplente>div {
display: inline-block;
}
.suplente .mensaje {
background-repeat: no-repeat;
background-position: center;
height: 230px;
}
.suplente .mensaje .row {
margin-top: 50px;
height: 160px;
}
.suplente .mensaje .row .column,
.suplente .mensaje .row .column .segment {
width: 340px !important;
border: 0;
padding: 0 !important;
background-color: rgb(255, 255, 255, 0.5)
}
.numero {
background-position: center;
background-attachment: fixed;
height: 200px;
}
.numero .segment {
background-color: rgba(0, 0, 30, .9) !important;
margin-top: 50px !important;
padding: 0 !important;
padding-top: 10px !important;
border: 0 !important;
height: 70px;
width: 290px !important;
}
.numero a {
font-family: Roboto;
color: white;
font-size: 12pt;
font-weight: 900;
}
#servicios {
background-color: rgba(0, 0, 0, .05);
padding-top: 50px;
padding-bottom: 50px;
height: 440px;
font-family: Roboto;
}
#servicios .separator {
width: 60px;
}
#servicios .list {
width: 285px !important;
font-size: 14pt;
color: rgba(0, 0, 0, 0.9)
}
#servicios .list img {
width: 20px;
margin-right: 20px;
}
#servicios .list a {
color: inherit;
}
#servicios .titulo {
font-weight: bold;
font-size: 16pt;
}
#servicios .seguimiento {
background-repeat: no-repeat;
background-position: center;
background-size: 345px 340px;
width: 345px !important;
}
#indice .img,
#indice .img img {
width: 780px !important;
height: 310px !important;
}
#indice .contenido {
padding-top: 60px !important;
width: 300px !important;
color: rgba(0, 0, 0, 0.9) !important;
}
#indice .contenido .titulo {
font-size: 20pt;
font-weight: bold;
}
#indice .contenido .list .item {
font-size: 14pt !important;
color: inherit;
#page_menu .item:first-child {
padding-left: 0 !important;
}
footer {
@ -131,18 +22,27 @@ footer {
height: 260px;
font-family: Roboto;
}
footer .grid {
margin: 0 !important;
}
footer .main {
height: 230px !important;
min-height: 16rem !important;
padding-top: 30px !important;
}
footer a {
color: inherit;
}
footer>.menu {
font-size: 10pt !important;
color: rgba(0, 0, 0, 0.7) !important;
footer .grey {
background-color: rgba(0, 0, 0, 0.1) !important;
height: 30px !important;
color: rgba(0, 0, 0, 0.7) !important;
min-height: 3rem !important;
}
footer nav.menu {
font-size: 10pt !important;
border: 0 !important;
}
footer nav.menu .item:first-child {
padding-left: 0 !important;
}