MediaWiki:Common.css: Difference between revisions

Revision as of 15:14, 6 August 2012

/* CSS placed here will be applied to all skins */

/* Dragon*Con 2 banner, remove once over */
#NSFWdragoncon {
	background: url('http://bbliveshow.info/images/9/9a/Dragoncon_Banner_Blank.jpg');
	width: 800px;
	height: 140px;
	color: #aea333;
	text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000;
	font-weight: bold;
	font-size: 30px;
	line-height: 1em;
	text-align: center;
	overflow: hidden;
	position: relative;
}
#NSFWdragoncon>p {
	position: relative;
	z-index: 200;
	width: 800px;
	height: 140px;
	margin: 0;
}
#NSFWdragoncon a {
	text-indent: -999em;
	display: block;
	width: 800px;
	height: 140px;
}
#NSFWdragoncon .js-countdown, #NSFWdragoncon .replacement {
	position: absolute;
	top: 70px;
	left: 265px;
	width: 280px;
	height: 30px;
	text-align: center;
	/* Animation */
	/* Firefox */
	       -moz-transition-property: height, font-size;
	       -moz-transition-duration: 0.5s;
	-moz-transition-timing-function: linear;
	/* Webkit */
	       -webkit-transition-property: height, font-size;
	       -webkit-transition-duration: 0.5s; /* Animation is a bit glitchy on webkit (Chrome) */
	-webkit-transition-timing-function: linear;
	/* Opera */
	       -o-transition-property: height, font-size;
	       -o-transition-duration: 0.5s;
	-o-transition-timing-function: linear;
	/* W3C */
	       transition-property: height, font-size;
	       transition-duration: 0.5s;
	transition-timing-function: linear;
}
#NSFWdragoncon .js-countdown {
	font-size: 30px;
	overflow: hidden;
}
#NSFWdragoncon:hover .js-countdown {
	height: 0px;
	font-size: 0px;
}
#NSFWdragoncon .replacement {
	font-size: 0px;
	height: 0px;
	overflow: hidden;
}
#NSFWdragoncon:hover .replacement {
	height: 30px;
	font-size: 16px;
}