aredn/files/www/loading.css

83 lines
1.7 KiB
CSS

/* Loading Spinner */
#content-overlay {
left: 0px;
}
.overlay {
z-index: 1000;
background-color: black;
-moz-opacity: 0.60;
opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
width: 100%;
height: 100%;
position: absolute;
top: 0;
margin: 0;
padding: 0;
}
.loading-text {
margin:0px auto;
font-weight: bold;
color: #FFFFFF;
line-height: 4.5em;
}
.spinner {
margin:0px auto;
height: 120px;
width: 120px;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-left:12px solid #FFFFFF;
border-right:12px solid #FFFFFF;
border-bottom:12px solid #FFFFFF;
border-top:12px solid rgb(190,30,44);
border-radius:100%;
}
#content-loading-spinner {
position: absolute;
z-index: 10000;
text-align: center;
top: 300px;
left: 47%;
display: block;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
#node_description_entry {
vertical-align: middle;
resize: none;
}
#node_description_display {
text-align: center;
vertical-align: middle;
background-color: whitesmoke;
font-size: 12pt;
width: 40%;
}