Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
JohnLavalie (talk | contribs) |
m |
||
(30 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#p-logo a { | |||
{ | background-image: url(http://www.ccslib.org/templates/ccs2/images/ccs.png) !important; | ||
background-size: 175px; | |||
} | } | ||
div# | li#ca-talk { | ||
{ | display:none; | ||
} | |||
div#UnionList p { | |||
white-space : pre; | |||
background-color : #cccccc; | |||
font-family : monospace; | |||
margin-bottom : 1em; | |||
margin-top : 0; | |||
padding-top : 0.5em; | |||
padding-bottom : 0.5em; | |||
} | |||
/* genre headings */ | |||
.Level1 { } | |||
.Level2 { margin-left: 2em; } | |||
.Level3 { margin-left: 4em; } | |||
.Level4 { margin-left: 6em; } | |||
.Level5 { margin-left: 8em; } | |||
.Level6 { margin-left: 10em; } | |||
.Level7 { margin-left: 12em; } | |||
.Level8 { margin-left: 14em; } | |||
.Level9 { margin-left: 16em; } | |||
.LocalGenre { font-style: italic; } | |||
.SubGenre { display: none; } | |||
@media print | |||
{ | |||
.NoPrint | |||
{ | |||
display: none; | |||
} | |||
} | |||
table.collapsed tr.collapsable { | |||
display: none; | |||
} | |||
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */ | |||
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ | |||
font-weight: normal; /* are styled here so they can be customised. */ | |||
text-align: right; | |||
width: auto; | |||
} | |||
.incorrect { | |||
color: red; | |||
} | |||
/* 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) ". "; | |||
} | |||
th { background: yellow;} | |||
.vector-body a { | |||
font-size: inherit; | |||
} | } |
Latest revision as of 04:55, 9 November 2022
/* CSS placed here will be applied to all skins */
#p-logo a {
background-image: url(http://www.ccslib.org/templates/ccs2/images/ccs.png) !important;
background-size: 175px;
}
li#ca-talk {
display:none;
}
div#UnionList p {
white-space : pre;
background-color : #cccccc;
font-family : monospace;
margin-bottom : 1em;
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
}
/* genre headings */
.Level1 { }
.Level2 { margin-left: 2em; }
.Level3 { margin-left: 4em; }
.Level4 { margin-left: 6em; }
.Level5 { margin-left: 8em; }
.Level6 { margin-left: 10em; }
.Level7 { margin-left: 12em; }
.Level8 { margin-left: 14em; }
.Level9 { margin-left: 16em; }
.LocalGenre { font-style: italic; }
.SubGenre { display: none; }
@media print
{
.NoPrint
{
display: none;
}
}
table.collapsed tr.collapsable {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
.incorrect {
color: red;
}
/* 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) ". ";
}
th { background: yellow;}
.vector-body a {
font-size: inherit;
}