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

v2.3.0-rc3

Browse Source
This commit is contained in:
Aldarien
2021-01-31 17:38:55 -03:00
parent c6dabb0627
commit afa90fb4bc
13 changed files with 292 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -149,7 +149,7 @@ html {
background-color: #cccccc;
}
#testimonios .testimonios .ui.card .rating .icon {
color: white;
color: yellow;
}
#contacto {
@ -480,37 +480,44 @@ i.font-icon.chile:before {
height: 100%;
width: 100%;
}
#columna_sticky .column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#columna_sticky > .container {
margin-top: 1rem;
}
#columna_sticky .left.column {
pointer-events: none;
}
#columna_sticky .sticky {
#columna_sticky #sticky_form {
display: none;
background-color: rgba(255, 255, 255, 0.5);
z-index: 10;
margin-top: 3.75rem;
padding-top: 5.0625rem;
}
#columna_sticky .sticky .row {
#columna_sticky #sticky_form .row {
padding-top: 0 !important;
}
#columna_sticky .sticky .column:first-child {
#columna_sticky #sticky_form .column:first-child {
vertical-align: bottom;
padding-top: 1.875rem;
font-size: 1.1666666667rem;
}
#columna_sticky .sticky .column:first-child .titulo {
#columna_sticky #sticky_form .column:first-child .titulo {
font-size: 2.0833333333rem;
}
#columna_sticky .sticky .column:first-child .precio {
#columna_sticky #sticky_form .column:first-child .precio {
font-size: 1.3333333333rem;
}
#columna_sticky .sticky .column:first-child .colores {
#columna_sticky #sticky_form .column:first-child .colores {
vertical-align: center;
}
#columna_sticky .sticky .column:first-child .colores .text {
#columna_sticky #sticky_form .column:first-child .colores .text {
margin-right: 0.28125rem;
}
#columna_sticky .sticky .column:first-child .colores .circle {
#columna_sticky #sticky_form .column:first-child .colores .circle {
display: inline-block;
width: 1.40625rem;
height: 1.40625rem;
@ -518,19 +525,19 @@ i.font-icon.chile:before {
margin: auto 0.09375rem;
cursor: pointer;
}
#columna_sticky .sticky .column:first-child .colores .circle.selected {
#columna_sticky #sticky_form .column:first-child .colores .circle.selected {
width: 1.59375rem;
height: 1.59375rem;
cursor: default;
}
#columna_sticky .sticky .column:first-child .input.cantidad {
#columna_sticky #sticky_form .column:first-child .input.cantidad {
width: 4.5rem;
border: thin solid black;
text-align: center;
padding: 0.5rem 0.05rem;
font-size: 0.8333333333rem;
}
#columna_sticky .sticky .column:first-child .input.cantidad button {
#columna_sticky #sticky_form .column:first-child .input.cantidad button {
background: none;
border: none;
width: 1rem;
@ -539,7 +546,7 @@ i.font-icon.chile:before {
cursor: pointer;
font-weight: bold;
}
#columna_sticky .sticky .column:first-child .input.cantidad input {
#columna_sticky #sticky_form .column:first-child .input.cantidad input {
width: 2rem;
background: none;
margin: 0;
@ -547,17 +554,88 @@ i.font-icon.chile:before {
padding: 0;
text-align: center;
}
#columna_sticky .sticky .column:first-child .input.cantidad .button {
#columna_sticky #sticky_form .column:first-child .input.cantidad .button {
border-radius: 0 !important;
width: 100%;
}
#columna_sticky .sticky .column:first-child .button {
#columna_sticky #sticky_form .column:first-child .button {
width: 100%;
}
#columna_sticky #side_button {
height: 100%;
background-color: black;
background-color: #333333;
color: white;
width: 100%;
height: 12rem;
cursor: pointer;
padding-top: 6rem;
}
#columna_sticky #side_button .rotated {
transform: rotate(-90deg);
font-size: 2rem;
}
#modal_sticky .column:first-child {
vertical-align: bottom;
padding-top: 1.875rem;
font-size: 1.1666666667rem;
}
#modal_sticky .column:first-child .titulo {
font-size: 2.0833333333rem;
}
#modal_sticky .column:first-child .precio {
font-size: 1.3333333333rem;
}
#modal_sticky .column:first-child .colores {
vertical-align: center;
}
#modal_sticky .column:first-child .colores .text {
margin-right: 0.28125rem;
}
#modal_sticky .column:first-child .colores .circle {
display: inline-block;
width: 1.40625rem;
height: 1.40625rem;
border-radius: 8000px;
margin: auto 0.09375rem;
cursor: pointer;
}
#modal_sticky .column:first-child .colores .circle.selected {
width: 1.59375rem;
height: 1.59375rem;
cursor: default;
}
#modal_sticky .column:first-child .input.cantidad {
width: 4.5rem;
border: thin solid black;
text-align: center;
padding: 0.5rem 0.05rem;
font-size: 0.8333333333rem;
}
#modal_sticky .column:first-child .input.cantidad button {
background: none;
border: none;
width: 1rem;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
}
#modal_sticky .column:first-child .input.cantidad input {
width: 2rem;
background: none;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}
#modal_sticky .column:first-child .input.cantidad .button {
border-radius: 0 !important;
width: 100%;
}
#modal_sticky .column:first-child .button {
width: 100%;
color: white;
background-color: #333333;
}
#menu i {
@ -571,17 +649,18 @@ i.font-icon.chile:before {
}
.left.column {
width: 75%;
width: 75% !important;
padding-left: 0.46875rem !important;
}
.right.column {
width: 25%;
width: 25% !important;
}
.titulo {
padding-top: 2.34375rem;
padding-bottom: 1.875rem;
font-size: 1.5rem;
}
html {
@ -754,33 +833,33 @@ i.font-icon.chile:before {
#columna_sticky .left.column {
pointer-events: none;
}
#columna_sticky .sticky {
#columna_sticky #sticky_form {
background-color: rgba(255, 255, 255, 0.5);
z-index: 10;
margin-top: 2.5rem;
padding-top: 3.375rem;
}
#columna_sticky .sticky .row {
#columna_sticky #sticky_form .row {
padding-top: 0 !important;
}
#columna_sticky .sticky .column:first-child {
#columna_sticky #sticky_form .column:first-child {
vertical-align: bottom;
padding-top: 1.25rem;
font-size: 1.1666666667rem;
}
#columna_sticky .sticky .column:first-child .titulo {
#columna_sticky #sticky_form .column:first-child .titulo {
font-size: 2.0833333333rem;
}
#columna_sticky .sticky .column:first-child .precio {
#columna_sticky #sticky_form .column:first-child .precio {
font-size: 1.3333333333rem;
}
#columna_sticky .sticky .column:first-child .colores {
#columna_sticky #sticky_form .column:first-child .colores {
vertical-align: center;
}
#columna_sticky .sticky .column:first-child .colores .text {
#columna_sticky #sticky_form .column:first-child .colores .text {
margin-right: 0.1875rem;
}
#columna_sticky .sticky .column:first-child .colores .circle {
#columna_sticky #sticky_form .column:first-child .colores .circle {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
@ -788,19 +867,19 @@ i.font-icon.chile:before {
margin: auto 0.0625rem;
cursor: pointer;
}
#columna_sticky .sticky .column:first-child .colores .circle.selected {
#columna_sticky #sticky_form .column:first-child .colores .circle.selected {
width: 1.375rem;
height: 1.375rem;
cursor: default;
}
#columna_sticky .sticky .column:first-child .input.cantidad {
#columna_sticky #sticky_form .column:first-child .input.cantidad {
width: 4.5rem;
border: thin solid black;
text-align: center;
padding: 0.5rem 0.05rem;
font-size: 0.8333333333rem;
}
#columna_sticky .sticky .column:first-child .input.cantidad button {
#columna_sticky #sticky_form .column:first-child .input.cantidad button {
background: none;
border: none;
width: 1rem;
@ -809,7 +888,7 @@ i.font-icon.chile:before {
cursor: pointer;
font-weight: bold;
}
#columna_sticky .sticky .column:first-child .input.cantidad input {
#columna_sticky #sticky_form .column:first-child .input.cantidad input {
width: 2rem;
background: none;
margin: 0;
@ -817,11 +896,11 @@ i.font-icon.chile:before {
padding: 0;
text-align: center;
}
#columna_sticky .sticky .column:first-child .input.cantidad .button {
#columna_sticky #sticky_form .column:first-child .input.cantidad .button {
border-radius: 0 !important;
width: 100%;
}
#columna_sticky .sticky .column:first-child .button {
#columna_sticky #sticky_form .column:first-child .button {
width: 100%;
color: white;
background-color: #333333;