Zeile 1 | Zeile 1 |
---|
| .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; }
.blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }
.blocker.behind { background-color: transparent; }
|
.modal {
|
.modal {
|
display: none;
| |
width: 400px; text-align: left; background: #fff;
|
width: 400px; text-align: left; background: #fff;
|
| display: inline-block; vertical-align: middle; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
| -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
|
Zeile 35 | Zeile 70 |
---|
left: 50%; margin-right: -32px; margin-top: -32px;
|
left: 50%; margin-right: -32px; margin-top: -32px;
|
background: url(images/spinner.gif) #111 no-repeat center center;
| background: url(images/spinner_big.gif) no-repeat center center;
|
-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
| -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
|