/*

Thanks to Leon Arnott for providing these funny little css codes for the public to use.

https://leonarnott.neocities.org/

*/

/* Transitions */

@keyframes appear
{
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@-webkit-keyframes appear
{
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@keyframes fade-in-out
{
	0%,100% { opacity: 0 }
	50% { opacity: 1 }
}

@-webkit-keyframes fade-in-out
{
	0%,100% { opacity: 0 }
	50% { opacity: 1 }
}

@keyframes rumble 
{
	0%, 100% {}
	50% { transform: translateY(-0.2em) }
}

@-webkit-keyframes rumble 
{
	0%, 100% {}
	50% { -webkit-transform: translateY(-0.2em) }
}

@keyframes shudder 
{
	0%, 100% {}
	50% { transform: translateX(0.2em) }
}
@-webkit-keyframes shudder 
{
	0%, 100% {}
	50% { -webkit-transform: translateX(0.2em) }
}

mark
{
	color:rgba(0,0,0,0.6);
	background-color: #ff9;
}

ins
{
	color:rgba(0,0,0,0.6);
	background-color: hsla(45,100%,90%,0.5); /* Yellowed correction fluid */
	border-radius:0.5em;
	box-shadow: 0em 0em 0.2em hsl(45,100%,80%);
	text-decoration:none;
}

del
{
	background-color: #000; /* Censored text */
	text-decoration:none;
}

/* Who am I to tell authors not to use non-standard tags? */

center
{
	text-align:center;
	margin: 0 auto;
	width: 60%;
}

blink
{
	text-decoration: none;
	animation: fade-in-out 1s steps(1,end) infinite alternate;
	-webkit-animation: fade-in-out 1s steps(1,end) infinite alternate;
}

/* Secondary text styles, for general use by Twine authors */

.outline
{
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.shadow
{
	text-shadow: 0.08em 0.08em 0.08em #000;
}

.condense
{
	letter-spacing: -0.08em;
}

.expand
{
	letter-spacing: 0.1em;
}

.box
{
	border: 1px solid #222;
	border-radius: 0.1em;
}

.blur
{
	color:transparent;
	text-shadow: 0em 0em 0.08em #000;
}

.blurrier
{
	color:transparent;
	text-shadow: 0em 0em 0.2em #000;
}

.blurrier::selection {
	background-color:transparent;
	color:transparent;
}

.blurrier::-moz-selection {
	background-color:transparent;
	color:transparent;
}

.smear
{
	color:transparent;
	text-shadow: 0em 0em 0.02em rgba(0,0,0,0.75), -0.2em 0em 0.5em rgba(0,0,0,0.5), 0.2em 0em 0.5em rgba(0,0,0,0.5);
}

.mirror
{
	display:inline-block;
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

.upside-down
{
	display:inline-block;
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

/* Animated effects follow */

.fade-in-out
{
	text-decoration: none;
	animation: fade-in-out 2s ease-in-out infinite alternate;
	-webkit-animation: fade-in-out 2s ease-in-out infinite alternate;
}

.rumble 
{
	-webkit-animation: rumble linear 0.1s 0s infinite;
	animation: rumble linear 0.1s 0s infinite;
	display:inline-block;
}

.shudder 
{
	-webkit-animation: shudder linear 0.1s 0s infinite;
	animation: shudder linear 0.1s 0s infinite;
	display:inline-block;
}

/* Note: border-image not supported by IE10 - will fallback to dashed border */
.marching-ants
{
	border: 1px dashed #000;
	border-image: url('data:image/gif;base64,R0lGODlhCgAKAPAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACgAKAAACEYwDmagN7FZUcFppq9NNn1AAACH5BAUKAAIALAAAAAAKAAoAAAIPRB6gKu0Po5zu0IvpUigVACH5BAUKAAIALAAAAAAKAAoAAAIPBIJhy+2r3okOSXulrskUACH5BAUKAAIALAAAAAAKAAoAAAIQhINhy+2rHnpgyugw3TCtAgAh+QQFCgACACwAAAAACgAKAAACEIQRGce9fR5EE0lXab1bsQIAIfkEBQoAAgAsAAAAAAoACgAAAhGEHRmy4g+jnFSYijNdzR5QAAAh+QQFCgACACwAAAAACgAKAAACDwx+oYqd3gyctE5562KxAAAh+QQFCgACACwAAAAACgAKAAACD0yAaJYN7KKctNp35MrJFAAh+QQFAQACACwAAAAACgAKAAACEIyBaJEN7BKMtNo6Y27LrQIAOw==') 1 repeat;
	//border-image: url('http://files.eyeburn.info/images/marching-ants/selection_border.gif') 1 repeat;
}

.marching-red-ants
{
	border: 1px dashed #f00;
	border-image: url('data:image/gif;base64,R0lGODlhCgAKAPEBAP8AAP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACgAKAAACEYQRmagd7FZUcFppq9NNH1AAACH5BAUKAAIALAAAAAAKAAoAAAIPDA6hKu0Po5zu0IvpUigVACH5BAUKAAIALAAAAAAKAAoAAAIPTIBgy+2r3okOSXulrskUACH5BAUKAAIALAAAAAAKAAoAAAIQjIFgy+2rHnphyugw3TCtAgAh+QQFCgACACwAAAAACgAKAAACEIwDCce9fR5EE0lXab1bsQIAIfkEBQoAAgAsAAAAAAoACgAAAhGMDQmy4g+jnFSYijNdzZ5QAAAh+QQFCgACACwAAAAACgAKAAACD0R+oIqd3gyctE5562KxAAAh+QQFCgACACwAAAAACgAKAAACDwSCaJYd7KKctNp35MrJFAAh+QQFAQACACwAAAAACgAKAAACEISDaJAd7BKMtNo6Y27LrQIAOw==') 1 repeat;
}

.sparkle
{
	background: url("data:image/gif;base64,[encoded data, 15380 characters]") repeat;
}

