Difference between revisions of "MediaWiki:Common.css"

From NeoDex
Jump to navigation Jump to search
m (bit of an experiment... couldn't find a turnkey thing for wikicode, so... next best thing.)
m
 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/*.pBody ul, ul{list-style-image:url(http://pinkpt.com/neodex/images/3/3b/Trade_accept.png);
 
/*HD's hallowe'en decorations
 
.pBody ul, ul{list-style-image:url(http://pinkpt.com/neodex/images/3/3b/Trade_accept.png);
list-style-position:inside; margin-left:-3px;}
list-style-position:inside; margin-left:-3px;}
body{background:#f9f9f9 url(http://www.pinkpt.com/images/others/hallo_bg.png);}*/
body{background:#f9f9f9 url(http://www.pinkpt.com/images/others/hallo_bg.png);}*/
/*Hide title on main page*/
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page h1.firstHeading { display:none; }


/* [[:Template:BattleInfo]] classes */


.battledome
.battledome
Line 39: Line 46:
{
{
  border: solid 5px #7c3709;
  border: solid 5px #7c3709;
}
/* collapsible tables css (see also common.js) */
table.collapsed tr.collapsable {
display: none;
}
/*added in to fix collapsed button size anomaly */
table.wikitable tr th { font-size:10pt; }
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised.   */
text-align: right;
width: auto;
font-family:monospace;
font-size:inherit;
}
.giveborder img
{
border: 1px solid #000;
}
.multimage
{
border:1px solid #ccc;
}
/* tooltip css shamelessly lifted from a w3schools' example */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 2px double rgba(0,0,0,0.5);
}
.tooltip .tooltiptext {
    visibility: hidden;
    max-width: 125px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 2px;
   
    position: absolute;
    top: 145%;
    left: 0%;
    margin-left: -50%;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.itemwindow img
{
margin: 0px -5px 0px -5px;
}
/* this is for a niche purpose on the Assignment 53 article */
/* made necessary due to how mediawiki handles thumbnails */
.a53
{
}
.a53 a img
{
width:100%;
height:auto;
}
/* these classes are here because the css sanitiser will strip the url() clause otherwise */
.a53wp
{
color:inherit;background: #28332e url('images/8/8b/Assignment_53_1-bg.png') repeat-x center bottom;
}
.a53wp2
{
color:inherit;background: #28332e url('images/thumb/8/8b/Assignment_53_1-bg.png/640px-Assignment_53_1-bg.png') repeat-x center bottom;
}
.a53oz
{
color:inherit;background: #693a5e url('images/6/6c/Assignment_53_2_bg.png') repeat-x center bottom;
}
.a53oz2
{
color:inherit;background: #693a5e url('images/thumb/6/6c/Assignment_53_2_bg.png/640px-Assignment_53_2_bg.png') repeat-x center bottom;
}
.a53ws
{
color:inherit;background: #642f61 url('images/8/8e/Assignment_53_3_bg.png') repeat-x center bottom;
}
.a53ws2
{
color:inherit;background: #642f61 url('images/thumb/8/8e/Assignment_53_3_bg.png/640px-Assignment_53_3_bg.png') repeat-x center bottom;
}
}

Latest revision as of 11:21, 4 June 2017

/* CSS placed here will be applied to all skins */

/*HD's hallowe'en decorations

.pBody ul, ul{list-style-image:url(http://pinkpt.com/neodex/images/3/3b/Trade_accept.png);
list-style-position:inside; margin-left:-3px;}
body{background:#f9f9f9 url(http://www.pinkpt.com/images/others/hallo_bg.png);}*/

/*Hide title on main page*/

body.page-Main_Page h1.firstHeading { display:none; }

/* [[:Template:BattleInfo]] classes */

.battledome
{
 border: solid 5px #ddaaaa;
}

.islanddome
{
 border: solid 5px #aaddaa;
}

.snowdome
{
 border: solid 5px #bbbbff;
}

.stonedome
{
 border: solid 5px #ffeebb;
}

.spacedome
{
 border: solid 5px #222222;
}

.waterdome
{
 border: solid 5px #0000ee;
}

.tyranniandome
{
 border: solid 5px #7c3709;
}

/* collapsible tables css (see also common.js) */

table.collapsed tr.collapsable {
	display: none;
}

/*added in to fix collapsed button size anomaly */
table.wikitable tr th { font-size:10pt; } 
 
.collapseButton {		/* 'show'/'hide' buttons created dynamically by the		*/
	float: right;		/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
	font-weight: normal;	/* are styled here so they can be customised.		  */
	text-align: right;
	width: auto;
	font-family:monospace;
	font-size:inherit;
}

.giveborder img
{
border: 1px solid #000;
}

.multimage
{
border:1px solid #ccc;
}

/* tooltip css shamelessly lifted from a w3schools' example */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 2px double rgba(0,0,0,0.5);
}

.tooltip .tooltiptext {
    visibility: hidden;
    max-width: 125px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 2px;
    
    position: absolute;
    top: 145%;
    left: 0%;
    margin-left: -50%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%; 
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.itemwindow img
{
margin: 0px -5px 0px -5px;
}

/* this is for a niche purpose on the Assignment 53 article */
/* made necessary due to how mediawiki handles thumbnails */
.a53
{
}
.a53 a img
{
	width:100%;
	height:auto;
}
/* these classes are here because the css sanitiser will strip the url() clause otherwise */
.a53wp
{
color:inherit;background: #28332e url('images/8/8b/Assignment_53_1-bg.png') repeat-x center bottom;
}

.a53wp2
{
color:inherit;background: #28332e url('images/thumb/8/8b/Assignment_53_1-bg.png/640px-Assignment_53_1-bg.png') repeat-x center bottom;
}


.a53oz
{
color:inherit;background: #693a5e url('images/6/6c/Assignment_53_2_bg.png') repeat-x center bottom;
}

.a53oz2
{
color:inherit;background: #693a5e url('images/thumb/6/6c/Assignment_53_2_bg.png/640px-Assignment_53_2_bg.png') repeat-x center bottom;
}

.a53ws
{
color:inherit;background: #642f61 url('images/8/8e/Assignment_53_3_bg.png') repeat-x center bottom;
}

.a53ws2
{
color:inherit;background: #642f61 url('images/thumb/8/8e/Assignment_53_3_bg.png/640px-Assignment_53_3_bg.png') repeat-x center bottom;
}