MediaWiki:Azure.css: Difference between revisions

MediaWiki interface page
m (add (copy) tooltip, golden table header CSS from MediaWiki:Cathedral.css)
m ((temp) sortable table headers - lighten BG color to make black arrows visible)
Line 18: Line 18:
   border-bottom-color: var(--NOL-grey);
   border-bottom-color: var(--NOL-grey);
}
}
.tooltiptext,
.tooltiptext,
.tooltiptext:after,
.tooltiptext:after,
Line 29: Line 28:
     background-color: var(--NOL-burntgold) !important;
     background-color: var(--NOL-burntgold) !important;
     color: var(--NOL-black) !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);
}
}

Revision as of 19:22, 16 October 2018

/* 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); 
}