MediaWiki:Common.css

From Silvesti
Revision as of 19:33, 24 July 2018 by imported>MJBurrage
Jump to navigation Jump to search

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 */
* { box-sizing:border-box; }

/* 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');
	}
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;
	}
.cjk { font-family:'Yu Gothic Medium', 'Yu Gothic', 'Segoe UI', sans-serif; }
.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; }
.frac { font-feature-settings:"frac" 1; }
.monospace { font-family:'Lucida Console', Consolas, Monaco, monospace; line-height:1em;}
.small { font-size:smaller; }

/* Headings and links */
.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; }
.mw-body-content h2, .w600, th, b { font-weight:600; }
.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 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.external, .mw-body-content a.external:visited, .mw-body-content a.external:hover, .mw-body-content a.external:active,
.mw-body-content a.extiw, .mw-body-content a.extiw:visited, .mw-body-content a.extiw:hover, .mw-body-content a.extiw: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; }

/* Boxes ====================================== */

.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; }
mark {background-color:rgba(255,255,0,.5);
	margin:0 -0.3ch; padding:0 0.3ch;
	border-radius:0.9ch;}
sup, sub { font-size:67%; }

.nowrap { white-space:nowrap; }
.aside, .sidebar {float:right; margin-left:1ch;}

.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:":"; }
.statblock dl>dd { margin-left:2em; }
.statblock dl>dd+dd { text-indent:-1em; }

.statblock.inline {overflow:hidden;}
	.inline dd {float:left; margin:0 1em 0 0;}
	.inline dd:after {content:';';}

.thumbcaption p { margin:.25em 0 0 3em; text-indent:-3em; }

th, table.wikitable > * > tr > th, table.wikitable > tr > th {
	vertical-align:bottom;
	text-align:left;
	font-weight:600;
	}
td { vertical-align:top; }
th.ml, td.ml { font-size:12px; line-height:13px; }

/* Tables ===================================== */
table.center, th.center, td.center { width:auto; }
th, td, table.wikitable th, table.wikitable td { text-align:left; }
table.center th, table.center td, table.wikitable.center th, table.wikitable.center td { text-align:center; }
table.right th, table.right td, table.wikitable.right th, table.wikitable.right td { text-align:right; }
table.center tr>*:first-child, table.wikitable.center tr>*:first-child, 
	table.right tr>*:first-child, table.wikitable.right tr>*:first-child { text-align:left; }
th.center, td.center { text-align:center !important; }
th.right, td.right { text-align:right !important; }
.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.c15l tr>*:nth-child(15), table.c14l tr>*:nth-child(14), table.c13l tr>*:nth-child(13),
	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)
	{ text-align:left; }
table.c15c tr>*:nth-child(15), table.c14c tr>*:nth-child(14), table.c13c tr>*:nth-child(13),
	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)
	{ text-align:center; }
table.c15r tr>*:nth-child(15), table.c14r tr>*:nth-child(14), table.c13r tr>*:nth-child(13),
	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)
	{ text-align:right; }
	table.c15r tr>*:nth-child(15) a.external, table.c14r tr>*:nth-child(14) a.external,
		table.c13r tr>*:nth-child(13) a.external, 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 { background-position:center left; padding:0 0 0 13px; }
table.c15bl tr>*:nth-child(15), table.c14bl tr>*:nth-child(14), table.c13bl tr>*:nth-child(13),
	table.c12bl tr>*:nth-child(12), table.c11bl tr>*:nth-child(11), table.c10bl tr>*:nth-child(10),
	table.c9bl tr>*:nth-child(9), table.c8bl tr>*:nth-child(8), table.c7bl tr>*:nth-child(7),
	table.c6bl tr>*:nth-child(6), table.c5bl tr>*:nth-child(5), table.c4bl tr>*:nth-child(4),
	table.c3bl tr>*:nth-child(3), table.c2bl tr>*:nth-child(2), table.c1bl tr>*:nth-child(1)
	{ border-left:1px solid rgba(0,0,0,.2); }
table.c15ms tr>*:nth-child(15), table.c14ms tr>*:nth-child(14), table.c13ms tr>*:nth-child(13),
	table.c12ms tr>*:nth-child(12), table.c11ms tr>*:nth-child(11), table.c10ms tr>*:nth-child(10),
	table.c9ms tr>*:nth-child(9), table.c8ms tr>*:nth-child(8), table.c7ms tr>*:nth-child(7),
	table.c6ms tr>*:nth-child(6), table.c5ms tr>*:nth-child(5), table.c4ms tr>*:nth-child(4),
	table.c3ms tr>*:nth-child(3), table.c2ms tr>*:nth-child(2), table.c1ms tr>*:nth-child(1)
	{ font-family:Consolas, monospace; font-size:smaller; padding-top:.3em; }
table.c15sc tr>*:nth-child(15), table.c14sc tr>*:nth-child(14), table.c13sc tr>*:nth-child(13),
	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)
	{ font-variant:small-caps; }
table.c15sm tr>*:nth-child(15), table.c14sm tr>*:nth-child(14), table.c13sm tr>*:nth-child(13),
	table.c12sm tr>*:nth-child(12), table.c11sm tr>*:nth-child(11), table.c10sm tr>*:nth-child(10),
	table.c9sm tr>*:nth-child(9), table.c8sm tr>*:nth-child(8), table.c7sm tr>*:nth-child(7),
	table.c6sm tr>*:nth-child(6), table.c5sm tr>*:nth-child(5), table.c4sm tr>*:nth-child(4),
	table.c3sm tr>*:nth-child(3), table.c2sm tr>*:nth-child(2), table.c1sm tr>*:nth-child(1)
	{ font-size:smaller; padding-top:.3em; }
table.c15us tbody tr>*:nth-child(15), table.c14us tbody tr>*:nth-child(14),
	table.c13us tbody tr>*:nth-child(13), table.c12us tbody tr>*:nth-child(12),
	table.c11us tbody tr>*:nth-child(11), table.c10us tbody tr>*:nth-child(10),
	table.c9us tbody tr>*:nth-child(9), table.c8us tbody tr>*:nth-child(8),
	table.c7us tbody tr>*:nth-child(7),	table.c6us tbody tr>*:nth-child(6),
	table.c5us tbody tr>*:nth-child(5), table.c4us tbody tr>*:nth-child(4),
	table.c3us tbody tr>*:nth-child(3), table.c2us tbody tr>*:nth-child(2),
	table.c1us tbody tr>*:nth-child(1), td.us, td.cr
	{ text-align:right; white-space:nowrap; }
	table.c15us tbody tr>*:nth-child(15):before, table.c14us tbody tr>*:nth-child(14):before,
		table.c13us tbody tr>*:nth-child(13):before, table.c12us tbody tr>*:nth-child(12):before,
		table.c11us tbody tr>*:nth-child(11):before, table.c10us tbody tr>*:nth-child(10):before,
		table.c9us tbody tr>*:nth-child(9):before, table.c8us tbody tr>*:nth-child(8):before,
		table.c7us tbody tr>*:nth-child(7):before, table.c6us tbody tr>*:nth-child(6):before,
		table.c5us tbody tr>*:nth-child(5):before, table.c4us tbody tr>*:nth-child(4):before,
		table.c3us tbody tr>*:nth-child(3):before, table.c2us tbody tr>*:nth-child(2):before,
		table.c1us tbody tr>*:nth-child(1):before, td.us:before, td.cr:before
		{ content:"$"; margin-right:.25ch; }

float:left; }
	td.cr:before { font-family:'Aurebesh-H','Comic Sans MS',serif; font-size:80%; }
.in1 { padding-left:1.4em !important; }
.in2 { padding-left:2.4em !important; }
.in3 { padding-left:3.4em !important; }
.in4 { padding-left:4.4em !important; }
tr.section { border-top:2.0px solid black; background:rgba(0,0,0,.05); }
tr.subsection { border-top:2px solid rgba(0,0,0,.4); background-color:rgba(0,0,0,.02); }
td.frac { padding-right:0 !important; }

table.lego { border-collapse:collapse; font-family:'Segoe UI'; font-size:22px; }
table.lego tr>* { width:60px; height:36px; padding:0; text-align:center; vertical-align:middle; border:1px solid black; }
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); }

table.d20 { border-collapse:collapse; border-radius:4px; background-color:rgba(0,0,0,.03); }
table.d20:not(.sortable) tbody tr:first-child,
table.d20.sortable thead tr { font-size:smaller; background-color:rgba(0,0,0,.03); }
table.d20:not(.sortable) tbody tr:first-child>*:first-child,
table.d20.sortable thead tr:first-child>*:first-child { border-top-left-radius:4px; }
table.d20:not(.sortable) tbody tr:first-child>*:last-child,
table.d20.sortable thead tr:first-child>*:last-child { border-top-right-radius:4px; }
table.d20 tbody tr:last-child>*:first-child { border-bottom-left-radius:4px; }
table.d20 tbody tr:last-child>*:last-child { border-bottom-right-radius:4px; }
table.d20:not(.sortable) tbody tr:nth-child(even),
table.d20.sortable tbody tr:nth-child(odd) { background-color:rgba(0,0,0,.09); }
table.d20 tr>* { text-align:left; padding:0 1ch; }
table.d20 tr>*:first-child { padding-left:.5ch; }
table.d20 tr>*:last-child { padding-right:.5ch; }

.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.c14r th.headerSort:nth-child(14), 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; }
Retrieved from "https://silvesti.wiki/index.php?title=MediaWiki:Common.css&oldid=1009"