MediaWiki:Gadget-site.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

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