%PDF- %PDF-
| Direktori : /proc/self/root/home/bitrix/www/bitrix/js/landing/css/ui/panel/ |
| Current File : //proc/self/root/home/bitrix/www/bitrix/js/landing/css/ui/panel/style_panel.css |
.landing-ui-panel-style {
background: #EEF2F4;
width: 320px;
position: absolute;
height: calc(100vh - 63px);
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
opacity: 0;
z-index: 22!important;
}
.landing-ui-panel-style .landing-ui-panel-content-body-content {
background: none;
margin-right: 0;
margin-left: 0!important;
border-top: none;
padding-right: 13px;
border-right-width: 5px;
}
.landing-ui-panel-style .landing-ui-panel-content-body {
height: calc(100vh - 198px) !important;
}
.landing-ui-panel-style .landing-ui-panel-content-body-content .landing-ui-form {
animation: showStyleForm 200ms ease both;
}
@keyframes showStyleForm {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.landing-ui-panel-style-overlay {
opacity: 0!important;
display: none;
pointer-events: none;
}
.landing-ui-panel-style.landing-ui-show {
-webkit-animation: showStylePanel 300ms both;
animation: showStylePanel 300ms both;
}
.landing-ui-panel-style.landing-ui-hide {
-webkit-animation: hideStylePanel 300ms both;
animation: hideStylePanel 300ms both;
}
.landing-ui-panel-style .landing-ui-button.landing-ui-button-content-cancel {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.landing-ui-panel-style-header {
font-family: OpenSans-Light;
font-size: 24px;
color: #000000;
line-height: 24px;
margin: 30px 20px;
}
.landing-ui-view-container {
width: 100vw;
height: calc(100vh - 62px);
}
.landing-ui-view-wrapper {
position: absolute;
left: 0;
right: 0;
}
.landing-ui-panel-style.landing-ui-show ~ .landing-ui-view-wrapper {
animation: frameResizeIn 300ms ease both;
}
.landing-ui-panel-style.landing-ui-hide ~ .landing-ui-view-wrapper {
animation: frameResizeOut 300ms ease both;
}
@-webkit-keyframes frameResizeIn {
0% {
transform: translateX(0);
}
100% {
transform: translateX(320px);
}
}
@keyframes frameResizeIn {
0% {
transform: translateX(0);
}
100% {
transform: translateX(320px);
}
}
@-webkit-keyframes frameResizeOut {
0% {
transform: translateX(320px);
}
100% {
transform: translateX(0);
}
}
@keyframes frameResizeOut {
0% {
transform: translateX(320px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes showStylePanel {
0% {
opacity: 0;
transform: translateX(-320px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes showStylePanel {
0% {
opacity: 0;
transform: translateX(-320px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes hideStylePanel {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-320px);
}
}
@keyframes hideStylePanel {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-320px);
}
}
.landing-ui-card-loader-style {
top: 50%;
left: 50%;
margin: 0!important;
transform: translate3d(-50%, -100%, 0);
}