Revert "New adaptive loading screen"

plugins/c9.ide.layout.classic/loading-flat.css

@@ -1,150 +0,0 @@
-HTML.loading{
-    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%); /* FF3.6-15 */
-    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
-    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-}
-HTML.loading.dark{
-    background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(35,35,35,1) 100%); /* FF3.6-15 */
-    background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(35,35,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
-    background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(35,35,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-}
-
-#loadingide {
-    background-image: url(images/c9-logo-blue.png);
-    background-repeat: no-repeat;
-    background-position: 50% 30%;
-    font-style: normal;
-    height: 100%;
-    width: 100%;
-    position: fixed;
-    text-align: center;
-    z-index: 200000;
-    left: 0;
-    top: 0;
-    -webkit-font-smoothing: antialiased !important;
-    -moz-osx-font-smoothing: grayscale !important;
-}
-#loadingide.dark {
-    background-image: url(images/c9-logo-white.png);
-}
-
-@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) {
-    #loadingide {
-        background-image: url(images/c9-logo-blue@2x.png);
-        background-size: 300px 279px;
-    }
-    #loadingide.dark {
-        background-image: url(images/c9-logo-white@2x.png);
-    }
-}
-
-#loadingide .loading-progress {
-    font-family: Myriad Pro, Arial;
-    font-size: 18px;
-    color: #9b9b9b;
-    height: 37px;
-    position: absolute;
-    margin: 0 auto;
-    bottom: 10%;
-    width: 100%;
-}
-#progress-msg {
-    position: relative;
-    width: 250px;
-    margin: 0 auto;
-}
-#loadingide .loading-msg {
-    color: #6d6d6d;
-    font-size : 14px;
-    margin-top : 15px;
-}
-#loadingide .footer {
-    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
-    font-size: 11px;
-    color: #333;
-    position:absolute;
-    bottom:5px;
-    right:10px;
-    text-align: right;
-    margin: 0;
-}
-#loadingide.dark .footer {
-    color: #818181;
-}
-#loadingide .footer, 
-#loadingide .footer > a:link, 
-#loadingide .footer > a:visited, 
-#loadingide .footer > a:active {
-    color: #333;
-    text-decoration: none;
-}
-#loadingide.dark .footer, 
-#loadingide.dark .footer > a:link, 
-#loadingide.dark .footer > a:visited, 
-#loadingide.dark .footer > a:active {
-    color: #909090;
-}
-#loadingide .footer > a:hover {
-    color: #444;
-    text-decoration: underline;
-}
-#loadingide.dark .footer > a:hover {
-    color: #f1f1f1;
-}
-#errorMessage {
-    display: block;
-    color: #c41117;
-    text-shadow: 0 1px 0 #eee;
-    background: rgba(255, 0, 0, 0.04);
-    padding: 10px;
-    margin: 50px auto;
-    border-radius: 10px;
-
-    font-size: 15px;
-    text-align: center;
-    width: 560px;
-    line-height: 25px;
-}
-#errorMessage a {
-    font-size: 15px;
-    color: #720c10;
-    text-decoration: underline;
-}
-
-#loadingide .status {
-    position: absolute;
-    left: 50%;
-    margin-left: -100px;
-    width: 200px;
-    text-align: center;
-    top: 57%;
-    margin-top: 200px;
-}
-
-#loadingide .cool-message {
-    display: block;
-    font-family: Arial;
-    font-size: 30px;
-    color: #A7A7A7;
-    white-space: nowrap;
-    position: absolute;
-    top: 30%;
-    left: 50%;
-    width: 1000px;
-    text-align: center;
-    margin-left: -500px;
-    margin-top: 250px;
-}
-#loadingide.dark .cool-message {
-    color: #757575;
-}
-
-#loadingide .spinner {
-    background: url(images/running_flat_light@2x.png);
-    background-size: 300px 20px;
-    animation: rotation 0.6s infinite steps(16);
-    width: 20px;
-    height: 20px;
-    background-repeat: no-repeat;
-    display: inline-block;
-}

plugins/c9.vfs.standalone/views/standalone.html.ejs

@@ -16,11 +16,39 @@
         window.isLocalVersion = nRequire ? true : false;
         window.require        = undefined;
     </script>
+    <link rel="stylesheet" type="text/css" href="/static/plugins/c9.ide.layout.classic/loading.css" />
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
 </head>
 <body>
-    <% include ../../c9.ide.server/views/load-screen.ejs %>
+    <div id="loadingide">
+        <div id="content" class="loading-progress">
+            <div id="progress-msg">
+                Loading your workspace <span id="dots"></span>
+            </div>
+            <div class="loading-seperator"></div>
+            <div class="loading-msg">It will be just as you left it</div>
+            
+            <div class="ui-progress-bar ui-container" id="progress_bar">
+                <div class="ui-progress" style="width: 7%;">
+                  <span class="ui-label" style="display:none;"></span>
+                </div>
+            </div>
+        </div>
+        <div class="footer">
+            <a href="https://docs.c9.io">Documentation</a> | 
+            <a href="http://status.c9.io">Server Status</a> | 
+            <a href="http://support.c9.io">Support</a>
+        </div>
+    </div>
+
+    <script type="text/javascript">
+        var dots = document.getElementById("dots");
+        var cnt  = 0;
+        window.dotsAnim = setInterval(function () {
+            dots.textContent = "...".slice(0, (++cnt)%4);
+        }, 500);
+    </script>
 
     <% if (packed) { %>
         <script src="/static/<%=version%>/config/<%=configName%>.js"></script>
@@ -30,7 +58,7 @@
     <% } %>
     <script>
         var plugins = <%-: architectConfig | JSONToJS %>;
-        var start = Date.now();
+        var start   = Date.now();
         
         <% if (packed) { %>
             require.MODULE_LOAD_URL = "/static/standalone/modules"