aredn/files/www/loading.css

114 lines
2.2 KiB
CSS
Raw Normal View History

/* 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%;
}
/* Tunnel Page Classes */
.tun_network_row td {
padding: 5px;
border: solid 1px black;
border-radius: 10px;
background-color: rgb(108,231,232);
}
.tun_client_row td {
padding: 2px;
}
.tun_client_list1:nth-child(odd) {
background: rgba(192,192,192,0.5)
}
.tun_client_list2:nth-child(even) {
background: rgba(192,192,192,0.5)
}
.tun_client_center_item {
vertical-align:middle;
text-align:center;
}
.tun_loading_css_comment {
font-size: 10pt;
}
.hidden-hosts {
/* light-ish grey */
color: #595959;
}
.aliased-hosts {
/* "peru" */
color: #CD853F;
}