Difference between revisions of "MediaWiki:Common.css"
The projects and contributions area at dekalborama.com
PressMaster (talk | contribs) |
PressMaster (talk | contribs) (Fixing flicker on bigbullet hover action) |
||
Line 33: | Line 33: | ||
left: 0px; | left: 0px; | ||
} | } | ||
.bigbullet:hover > .bbcover { | .bigbullet:hover > .bbcover { | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
/* We want the text to align neatly and wrap if it's too wide. | /* We want the text to align neatly and wrap if it's too wide. |
Latest revision as of 18:22, 27 September 2021
/* CSS placed here will be applied to all skins */ /* Note this contradicts several pages @ mediawiki.org stating that the "old" * MediaWiki:Common.css page has been replaced by Mediawiki:Gadget-site.css. * We recommend placing a copy of this text there for safety. */ /* Images developed for the old EnkTen and EnkoBook skins: * Theme Name: EnkoBook * Description: Child of MonoBook theme * Author: gongmaster * Template: MonoBook */ /* Make a great big "album cover" bullet. * Works great with a div now that img tags are disallowed. * Just call out the image using the File: syntax. */ .bigbullet { display:block; float: left; height: 125px; width: 125px; margin: 4px 20px 20px 0px; } /* You can add a disappearing cover image by adding a * bbcover class div inside a bigbullet div. */ .bbcover { position: relative; top: -125px; left: 0px; } .bigbullet:hover > .bbcover { visibility:hidden; } /* We want the text to align neatly and wrap if it's too wide. */ p.bbtext { min-height: 148px; margin-top: 0; } /* Images can now be specified in the individual div elements. */ /* Sample usage from the site: <div class="bigbullet">[[File:Broadcast_05_anim_125.GIF|link=http://dekalborama.com/]]<div class="bbcover">[[File:Broadcast_05_stat_125.GIF]]</div></div> <p class="bbtext">[http://dekalborama.com/ '''This graphic'''] indicates you're on a non-wiki part of the site.</p> * End hover icons...for now. -- PressMaster 2021-09-26 */