Difference between revisions of "MediaWiki:Gadget-site.css"
The projects and contributions area at dekalborama.com
PressMaster (talk | contribs) m |
PressMaster (talk | contribs) |
||
(13 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | /* | ||
* Per MediaWiki.org we can address master css changes here. | * Per MediaWiki.org we can address master css changes here. | ||
* | * This does not seem to work, despite several pages @ mediawiki.org stating | ||
* | * that the "old" MediaWiki:Common.css page has been replaced by | ||
* Mediawiki:Gadget-site.css. | |||
*/ | */ | ||
/* | /* Place a copy of MediaWiki:Common.css here just in case... | ||
*/ | */ | ||
/* | /* 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; | height: 125px; | ||
width: 125px; | |||
margin: 4px 20px 20px 0px; | |||
} | } | ||
/* Add an optional disappearing cover image by adding a | |||
* bbcover class div inside a bigbullet div. | |||
*/ | |||
.bbcover { | |||
position: relative; | |||
top: -125px; | |||
left: 0px; | |||
} | } | ||
/* Getting some flicker... | |||
.bbcover:link .bbcover:visited { | |||
visibility:visible; | |||
} | } | ||
.bbcover:hover { | |||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
*/ | |||
.bigbullet:hover > .bbcover { | |||
visibility:hidden; | |||
visibility:hidden; | |||
} | } | ||
/* We want the text to align neatly and wrap if it's too wide. | |||
*/ | |||
p.bbtext { | p.bbtext { | ||
min-height: 148px; | |||
margin-top: 0; | |||
margin-top: 0 | |||
} | } | ||
/* | /* Images can now be specified in the individual div elements. | ||
*/ | */ | ||
/* End hover icons...for now. | /* 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 | |||
*/ | */ |
Latest revision as of 18:24, 27 September 2021
/* * Per MediaWiki.org we can address master css changes here. * This does not seem to work, despite several pages @ mediawiki.org stating * that the "old" MediaWiki:Common.css page has been replaced by * Mediawiki:Gadget-site.css. */ /* Place a copy of MediaWiki:Common.css here just in case... */ /* 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; } /* Add an optional disappearing cover image by adding a * bbcover class div inside a bigbullet div. */ .bbcover { position: relative; top: -125px; left: 0px; } /* Getting some flicker... .bbcover:link .bbcover:visited { visibility:visible; } .bbcover:hover { visibility:hidden; } */ .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 */