MINOR Fixed content loading overlay in CMS

This commit is contained in:
Ingo Schommer 2011-10-29 12:31:56 +02:00
parent d020e656a1
commit ac94809068
2 changed files with 13 additions and 0 deletions

View File

@ -202,6 +202,8 @@ html article, html aside, html details, html figcaption, html figure, html foote
/** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */
.cms-content.loading, .cms-content form.loading { background: url(../images/spinner.gif) no-repeat 50% 50%; }
.cms-content-loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
/** ----------------------------------------------- Loading Screen ------------------------------------------------ */
.ss-loading-screen, .ss-loading-screen .loading-logo { width: 100%; height: 100%; overflow: hidden; position: absolute; background: #fff; background: -moz-radial-gradient(50% 50% 180deg, circle cover, white, #efefef, #c7c7c7 100%); background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#e3e3e3), to(white)); z-index: 100000; margin: 0; padding: 0; }

View File

@ -163,6 +163,17 @@ html,body {
}
}
.cms-content-loading-overlay {
position: absolute; // z-index doesn't apply properly without that
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
// Further styling by .ui-widget-overlay-light which is usually applied at the same time
}
/** -----------------------------------------------
* Loading Screen
* ------------------------------------------------ */