client/planner-page/style.css
.fullscreen {
position: relative;
height: 100%;
padding-right: var(--panel-width);
}
.SidePanel {
position: absolute;
background-color: var(--sidepanel-background-color);
z-index: 150;
top: 0;
bottom: 0;
right: 0;
border: 0;
width: var(--panel-width);
overflow: hidden;
margin-bottom: 0;
padding-bottom: 44px;
}
@media (--narrow-window) {
.SidePanel {
left: 0;
width: 100%;
}
}
.scrollable {
overflow-y: scroll;
height: 100%;
padding-top: 44px;
}
.scrollable::-webkit-scrollbar {
width: 0 !important;
}
#locations-form {
padding: 8px;
}
.SidePanel .title {
width: 100%;
color: var(--sidepanel-font-color);
font-size: 15px;
}
.SidePanel .title .fa {
vertical-align: top;
color: var(--primary-color);
font-size: 20px;
padding-right: 5px;
}
.SidePanel .title .fa:hover,
.SidePanel .title .fa:active,
.SidePanel .title .fa:focus,
.SidePanel .footer .more-options:hover,
.SidePanel .footer .more-options:active,
.SidePanel .footer .more-options:focus {
color: color(var(--primary-color) shade(20%));
text-decoration: none;
}
.SidePanel .footer {
position: absolute;
display: block;
bottom: 0;
height: 44px;
background-color: var(--navbar-background-color);
box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.3);
width: 100%;
line-height: 32px;
padding-left: 8px;
}
.SidePanel .footer .btn {
margin: 6px 0;
}
.SidePanel .footer .more-options {
color: var(--primary-color);
font-size: 18px;
height: 44px;
display: inline-block;
line-height: 44px;
text-align: right;
padding: 0 12px 0 16px;
}
.BikeShareStation-Icon {
}
.SidePanel .welcome-header {
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.SidePanel .welcome-box {
background: #fff;
margin: 8px;
padding: 10px;
border-radius: 3px;
}