Difference between revisions of "MediaWiki:Common.css"

From NeoDex
Jump to navigation Jump to search
(more assignment 53 backgrounds)
m
 
(13 intermediate revisions by the same user not shown)
Line 76: Line 76:
}
}


*/ this is for a niche purpose on the Assignment 53 article */
/* tooltip css shamelessly lifted from a w3schools' example */
*/ made necessary due to how mediawiki handles thumbnails */
 
.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
{
{
Line 86: Line 128:
height:auto;
height:auto;
}
}
*/these classes are here because the css sanitiser will strip the url() clause otherwise */
/* these classes are here because the css sanitiser will strip the url() clause otherwise */
.a53wp
.a53wp
{
{
Line 106: Line 148:
{
{
color:inherit;background: #693a5e url('images/thumb/6/6c/Assignment_53_2_bg.png/640px-Assignment_53_2_bg.png') repeat-x center bottom;
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;
}