976 lines
27 KiB
CSS
976 lines
27 KiB
CSS
|
.popup-window {
|
||
|
|
background-color: #fff;
|
||
|
|
-webkit-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
|
||
|
|
box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
|
||
|
|
padding: 10px;
|
||
|
|
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
-webkit-box-pack: stretch;
|
||
|
|
-ms-flex-pack: stretch;
|
||
|
|
justify-content: stretch;
|
||
|
|
border-radius: var(--popup-window-border-radius);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* A super hack for legacy code which directly reads and writes popupContainer.style.display */
|
||
|
|
.popup-window[style*="block"] {
|
||
|
|
display: -webkit-box !important;
|
||
|
|
display: -ms-flexbox !important;
|
||
|
|
display: flex !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bx-ie .popup-window[style*="block"] {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window.popup-window-with-titlebar {
|
||
|
|
padding: 0 10px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-delimiter {
|
||
|
|
background-color: #f0f1f2;
|
||
|
|
display: block;
|
||
|
|
height: 1px;
|
||
|
|
line-height: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-delimiter-section {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
margin: 5px 0 8px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-delimiter-section:before,
|
||
|
|
.popup-window-delimiter-section:after {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
min-width: 15px;
|
||
|
|
position: relative;
|
||
|
|
top: 8px;
|
||
|
|
height: 1px;
|
||
|
|
background-color: #f0f1f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-delimiter-text {
|
||
|
|
position: relative;
|
||
|
|
top: 2px;
|
||
|
|
padding: 0 12px;
|
||
|
|
background: #fff;
|
||
|
|
color: #b1b6bc;
|
||
|
|
font-size: 10px;
|
||
|
|
font-weight: bold;
|
||
|
|
text-transform: uppercase;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow-x: hidden;
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
text-align: center;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-buttons {
|
||
|
|
text-align: center;
|
||
|
|
padding: 20px 0 10px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button {
|
||
|
|
display: inline-block;
|
||
|
|
height: 39px;
|
||
|
|
line-height: 39px;
|
||
|
|
margin: 0 12px 0 0;
|
||
|
|
background: #ecedef;
|
||
|
|
border-radius: var(--popup-window-button-border-radius, 2px);
|
||
|
|
cursor: pointer;
|
||
|
|
color: #7a818a;
|
||
|
|
font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: normal;
|
||
|
|
outline: none;
|
||
|
|
padding: 0 18px;
|
||
|
|
vertical-align: middle;
|
||
|
|
text-decoration: none;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-shadow: none;
|
||
|
|
white-space: nowrap;
|
||
|
|
-webkit-box-shadow: 0 0 0 1px #c6cdd3 inset;
|
||
|
|
box-shadow: 0 0 0 1px #c6cdd3 inset;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-webkit-transition: background-color 0.2s linear, color 0.2s linear;
|
||
|
|
-o-transition: background-color 0.2s linear, color 0.2s linear;
|
||
|
|
transition: background-color 0.2s linear, color 0.2s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button:before,
|
||
|
|
.popup-window-button:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button:hover {
|
||
|
|
background: #cfd4d8;
|
||
|
|
color: #535c69;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-accept,
|
||
|
|
.popup-window-button-create {
|
||
|
|
background: #bbed21;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
color: #535c69;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-accept:hover,
|
||
|
|
.popup-window-button-create:hover {
|
||
|
|
background: #d2f95f;
|
||
|
|
color: #535c69;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-wait {
|
||
|
|
color: transparent !important;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-wait .popup-window-button-text {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-wait:before {
|
||
|
|
background: none !important;
|
||
|
|
-webkit-box-shadow: inset 0 0 0 1px #fff;
|
||
|
|
box-shadow: inset 0 0 0 1px #fff;
|
||
|
|
border-radius: 50%;
|
||
|
|
color: #fff;
|
||
|
|
display: block !important;
|
||
|
|
content: '_' !important;
|
||
|
|
font-size: 10px;
|
||
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
line-height: 10px;
|
||
|
|
height: 21px;
|
||
|
|
top: 10px;
|
||
|
|
left: 50%;
|
||
|
|
margin: 0 0 0 -11px;
|
||
|
|
padding-right: 6px;
|
||
|
|
position: absolute;
|
||
|
|
text-align: right;
|
||
|
|
width: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-wait:after {
|
||
|
|
background: #fff !important;
|
||
|
|
content: ' ' !important;
|
||
|
|
display: block !important;
|
||
|
|
height: 7px;
|
||
|
|
position: absolute;
|
||
|
|
top: 13px;
|
||
|
|
left: 50%;
|
||
|
|
padding: 0;
|
||
|
|
width: 1px;
|
||
|
|
-webkit-transform-origin: 0 100%;
|
||
|
|
-ms-transform-origin: 0 100%;
|
||
|
|
transform-origin: 0 100%;
|
||
|
|
-webkit-animation: popup-window-button-animation 1s infinite linear;
|
||
|
|
animation: popup-window-button-animation 1s infinite linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-create.popup-window-button-wait:before,
|
||
|
|
.popup-window-button-accept.popup-window-button-wait:before {
|
||
|
|
color: #535c69;
|
||
|
|
-webkit-box-shadow: inset 0 0 0 1px #535c69;
|
||
|
|
box-shadow: inset 0 0 0 1px #535c69;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-create.popup-window-button-wait:after,
|
||
|
|
.popup-window-button-accept.popup-window-button-wait:after {
|
||
|
|
background: #535c69 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes popup-window-button-animation {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes popup-window-button-animation {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-decline {
|
||
|
|
background: #f1361b;
|
||
|
|
color: #fff;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-decline:hover {
|
||
|
|
background: #cc1a00;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-cancel {
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-blue {
|
||
|
|
background-color: #3bc8f5;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-blue:hover {
|
||
|
|
background-color: #3fddff;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-blue:active {
|
||
|
|
background-color: #13b1e3;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-link,
|
||
|
|
.popup-window-button-link-cancel,
|
||
|
|
.popup-window-button-link:hover,
|
||
|
|
.popup-window-button-link:active {
|
||
|
|
background: none;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-link {
|
||
|
|
border-bottom: 1px solid #c0c2c5;
|
||
|
|
border-radius: 0;
|
||
|
|
color: #535c69;
|
||
|
|
cursor: pointer;
|
||
|
|
height: 17px;
|
||
|
|
line-height: 17px;
|
||
|
|
-webkit-transition: border-bottom-color 0.15s linear;
|
||
|
|
-o-transition: border-bottom-color 0.15s linear;
|
||
|
|
transition: border-bottom-color 0.15s linear;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-link:hover,
|
||
|
|
.popup-window-button-link:active {
|
||
|
|
border-bottom-color: #535c69;
|
||
|
|
color: #535c69;
|
||
|
|
line-height: 17px;
|
||
|
|
height: 17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-link-cancel {
|
||
|
|
color: #f1361b;
|
||
|
|
border-bottom-color: #ffb4a9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button.popup-window-button-link-cancel:hover,
|
||
|
|
.popup-window-button.popup-window-button-link-cancel:active {
|
||
|
|
border-bottom-color: #f1361b;
|
||
|
|
color: #f1361b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-disable {
|
||
|
|
cursor: default;
|
||
|
|
opacity: 0.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-titlebar {
|
||
|
|
height: 49px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-titlebar-text,
|
||
|
|
.popup-window-titlebar-text-version {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #80868e;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: bold;
|
||
|
|
max-width: 100%;
|
||
|
|
line-height: 49px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0 30px 0 10px;
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-titlebar-text-version {
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 13px;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-content {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
border-radius: var(--popup-window-content-border-radius);
|
||
|
|
scrollbar-width: thin;
|
||
|
|
scrollbar-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-content::-webkit-scrollbar {
|
||
|
|
width: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-content::-webkit-scrollbar-track {
|
||
|
|
background-color: var(--popup-window-scrollbar-track-background, rgba(82, 92, 105, 0.05));
|
||
|
|
margin: 8px 0;
|
||
|
|
border-right: 4px solid transparent;
|
||
|
|
border-left: 4px solid transparent;
|
||
|
|
background-clip: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-content::-webkit-scrollbar-thumb {
|
||
|
|
background-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
|
||
|
|
margin: 8px 0;
|
||
|
|
border-right: 4px solid transparent;
|
||
|
|
border-left: 4px solid transparent;
|
||
|
|
background-clip: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-content::-webkit-scrollbar-thumb:hover {
|
||
|
|
background-color: var(--popup-window-scrollbar-thumb-hover-background, rgba(82, 92, 105, 0.5));
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-with-titlebar .popup-window-content,
|
||
|
|
.popup-window-content-gray .popup-window-content {
|
||
|
|
background-color: #eef2f4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-content-white .popup-window-content {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-with-titlebar .popup-window-content {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-close-icon {
|
||
|
|
cursor: pointer;
|
||
|
|
height: 27px;
|
||
|
|
outline: none;
|
||
|
|
opacity: 0.5;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 27px;
|
||
|
|
-webkit-transition: opacity 0.2s linear;
|
||
|
|
-o-transition: opacity 0.2s linear;
|
||
|
|
transition: opacity 0.2s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-close-icon:after {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
-webkit-transform: translate3d(-50%, -50%, 0);
|
||
|
|
transform: translate3d(-50%, -50%, 0);
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.787 1L5 3.787 2.213 1 1 2.213 3.787 5 1 7.787 2.213 9 5 6.213 7.787 9 9 7.787 6.213 5 9 2.213' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-titlebar-close-icon {
|
||
|
|
top: 12px;
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-close-icon:hover {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly {
|
||
|
|
display: none;
|
||
|
|
height: 22px;
|
||
|
|
position: absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 33px;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly--arrow {
|
||
|
|
background-color: #fff;
|
||
|
|
-webkit-box-shadow: 0 0 21px rgba(83, 92, 105, .13);
|
||
|
|
box-shadow: 0 0 21px rgba(83, 92, 105, .13);
|
||
|
|
content: '';
|
||
|
|
height: 15px;
|
||
|
|
position: absolute;
|
||
|
|
left: 9px;
|
||
|
|
top: 16px;
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
-ms-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg);
|
||
|
|
-webkit-transform-origin: 50% 50%;
|
||
|
|
-ms-transform-origin: 50% 50%;
|
||
|
|
transform-origin: 50% 50%;
|
||
|
|
width: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-top {
|
||
|
|
display: block;
|
||
|
|
left: 10px;
|
||
|
|
margin: 0;
|
||
|
|
top: -22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-top .popup-window-angly--arrow { }
|
||
|
|
|
||
|
|
.popup-window-angly-right {
|
||
|
|
display: block;
|
||
|
|
right: -17px;
|
||
|
|
top: 10px;
|
||
|
|
height: 30px;
|
||
|
|
width: 17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-right .popup-window-angly--arrow {
|
||
|
|
left: -9px;
|
||
|
|
top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-bottom {
|
||
|
|
bottom: -20px;
|
||
|
|
display: block;
|
||
|
|
height: 20px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-bottom .popup-window-angly--arrow {
|
||
|
|
top: -9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-left {
|
||
|
|
display: block;
|
||
|
|
left: -14px;
|
||
|
|
top: 10px;
|
||
|
|
height: 30px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-angly-left .popup-window-angly--arrow {
|
||
|
|
left: 8px;
|
||
|
|
top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-overlay {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
display: none;
|
||
|
|
background: #333;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
|
||
|
|
-moz-opacity: 0.5;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-resize {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity .3s;
|
||
|
|
-o-transition: opacity .3s;
|
||
|
|
transition: opacity .3s;
|
||
|
|
position: absolute;
|
||
|
|
right: 2px;
|
||
|
|
bottom: 2px;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
cursor: nwse-resize;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window:hover .popup-window-resize {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Menu Popup */
|
||
|
|
.menu-popup {
|
||
|
|
padding: 8px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-title {
|
||
|
|
margin: 0 0 7px 0;
|
||
|
|
padding: 0 0 0 4px;
|
||
|
|
color: #4c4c4c;
|
||
|
|
white-space: nowrap;
|
||
|
|
font: normal normal normal 12px/normal Arial, Helvetica, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup .menu-popup-item {
|
||
|
|
background-color: transparent;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
cursor: pointer;
|
||
|
|
height: 36px;
|
||
|
|
position: relative;
|
||
|
|
text-decoration: none;
|
||
|
|
outline: none;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* A super hack for legacy code which directly reads and writes menu-popup-item.style.display */
|
||
|
|
.menu-popup .menu-popup-item[style*="block"] {
|
||
|
|
display: -webkit-box !important;
|
||
|
|
display: -ms-flexbox !important;
|
||
|
|
display: flex !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup .menu-popup-item-disabled {
|
||
|
|
pointer-events: none;
|
||
|
|
opacity: 0.4;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle {
|
||
|
|
stroke: #4a4e53;
|
||
|
|
stroke-width: 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-icon {
|
||
|
|
display: inline-block;
|
||
|
|
height: 16px;
|
||
|
|
margin-left: 15px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 19px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-text {
|
||
|
|
display: inline-block;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
color: #525c68;
|
||
|
|
line-height: 36px;
|
||
|
|
padding: 0 15px 0 9px;
|
||
|
|
text-decoration: none;
|
||
|
|
vertical-align: middle;
|
||
|
|
-webkit-transition: color 0.2s linear;
|
||
|
|
-o-transition: color 0.2s linear;
|
||
|
|
transition: color 0.2s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* A temporary hack for the custom menu separators */
|
||
|
|
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span {
|
||
|
|
top: -10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-text .tariff-lock {
|
||
|
|
margin: 0 5px 2px 5px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-fixed-width .menu-popup-item-text {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-no-icon .menu-popup-item-text {
|
||
|
|
padding: 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-submenu .menu-popup-item-text {
|
||
|
|
padding-right: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item:hover,
|
||
|
|
.menu-popup-item.menu-popup-item-open {
|
||
|
|
background-color: #f5f5f6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item:hover .menu-popup-item-text {
|
||
|
|
color: #3b434f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item.menu-popup-item-disabled:hover {
|
||
|
|
background: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-submenu:after {
|
||
|
|
position: absolute;
|
||
|
|
right: 11px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -4px;
|
||
|
|
width: 6px;
|
||
|
|
height: 9px;
|
||
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
|
||
|
|
background-size: cover;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
.bx-admin-submenu-opened { background: #f0f0f0 !important; border-radius: 3px; }
|
||
|
|
|
||
|
|
.menu-popup-no-icon .menu-popup-item-icon { display: none; }
|
||
|
|
|
||
|
|
.menu-popup-item-view .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 015.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427c-.39.389-1.025.384-1.415-.005l-3.307-3.309A6.37 6.37 0 118.369 0zm0 1.82a4.55 4.55 0 100 9.098 4.55 4.55 0 000-9.098z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-edit .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M14.42 1l2.55 2.577-9.978 9.951-2.55-2.577L14.418 1zM3.008 14.638a.267.267 0 00.067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405-.768 2.85z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-create .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0h2.978z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-create-quick .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032h2zM12.23 0L6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0h7.22z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-take .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-begin .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 110 15.265A7.632 7.632 0 019.632 1zm0 1.752a5.88 5.88 0 100 11.761 5.88 5.88 0 000-11.761zM8.296 5.119a.7.7 0 01.375.11l4.418 2.806a.7.7 0 010 1.182L8.67 12.024a.7.7 0 01-1.075-.59V5.818a.7.7 0 01.7-.7z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-decline .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M6.161 2l.017 2.83h2.138a4.433 4.433 0 014.433 4.434v.129a4.433 4.433 0 01-4.433 4.433H4.91c-.24 0-.474-.019-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 002.317-2.475l-.005-.163A2.48 2.48 0 008.116 6.86H6.19l.017 3.048L2 5.932 6.161 2zm10.043 1.887v9.662h-2.008V3.887h2.008z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-reopen .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.514 2a6.508 6.508 0 015.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 10-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 019.514 2z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-complete .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4V2z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-hold .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8 2v12H5V2h3zm5.986 0v12h-3V2h3z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-accept .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-remake .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.246 8.07l1.398 2.234a2 2 0 01-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993 1.906-1.101zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 01-1.695-3.06L2.944 8.06 1 6.936 5.579 5.71zM10.153.304a2 2 0 01.635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 012.756-.635z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-delete .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.406 3.889l-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-copy .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899v-1.76a.642.642 0 00-.64-.641H3.64a.642.642 0 00-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 01-.196-.195zm10.223 3.442a.208.208 0 01-.207.207H8.161a.208.208 0 01-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207v6.753zm1.148-8.86H6.713a.66.66 0 00-.659.66v9.555a.66.66 0 00.66.659h9.555a.661.661 0 00.659-.66V4.714a.66.66 0 00-.66-.659z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-delegate .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.774 7.774 0 010 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2.04 2.04 0 00.039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555zm-7.307.929l4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975V3.659z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-add-to-tm .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.293 1.542a7.494 7.494 0 014.696 6.952 7.348 7.348 0 01-7.196 7.49 7.494 7.494 0 112.5-14.442zM5.428 4.587a5.64 5.64 0 004.291 9.543 5.53 5.53 0 005.416-5.636 5.64 5.64 0 00-9.707-3.907zM8.13 9.989V5.417h2v2.572h2.508v2H8.13z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-popup-item-accept-sm .menu-popup-item-icon {
|
||
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066B0' d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-button-left,
|
||
|
|
.popup-window-button-right {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ========Popup Window Darken==========*/
|
||
|
|
.popup-window-dark {
|
||
|
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
|
border-radius: 4px;
|
||
|
|
-webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
|
||
|
|
box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-dark .popup-window-content {
|
||
|
|
background-color: transparent;
|
||
|
|
color: #fff;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-dark .popup-window-angly--arrow {
|
||
|
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-dark .popup-window-titlebar-text {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-dark .popup-window-close-icon:after {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.787 1L5 3.787 2.213 1 1 2.213 3.787 5 1 7.787 2.213 9 5 6.213 7.787 9 9 7.787 6.213 5 9 2.213' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
|
||
|
|
}
|
||
|
|
|
||
|
|
/*===========TABS==========*/
|
||
|
|
.popup-window-tabs-box {
|
||
|
|
padding: 10px 0 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tabs {
|
||
|
|
position: relative;
|
||
|
|
padding: 0 20px 0 0;
|
||
|
|
margin: 0;
|
||
|
|
height: 42px;
|
||
|
|
font-size: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tab {
|
||
|
|
display: inline-block;
|
||
|
|
height: 42px;
|
||
|
|
margin: 0 7px 0 0;
|
||
|
|
padding: 0 12px;
|
||
|
|
border: none;
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
line-height: 41px;
|
||
|
|
color: #535c69;
|
||
|
|
background-color: #ecf2f3;
|
||
|
|
text-shadow: none;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-transition: background-color 0.15s linear;
|
||
|
|
-o-transition: background-color 0.15s linear;
|
||
|
|
transition: background-color 0.15s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tab:hover {
|
||
|
|
background-color: #f7f9f9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tab-selected {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
padding: 0 11px;
|
||
|
|
background-color: #fff !important;
|
||
|
|
line-height: 40px;
|
||
|
|
border-radius: 2px 2px 0 0;
|
||
|
|
border: 1px solid #c6cdd3;
|
||
|
|
border-bottom: none;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tabs-content {
|
||
|
|
margin: 0;
|
||
|
|
padding: 10px;
|
||
|
|
border: 1px solid #c6cdd3;
|
||
|
|
border-radius: 0 3px 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tab-content {
|
||
|
|
display: none;
|
||
|
|
padding: 20px;
|
||
|
|
background: #eef2f4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tabs-content-white .popup-window-tab-content {
|
||
|
|
padding: 10px;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-tab-content-selected {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-show-animation-opacity {
|
||
|
|
-webkit-animation: popupWindowShowAnimationOpacity 100ms;
|
||
|
|
animation: popupWindowShowAnimationOpacity 100ms;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes popupWindowShowAnimationOpacity {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes popupWindowShowAnimationOpacity {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-show-animation-opacity-transform {
|
||
|
|
-webkit-animation: popupWindowShowAnimationOpacityTransform 100ms;
|
||
|
|
animation: popupWindowShowAnimationOpacityTransform 100ms;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes popupWindowShowAnimationOpacityTransform {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
||
|
|
-ms-transform: translate3d(0, 5px, 0);
|
||
|
|
transform: translate3d(0, 5px, 0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translate3d(0, 0px, 0);
|
||
|
|
-ms-transform: translate3d(0, 0px, 0);
|
||
|
|
transform: translate3d(0, 0px, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes popupWindowShowAnimationOpacityTransform {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
||
|
|
-ms-transform: translate3d(0, 5px, 0);
|
||
|
|
transform: translate3d(0, 5px, 0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translate3d(0, 0px, 0);
|
||
|
|
-ms-transform: translate3d(0, 0px, 0);
|
||
|
|
transform: translate3d(0, 0px, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-close-animation-opacity {
|
||
|
|
-webkit-animation: popupWindowCloseAnimationOpacity 150ms;
|
||
|
|
animation: popupWindowCloseAnimationOpacity 150ms;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes popupWindowCloseAnimationOpacity {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes popupWindowCloseAnimationOpacity {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-close-animation-opacity-transform {
|
||
|
|
-webkit-animation: popupWindowCloseAnimationOpacity 150ms;
|
||
|
|
animation: popupWindowCloseAnimationOpacity 150ms;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes popupWindowCloseAnimationOpacityTransform {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translate3d(0, 0px, 0);
|
||
|
|
-ms-transform: translate3d(0, 0px, 0);
|
||
|
|
transform: translate3d(0, 0px, 0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translate3d(0, 25px, 0);
|
||
|
|
-ms-transform: translate3d(0, 25px, 0);
|
||
|
|
transform: translate3d(0, 25px, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes popupWindowCloseAnimationOpacityTransform {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translate3d(0, 0px, 0);
|
||
|
|
-ms-transform: translate3d(0, 0px, 0);
|
||
|
|
transform: translate3d(0, 0px, 0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translate3d(0, 25px, 0);
|
||
|
|
-ms-transform: translate3d(0, 25px, 0);
|
||
|
|
transform: translate3d(0, 25px, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-window-show-animation-scale {
|
||
|
|
-webkit-animation: popup-window-show-animation-scale 400ms;
|
||
|
|
animation: popup-window-show-animation-scale 400ms;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes popup-window-show-animation-scale {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes popup-window-show-animation-scale {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|