125 lines
2.5 KiB
CSS
125 lines
2.5 KiB
CSS
.hidden{
|
|
display: none;
|
|
}
|
|
|
|
#compare-page{
|
|
#toogleinst{
|
|
display: flex;
|
|
justify-content: right;
|
|
align-content: center;
|
|
gap: 20px;
|
|
color: var(--root-color, white);
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px solid var(--root-border-color, white);
|
|
background-color: var(--root-bg-color-secondary, hsla(250, 100%, 3%, 1));
|
|
|
|
button {
|
|
width: 25px;
|
|
height: 25px;
|
|
margin-right: 10px;
|
|
border: 1px solid var(--root-border-color, white);
|
|
background-color: var(--root-bg-color-secondary, black);
|
|
align-self: center;
|
|
color: var(--root-color, white);
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
#response-institution {
|
|
|
|
#inst-result-list-container {
|
|
|
|
#inst-result-list{
|
|
display: flex;
|
|
list-style: none;
|
|
gap: 5px;
|
|
flex-wrap: wrap;
|
|
.card{
|
|
.inst-link{
|
|
width: 86px;
|
|
height: 33px;
|
|
img{
|
|
width: 78px;
|
|
height: 28px;
|
|
|
|
}
|
|
}
|
|
}
|
|
} /* end inst-result-list */
|
|
} /* end inst-result-list-container */
|
|
div{
|
|
display: flex;
|
|
align-items: center;
|
|
flex-flow: row wrap;
|
|
gap: 5px;
|
|
|
|
div#control-compra-venta {
|
|
display: flex;
|
|
flex: 0 0 100%;
|
|
justify-content: center;
|
|
}
|
|
div#control-cantidad{
|
|
display: flex;
|
|
flex: 0 0 100%;
|
|
justify-content: center;
|
|
input{
|
|
border: none;
|
|
border-bottom: 1px solid var(--root-border-color, white);
|
|
background-color: var(--root-bg-color-secondary, hsla(250, 50%, 20%, 0.3));
|
|
color: var(--root-color, white);
|
|
font-size: large;
|
|
width: 10ch;
|
|
}
|
|
}
|
|
div#operation-description{
|
|
display: flex;
|
|
flex: 0 0 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
}
|
|
#show-price-container{
|
|
justify-content: center;
|
|
div#container-comparer-table{
|
|
justify-content: center;
|
|
img{
|
|
width: 78px;
|
|
height: 28px;
|
|
background-color: var( --root-bg-color-img, white);
|
|
|
|
}
|
|
table{
|
|
thead th:nth-child(1) {
|
|
width: 30%;
|
|
}
|
|
thead th:nth-child(2) {
|
|
width: 15%;
|
|
text-align: center;
|
|
}
|
|
thead th:nth-child(3) {
|
|
width: 15%;
|
|
text-align: center;
|
|
}
|
|
thead th:nth-child(4) {
|
|
width: 10%;
|
|
text-align: right;
|
|
}
|
|
thead th:nth-child(5) {
|
|
width: 30%;
|
|
text-align: left;
|
|
}
|
|
/* body content */
|
|
tbody tr td:nth-child(1),tbody tr td:nth-child(2), tbody tr td:nth-child(3) {
|
|
text-align: center;
|
|
}
|
|
tbody tr td:nth-child(4){
|
|
text-align: right;
|
|
}
|
|
tbody tr td:nth-child(5){
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} /* end response-institution */
|
|
} /* compare-page end */
|