Difference between revisions of "MediaWiki:Common.css"
From BroaDWcast
Jump to navigationJump to searchJohn Lavalie (talk | contribs) |
John Lavalie (talk | contribs) |
||
(64 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'); | ||
Line 9: | Line 10: | ||
#n-facebook a { | #n-facebook a { | ||
− | |||
vertical-align: middle; | vertical-align: middle; | ||
− | font-size: | + | font-size: 200%; |
color: #0e4c97; | color: #0e4c97; | ||
+ | z-index: -1 | ||
} | } | ||
− | # | + | #n-facebook img { |
− | text-align: | + | 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; }