Your IP : 172.70.178.33
.landing-ui-panel-content-overlay {
background: #000000;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 319;
opacity: 0;
}
.landing-ui-panel-content-overlay.landing-ui-show {
animation: showOverlay 300ms both;
/*animation-delay: 100ms;*/
}
.landing-ui-panel-content-overlay.landing-ui-hide {
visibility: visible;
animation: hideOverlay 300ms both;
}
.landing-ui-hide-controls .landing-ui-panel-content-overlay {
display: none;
}
.landing-ui-panel-content {
display: flex;
flex-direction: column;
background: #EEF2F4;
position: fixed;
width: 880px;
top: 0;
bottom: 0;
left: 0;
right: auto;
z-index: 322;
/*box-shadow: 0 0 16px 0 rgba(0,0,0,.1);*/ /* chrome have bug with box shadow, see 0145815 */
transform: translateX(-100%);
opacity: 0;
}
main.landing-edit-mode .landing-ui-panel-content
{
font-weight: normal;
line-height: 1.6;
}
.landing-ui-panel-show-from-right.landing-ui-panel-content {
left: auto;
right: 0;
transform: translateX(100%);
}
.landing-ui-panel.landing-ui-panel-link {
z-index: 333;
}
.landing-ui-panel-link.landing-ui-panel-content-overlay {
z-index: 332;
}
.landing-ui-panel-content-with-subtitle .landing-ui-panel-content-body {
height: calc(100% - 152px)!important;
}
.landing-ui-panel-content.landing-ui-show {
animation: showContentPanel 400ms ease both;
}
.landing-ui-panel-content.landing-ui-hide {
animation: hideContentPanel 400ms ease both;
visibility: visible;
}
.landing-ui-panel-show-from-right.landing-ui-panel-content.landing-ui-show {
animation: showContentPanelFromRight 400ms ease both;
}
.landing-ui-panel-show-from-right.landing-ui-panel-content.landing-ui-hide {
animation: hideContentPanelToRight 400ms ease both;
visibility: visible;
}
@keyframes showContentPanel {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
}
@keyframes hideContentPanel {
0% {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
100% {
visibility: hidden;
opacity: 0;
transform: translateX(-100%);
}
}
@keyframes showContentPanelFromRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
}
@keyframes hideContentPanelToRight {
0% {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
100% {
visibility: hidden;
opacity: 0;
transform: translateX(100%);
}
}
@keyframes showOverlay {
0% {
opacity: 0;
}
100% {
opacity: .5;
}
}
@keyframes hideOverlay {
0% {
opacity: .5;
}
100% {
opacity: 0;
}
}
.landing-ui-panel-content-header {
width: 100%;
height: 63px;
min-height: 63px;
display: flex;
justify-content: center;
flex-direction: column;
padding-bottom: 10px;
box-sizing: content-box;
}
.landing-ui-panel-content-with-subtitle .landing-ui-panel-content-header {
height: 78px;
min-height: 78px;
}
.landing-ui-panel-content-header:empty {
display: none;
}
.landing-ui-panel-content-title {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
font-size: 24px;
color: #000000;
margin: 10px 33px 0 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.landing-ui-panel-content-subtitle {
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 12px;
position: relative;
top: -4px;
margin-left: 30px;
margin-right: 80px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.landing-ui-panel-content-body {
display: flex;
height: calc(100% - 73px);
overflow: auto;
}
.landing-ui-panel-content-footer {
background: #ffffff;
display: flex;
width: 100%;
height: 63px;
min-height: 63px;
border-top: 1px transparent solid;
text-align: center;
line-height: 90px;
/*box-shadow: 0 -1px 2px 0 rgba(0,0,0,.1);*/
z-index: 399;
align-items: center;
justify-content: center;
box-shadow: 0 -2px 4px 0 #c6c9cb;
transform: translateZ(0);
}
.landing-ui-panel-content-footer:empty {
display: none;
}
.landing-ui-panel-content-body-sidebar {
background: rgba(255, 255, 255, .6);
position: relative;
min-width: 250px;
max-width: 250px;
left: 0;
top: 0;
overflow-y: auto;
margin-left: 14px;
margin-right: 5px;
transform: translateZ(0);
border-top: 20px transparent solid;
border-bottom: 20px transparent solid;
border-radius: var(--ui-border-radius-md);
}
.landing-ui-panel-content-body-sidebar:empty {
display: none;
}
.landing-ui-panel-content-body-content {
background: rgba(255, 255, 255, 1);
position: relative;
overflow-y: scroll;
width: 100%;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
border-top: 20px transparent solid;
border-bottom: 20px transparent solid;
border-radius: var(--ui-border-radius-md);
}
.landing-ui-panel-content-body-sidebar:empty + .landing-ui-panel-content-body-content {
margin-left: 20px;
}
.landing-ui-panel-content-close {
background: url("/bitrix/images/landing/close.svg") center center no-repeat!important;
width: 32px;
height: 32px;
padding: 0;
position: absolute;
top: 23px;
right: 15px;
transition: opacity 200ms ease!important;
border-right: none!important;
border-radius: 32px!important;
opacity: .6;
}
.landing-ui-panel-content-close:hover {
background-color: transparent;
opacity: 1;
}
.landing-ui-hide-action-panels .landing-ui-panel-create-action,
.landing-ui-hide-action-panels .landing-ui-panel-content-action,
.landing-ui-hide-action-panels .landing-ui-panel-block-action {
display: none!important;
}
.landing-ui-panel-show-from-right .landing-ui-panel-content-close {
display: none;
}
.landing-ui-action-panels-disable-scrollbar {
overflow: hidden;
}
.landing-ui-panel-highlight {
position: relative;
}
.landing-ui-panel-highlight::before {
position: absolute;
top: -20px;
bottom: -20px;
right: -20px;
left: -20px;
content: '';
background: rgba(187, 237, 33, .2);
}
.landing-ui-panel.landing-ui-hide .landing-ui-panel-content-body-content {
overflow-y: hidden;
}