kopia lustrzana https://github.com/c9/core
Add support for the classic theme loading screen
rodzic
c5666c7fbc
commit
b6411a7a53
|
@ -0,0 +1,88 @@
|
||||||
|
#loadingide {
|
||||||
|
background-image: url(images/loading-logo.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-color: #222222;
|
||||||
|
background-position: 50% 40%;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
@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/loading-logo@2x.png);
|
||||||
|
background-size: 514px 431px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#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;
|
||||||
|
text-shadow: 0 1px 0 #000;
|
||||||
|
filter: dropshadow(color=#000, offx=0, offy=1);
|
||||||
|
color: #818181;
|
||||||
|
position:absolute;
|
||||||
|
bottom:5px;
|
||||||
|
right:10px;
|
||||||
|
text-align: right;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
#loadingide .footer, .footer > a:link, a:visited, a:active {
|
||||||
|
color: #909090;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
#loadingide .footer > a:hover {
|
||||||
|
color: #f1f1f1;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
#loadingide #dots {
|
||||||
|
width: 30px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: left;
|
||||||
|
margin-right: -30px;
|
||||||
|
}
|
||||||
|
#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;
|
||||||
|
}
|
|
@ -111,7 +111,7 @@ HTML.loading.dark{
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
#loadingide .status {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -100px;
|
margin-left: -100px;
|
||||||
|
@ -121,7 +121,7 @@ HTML.loading.dark{
|
||||||
margin-top: 200px;
|
margin-top: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cool-message {
|
#loadingide .cool-message {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
@ -135,11 +135,11 @@ HTML.loading.dark{
|
||||||
margin-left: -500px;
|
margin-left: -500px;
|
||||||
margin-top: 250px;
|
margin-top: 250px;
|
||||||
}
|
}
|
||||||
.dark .cool-message {
|
#loadingide.dark .cool-message {
|
||||||
color: #757575;
|
color: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spinner {
|
#loadingide .spinner {
|
||||||
background: url(images/running_flat_light@2x.png);
|
background: url(images/running_flat_light@2x.png);
|
||||||
background-size: 300px 20px;
|
background-size: 300px 20px;
|
||||||
animation: rotation 0.6s infinite steps(16);
|
animation: rotation 0.6s infinite steps(16);
|
|
@ -20,31 +20,7 @@
|
||||||
<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 %>
|
||||||
var plugins = architectConfig;
|
|
||||||
var theme = "flat-light", html;
|
|
||||||
plugins.some(function(n){
|
|
||||||
if (n.packagePath == "plugins/c9.core/settings") {
|
|
||||||
if (n.html) html = n.html;
|
|
||||||
|
|
||||||
try { var settings = JSON.parse(n.settings.user); }
|
|
||||||
catch(e) { return; }
|
|
||||||
|
|
||||||
theme = settings.general["@skin"];
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!html) {
|
|
||||||
var isDark = theme.indexOf("dark") > -1;
|
|
||||||
%><% include ../../c9.ide.server/views/basic-loading.html %><%
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
%><div id="loadingide" class="<%-: theme + (isDark ? " dark" : "") %>">
|
|
||||||
<%-: html %>
|
|
||||||
</div><%
|
|
||||||
}
|
|
||||||
%>
|
|
||||||
|
|
||||||
<% if (packed) { %>
|
<% if (packed) { %>
|
||||||
<script src="/static/<%=version%>/config/<%=configName%>.js"></script>
|
<script src="/static/<%=version%>/config/<%=configName%>.js"></script>
|
||||||
|
|
Ładowanie…
Reference in New Issue