Difference between revisions of "MediaWiki:Common.css"
From maurer
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | * { box-sizing:border-box; } | ||
.mw-body { font-family:'Segoe UI', sans-serif; | .mw-body { font-family:'Segoe UI', sans-serif; | ||
− | font-feature-settings:"salt" 1, "ss01" 1; } | + | font-feature-settings:"salt" 1, "ss01" 1, "tnum" 1; } |
.mw-body h1, | .mw-body h1, | ||
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, | .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, | ||
Line 9: | Line 10: | ||
.mw-body-content h3 { border-bottom:1px dotted #a2a9b1; } | .mw-body-content h3 { border-bottom:1px dotted #a2a9b1; } | ||
.mw-body-content h2, .w600, th, b { font-weight:600; } | .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.external { padding-right:12px; background-size:.75em; } | ||
− | |||
− | |||
− | |||
− | |||
.mw-body-content a.extiw { position:relative; } | .mw-body-content a.extiw { position:relative; } | ||
− | .mw-body-content a.extiw:after { content:" | + | .mw-body-content a.extiw:after { content:"\01f517\00fe0e"; |
− | + | font-size:xx-small; line-height:0; | |
display:inline-block; vertical-align:super; | display:inline-block; vertical-align:super; | ||
− | position:absolute; top:.5ch; right:- | + | position:absolute; top:.5ch; right:-.5ch; } |
abbr[title] { border-bottom:0; text-decoration:none; color:green; } | abbr[title] { border-bottom:0; text-decoration:none; color:green; } | ||
− | abbr[title]:hover { background-color:rgba(0,255,0,.1); cursor:help; } | + | abbr[title]:hover { background-color:rgba(0,255,0,.1); cursor:help; } |
code var { font-family:'Segoe UI'; font-variant:small-caps; color:grey; } | code var { font-family:'Segoe UI'; font-variant:small-caps; color:grey; } | ||
− | ins { text-decoration: | + | 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%; } | sup, sub { font-size:67%; } | ||
.monospace { font-family:'Lucida Console', Consolas, Monaco, monospace; line-height:1em;} | .monospace { font-family:'Lucida Console', Consolas, Monaco, monospace; line-height:1em;} | ||
Line 29: | Line 47: | ||
.mw-body-content blockquote cite { display:block; text-align:right; } | .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 { font-style:italic; } | ||
.mw-body-content blockquote cite time { font-style:normal; white-space:nowrap; } | .mw-body-content blockquote cite time { font-style:normal; white-space:nowrap; } | ||
− | .mw-body-content .cols p { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; } | + | .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-body-content .aster p:after { display:block; text-align:center; content:"∗\a0\a0\a0\a0\a0∗\a0\a0\a0\a0\a0∗"; } | ||
Line 53: | Line 71: | ||
dl.flat:after, | dl.flat:after, | ||
.flat dl:after { display:block; content:""; clear:left; } | .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, | table.wikitable > * > tr > th, table.wikitable > tr > th, | ||
Line 58: | Line 82: | ||
td { vertical-align:top; } | td { vertical-align:top; } | ||
table.center.wikitable, th.center, td.center { width:auto; } | table.center.wikitable, th.center, td.center { width:auto; } | ||
− | |||
table.center.wikitable > * > tr > *, | table.center.wikitable > * > tr > *, | ||
table.center.wikitable > tr > *, | table.center.wikitable > tr > *, | ||
Line 82: | Line 105: | ||
table.c3r tr>*:nth-child(3), table.c2r tr>*:nth-child(2), table.c1r tr>*:nth-child(1), | 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.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 { padding-right:1ch !important; text-align:right; } | ||
td.cr:before { content:"₹"; font-family:AuraBesh; padding:0 .5ch; float:left; } | td.cr:before { content:"₹"; font-family:AuraBesh; padding:0 .5ch; float:left; } | ||
Line 91: | Line 123: | ||
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.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; } | 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; | ||
+ | } |
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;
}