MediaWiki:Azure.css: Difference between revisions

MediaWiki interface page
m ((temp) sortable table headers - lighten BG color to make black arrows visible)
m (style cargotables, use white arrows for sortable wikitables)
Line 30: Line 30:
}
}


/* sortable table headers */
/* change sortable table headers' arrows from black to white */
/*
.wikitable.jquery-tablesorter .headerSort { background-image: url(https://blazblue.wiki/images/4/41/Sort_both_white.png); }
* Lightens the background color so the black arrows are visible
.wikitable.jquery-tablesorter .headerSortUp { background-image: url(https://blazblue.wiki/images/3/3a/Sort_down_white.png); }
* Desaturates the background color so the blue isn't as bright
.wikitable.jquery-tablesorter .headerSortDown { background-image: url(https://blazblue.wiki/images/7/70/Sort_up_white.png); }
  * Rotates the hue so it's more blue than purple
 
/* Give darker border color than the default grey for inline-block wikitables
  * and all cargotables (both the outer table and each individual td)
  */
  */
.jquery-tablesorter .headerSort {
table.wikitable,
filter: brightness(6)saturate(30%)hue-rotate(-10deg);
table.cargotable,
}
table.cargoTable td {
/* Brighten the selected sortHeader a little more than the others */
border-color: var(--NOL-lightcharcoal);
.jquery-tablesorter .headerSortUp,
.jquery-tablesorter .headerSortDown {
filter: brightness(8)saturate(30%)hue-rotate(-10deg);  
}
}
/* style cargotable background colors. Overqualification is necessary to override
* the default values, which are similarly overqualified */
table.cargotable { background-color: var(--NOL-darkcharcoal); }
table.cargotable td.odd { background-color: var(--NOL-charcoal); }
table.cargotable td.even { background-color: var(--NOL-darkcharcoal); }
/* have file thumbnails inherit the background color of the row they're in */
.cargotable .thumbinner { background-color:inherit; }

Revision as of 20:44, 26 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;
}

/* change sortable table headers' arrows from black to white */
.wikitable.jquery-tablesorter .headerSort { background-image: url(https://blazblue.wiki/images/4/41/Sort_both_white.png); }
.wikitable.jquery-tablesorter .headerSortUp { background-image: url(https://blazblue.wiki/images/3/3a/Sort_down_white.png); }
.wikitable.jquery-tablesorter .headerSortDown { background-image: url(https://blazblue.wiki/images/7/70/Sort_up_white.png); }

/* Give darker border color than the default grey for inline-block wikitables
 * and all cargotables (both the outer table and each individual td)
 */
table.wikitable,
table.cargotable,
table.cargoTable td {
	border-color: var(--NOL-lightcharcoal);
}
/* style cargotable background colors. Overqualification is necessary to override 
 * the default values, which are similarly overqualified */
table.cargotable { background-color: var(--NOL-darkcharcoal); }
table.cargotable td.odd { background-color: var(--NOL-charcoal); }
table.cargotable td.even { background-color: var(--NOL-darkcharcoal); }
/* have file thumbnails inherit the background color of the row they're in */
.cargotable .thumbinner { background-color:inherit; }