kopia lustrzana https://github.com/c9/core
Revert "New adaptive loading screen"
rodzic
00cbef928a
commit
abe54f8a28
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 20 KiB |
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 86 KiB |
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 19 KiB |
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 37 KiB |
|
@ -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;
|
|
||||||
}
|
|
|
@ -16,11 +16,39 @@
|
||||||
window.isLocalVersion = nRequire ? true : false;
|
window.isLocalVersion = nRequire ? true : false;
|
||||||
window.require = undefined;
|
window.require = undefined;
|
||||||
</script>
|
</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="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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) { %>
|
<% if (packed) { %>
|
||||||
<script src="/static/<%=version%>/config/<%=configName%>.js"></script>
|
<script src="/static/<%=version%>/config/<%=configName%>.js"></script>
|
||||||
|
@ -30,7 +58,7 @@
|
||||||
<% } %>
|
<% } %>
|
||||||
<script>
|
<script>
|
||||||
var plugins = <%-: architectConfig | JSONToJS %>;
|
var plugins = <%-: architectConfig | JSONToJS %>;
|
||||||
var start = Date.now();
|
var start = Date.now();
|
||||||
|
|
||||||
<% if (packed) { %>
|
<% if (packed) { %>
|
||||||
require.MODULE_LOAD_URL = "/static/standalone/modules"
|
require.MODULE_LOAD_URL = "/static/standalone/modules"
|
||||||
|
|
Ładowanie…
Reference in New Issue