MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Fonts ====================================== */
@font-face {font-family:'Aurebesh'; src:
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-W.woff') format('woff'), /* modern */
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-W.ttf') format('truetype'), /* mobile */
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-W.svg') format('svg'); /* old iOS */
}
@font-face {font-family:'Aurebesh-N'; src:
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-N.woff') format('woff'),
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-N.ttf') format('truetype'),
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-N.svg') format('svg');
}
@font-face {font-family:'Aurebesh-H'; src:
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-H.woff') format('woff'),
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-H.ttf') format('truetype'),
url('http://www.silvesti.wiki/fonts/Aurebesh-IC-H.svg') format('svg');
}
.font-ab { font-family:'Aurebesh', 'Franklin Gothic Demi', serif; }
.font-abn { font-family:'Aurebesh-N', 'Franklin Gothic Demi Cond', serif; }
.font-abh { font-family:'Aurebesh-H', 'Comic Sans MS', serif; }
td.cr:before { font-family:'Aurebesh-H', 'Comic Sans MS', serif;
content:"$";
font-size: 80%;
margin-right:.5ch;
vertical-align:text-top;
float:left;
}
html { font-size:1em; }
.mw-body-content { font-size:1rem; }
@media screen and (max-device-width: 480px) {
.mw-body-content { font-size:1.4rem; }
body { font-size:1.2rem; -webkit-text-size-adjust:none; }
}
.mw-body {
font-family:'Segoe UI', sans-serif, serif;
font-feature-settings:"salt" 1, "tnum" 1;
}
.mw-body h1,
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3,
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
font-family:'Linux Libertine', 'Lucida Bright', Cambria, Georgia, Times, serif; }
.cjk { font-family:'Yu Gothic Medium', 'Yu Gothic', 'Segoe UI', sans-serif; }
.frac { font-feature-settings:"frac" 1; }
.small { font-size:smaller; }
/* Boxes ====================================== */
* { box-sizing:border-box; }
.mw-body-content h2 { border-bottom:1px solid #a2a9b1; }
.mw-body-content h3 { border-bottom:1px dotted #a2a9b1; }
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 { margin:1.2em 0 0.2em 0; }
.mw-body-content h4 +*,
.mw-body-content h5 +*,
.mw-body-content h6 +* { margin-top:0em !important; }
.mw-body-content h2, .w600, th, b { font-weight:600; }
.mw-body-content a,
.mw-body-content a:visited,
.mw-body-content a:hover,
.mw-body-content a:active {
color:#0645ad; }
.mw-body-content a.new,
.mw-body-content a.new:visited,
.mw-body-content a.new:hover,
.mw-body-content a.new:active {
color: #ba0000; }
.mw-body-content a.extiw,
.mw-body-content a.extiw:visited,
.mw-body-content a.extiw:hover,
.mw-body-content a.extiw:active,
.mw-body-content a.external,
.mw-body-content a.external:visited,
.mw-body-content a.external:hover,
.mw-body-content a.external:active {
color:#3366bb; }
.mw-body-content a.external { padding-right:12px; background-size:.75em; }
.mw-body-content a.extiw { position:relative; }
.mw-body-content a.extiw:after { content:"\01f517\00fe0e";
font-size:xx-small; line-height:0;
display:inline-block; vertical-align:super;
position:absolute; top:.3ch; right:-.9ch; }
.visualhide {
position:absolute;
left:-10000px; top:auto;
width:1px; height:1px;
overflow:hidden;
}
abbr[title] { border-bottom:0; text-decoration:none; color:green; }
abbr[title]:hover { background-color:rgba(0,255,0,.1); cursor:help; }
code var { font-family:'Segoe UI'; font-variant:small-caps; color:grey; }
ins { text-decoration:none; border-bottom:1px dotted rgba(0,0,0,.5); border-radius:1em; margin:0 -.3ch; padding:0 .3ch; }
ins:hover { background-color:rgba(0,0,0,.05); }
ins[title]:hover { cursor:help; }
sup, sub { font-size:67%; }
.monospace { font-family:'Lucida Console', Consolas, Monaco, monospace; line-height:1em;}
.nowrap { white-space:nowrap; }
.mw-body-content blockquote cite { display:block; text-align:right; }
.mw-body-content blockquote p { margin:.25em 0; line-height:initial; text-align:justify; }
.mw-body-content blockquote cite { font-style:italic; }
.mw-body-content blockquote cite time { font-style:normal; white-space:nowrap; }
.mw-body-content .cols p { margin-top:0; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; }
.mw-body-content .aster p:after { display:block; text-align:center; content:"∗\a0\a0\a0\a0\a0∗\a0\a0\a0\a0\a0∗"; }
.mw-content-ltr ol { margin-left:2em; }
.mw-content-ltr ol > li { padding-left:.2em; }
dl.x { margin:.2em 0 .5em; }
dl.x+dl { margin-top:-.5em; }
dl.x dl { margin:0; }
dt, dd { margin-top:0; margin-bottom:.1em; }
dt { font-weight:600; }
.mw-content-ltr dd { margin-left:1.5em; }
.inline dt,
.flat dt { float:left; font-weight:600; margin-right:1ch; }
.flat dd { float:left; margin-left:0; margin-right:1.5ch; }
.inline dt:after,
.flat dt:after { content:":"; }
.flat dd:after { content:";"; }
dl.flat > dd:last-child:after,
.flat dl > dd:last-child:after { content:none; }
dl.flat:after,
.flat dl:after { display:block; content:""; clear:left; }
.infobox dt, .infobox dd { margin:0; }
.infobox dt { float:left; }
.infobox dd { margin-left:6em; }
.statblock dl>* { line-height:1.5em; }
.statblock dl>dt { float:left; font-weight:600; margin:0 1ch 0 0; }
.statblock dl>dt:after { content:":"; }
.thumbcaption p { margin:.25em 0 0 3em; text-indent:-3em; }
table.wikitable th,
th { vertical-align:bottom; text-align:left; font-weight:600; }
td { vertical-align:top; }
table.center, th.center, td.center { width:auto; }
th.center, td.center { text-align:center !important; }
table.center.wikitable th, table.center.wikitable td,
table.center th, table.center td,
table.d20 th, table.d20 td { text-align:center; }
table.center.wikitable tr>*:first-child,
table.center tr>*:first-child,
table.d20 tr>*:first-child { text-align:left; }
table.d20 tr>*:nth-child(6) { text-align:left; }
.w3ch { width:3ch; padding-left:0 !important; padding-right:0 !important; }
.w4ch { width:4ch; padding-left:0 !important; padding-right:0 !important; }
.w5ch { width:5ch; padding-left:0 !important; padding-right:0 !important; }
.w6ch { width:6ch; padding-left:0 !important; padding-right:0 !important; }
.w7ch { width:7ch; padding-left:0 !important; padding-right:0 !important; }
table.c12l tr>*:nth-child(12), table.c11l tr>*:nth-child(11), table.c10l tr>*:nth-child(10),
table.c9l tr>*:nth-child(9), table.c8l tr>*:nth-child(8), table.c7l tr>*:nth-child(7),
table.c6l tr>*:nth-child(6), table.c5l tr>*:nth-child(5), table.c4l tr>*:nth-child(4),
table.c3l tr>*:nth-child(3), table.c2l tr>*:nth-child(2), table.c1l tr>*:nth-child(1),
table.c13l tr>*:nth-child(13) { text-align:left; }
table.c12c tr>*:nth-child(12), table.c11c tr>*:nth-child(11), table.c10c tr>*:nth-child(10),
table.c9c tr>*:nth-child(9), table.c8c tr>*:nth-child(8), table.c7c tr>*:nth-child(7),
table.c6c tr>*:nth-child(6), table.c5c tr>*:nth-child(5), table.c4c tr>*:nth-child(4),
table.c3c tr>*:nth-child(3), table.c2c tr>*:nth-child(2), table.c1c tr>*:nth-child(1),
table.c13c tr>*:nth-child(13) { text-align:center; }
table.c12r tr>*:nth-child(12), table.c11r tr>*:nth-child(11), table.c10r tr>*:nth-child(10),
table.c9r tr>*:nth-child(9), table.c8r tr>*:nth-child(8), table.c7r tr>*:nth-child(7),
table.c6r tr>*:nth-child(6), table.c5r tr>*:nth-child(5), table.c4r tr>*:nth-child(4),
table.c3r tr>*:nth-child(3), table.c2r tr>*:nth-child(2), table.c1r tr>*:nth-child(1),
table.c13r tr>*:nth-child(13) { text-align:right; }
table.c12r tr>*:nth-child(12) a.external, table.c11r tr>*:nth-child(11) a.external, table.c10r tr>*:nth-child(10) a.external,
table.c9r tr>*:nth-child(9) a.external, table.c8r tr>*:nth-child(8) a.external, table.c7r tr>*:nth-child(7) a.external,
table.c6r tr>*:nth-child(6) a.external, table.c5r tr>*:nth-child(5) a.external, table.c4r tr>*:nth-child(4) a.external,
table.c3r tr>*:nth-child(3) a.external, table.c2r tr>*:nth-child(2) a.external, table.c1r tr>*:nth-child(1) a.external,
table.c13r tr>*:nth-child(13) a.external { background-position:center left; padding:0 0 0 13px; }
table.c12s tr>*:nth-child(12), table.c11s tr>*:nth-child(11), table.c10s tr>*:nth-child(10),
table.c9s tr>*:nth-child(9), table.c8s tr>*:nth-child(8), table.c7s tr>*:nth-child(7),
table.c6s tr>*:nth-child(6), table.c5s tr>*:nth-child(5), table.c4s tr>*:nth-child(4),
table.c3s tr>*:nth-child(3), table.c2s tr>*:nth-child(2), table.c1s tr>*:nth-child(1),
table.c13s tr>*:nth-child(13) { font-size:smaller; padding-top:.3em; }
table.c12sc tr>*:nth-child(12), table.c11sc tr>*:nth-child(11), table.c10sc tr>*:nth-child(10),
table.c9sc tr>*:nth-child(9), table.c8sc tr>*:nth-child(8), table.c7sc tr>*:nth-child(7),
table.c6sc tr>*:nth-child(6), table.c5sc tr>*:nth-child(5), table.c4sc tr>*:nth-child(4),
table.c3sc tr>*:nth-child(3), table.c2sc tr>*:nth-child(2), table.c1sc tr>*:nth-child(1),
table.c13sc tr>*:nth-child(13) { font-variant:small-caps; }
.in1 { padding-left:1.4em !important; }
.in2 { padding-left:2.4em !important; }
.in3 { padding-left:3.4em !important; }
.in4 { padding-left:4.4em !important; }
td.cr { text-align:right; white-space:nowrap; }
td.cr:before { content:"$"; margin-right:.25ch; float:left; }
td.frac { padding-right:0 !important; }
table.lego { border-collapse:collapse; font-family:'Segoe UI'; font-size:5.6mm; }
table.lego tr>* { width:16mm; height:9.6mm; padding:0; text-align:center; vertical-align:middle; border:2px solid gray; }
table.lego tr:nth-child(odd)>* { border-bottom:1px dotted gray; }
table.lego tr:nth-child(even)>* { border-top:1px dotted gray; }
table.lego tr>*[colspan="3"] { font-weight:600; }
table.lego .m { font-family:'Segoe UI Monospace', Consolas, monospace; }
table.lego .e { font-family:'Segoe UI Emoji'; }
table.lego .b { font-weight:600; }
table.lego .g { background-color:rgb(153,204,51); }
table.lego .d { background-color:rgb(160,160,160); }
table.lego .y { background-color:rgb(255,238,0); }
table.lego .r { color:rgb(221,17,34); }
.sortkey { display:none; speak:none; }
table.jquery-tablesorter th.headerSort { background-position:calc(100% + 4px) center; padding-right:14px; }
table.jquery-tablesorter.c12r th.headerSort:nth-child(12), table.jquery-tablesorter.c11r th.headerSort:nth-child(11), table.jquery-tablesorter.c10r th.headerSort:nth-child(10),
table.jquery-tablesorter.c9r th.headerSort:nth-child(9), table.jquery-tablesorter.c8r th.headerSort:nth-child(8), table.jquery-tablesorter.c7r th.headerSort:nth-child(7),
table.jquery-tablesorter.c6r th.headerSort:nth-child(6), table.jquery-tablesorter.c5r th.headerSort:nth-child(5), table.jquery-tablesorter.c4r th.headerSort:nth-child(4),
table.jquery-tablesorter.c3r th.headerSort:nth-child(3), table.jquery-tablesorter.c2r th.headerSort:nth-child(2), table.jquery-tablesorter.c1r th.headerSort:nth-child(1),
table.jquery-tablesorter.c13r th.headerSort:nth-child(13), table.jquery-tablesorter th.headerSort.right { background-position:0; padding-right:0.5ch; padding-left:2ch; }
/* osvaldas.info elegant-css-and-jquery-tooltip-responsive-mobile-friendly */
abbr.res-tip:hover {
cursor:help;
background-color:rgba(0,255,0,.1);
}
#res-tooltip {
font-size:smaller;
text-align:left;
text-shadow:0 1px rgba(0,0,0,.5);
line-height:1.5;
color:#fff;
background:rgba(0,0,0,.7);
background:linear-gradient( top, rgba(0,0,0,.6), rgba(0,0,0,.8) );
border-radius:.5ch;
border-top:1px solid #fff;
box-shadow:0 3px 5px rgba(0,0,0,.3);
position:absolute;
z-index:100;
padding:0ch 1ch;
}
#res-tooltip:after /* pointer */ {
width:0;
height:0;
border-left:1ch solid transparent;
border-right:1ch solid transparent;
border-top: 1ch solid rgba(0,0,0,.7);
content:'';
position:absolute;
left:50%;
bottom:-1ch;
margin-left:-1ch;
}
#res-tooltip.top:after {
border-top-color:transparent;
border-bottom:1ch solid rgba(0,0,0,.7);
top:-2ch;
bottom:auto;
}
#res-tooltip.left:after {
left:1ch;
margin:0;
}
#res-tooltip.right:after {
right:1ch;
left:auto;
margin:0;
}
/* See [[mw:Reference Tooltips]] */
/* Licensed under GPLv2+, CC-BY-SA 3.0, GFDL, and anything else the WMF might find useful. */
.referencetooltip {
position:absolute;
list-style:none;
list-style-image:none;
opacity:0;
font-size:.625rem;
margin:0;
z-index:4;
padding:0;
}
.referencetooltip li {
border:#080086 2px solid;
max-width:260px;
padding:10px 8px 13px 8px;
margin:0px;
background-color:#F7F7F7;
box-shadow:2px 4px 2px rgba(0,0,0,0.3);
-moz-box-shadow:2px 4px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:2px 4px 2px rgba(0,0,0,0.3);
}
.referencetooltip li+li {
margin-left:7px;
margin-top:-2px;
border:0;
padding:0;
height:3px;
width:0px;
background-color:transparent;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
border-top:12px #080086 solid;
border-right:7px transparent solid;
border-left:7px transparent solid;
}
.referencetooltip>li+li::after {
content:'';
border-top:8px #F7F7F7 solid;
border-right:5px transparent solid;
border-left:5px transparent solid;
margin-top:-12px;
margin-left:-5px;
z-index:1;
height:0px;
width:0px;
display:block;
}
.client-js body .referencetooltip li li {
border:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
height:auto;
width:auto;
margin:auto;
padding:0;
position:static;
}
.RTflipped {
padding-top:13px;
}
.referencetooltip.RTflipped li+li {
position:absolute;
top:2px;
border-top:0;
border-bottom:12px #080086 solid;
}
.referencetooltip.RTflipped li+li::after {
border-top:0;
border-bottom:8px #F7F7F7 solid;
position:absolute;
margin-top:7px;
}
.RTsettings{
float:right;
height:16px;
width:16px;
cursor:pointer;
background-image:url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
margin-top:-9px;
margin-right:-7px;
-webkit-transition:opacity 0.15s;
-moz-transition:opacity 0.15s;
-o-transition:opacity 0.15s;
-ms-transition:opacity 0.15s;
transition:opacity 0.15s;
opacity:0.6;
filter:alpha(opacity=60);
}
.RTsettings:hover{
opacity:1;
filter:alpha(opacity=100);
}
.RTTarget{
border:#080086 2px solid;
}