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

Estructuracion

Browse Source
This commit is contained in:
Aldarien
2020-12-27 10:17:44 -03:00
parent d459ae5052
commit ec238c5ca5
5 changed files with 100 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -57,17 +57,19 @@ section > .container {
height: 100%;
}
section > .container > .column1 {
width: 42.9166666667rem;
display: inline-block;
width: 41.9166666667rem;
}
section > .container > .column2 {
width: 21.4583333333rem;
display: inline-block;
width: 20.4583333333rem;
}
#header {
background-image: url("../images/header.png");
background-repeat: no-repeat;
background-size: auto;
background-color: rgba(100, 100, 0, 0.3);
background-color: rgba(70, 49, 12, 0.8);
color: white;
width: 100%;
}
@ -140,23 +142,11 @@ section > .container > .column2 {
}
#seccion1 .column1 .image-container img {
height: 9.6875rem;
width: 11.75rem;
margin-top: 5rem;
}
#seccion1 .ui.simple.segment {
background: none !important;
margin-top: 2rem !important;
font-size: 1.1667rem;
}
#seccion1 .ui.simple.segment .header {
font-size: 1.833rem;
margin-bottom: 1rem;
}
#seccion1 .grid .column, #seccion1 .grid .column .column {
padding-top: 0;
}
#seccion1 img {
height: 9.6875rem;
margin-top: 5rem;
#seccion1 .column2 {
height: 100%;
}
#seccion2 {
@ -164,22 +154,34 @@ section > .container > .column2 {
background-image: url("../images/fondo23.png");
background-color: #f0f0f0;
}
#seccion2 .column2 {
height: 100%;
}
#dimensiones {
height: 27.5rem;
background-image: url("../images/fondo23.png");
}
#dimensiones .column2 {
height: 100%;
}
#construido {
height: 21.875rem;
background-image: url("../images/fondo4.png");
background-color: #64c8ff;
}
#construido .column2 {
height: 100%;
}
#corporativos {
height: 25rem;
background-image: url("../images/fondo5.png");
}
#corporativos .column2 {
height: 100%;
}
#felices {
background-image: linear-gradient(#c8c8c8, #c8c8c8);
@ -203,7 +205,7 @@ section > .container > .column2 {
}
#sticky_container #column {
position: absolute;
width: 42.9166666667rem;
width: 41.9166666667rem;
height: 101.875rem;
top: 0;
left: 0;
@ -213,15 +215,21 @@ section > .container > .column2 {
float: right;
height: 16.5625rem;
width: 19.375rem;
padding-top: 2.75rem;
margin-left: 41.9166666667rem;
}
#sticky_container .sticky .row:first-child {
height: 10.625rem;
}
#sticky_container .sticky .row:first-child .column1 {
display: inline-block;
vertical-align: bottom;
padding-top: 0.125rem;
width: 12.9166666667rem;
font-size: 1.1666666667rem;
}
#sticky_container .sticky .row:first-child .column1 .linea {
margin-bottom: 0.625rem;
}
#sticky_container .sticky .row:first-child .column1 .titulo {
font-size: 2.0833333333rem;
}
@ -264,6 +272,7 @@ section > .container > .column2 {
border: thin solid black;
text-align: center;
padding: 0.5rem 0.05rem;
font-size: 0.8333333333rem;
}
#sticky_container .sticky .row:first-child .column1 .input button {
background: none;
@ -283,7 +292,11 @@ section > .container > .column2 {
}
#sticky_container .sticky .row:first-child .column2 {
display: inline-block;
width: 10.625rem;
width: 6.125rem;
}
#sticky_container .sticky .row:first-child .column2 img {
width: 6.875rem;
height: 10.625rem;
}
#sticky_container .sticky .row:last-child .button {
border-radius: 0 !important;
@ -291,5 +304,6 @@ section > .container > .column2 {
}
.fondo-blanco {
float: right;
background-color: rgba(255, 255, 255, 0.5);
}