Difference between revisions of "MediaWiki:Darkvector.css"

From Captain of Industry Wiki
Jump to: navigation, search
m (typos)
(attempt to swap out class mw-body-content for id mw-content-text to fix mobile font issues)
 
(4 intermediate revisions by the same user not shown)
Line 3: Line 3:
/* Restore font size from 0.875em to full size */
/* Restore font size from 0.875em to full size */


.mw-body-content {
#mw-content-text {
   font-size: 1em;
   font-size: 1em;
}
}
Line 83: Line 83:
     background-color: rgba(128,128,128,0.25);
     background-color: rgba(128,128,128,0.25);
}
}
.iconglow [class^="sprite-"] { filter: drop-shadow(0 0 1px rgba(255,255,255,1)) }
[class^="sprite-"] { display: inline-block; vertical-align: middle; margin-top: -3px; }
[class^="sprite-16-"] { width: 16px; height: 16px; }
[class^="sprite-24-"] { width: 24px; height: 24px; }
.sprite-16-Acid { background: url('images/1/1f/Sprites-Items-16.png') -1px -1px; }
.sprite-16-AirPollution { background: url('images/1/1f/Sprites-Items-16.png') -1px -19px; }
.sprite-16-Aluminum { background: url('images/1/1f/Sprites-Items-16.png') -1px -37px; }
.sprite-16-Ammonia { background: url('images/1/1f/Sprites-Items-16.png') -1px -55px; }
.sprite-16-Bauxite { background: url('images/1/1f/Sprites-Items-16.png') -1px -73px; }
.sprite-16-Bedrock { background: url('images/1/1f/Sprites-Items-16.png') -1px -91px; }
.sprite-16-Brine { background: url('images/1/1f/Sprites-Items-16.png') -1px -109px; }
.sprite-16-CarbonDioxide { background: url('images/1/1f/Sprites-Items-16.png') -1px -127px; }
.sprite-16-Cement { background: url('images/1/1f/Sprites-Items-16.png') -1px -145px; }
.sprite-16-Chlorine { background: url('images/1/1f/Sprites-Items-16.png') -1px -163px; }
.sprite-16-Coal { background: url('images/1/1f/Sprites-Items-16.png') -1px -181px; }
.sprite-16-ConcreteSlab { background: url('images/1/1f/Sprites-Items-16.png') -1px -199px; }
.sprite-16-ConcreteCrushed { background: url('images/1/1f/Sprites-Items-16.png') -1px -217px; }
.sprite-16-ConstructionPartsII { background: url('images/1/1f/Sprites-Items-16.png') -1px -235px; }
.sprite-16-ConstructionParts { background: url('images/1/1f/Sprites-Items-16.png') -1px -253px; }
.sprite-16-ConstructionPartsIII { background: url('images/1/1f/Sprites-Items-16.png') -1px -271px; }
.sprite-16-ConstructionPartsIV { background: url('images/1/1f/Sprites-Items-16.png') -1px -289px; }
.sprite-16-Copper { background: url('images/1/1f/Sprites-Items-16.png') -1px -307px; }
.sprite-16-CopperOreCrushed { background: url('images/1/1f/Sprites-Items-16.png') -1px -325px; }
.sprite-16-CopperOre { background: url('images/1/1f/Sprites-Items-16.png') -1px -343px; }
.sprite-16-CrudeOil { background: url('images/1/1f/Sprites-Items-16.png') -1px -361px; }
.sprite-16-Diesel { background: url('images/1/1f/Sprites-Items-16.png') -1px -379px; }
.sprite-16-Digestate { background: url('images/1/1f/Sprites-Items-16.png') -1px -397px; }
.sprite-16-Dirt { background: url('images/1/1f/Sprites-Items-16.png') -1px -415px; }
.sprite-16-Drugs { background: url('images/1/1f/Sprites-Items-16.png') -1px -433px; }
.sprite-16-Electricity { background: url('images/1/1f/Sprites-Items-16.png') -1px -451px; }
.sprite-16-Electronics { background: url('images/1/1f/Sprites-Items-16.png') -1px -469px; }
.sprite-16-ElectronicsII { background: url('images/1/1f/Sprites-Items-16.png') -1px -487px; }
.sprite-16-Exhaust { background: url('images/1/1f/Sprites-Items-16.png') -1px -505px; }
.sprite-16-Fertilizer { background: url('images/1/1f/Sprites-Items-16.png') -1px -523px; }
.sprite-16-Food { background: url('images/1/1f/Sprites-Items-16.png') -1px -541px; }
.sprite-16-FilterMedia { background: url('images/1/1f/Sprites-Items-16.png') -1px -559px; }
.sprite-16-FuelGas { background: url('images/1/1f/Sprites-Items-16.png') -1px -577px; }
.sprite-16-Glass { background: url('images/1/1f/Sprites-Items-16.png') -1px -595px; }
.sprite-16-GlassMix { background: url('images/1/1f/Sprites-Items-16.png') -1px -613px; }
.sprite-16-Gold { background: url('images/1/1f/Sprites-Items-16.png') -1px -631px; }
.sprite-16-GoldOre { background: url('images/1/1f/Sprites-Items-16.png') -1px -649px; }
.sprite-16-GoldOreConcentrate { background: url('images/1/1f/Sprites-Items-16.png') -1px -667px; }
.sprite-16-GoldOreCrushed { background: url('images/1/1f/Sprites-Items-16.png') -1px -685px; }
.sprite-16-GoldOrePowder { background: url('images/1/1f/Sprites-Items-16.png') -1px -703px; }
.sprite-16-Graphite { background: url('images/1/1f/Sprites-Items-16.png') -1px -721px; }
.sprite-16-Gravel { background: url('images/1/1f/Sprites-Items-16.png') -1px -739px; }
.sprite-16-HeavyOil { background: url('images/1/1f/Sprites-Items-16.png') -1px -757px; }
.sprite-16-HouseholdElectronics { background: url('images/1/1f/Sprites-Items-16.png') -1px -775px; }
.sprite-16-HouseholdGoods { background: url('images/1/1f/Sprites-Items-16.png') -1px -793px; }
.sprite-16-Hydrogen { background: url('images/1/1f/Sprites-Items-16.png') -1px -811px; }
.sprite-16-Iron { background: url('images/1/1f/Sprites-Items-16.png') -1px -829px; }
.sprite-16-ImpureCopper { background: url('images/1/1f/Sprites-Items-16.png') -1px -847px; }
.sprite-16-IronOreCrushed { background: url('images/1/1f/Sprites-Items-16.png') -1px -865px; }
.sprite-16-IronOre { background: url('images/1/1f/Sprites-Items-16.png') -1px -883px; }
.sprite-16-LightOil { background: url('images/1/1f/Sprites-Items-16.png') -1px -901px; }
.sprite-16-Limestone { background: url('images/1/1f/Sprites-Items-16.png') -1px -919px; }
.sprite-16-MaintenanceI { background: url('images/1/1f/Sprites-Items-16.png') -1px -937px; }
.sprite-16-MechanicalPower { background: url('images/1/1f/Sprites-Items-16.png') -1px -955px; }
.sprite-16-MediumOil { background: url('images/1/1f/Sprites-Items-16.png') -1px -973px; }
.sprite-16-MaintenanceII { background: url('images/1/1f/Sprites-Items-16.png') -1px -991px; }
.sprite-16-MetalScrap { background: url('images/1/1f/Sprites-Items-16.png') -1px -1009px; }
.sprite-16-Microchips { background: url('images/1/1f/Sprites-Items-16.png') -1px -1027px; }
.sprite-16-MoltenAluminum { background: url('images/1/1f/Sprites-Items-16.png') -1px -1045px; }
.sprite-16-MoltenCopper { background: url('images/1/1f/Sprites-Items-16.png') -1px -1063px; }
.sprite-16-MoltenGlass { background: url('images/1/1f/Sprites-Items-16.png') -1px -1081px; }
.sprite-16-MoltenIron { background: url('images/1/1f/Sprites-Items-16.png') -1px -1099px; }
.sprite-16-MoltenSilicon { background: url('images/1/1f/Sprites-Items-16.png') -1px -1117px; }
.sprite-16-MoltenSteel { background: url('images/1/1f/Sprites-Items-16.png') -1px -1135px; }
.sprite-16-Naphtha { background: url('images/1/1f/Sprites-Items-16.png') -1px -1153px; }
.sprite-16-Nitrogen { background: url('images/1/1f/Sprites-Items-16.png') -1px -1171px; }
.sprite-16-Oxygen { background: url('images/1/1f/Sprites-Items-16.png') -1px -1189px; }
.sprite-16-PCB { background: url('images/1/1f/Sprites-Items-16.png') -1px -1207px; }
.sprite-16-Penicillin { background: url('images/1/1f/Sprites-Items-16.png') -1px -1225px; }
.sprite-16-Plastic { background: url('images/1/1f/Sprites-Items-16.png') -1px -1243px; }
.sprite-16-Quartz { background: url('images/1/1f/Sprites-Items-16.png') -1px -1261px; }
.sprite-16-Rock { background: url('images/1/1f/Sprites-Items-16.png') -1px -1279px; }
.sprite-16-Rubber { background: url('images/1/1f/Sprites-Items-16.png') -1px -1297px; }
.sprite-16-Salt { background: url('images/1/1f/Sprites-Items-16.png') -1px -1315px; }
.sprite-16-Sand { background: url('images/1/1f/Sprites-Items-16.png') -1px -1333px; }
.sprite-16-Seawater { background: url('images/1/1f/Sprites-Items-16.png') -1px -1351px; }
.sprite-16-SiliconPoly { background: url('images/1/1f/Sprites-Items-16.png') -1px -1369px; }
.sprite-16-Slag { background: url('images/1/1f/Sprites-Items-16.png') -1px -1387px; }
.sprite-16-SlagCrushed { background: url('images/1/1f/Sprites-Items-16.png') -1px -1405px; }
.sprite-16-Sludge { background: url('images/1/1f/Sprites-Items-16.png') -1px -1423px; }
.sprite-16-SolarCell { background: url('images/1/1f/Sprites-Items-16.png') -1px -1441px; }
.sprite-16-SourWater { background: url('images/1/1f/Sprites-Items-16.png') -1px -1459px; }
.sprite-16-SpentFuel { background: url('images/1/1f/Sprites-Items-16.png') -1px -1477px; }
.sprite-16-SteamDepleted { background: url('images/1/1f/Sprites-Items-16.png') -1px -1495px; }
.sprite-16-SteamHi { background: url('images/1/1f/Sprites-Items-16.png') -1px -1513px; }
.sprite-16-SteamLo { background: url('images/1/1f/Sprites-Items-16.png') -1px -1531px; }
.sprite-16-Steel { background: url('images/1/1f/Sprites-Items-16.png') -1px -1549px; }
.sprite-16-Sugar { background: url('images/1/1f/Sprites-Items-16.png') -1px -1567px; }
.sprite-16-Sulfur { background: url('images/1/1f/Sprites-Items-16.png') -1px -1585px; }
.sprite-16-ToxicSlurry { background: url('images/1/1f/Sprites-Items-16.png') -1px -1603px; }
.sprite-16-UraniumOre { background: url('images/1/1f/Sprites-Items-16.png') -1px -1621px; }
.sprite-16-UraniumOreCrushed { background: url('images/1/1f/Sprites-Items-16.png') -1px -1639px; }
.sprite-16-UraniumPellets { background: url('images/1/1f/Sprites-Items-16.png') -1px -1657px; }
.sprite-16-UraniumRod { background: url('images/1/1f/Sprites-Items-16.png') -1px -1675px; }
.sprite-16-WasteWater { background: url('images/1/1f/Sprites-Items-16.png') -1px -1693px; }
.sprite-16-Water { background: url('images/1/1f/Sprites-Items-16.png') -1px -1711px; }
.sprite-16-WaterPollution { background: url('images/1/1f/Sprites-Items-16.png') -1px -1729px; }
.sprite-16-Wood { background: url('images/1/1f/Sprites-Items-16.png') -1px -1747px; }
.sprite-16-YellowCake { background: url('images/1/1f/Sprites-Items-16.png') -1px -1765px; }
.sprite-24-Acid { background: url('images/5/55/Sprites-Items-24.png') -1px -1px; }
.sprite-24-AirPollution { background: url('images/5/55/Sprites-Items-24.png') -1px -27px; }
.sprite-24-Aluminum { background: url('images/5/55/Sprites-Items-24.png') -1px -53px; }
.sprite-24-Ammonia { background: url('images/5/55/Sprites-Items-24.png') -1px -79px; }
.sprite-24-Bauxite { background: url('images/5/55/Sprites-Items-24.png') -1px -105px; }
.sprite-24-Bedrock { background: url('images/5/55/Sprites-Items-24.png') -1px -131px; }
.sprite-24-Brine { background: url('images/5/55/Sprites-Items-24.png') -1px -157px; }
.sprite-24-CarbonDioxide { background: url('images/5/55/Sprites-Items-24.png') -1px -183px; }
.sprite-24-Cement { background: url('images/5/55/Sprites-Items-24.png') -1px -209px; }
.sprite-24-ConcreteSlab { background: url('images/5/55/Sprites-Items-24.png') -1px -235px; }
.sprite-24-Chlorine { background: url('images/5/55/Sprites-Items-24.png') -1px -261px; }
.sprite-24-Coal { background: url('images/5/55/Sprites-Items-24.png') -1px -287px; }
.sprite-24-ConcreteCrushed { background: url('images/5/55/Sprites-Items-24.png') -1px -313px; }
.sprite-24-ConstructionParts { background: url('images/5/55/Sprites-Items-24.png') -1px -339px; }
.sprite-24-ConstructionPartsII { background: url('images/5/55/Sprites-Items-24.png') -1px -365px; }
.sprite-24-ConstructionPartsIII { background: url('images/5/55/Sprites-Items-24.png') -1px -391px; }
.sprite-24-ConstructionPartsIV { background: url('images/5/55/Sprites-Items-24.png') -1px -417px; }
.sprite-24-Copper { background: url('images/5/55/Sprites-Items-24.png') -1px -443px; }
.sprite-24-CopperOreCrushed { background: url('images/5/55/Sprites-Items-24.png') -1px -469px; }
.sprite-24-CopperOre { background: url('images/5/55/Sprites-Items-24.png') -1px -495px; }
.sprite-24-CrudeOil { background: url('images/5/55/Sprites-Items-24.png') -1px -521px; }
.sprite-24-Diesel { background: url('images/5/55/Sprites-Items-24.png') -1px -547px; }
.sprite-24-Digestate { background: url('images/5/55/Sprites-Items-24.png') -1px -573px; }
.sprite-24-Dirt { background: url('images/5/55/Sprites-Items-24.png') -1px -599px; }
.sprite-24-Drugs { background: url('images/5/55/Sprites-Items-24.png') -1px -625px; }
.sprite-24-Electricity { background: url('images/5/55/Sprites-Items-24.png') -1px -651px; }
.sprite-24-Electronics { background: url('images/5/55/Sprites-Items-24.png') -1px -677px; }
.sprite-24-ElectronicsII { background: url('images/5/55/Sprites-Items-24.png') -1px -703px; }
.sprite-24-Exhaust { background: url('images/5/55/Sprites-Items-24.png') -1px -729px; }
.sprite-24-Fertilizer { background: url('images/5/55/Sprites-Items-24.png') -1px -755px; }
.sprite-24-FilterMedia { background: url('images/5/55/Sprites-Items-24.png') -1px -781px; }
.sprite-24-Food { background: url('images/5/55/Sprites-Items-24.png') -1px -807px; }
.sprite-24-FuelGas { background: url('images/5/55/Sprites-Items-24.png') -1px -833px; }
.sprite-24-Glass { background: url('images/5/55/Sprites-Items-24.png') -1px -859px; }
.sprite-24-GlassMix { background: url('images/5/55/Sprites-Items-24.png') -1px -885px; }
.sprite-24-Gold { background: url('images/5/55/Sprites-Items-24.png') -1px -911px; }
.sprite-24-GoldOre { background: url('images/5/55/Sprites-Items-24.png') -1px -937px; }
.sprite-24-GoldOreConcentrate { background: url('images/5/55/Sprites-Items-24.png') -1px -963px; }
.sprite-24-GoldOreCrushed { background: url('images/5/55/Sprites-Items-24.png') -1px -989px; }
.sprite-24-GoldOrePowder { background: url('images/5/55/Sprites-Items-24.png') -1px -1015px; }
.sprite-24-Gravel { background: url('images/5/55/Sprites-Items-24.png') -1px -1041px; }
.sprite-24-Graphite { background: url('images/5/55/Sprites-Items-24.png') -1px -1067px; }
.sprite-24-HeavyOil { background: url('images/5/55/Sprites-Items-24.png') -1px -1093px; }
.sprite-24-HouseholdElectronics { background: url('images/5/55/Sprites-Items-24.png') -1px -1119px; }
.sprite-24-HouseholdGoods { background: url('images/5/55/Sprites-Items-24.png') -1px -1145px; }
.sprite-24-Hydrogen { background: url('images/5/55/Sprites-Items-24.png') -1px -1171px; }
.sprite-24-ImpureCopper { background: url('images/5/55/Sprites-Items-24.png') -1px -1197px; }
.sprite-24-Iron { background: url('images/5/55/Sprites-Items-24.png') -1px -1223px; }
.sprite-24-IronOreCrushed { background: url('images/5/55/Sprites-Items-24.png') -1px -1249px; }
.sprite-24-IronOre { background: url('images/5/55/Sprites-Items-24.png') -1px -1275px; }
.sprite-24-LightOil { background: url('images/5/55/Sprites-Items-24.png') -1px -1301px; }
.sprite-24-Limestone { background: url('images/5/55/Sprites-Items-24.png') -1px -1327px; }
.sprite-24-MaintenanceI { background: url('images/5/55/Sprites-Items-24.png') -1px -1353px; }
.sprite-24-MaintenanceII { background: url('images/5/55/Sprites-Items-24.png') -1px -1379px; }
.sprite-24-MechanicalPower { background: url('images/5/55/Sprites-Items-24.png') -1px -1405px; }
.sprite-24-MediumOil { background: url('images/5/55/Sprites-Items-24.png') -1px -1431px; }
.sprite-24-MetalScrap { background: url('images/5/55/Sprites-Items-24.png') -1px -1457px; }
.sprite-24-Microchips { background: url('images/5/55/Sprites-Items-24.png') -1px -1483px; }
.sprite-24-MoltenAluminum { background: url('images/5/55/Sprites-Items-24.png') -1px -1509px; }
.sprite-24-MoltenCopper { background: url('images/5/55/Sprites-Items-24.png') -1px -1535px; }
.sprite-24-MoltenGlass { background: url('images/5/55/Sprites-Items-24.png') -1px -1561px; }
.sprite-24-MoltenIron { background: url('images/5/55/Sprites-Items-24.png') -1px -1587px; }
.sprite-24-MoltenSilicon { background: url('images/5/55/Sprites-Items-24.png') -1px -1613px; }
.sprite-24-MoltenSteel { background: url('images/5/55/Sprites-Items-24.png') -1px -1639px; }
.sprite-24-Naphtha { background: url('images/5/55/Sprites-Items-24.png') -1px -1665px; }
.sprite-24-Nitrogen { background: url('images/5/55/Sprites-Items-24.png') -1px -1691px; }
.sprite-24-Oxygen { background: url('images/5/55/Sprites-Items-24.png') -1px -1717px; }
.sprite-24-PCB { background: url('images/5/55/Sprites-Items-24.png') -1px -1743px; }
.sprite-24-Penicillin { background: url('images/5/55/Sprites-Items-24.png') -1px -1769px; }
.sprite-24-Plastic { background: url('images/5/55/Sprites-Items-24.png') -1px -1795px; }
.sprite-24-Quartz { background: url('images/5/55/Sprites-Items-24.png') -1px -1821px; }
.sprite-24-Rock { background: url('images/5/55/Sprites-Items-24.png') -1px -1847px; }
.sprite-24-Rubber { background: url('images/5/55/Sprites-Items-24.png') -1px -1873px; }
.sprite-24-Salt { background: url('images/5/55/Sprites-Items-24.png') -1px -1899px; }
.sprite-24-Sand { background: url('images/5/55/Sprites-Items-24.png') -1px -1925px; }
.sprite-24-Seawater { background: url('images/5/55/Sprites-Items-24.png') -1px -1951px; }
.sprite-24-SiliconPoly { background: url('images/5/55/Sprites-Items-24.png') -1px -1977px; }
.sprite-24-Slag { background: url('images/5/55/Sprites-Items-24.png') -1px -2003px; }
.sprite-24-SlagCrushed { background: url('images/5/55/Sprites-Items-24.png') -1px -2029px; }
.sprite-24-Sludge { background: url('images/5/55/Sprites-Items-24.png') -1px -2055px; }
.sprite-24-SourWater { background: url('images/5/55/Sprites-Items-24.png') -1px -2081px; }
.sprite-24-SolarCell { background: url('images/5/55/Sprites-Items-24.png') -1px -2107px; }
.sprite-24-SpentFuel { background: url('images/5/55/Sprites-Items-24.png') -1px -2133px; }
.sprite-24-SteamDepleted { background: url('images/5/55/Sprites-Items-24.png') -1px -2159px; }
.sprite-24-SteamHi { background: url('images/5/55/Sprites-Items-24.png') -1px -2185px; }
.sprite-24-SteamLo { background: url('images/5/55/Sprites-Items-24.png') -1px -2211px; }
.sprite-24-Steel { background: url('images/5/55/Sprites-Items-24.png') -1px -2237px; }
.sprite-24-Sugar { background: url('images/5/55/Sprites-Items-24.png') -1px -2263px; }
.sprite-24-Sulfur { background: url('images/5/55/Sprites-Items-24.png') -1px -2289px; }
.sprite-24-ToxicSlurry { background: url('images/5/55/Sprites-Items-24.png') -1px -2315px; }
.sprite-24-UraniumOre { background: url('images/5/55/Sprites-Items-24.png') -1px -2341px; }
.sprite-24-UraniumOreCrushed { background: url('images/5/55/Sprites-Items-24.png') -1px -2367px; }
.sprite-24-UraniumPellets { background: url('images/5/55/Sprites-Items-24.png') -1px -2393px; }
.sprite-24-UraniumRod { background: url('images/5/55/Sprites-Items-24.png') -1px -2419px; }
.sprite-24-WasteWater { background: url('images/5/55/Sprites-Items-24.png') -1px -2445px; }
.sprite-24-Water { background: url('images/5/55/Sprites-Items-24.png') -1px -2471px; }
.sprite-24-WaterPollution { background: url('images/5/55/Sprites-Items-24.png') -1px -2497px; }
.sprite-24-Wood { background: url('images/5/55/Sprites-Items-24.png') -1px -2523px; }
.sprite-24-YellowCake { background: url('images/5/55/Sprites-Items-24.png') -1px -2549px; }

Latest revision as of 10:18, 28 January 2022

/* CSS placed here will affect users of the DarkVector skin ONLY */

/* Restore font size from 0.875em to full size */

#mw-content-text {
  font-size: 1em;
}


/* Darken background color slightly (almost imperceptibly for a normally-sighted person) */
/*   to make it possible to meet W3 WCAGC AAA standards                                  */

body { background-color: #222222; }
#mw-head { background-color: #222222; }

.mw-body { background-color: #2c2c2c; }
.editOptions { background-color: #2c2c2c; }
#mw-page-base { background-color: #2c2c2c; }
#left-navigation div.darkvectorTabs li.selected,#right-navigation div.darkvectorTabs li.selected { background-color: #2c2c2c; }


/* Re-color links from default Darkvector orange to the official in-game orange */
/*    Contrast ratio: 6.34 : 1 (before), 7.03 : 1 (after)                       */

a { color: #fea416 !important; }

/* Prevent darkening of visited links for accessibility (contrast) reasons */
/*    Contrast ratio: 3.71 : 1 (before), 7.03 : 1 (after)                  */

a:visited { color: #fea416 !important; }

/* Re-color "redlinks" for accessibility (contrast) reasons */
/*    Contrast ratio: 3.00 : 1 (before), 5.19 : 1 (after)   */

a.new { color: #ff7070 !important; }


/* Re-color left nav menu headers for accessibility (contrast) reasons */
/*    Contrast ratio: 3.35 : 1 (before), 7.04 : 1 (after)              */

div#mw-panel div.portal h3 { color: #b8b8b8; }


/* Re-color search box and form buttons for accessibility (contrast) reasons */
/*    Contrast ratio: 4.77 : 1 (before), 7.03 : 1 (after)                    */

div#simpleSearch #searchButton { background-color: rgba(255,164,22,.75) !important; }
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea, .oo-ui-tagMultiselectWidget-handle, div#simpleSearch #searchInput {
    background-color: #444444 !important;
    color: #DBDBDB !important;
}
.oo-ui-buttonElement-button, .mw-ui-button {
    color: #ffffff !important;
    background-color: #ffa416 !important;
    border-color: #ffa416 !important;
}
a[role=button] { color: #2b2b2b !important; }


/* Re-color footer legal text for accessibility (contrast) reasons */
/*    Contrast ratio: 3.35 : 1 (before), 7.04 : 1 (after)          */

#footer ul li { color: #b8b8b8 !important; }


/* De-color self-links because why did they design this skin to do this?! */

a.mw-selflink { color: inherit !important; }


/* Style <code> blocks */

code {
    width: auto;
    height: auto;
    padding: .2em;
    margin: -.2em 0;
    border: none;
    border-radius: 5px;
    font-family: Consolas, Andale Mono WT, DejaVu Sans Mono, Ubuntu Monospace, Courier New, monospace;
    text-indent: 0;
    white-space: pre-wrap;
    background-color: rgba(128,128,128,0.25);
}