69 lines
1.2 KiB
CSS
69 lines
1.2 KiB
CSS
|
* {
|
||
|
position: relative;
|
||
|
box-sizing: border-box;
|
||
|
outline-style: none !important;
|
||
|
}
|
||
|
|
||
|
@keyframes SharedAnimation_Spin360 {
|
||
|
0% { transform: rotate(0deg); }
|
||
|
100% { transform: rotate(360deg); }
|
||
|
}
|
||
|
|
||
|
html,
|
||
|
body,
|
||
|
#container {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.NewCreatePageEffect_Main {
|
||
|
font-family: sans-serif;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.ZoomText {
|
||
|
font-family: sans-serif;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
width: 810px;
|
||
|
z-index: 10;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.ZoomText_Child {
|
||
|
position: absolute;
|
||
|
width: 810px;
|
||
|
}
|
||
|
|
||
|
.BackgroundImage {
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
z-index: 0;
|
||
|
}
|
||
|
.BackgroundImage.Cover {
|
||
|
width: 10000px;
|
||
|
height: 10000px;
|
||
|
top: -5000px;
|
||
|
left: -5000px;
|
||
|
}
|
||
|
|
||
|
.ForegroundImage {
|
||
|
position: absolute;
|
||
|
overflow: hidden;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
z-index: 100;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|