Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Azure.css

MediaWiki interface page
Revision as of 19:22, 16 October 2018 by Chao (talk | contribs) ((temp) sortable table headers - lighten BG color to make black arrows visible)

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Azure skin */

/* .dropdown class CSS */
.dropdown {
    text-align: left;
}
/* 
 * Override width:0 on div.mw-prefixindex-body so dropdown lists won't be transparent 
 * This one needs the overqualification of .dropdown div.mw-* inorder to override the
 * original rule without using !important
 */
.dropdown div.mw-prefixindex-body {
    width: auto; 
}

/* Template:Tt - tooltip CSS */
.tooltip {
  border-bottom-color: var(--NOL-grey);
}
.tooltiptext,
.tooltiptext:after,
.tooltip .tooltip .tooltiptext:after {
  background: var(--NOL-black);
}

/* Template:Command_List_(Header) alternate colored header CSS */
.th-divider, .th-divider th, .th-divider td {
    background-color: var(--NOL-burntgold) !important;
    color: var(--NOL-black) !important;
}

/* sortable table headers */
/*
 * Lightens the background color so the black arrows are visible 
 * Desaturates the background color so the blue isn't as bright
 * Rotates the hue so it's more blue than purple
 */
.jquery-tablesorter .headerSort { 
	filter: brightness(6)saturate(30%)hue-rotate(-10deg);
}
/* Brighten the selected sortHeader a little more than the others */
.jquery-tablesorter .headerSortUp,
.jquery-tablesorter .headerSortDown {
	filter: brightness(8)saturate(30%)hue-rotate(-10deg); 
}