body {
margin: 0;
padding: 0;
}
.cloudos-loading-screen {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cloudos-loading-screen .header {
background-color: #333;
width: 100%;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cloudos-loading-screen .header .apple-icon {
fill: white;
width: 18px;
height: 24px;
z-index: 1000;
}
.cloudos-loading-screen .content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cloudos-loading-screen .spinner {
width: 32px;
height: 32px;
opacity: 1;
-webkit-transition: opacity ease-out 350ms;
-o-transition: opacity ease-out 350ms;
transition: opacity ease-out 350ms;
-webkit-animation: 0.6s steps(12) 0s infinite cloudos-loading-spinner;
animation: 0.6s steps(12) 0s infinite cloudos-loading-spinner;
}
@-webkit-keyframes cloudos-loading-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes cloudos-loading-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}