Difference between revisions of "MediaWiki:Common.css"
From BroaDWcast
Jump to navigationJump to searchJohn Lavalie (talk | contribs) |
John Lavalie (talk | contribs) |
||
| (68 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 */ | ||
| − | #n-facebook{ | + | /* |
| + | #n-facebook { | ||
background-image: url('http://gallifreybase.com/w/images/b/b1/Facebook-logo.jpg'); | background-image: url('http://gallifreybase.com/w/images/b/b1/Facebook-logo.jpg'); | ||
padding-left: 20px; | padding-left: 20px; | ||
padding-bottom: 20 px; | padding-bottom: 20 px; | ||
height: 40px; | height: 40px; | ||
| − | + | } | |
| − | font-size: | + | |
| + | #n-facebook a { | ||
| + | vertical-align: middle; | ||
| + | font-size: 200%; | ||
color: #0e4c97; | color: #0e4c97; | ||
| − | visibility: hidden; | + | z-index: -1 |
| + | } | ||
| + | |||
| + | #n-facebook img { | ||
| + | position: absolute; | ||
| + | left: 0px; | ||
| + | top: 0px; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | */ | ||
| + | |||
| + | @media print | ||
| + | { | ||
| + | .NoPrint { display: none; } | ||
| + | .toc, #toc, .mw-jump-link, #Media, .YouTubeTable { display: none; } | ||
| + | #contentSub, .sortarrow { display: none; } | ||
| + | } | ||
| + | |||
| + | .reference { font-size: 105%; } | ||
| + | |||
| + | .thumbcaption { text-align:center; } | ||
| + | /* | ||
| + | .gallery { background-color: #ccff00; } | ||
| + | .gallerybox { background-color: #ffffcc; } | ||
| + | .gallerytext { text-align:center; } | ||
| + | */ | ||
| + | .catlinks { background-color: #ffcc00; font-weight: bold; } | ||
| + | |||
| + | div#p-tb { visibility: hidden; } | ||
| + | |||
| + | /* cancel italics for cat from redirect */ | ||
| + | .redirect-in-category { font-style: normal; } | ||
| + | |||
| + | /* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */ | ||
| + | /* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */ | ||
| + | .jquery-tablesorter > thead, | ||
| + | .mw-sticky-header > thead { | ||
| + | position: -webkit-sticky; | ||
| + | position: sticky; | ||
| + | top: 0; | ||
} | } | ||
| − | # | + | /* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */ |
| − | + | @media screen and (max-width: 1099px) and (min-width: 851px) { | |
| − | + | .skin-timeless .jquery-tablesorter > thead, | |
| − | + | .skin-timeless .mw-sticky-header > thead { | |
| − | + | top: 3.125em; | |
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (min-width: 1100px) { | ||
| + | .skin-timeless .jquery-tablesorter > thead, | ||
| + | .skin-timeless .mw-sticky-header > thead { | ||
| + | top: 6em; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .jquery-tablesorter > tfoot, | ||
| + | .mw-sticky-header > tfoot { | ||
| + | position: -webkit-sticky; | ||
| + | position: sticky; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | /* On mobile, where we have tables in overflowable boxes to avoid viewport overflows, | ||
| + | * by using display:block, sticky never works though :( */ | ||
| + | |||
| + | #bus body { | ||
| + | counter-reset: row-num -2; | ||
| + | } | ||
| + | #bus tr:not(.fble_htr) { | ||
| + | counter-increment: row-num; | ||
| + | } | ||
| + | #bus tr:not(.fble_htr) td:first-child::before { | ||
| + | content: counter(row-num) ". "; | ||
| + | } | ||
| + | |||
| + | #mw-indicator-mw-helplink { display: none; } | ||
| + | |||
| + | /* hide 'Heading' dropdown from edit window 'cause it's annoying */ | ||
| + | .group-heading { display: none; } | ||
Latest revision as of 22:42, 7 June 2023
/* CSS placed here will be applied to all skins */
/*
#n-facebook {
background-image: url('http://gallifreybase.com/w/images/b/b1/Facebook-logo.jpg');
padding-left: 20px;
padding-bottom: 20 px;
height: 40px;
}
#n-facebook a {
vertical-align: middle;
font-size: 200%;
color: #0e4c97;
z-index: -1
}
#n-facebook img {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
*/
@media print
{
.NoPrint { display: none; }
.toc, #toc, .mw-jump-link, #Media, .YouTubeTable { display: none; }
#contentSub, .sortarrow { display: none; }
}
.reference { font-size: 105%; }
.thumbcaption { text-align:center; }
/*
.gallery { background-color: #ccff00; }
.gallerybox { background-color: #ffffcc; }
.gallerytext { text-align:center; }
*/
.catlinks { background-color: #ffcc00; font-weight: bold; }
div#p-tb { visibility: hidden; }
/* cancel italics for cat from redirect */
.redirect-in-category { font-style: normal; }
/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */
/* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */
.jquery-tablesorter > thead,
.mw-sticky-header > thead {
position: -webkit-sticky;
position: sticky;
top: 0;
}
/* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */
@media screen and (max-width: 1099px) and (min-width: 851px) {
.skin-timeless .jquery-tablesorter > thead,
.skin-timeless .mw-sticky-header > thead {
top: 3.125em;
}
}
@media screen and (min-width: 1100px) {
.skin-timeless .jquery-tablesorter > thead,
.skin-timeless .mw-sticky-header > thead {
top: 6em;
}
}
.jquery-tablesorter > tfoot,
.mw-sticky-header > tfoot {
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
/* On mobile, where we have tables in overflowable boxes to avoid viewport overflows,
* by using display:block, sticky never works though :( */
#bus body {
counter-reset: row-num -2;
}
#bus tr:not(.fble_htr) {
counter-increment: row-num;
}
#bus tr:not(.fble_htr) td:first-child::before {
content: counter(row-num) ". ";
}
#mw-indicator-mw-helplink { display: none; }
/* hide 'Heading' dropdown from edit window 'cause it's annoying */
.group-heading { display: none; }