32 lines
No EOL
870 B
CSS
32 lines
No EOL
870 B
CSS
/* CSS Document */
|
|
|
|
/* Start by setting display:none to make this hidden.
|
|
Then we position it in relation to the viewport window
|
|
with position:fixed. Width, height, top and left speak
|
|
speak for themselves. Background we set to 80% white with
|
|
our animation centered, and no-repeating */
|
|
.modal-loading {
|
|
display: none;
|
|
position: fixed;
|
|
z-index: 100000;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: rgba( 255, 255, 255, .3 )
|
|
url('attesa5.gif')
|
|
50% 50%
|
|
no-repeat;
|
|
}
|
|
|
|
/* When the body has the loading class, we turn
|
|
the scrollbar off with overflow:hidden */
|
|
body.loading {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Anytime the body has the loading class, our
|
|
modal element will be visible */
|
|
body.loading .modal-loading {
|
|
display: block;
|
|
} |