| 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;
|