MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(ok, I THINK I know whats going on) |
No edit summary |
||
Line 3: | Line 3: | ||
/* Dragon*Con 2 banner, remove once over */ | /* Dragon*Con 2 banner, remove once over */ | ||
#NSFWdragoncon { | #NSFWdragoncon { | ||
background: url('http://bbliveshow.info/images/ | background: url('http://bbliveshow.info/images/9/9a/Dragoncon_Banner_Blank.jpg'); | ||
width: 800px; | width: 800px; | ||
height: 140px; | height: 140px; |
Revision as of 15:08, 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: 95px; left: 290px; 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; }