Difference between revisions of "MediaWiki:Gadget-site.css"

The projects and contributions area at dekalborama.com
Tag: Manual revert
 
(11 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.
  * Between 1.19 and 1.35 our EnkoBook child template was annihilated,
  * This does not seem to work, despite several pages @ mediawiki.org stating
  * along with the whole child template method, and who has time?
  * 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...
* Theme Name:    EnkoBook
* Description:  Child of MonoBook theme
* Author:        gongmaster
* Template:     MonoBook
  */
  */


/* Create album hover classes
/* 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 {
p.album {
  display:block;
width: 125px;
  float: left;
height: 125px;
  height: 125px;
margin: 0;
  width: 125px;
padding: 0;
  margin: 4px 20px 20px 0px;
}
}


p.album a, p.album a:link, p.album a:visited {
/* Add an optional disappearing cover image by adding a  
display: block;
* bbcover class div inside a bigbullet div.
width: 125px;
*/
height: 125px;
.bbcover {
background-position: 0 0;
  position: relative;
background-image: url(skins/EnkoBook/images/Broadcast_05_anim_125.gif);
  top: -125px;
background-color: #A0A0CC;
  left: 0px;
background-repeat: no-repeat;
}
}


p.album img {
/* Getting some flicker...
width: 100%;
.bbcover:link .bbcover:visited {
height: 100%;
  visibility:visible;
border: 0;
margin: 0;
padding: 0;
}
}


p.album a:hover img {
.bbcover:hover {
visibility:hidden;
  visibility:hidden;
}
}
*/


div.album {
.bigbullet:hover > .bbcover {
width: 125px;
  visibility:hidden;
height: 125px;
margin: 0;
padding: 0;
}
 
div.album a, div.album a:link, div.album a:visited {
display: block;
width: 125px;
height: 125px;
background-position: 0 0;
background-image: url(skins/EnkoBook/images/Broadcast_05_anim_125.gif);
background-color: #A0A0CC;
background-repeat: no-repeat;
}
 
div.album img {
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
}
 
div.album a:hover img {
visibility:hidden;
}
 
div.bigbullet {
width: 125px;
height: 125px;
margin: 0;
padding: 0;
}
 
div.bigbullet a, div.bigbullet a:link, div.bigbullet a:visited {
display: block;
width: 125px;
height: 125px;
background-position: 0 0;
background-image: url(skins/EnkoBook/images/Broadcast_05_anim_125.gif);
background-color: #A0A0CC;
background-repeat: no-repeat;
}
 
div.bigbullet img {
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
}
 
div.bigbullet a:hover img {
visibility:hidden;
}
}


/* We want the text to align neatly and wrap if it's too wide.
*/
p.bbtext {
p.bbtext {
float: left;
  min-height: 148px;
width: 75%;
  margin-top: 0;
margin-top: 0;
margin-left: 18px;
}
}


/* For now we'll keep the hover icons here
/* Images can now be specified in the individual div elements.
*/
*/
 
#launch a, #launch a:link, #launch a:visited {
background-image: url(skins/EnkoBook/images/Sitelaunch_B_anim_125.gif);
}
 
#relache a, #relache a:link, #relache a:visited {
background-image: url(skins/EnkoBook/images/Relache_album_anim_125.gif);
}
 
#ephemera a, #ephemera a:link, #ephemera a:visited{
background-image: url(skins/EnkoBook/images/Ephemera_rectoB_anim_125.gif);
}
 
#nichols a, #nichols a:link, #nichols a:visited{
background-image: url(skins/EnkoBook/images/GN_Disc_anim_125.gif);
}
 
#nma82 a, #nma82 a.link, #nma82 a:visited{
background-image: url(skins/EnkoBook/images/NMA82_anim_125.gif);
}
 
#diaspora a, #diaspora a.link, #diaspora a:visited{
background-image: url(skins/EnkoBook/images/Diaspora_anim_125_opt2.gif);
}
 
#dkortower a, #dkortower a.link, #dkortower a:visited{
background-image: url(skins/EnkoBook/images/Broadcast_05_anim_125.gif);
}
 
#dkorwiki a, #dkorwiki a.link, #dkorwiki a:visited{
background-image: url(skins/EnkoBook/images/Broadcast_05_wiki_125.gif);
}


/* 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
 */
Retrieved from "http://www.dekalborama.com/mediawiki/index.php?title=MediaWiki:Gadget-site.css&oldid=1214"