c47d67b15d
if cities in route you're searching for intersects with cities in the smb's ticket for the route, taken place will be unavailable and capacity in the search results will be decreased
123 lines
2.2 KiB
CSS
123 lines
2.2 KiB
CSS
.popup-container-city-list {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
display: none;
|
|
}
|
|
|
|
.popup-city-list {
|
|
width: 40rem;
|
|
height: fit-content;
|
|
max-height: 30rem;
|
|
background: #eaeef1;
|
|
position: fixed;
|
|
top: calc(50% - 15rem);
|
|
left: calc(50% - 20rem);
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 10px 15px 5px #6c6e6f;
|
|
}
|
|
|
|
.popup-header-city-list {
|
|
border-radius: 0.5rem 0.5rem 0 0;
|
|
height: 3rem;
|
|
background: #a1b0b9;
|
|
color: white;
|
|
font-weight: 700;
|
|
font-size: 1.1rem;
|
|
text-align: center;
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.popup-body-city-list {
|
|
width: calc(100% - 2rem);
|
|
height: calc(100% - 7.5rem);
|
|
padding: 0 1rem;
|
|
margin-top: 0.5rem;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
tr.tr-intermediate {
|
|
font-weight: 500;
|
|
}
|
|
|
|
th.th-route, td.td-route {
|
|
height: 4rem;
|
|
line-height: 1.25rem;
|
|
text-align: center;
|
|
padding: 0 0.5rem;
|
|
}
|
|
|
|
td.address {
|
|
font-size: 0.8rem;
|
|
text-align: justify;
|
|
line-height: 1rem;
|
|
}
|
|
|
|
tr.tr-departure, tr.tr-arrival {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.popup-footer-city-list {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 4rem;
|
|
}
|
|
|
|
.popup-footer-link-button-city-list {
|
|
line-height: 2.5rem;
|
|
padding: 0 1rem;
|
|
margin: 0 0.5rem;
|
|
display: inline-block;
|
|
color: #1d4965;
|
|
font-weight: 500;
|
|
background: linear-gradient(0deg,#79b6db,#b3dbf2);
|
|
border: none;
|
|
border-radius: .3rem;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.popup-footer-link-button-city-list:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* table */
|
|
|
|
table.city-list {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 1px solid #d7dce1;
|
|
}
|
|
|
|
th.city-list {
|
|
height: 6rem;
|
|
line-height: 1.6rem;
|
|
background: #e6e9ed;
|
|
border: 1px solid #d7dce1;
|
|
padding: 0 1rem;
|
|
font-size: 1rem;
|
|
text-align: start;
|
|
font-weight: 700;
|
|
color: #777a7e;
|
|
}
|
|
|
|
tr.city-list {
|
|
line-height: 5rem;
|
|
background-color: white;
|
|
}
|
|
|
|
tr.city-list:hover {
|
|
background-color: #dee9f4;
|
|
}
|
|
|
|
td.city-list {
|
|
padding: 0 1rem;
|
|
border: 1px solid #d7dce1;
|
|
text-align: center;
|
|
} |