MediaWiki:Common.less/wikitables.less
< MediaWiki:Common.less
Jump to navigation
Jump to search
Revision as of 11:35, 20 December 2018 by Corey (talk | contribs) (Corey changed the content model of the page MediaWiki:Common.less/wikitables.less from "wikitext" to "CSS")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
// <pre>
/* ========================
wikitables
======================== */
@wikitable-background: @white;
@wikitable-header-background: @steel-blue;
@wikitable-header-link: @white;
table.wikitable {
background: @wikitable-background;
font-size: .9em;
box-shadow: @box-shadow;
// headers
> * > tr > th {
color: @white;
background: @wikitable-header-background;
border-color: darken( @wikitable-header-background, 10% );
a,
a:visited {
color: @wikitable-header-link;
}
}
// cells
> * > tr > td {
border-color: darken( @wikitable-background, 10% );
padding: .25em .45em;
}
// i forget what this is for
.header-top {
background: #448fba;
}
}
/* --------------------------
column and row stuff
-------------------------- */
/* nth td from the left is right-aligned - ths are ignored */
table.align-right-1 td:nth-of-type(1),
table.align-right-2 td:nth-of-type(2),
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10) {
text-align: right;
}
/* center */
table.align-center-1 td:nth-of-type(1),
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10) {
text-align: center;
}
/* left */
table.align-left-1 td:nth-of-type(1),
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10) {
text-align: left;
}
/* alternating colours (similar to spreadsheets) */
table.alternating-rows tr:nth-child(odd),
table.alternating-cols td:nth-child(odd) {
background: darken( @wikitable-background, 2.5% );
}
/* -----------------------
table backgrounds
----------------------- */
.table-bg-color(@cell-background, @cell-text, @cell-link) {
background: @cell-background;
color: @cell-text;
a {
color: @cell-link;
text-decoration: underline;
}
}
.table-bg-red {
.table-bg-color(@apricot-peach, @mocaccino, @old-brick);
}
.table-bg-orange {
.table-bg-color(@corvette, @antique-bronze, @korma);
}
.table-bg-yellow {
.table-bg-color(@golden, @cinnamon, @olive);
}
.table-bg-green {
.table-bg-color(@caper, @san-felix, @la-palma);
}
.table-bg-blue {
.table-bg-color(@jordy-blue, @regal-blue, @venice-blue);
}
.table-bg-purple {
.table-bg-color(@perfume, @honey-flower, @seance);
}
.table-bg-pink {
.table-bg-color(@cherub, @cosmic, @cannon-pink);
}
.table-bg-gray,
.table-bg-grey {
.table-bg-color(@mystic, @river-bed, @shuttle-gray);
}
