2016-05-16 23:07:23 +08:00
|
|
|
dialog {
|
|
|
|
position: absolute;
|
|
|
|
left: 0; right: 0;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
height: -moz-fit-content;
|
|
|
|
height: -webkit-fit-content;
|
|
|
|
height: fit-content;
|
|
|
|
margin: auto;
|
|
|
|
border: solid;
|
|
|
|
padding: 1em;
|
|
|
|
background: white;
|
|
|
|
color: black;
|
2019-03-17 17:42:49 +08:00
|
|
|
display: block;
|
2016-05-16 23:07:23 +08:00
|
|
|
}
|
|
|
|
|
2019-03-17 17:42:49 +08:00
|
|
|
dialog:not([open]) {
|
|
|
|
display: none;
|
2016-05-16 23:07:23 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
dialog + .backdrop {
|
|
|
|
position: fixed;
|
|
|
|
top: 0; right: 0; bottom: 0; left: 0;
|
|
|
|
background: rgba(0,0,0,0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
._dialog_overlay {
|
|
|
|
position: fixed;
|
|
|
|
top: 0; right: 0; bottom: 0; left: 0;
|
|
|
|
}
|
2019-03-17 17:42:49 +08:00
|
|
|
|
|
|
|
dialog.fixed {
|
|
|
|
position: fixed;
|
|
|
|
top: 50%;
|
|
|
|
transform: translate(0, -50%);
|
|
|
|
}
|