.dialog {
display: block;
position: fixed;
- width: 30em;
- min-width: 240px;
+ width: 30%;
+ min-width: 320px;
min-height: 3em;
- left: 50%; top: 20%;
- margin: -3em -15em;
+ left: 50%;
+ margin-left: -160px;
text-align: center;
- z-index: 10;
+ z-index: 2;
border-radius: .5em;
border: 1px solid black;
padding: .125em 0;
position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
background-color: rgba(0,0,0,.5);
+ z-index: 1;
}
.dialog > * { word-spacing: 0; }