diff --git a/plugins/c9.ide.layout.classic/loading-flat.css b/plugins/c9.ide.layout.classic/loading-flat.css index 4fda746c..ac1b168d 100644 --- a/plugins/c9.ide.layout.classic/loading-flat.css +++ b/plugins/c9.ide.layout.classic/loading-flat.css @@ -1,8 +1,14 @@ -BODY.loading{ +#loadingcontainer{ background: url(images/loadingbgrepeat.png); background-size: 1px 8px; + height: 100%; + width: 100%; + position: fixed; + z-index: 200000; + left: 0; + top: 0; } -BODY.loading.dark{ +#loadingcontainer.dark{ background: url(images/loadingbgrepeat_dark.png); background-size: 1px 8px; } @@ -14,15 +20,15 @@ BODY.loading.dark{ font-style: normal; height: 100%; width: 100%; - position: fixed; - text-align: center; + position: absolute; z-index: 200000; left: 0; top: 0; + text-align: center; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } -#loadingide.dark, .dark #loadingide{ +.dark #loadingide{ background-image: url(images/c9-logo-white.png); } @@ -116,14 +122,14 @@ BODY.loading.dark{ width: 200px; text-align: center; top: 57%; - margin-top: 200px; + margin-top: 0; } #loadingide .cool-message { display: block; font-family: Arial; font-size: 30px; - color: #A7A7A7; + color: #717171; white-space: nowrap; position: absolute; top: 30%; @@ -131,7 +137,7 @@ BODY.loading.dark{ width: 1000px; text-align: center; margin-left: -500px; - margin-top: 250px; + margin-top: 350px; } #loadingide.dark .cool-message { color: #757575; @@ -141,10 +147,14 @@ BODY.loading.dark{ background: url(images/running_flat_light@2x.png); background-size: 300px 20px; animation: rotation 0.6s infinite steps(16); - width: 20px; - height: 20px; + width: 20px !important; + height: 20px !important; background-repeat: no-repeat; display: inline-block; + min-width: 20px !important; + min-height: 20px !important; + box-sizing: content-box; + border: 0; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}} diff --git a/plugins/c9.ide.server/views/flat-load-screen.html b/plugins/c9.ide.server/views/flat-load-screen.html index 6c361a61..4d1d96b6 100644 --- a/plugins/c9.ide.server/views/flat-load-screen.html +++ b/plugins/c9.ide.server/views/flat-load-screen.html @@ -1,14 +1,16 @@ -
"> -
- - -
-
-