silverstripe-framework/admin/scss/screen.scss

@import "tree.scss";
@import "forms.scss";

.logo {
	.version {
		display: none; 
	} 
}

.ss-loading-screen, 
.ss-loading-screen .loading-logo {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	background: #fff;
	background: -moz-radial-gradient(50% 50% 180deg, circle cover, #FFFFFF, #EFEFEF, #C7C7C7 100%);
	background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#E3E3E3), to(white));
	z-index: 100000;
	margin: 0;
	padding: 0;
}

.ss-loading-screen {
	.loading-logo {
		background-url: url(../images/logo.gif);
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: 50% 50%;
	}
	p {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 80px;
		
		span.notice {
			display: inline-block;
			font-size: 14px;
			padding: 10px 20px;
			color: #dc7f00;
			border: none;

			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;

			-moz-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1);
			-webkit-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1);
			-o-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1);
			box-shadow: 1px 1px 15px rgba(0,0,0, 0.1);
		}
	}
	
	.loading-animation {
		display: none;
		position: absolute;
		left: 49%;
		top: 75%;
	}
}