Difference between revisions of "MediaWiki:Common.css"
The projects and contributions area at dekalborama.com
PressMaster (talk | contribs) Tag: Reverted |
PressMaster (talk | contribs) (Fixing flicker on bigbullet hover action) |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/* Note this contradicts several pages @ mediawiki.org stating that the "old" | /* Note this contradicts several pages @ mediawiki.org stating that the "old" | ||
* MediaWiki:Common.css page has been replaced by Mediawiki:Gadget-site.css | * MediaWiki:Common.css page has been replaced by Mediawiki:Gadget-site.css. | ||
* | * We recommend placing a copy of this text there for safety. | ||
*/ | */ | ||
| Line 28: | Line 28: | ||
* bbcover class div inside a bigbullet div. | * bbcover class div inside a bigbullet div. | ||
*/ | */ | ||
.bbcover { | .bbcover { | ||
position: relative; | position: relative; | ||
top: | top: -125px; | ||
left: 0px; | left: 0px; | ||
} | } | ||
. | .bigbullet:hover > .bbcover { | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
| Line 41: | Line 40: | ||
/* 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. | ||
*/ | */ | ||
p.bbtext { | p.bbtext { | ||
min-height: 148px; | min-height: 148px; | ||
| Line 48: | Line 46: | ||
/* 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. | */ | ||
/* 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: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
*/
