penguin/AstroJS

botanjs/src/Astro/Blog/Layout/ErrorPages.css

raw · 2237 bytes

* { 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;
}