Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m (having a little trouble with this one :/) |
m |
||
(20 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 */ | ||
* | |||
.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 | ||
{ | { | ||
} | } | ||
.a53 img | .a53 a img | ||
{ | { | ||
width:100%; | |||
height:auto; | 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; }