100 lines
2.2 KiB
CSS
100 lines
2.2 KiB
CSS
* { margin: 0; padding: 0; }
|
|
|
|
/* Parallax & charCloud */
|
|
.p_abs100 {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height:100%;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.p_charCloud
|
|
{
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
/* End Parallax & charCloud */
|
|
#g { width: 100%; height: 100%; position: absolute; top: 0; }
|
|
|
|
#g, .slideTransitionOverride {
|
|
-webkit-transition: all 2ms cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
-moz-transition: all 2s cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
-ms-transition: all 2s cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
-o-transition: all 2s cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
transition: all 2s cubic-bezier(0.115, 0.000, 0.355, 1.000); /* custom */
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
-moz-transition-timing-function: cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
-ms-transition-timing-function: cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
-o-transition-timing-function: cubic-bezier(0.115, 0.000, 0.355, 1.000);
|
|
transition-timing-function: cubic-bezier(0.115, 0.000, 0.355, 1.000); /* custom */
|
|
}
|
|
|
|
html, body { height: 100%; }
|
|
|
|
.rooms { width: 100%; height:100%; position: absolute; overflow: hidden; z-index: -1; }
|
|
|
|
#g > div{
|
|
width: 100%;
|
|
height:100%;
|
|
position: relative;
|
|
}
|
|
|
|
.c_center {
|
|
top: 50%;
|
|
left: 50%;
|
|
position: absolute;
|
|
|
|
z-index: 2;
|
|
}
|
|
|
|
.code{
|
|
/* Values depends on the sprite sheet*/
|
|
margin-left: -100px;
|
|
margin-top: -45px;
|
|
width: 200px;
|
|
height: 90px;
|
|
}
|
|
|
|
.c401 { background: url(/assets/layout-images/errorcodes.png) 0 0; }
|
|
.c403 { background: url(/assets/layout-images/errorcodes.png) 200px 0; }
|
|
.c404 { background: url(/assets/layout-images/errorcodes.png) 0 90px; }
|
|
|
|
.b401 { background: cornflowerblue; }
|
|
.b403 { background: crimson; }
|
|
.b404 { background: slategrey; }
|
|
|
|
.t401 { color: cornflowerblue; }
|
|
.t403 { color: crimson; }
|
|
.t404 { color: slategrey; }
|
|
|
|
|
|
.bc {
|
|
/* Actual ring diameter */
|
|
width: 315px;
|
|
height: 315px;
|
|
border-radius: 315px;
|
|
|
|
margin-left: -157.5px;
|
|
margin-top: -157.5px;
|
|
}
|
|
|
|
.ringbg {
|
|
/* ring canvas size */
|
|
width: 400px;
|
|
height: 400px;
|
|
|
|
margin-left: -200px;
|
|
margin-top: -200px;
|
|
|
|
background: url(/assets/layout-images/ring.png) center center no-repeat;
|
|
}
|
|
|
|
|
|
h1 {
|
|
font-family: sans-serif;
|
|
font-size: 4em;
|
|
}
|