MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Dragon*con 2 banner) |
m (Leave it to mediawiki to suprise me...) |
||
Line 15: | Line 15: | ||
position: relative; | position: relative; | ||
} | } | ||
#NSFWdragoncon> | #NSFWdragoncon>p { | ||
text-indent: -999em; | text-indent: -999em; | ||
display: block; | display: block; |
Revision as of 06:52, 15 August 2011
/* CSS placed here will be applied to all skins */ /* Dragon*Con 2 banner, remove once over */ #NSFWdragoncon { background: url('http://bbliveshow.info/images/3/3e/Dragoncon2011_bg.png'); width: 800px; height: 140px; color: #000; text-shadow: 1px 1px 2px #7FBD37, -1px 1px 2px #7FBD37, -1px -1px 2px #7FBD37, 1px -1px 2px #7FBD37; font-weight: bold; font-size: 30px; line-height: 1em; text-align: center; overflow: hidden; position: relative; } #NSFWdragoncon>p { text-indent: -999em; display: block; width: 800px; height: 140px; position: relative; z-index: 200; } #NSFWdragoncon .js-countdown, #NSFWdragoncon .replacement { position: absolute; top: 95px; left: 320px; 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: 17px; }