Difference between revisions of "MediaWiki:Common.css"

The projects and contributions area at dekalborama.com
m
m
Line 28: Line 28:
  * bbcover class div inside a bigbullet div.
  * bbcover class div inside a bigbullet div.
  */
  */
.bbcover {
.bbcover {
   position: relative;
   position: relative;
Line 45: Line 44:
/* 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;

Revision as of 15:13, 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;
}

.bbcover:link .bbcover:visited {
  visibility:visible;
}

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

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