Difference between revisions of "MediaWiki:Common.css"

/* CSS placed here will be applied to all skins */
* { box-sizing:border-box; }
.mw-body { font-family:'Segoe UI', sans-serif;
	font-feature-settings:"salt" 1, "ss01" 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; }
.mw-body-content h2 { border-bottom:1px solid #a2a9b1; }
.mw-body-content h3 { border-bottom:1px dotted #a2a9b1; }
.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:.5ch; right:-.5ch; }

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; }

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

table.wikitable > * > tr > th, table.wikitable > tr > th,
	th { vertical-align:bottom; text-align:left; font-weight:600; }
td { vertical-align:top; }
table.center.wikitable, th.center, td.center { width:auto; }
table.center.wikitable > * > tr > *,
	table.center.wikitable > tr > *,
	table.center > * > tr > *,
	table.center > tr > * { text-align:center; }
table.center.wikitable > * > tr > *:first-child,
	table.center.wikitable > tr > *:first-child,
	table.center > * > tr > *:first-child,
	table.center > tr > *:first-child { text-align:left; }
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; }
		th.center, td.center {text-align:center !important;}
		th.right, td.right {text-align:right !important;}
		th.left, td.left {text-align:left !important;}
th.in1, td.in1, table.wikitable th.in1, table.wikitable td.in1 {padding-left:1ch;}
th.in2, td.in2 {padding-left:2ch;}
th.in3, td.in3 {padding-left:3ch;}
th.in4, td.in4 {padding-left:4ch;}
th.in5, td.in5 {padding-left:5ch;}

td.cr { padding-right:1ch !important; text-align:right; }
	td.cr:before { content:"₹"; font-family:AuraBesh; padding:0 .5ch; float:left; }
	td.frac { padding-right:0 !important; }
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:center;
	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;
		}