Difference between revisions of "MediaWiki:Common.css"
From maurer
(One intermediate revision by the same user not shown) | |||
Line 108: | Line 108: | ||
th.right, td.right {text-align:right !important;} | th.right, td.right {text-align:right !important;} | ||
th.left, td.left {text-align:left !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 { padding-right:1ch !important; text-align:right; } |
Latest revision as of 20:06, 16 July 2018
/* 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;
}