100 lines
No EOL
1.5 KiB
CSS
100 lines
No EOL
1.5 KiB
CSS
@-webkit-keyframes ngdialog-fadeout {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes ngdialog-fadeout {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes ngdialog-fadein {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes ngdialog-fadein {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.ngdialog,
|
|
.ngdialog *,
|
|
.ngdialog *:before,
|
|
.ngdialog *:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ngdialog {
|
|
position: fixed;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
z-index: 10000;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.ngdialog-overlay {
|
|
position: fixed;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-animation: ngdialog-fadein 0.5s;
|
|
animation: ngdialog-fadein 0.5s;
|
|
}
|
|
|
|
.ngdialog.ngdialog-closing .ngdialog-overlay {
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-animation: ngdialog-fadeout 0.5s;
|
|
animation: ngdialog-fadeout 0.5s;
|
|
}
|
|
|
|
.ngdialog-content {
|
|
background: white;
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-animation: ngdialog-fadein 0.5s;
|
|
animation: ngdialog-fadein 0.5s;
|
|
}
|
|
|
|
.ngdialog.ngdialog-closing .ngdialog-content {
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-animation: ngdialog-fadeout 0.5s;
|
|
animation: ngdialog-fadeout 0.5s;
|
|
}
|
|
|
|
.ngdialog-close:before {
|
|
font-family: 'Helvetica', Arial, sans-serif;
|
|
content: '\00D7';
|
|
cursor: pointer;
|
|
}
|
|
|
|
body.ngdialog-open {
|
|
overflow: hidden;
|
|
} |