There was few posts about reaplacing standard loading,gif in project:
So in CustomCSS:
1) When loading web page image:
#loading .loading-indicator {
background: url(./files/loading.gif) no-repeat;
background-color: white;
color: black;
font: bold 16px tahoma,arial,helvetica;
padding: 5px 10px 10px 50px;
margin: 0;
text-align: center;
height: auto;
}
2) For screenmask with loading.gif eg. when connection is lost:
.x-mask-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(./files/loading.gif) !important;
background-repeat: no-repeat !important;
background-position: center !important;
text-align: center;
}
Marcin