Difference between revisions of "MediaWiki:Common.css"
The projects and contributions area at dekalborama.com
PressMaster (talk | contribs) |
PressMaster (talk | contribs) |
||
Line 13: | Line 13: | ||
*/ | */ | ||
/* 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 { | .bigbullet { | ||
display:block; | display:block; | ||
Line 18: | Line 22: | ||
height: 125px; | height: 125px; | ||
width: 125px; | width: 125px; | ||
margin: | margin: 4px 20px 20px 0px; | ||
} | } | ||
/* You can add a disappearing cover image by adding a | |||
* bbcover class div inside a bigbullet div. | |||
*/ | |||
.bigbullet.bbcover { | .bigbullet.bbcover { | ||
Line 31: | Line 39: | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
/* We want the text to align neatly and wrap if it's too wide. | |||
*/ | |||
p.bbtext { | p.bbtext { | ||
Line 36: | Line 47: | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
/* Images can now be specified in the individual div elements. | /* Images can now be specified in the individual div elements. | ||
* End hover icons...for now. | * End hover icons...for now. | ||
*/ | */ |
Revision as of 03:07, 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, * which appears to be patently untrue. */ /* 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. */ .bigbullet.bbcover { display: block; position: relative; top: 0px; left: 0px; } .bbcover:hover { 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. * End hover icons...for now. */