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.
*/