| Current Path : /var/www/homesaver/www/bitrix/components/bitrix/landing.selector/templates/.default/ |
| Current File : /var/www/homesaver/www/bitrix/components/bitrix/landing.selector/templates/.default/style.css |
.landing-selector-container,
label.landing-selector-container {
border: 1px solid rgba(82, 92, 105, 0.22);
border-radius: 19.5px;
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 7px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 110;
position: relative;
background-color: #fff;
min-width: 0;
margin-bottom: 0;
-webkit-transition: 200ms ease all;
-o-transition: 200ms ease all;
transition: 200ms ease all;
}
.landing-selector-container.landing-selector-active {
border-radius: 2px;
min-width: 565px;
border-color: transparent;
}
.landing-selector-result-picture {
width: 27px;
height: 27px;
min-width: 27px;
background-size: cover;
background-position: center;
border-radius: 50%;
}
.landing-selector-input-text {
border: none !important;
outline: none !important;
padding-left: 8px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font: 15px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #525c69;
letter-spacing: 0;
}
.landing-selector-overlay {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
height: 100vh;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
-webkit-animation: landingSelectorOverlayShowing 200ms 1 ease;
animation: landingSelectorOverlayShowing 200ms 1 ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
a.ui-selector-item-link:hover { text-decoration: none; }
.landing-selector-overlay.landing-selector-overlay-hiding {
-webkit-animation: landingSelectorOverlayHiding 200ms 1 ease;
animation: landingSelectorOverlayHiding 200ms 1 ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes landingSelectorOverlayHiding {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes landingSelectorOverlayHiding {
from { opacity: 1; }
to { opacity: 0; }
}
@-webkit-keyframes landingSelectorOverlayShowing {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes landingSelectorOverlayShowing {
from { opacity: 0; }
to { opacity: 1; }
}