silverstripe-framework/admin/scss/screen.scss

61 lines
1.2 KiB
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%;
}
}