Difference between revisions of "MediaWiki:Common.css"

The projects and contributions area at dekalborama.com
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: 6px 20px 20px 0px;
   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.
 */