1
0
mirror of https://github.com/mgerb/mywebsite synced 2026-01-14 11:32:48 +00:00

testing loading screen for graphs

This commit is contained in:
2015-12-21 09:24:51 -06:00
parent 4881d94e95
commit 2e172770b6
5 changed files with 85 additions and 43 deletions

View File

@@ -255,4 +255,30 @@ a {
width: 12px;
height: 12px;
margin-right: 5px;
}
.modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url('http://i.stack.imgur.com/FhHRx.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 {
display: block;
}