Difference between revisions of "MediaWiki:Darkvector.css"

Revision as of 09:41, 28 January 2022

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

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

.mw-body-content {
  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);
}

.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; }

.sprite-16-Audio { background: url('images/b/b3/Sprites-UI-16.png') -1px -1px; }
.sprite-16-Battleship { background: url('images/b/b3/Sprites-UI-16.png') -1px -19px; }
.sprite-16-Blueprint { background: url('images/b/b3/Sprites-UI-16.png') -1px -37px; }
.sprite-16-Blocked { background: url('images/b/b3/Sprites-UI-16.png') -1px -55px; }
.sprite-16-Build { background: url('images/b/b3/Sprites-UI-16.png') -1px -73px; }
.sprite-16-Buildings { background: url('images/b/b3/Sprites-UI-16.png') -1px -91px; }
.sprite-16-Cancel { background: url('images/b/b3/Sprites-UI-16.png') -1px -109px; }
.sprite-16-CargoShip { background: url('images/b/b3/Sprites-UI-16.png') -1px -127px; }
.sprite-16-Clock { background: url('images/b/b3/Sprites-UI-16.png') -1px -145px; }
.sprite-16-Clone { background: url('images/b/b3/Sprites-UI-16.png') -1px -163px; }
.sprite-16-ComingSoon { background: url('images/b/b3/Sprites-UI-16.png') -1px -181px; }
.sprite-16-Crane { background: url('images/b/b3/Sprites-UI-16.png') -1px -199px; }
.sprite-16-Demolish { background: url('images/b/b3/Sprites-UI-16.png') -1px -217px; }
.sprite-16-CrudeOilRefining { background: url('images/b/b3/Sprites-UI-16.png') -1px -235px; }
.sprite-16-Dumping { background: url('images/b/b3/Sprites-UI-16.png') -1px -253px; }
.sprite-16-Electricity { background: url('images/b/b3/Sprites-UI-16.png') -1px -271px; }
.sprite-16-Empty { background: url('images/b/b3/Sprites-UI-16.png') -1px -289px; }
.sprite-16-Expand { background: url('images/b/b3/Sprites-UI-16.png') -1px -307px; }
.sprite-16-Export { background: url('images/b/b3/Sprites-UI-16.png') -1px -325px; }
.sprite-16-Farms { background: url('images/b/b3/Sprites-UI-16.png') -1px -343px; }
.sprite-16-FastFastForward { background: url('images/b/b3/Sprites-UI-16.png') -1px -361px; }
.sprite-16-FastForward { background: url('images/b/b3/Sprites-UI-16.png') -1px -379px; }
.sprite-16-FoodUI { background: url('images/b/b3/Sprites-UI-16.png') -1px -397px; }
.sprite-16-GeneralMachines { background: url('images/b/b3/Sprites-UI-16.png') -1px -415px; }
.sprite-16-Health { background: url('images/b/b3/Sprites-UI-16.png') -1px -433px; }
.sprite-16-Hide { background: url('images/b/b3/Sprites-UI-16.png') -1px -451px; }
.sprite-16-Import { background: url('images/b/b3/Sprites-UI-16.png') -1px -469px; }
.sprite-16-Healthcare { background: url('images/b/b3/Sprites-UI-16.png') -1px -487px; }
.sprite-16-Info { background: url('images/b/b3/Sprites-UI-16.png') -1px -505px; }
.sprite-16-KeepFull { background: url('images/b/b3/Sprites-UI-16.png') -1px -523px; }
.sprite-16-Layers { background: url('images/b/b3/Sprites-UI-16.png') -1px -541px; }
.sprite-16-LeftClick { background: url('images/b/b3/Sprites-UI-16.png') -1px -559px; }
.sprite-16-Locked { background: url('images/b/b3/Sprites-UI-16.png') -1px -577px; }
.sprite-16-Menu { background: url('images/b/b3/Sprites-UI-16.png') -1px -595px; }
.sprite-16-Messages { background: url('images/b/b3/Sprites-UI-16.png') -1px -613px; }
.sprite-16-MetallurgyAndSmelting { background: url('images/b/b3/Sprites-UI-16.png') -1px -631px; }
.sprite-16-Minimize { background: url('images/b/b3/Sprites-UI-16.png') -1px -649px; }
.sprite-16-Mining { background: url('images/b/b3/Sprites-UI-16.png') -1px -667px; }
.sprite-16-Minus { background: url('images/b/b3/Sprites-UI-16.png') -1px -685px; }
.sprite-16-Next { background: url('images/b/b3/Sprites-UI-16.png') -1px -703px; }
.sprite-16-Move { background: url('images/b/b3/Sprites-UI-16.png') -1px -721px; }
.sprite-16-NoSnap { background: url('images/b/b3/Sprites-UI-16.png') -1px -739px; }
.sprite-16-NoGoal { background: url('images/b/b3/Sprites-UI-16.png') -1px -757px; }
.sprite-16-NoTurn { background: url('images/b/b3/Sprites-UI-16.png') -1px -775px; }
.sprite-16-Pause { background: url('images/b/b3/Sprites-UI-16.png') -1px -793px; }
.sprite-16-Pin { background: url('images/b/b3/Sprites-UI-16.png') -1px -811px; }
.sprite-16-Placeholder { background: url('images/b/b3/Sprites-UI-16.png') -1px -829px; }
.sprite-16-PlaceMultiple { background: url('images/b/b3/Sprites-UI-16.png') -1px -847px; }
.sprite-16-PlanningMode { background: url('images/b/b3/Sprites-UI-16.png') -1px -865px; }
.sprite-16-PlatformDown { background: url('images/b/b3/Sprites-UI-16.png') -1px -883px; }
.sprite-16-PlatformFlat { background: url('images/b/b3/Sprites-UI-16.png') -1px -901px; }
.sprite-16-PlatformUp { background: url('images/b/b3/Sprites-UI-16.png') -1px -919px; }
.sprite-16-Plus { background: url('images/b/b3/Sprites-UI-16.png') -1px -937px; }
.sprite-16-Play { background: url('images/b/b3/Sprites-UI-16.png') -1px -955px; }
.sprite-16-Population { background: url('images/b/b3/Sprites-UI-16.png') -1px -973px; }
.sprite-16-Power { background: url('images/b/b3/Sprites-UI-16.png') -1px -991px; }
.sprite-16-PowerProduction { background: url('images/b/b3/Sprites-UI-16.png') -1px -1009px; }
.sprite-16-Priority { background: url('images/b/b3/Sprites-UI-16.png') -1px -1027px; }
.sprite-16-Radiation { background: url('images/b/b3/Sprites-UI-16.png') -1px -1045px; }
.sprite-16-Randomize { background: url('images/b/b3/Sprites-UI-16.png') -1px -1063px; }
.sprite-16-Recipes { background: url('images/b/b3/Sprites-UI-16.png') -1px -1081px; }
.sprite-16-Research { background: url('images/b/b3/Sprites-UI-16.png') -1px -1099px; }
.sprite-16-Return { background: url('images/b/b3/Sprites-UI-16.png') -1px -1117px; }
.sprite-16-Rotate { background: url('images/b/b3/Sprites-UI-16.png') -1px -1135px; }
.sprite-16-Sailor { background: url('images/b/b3/Sprites-UI-16.png') -1px -1153px; }
.sprite-16-Settlement { background: url('images/b/b3/Sprites-UI-16.png') -1px -1171px; }
.sprite-16-Show { background: url('images/b/b3/Sprites-UI-16.png') -1px -1189px; }
.sprite-16-SpaceStation { background: url('images/b/b3/Sprites-UI-16.png') -1px -1207px; }
.sprite-16-Statistics { background: url('images/b/b3/Sprites-UI-16.png') -1px -1225px; }
.sprite-16-Storage { background: url('images/b/b3/Sprites-UI-16.png') -1px -1243px; }
.sprite-16-Temperature { background: url('images/b/b3/Sprites-UI-16.png') -1px -1261px; }
.sprite-16-TieBreaking { background: url('images/b/b3/Sprites-UI-16.png') -1px -1279px; }
.sprite-16-Trade { background: url('images/b/b3/Sprites-UI-16.png') -1px -1297px; }
.sprite-16-Transform { background: url('images/b/b3/Sprites-UI-16.png') -1px -1315px; }
.sprite-16-Transports { background: url('images/b/b3/Sprites-UI-16.png') -1px -1333px; }
.sprite-16-Trash { background: url('images/b/b3/Sprites-UI-16.png') -1px -1351px; }
.sprite-16-TreeHarvesting { background: url('images/b/b3/Sprites-UI-16.png') -1px -1369px; }
.sprite-16-Unity { background: url('images/b/b3/Sprites-UI-16.png') -1px -1387px; }
.sprite-16-UnityLarge { background: url('images/b/b3/Sprites-UI-16.png') -1px -1405px; }
.sprite-16-Unpause { background: url('images/b/b3/Sprites-UI-16.png') -1px -1423px; }
.sprite-16-Upgrade { background: url('images/b/b3/Sprites-UI-16.png') -1px -1441px; }
.sprite-16-Video { background: url('images/b/b3/Sprites-UI-16.png') -1px -1459px; }
.sprite-16-WaterMachines { background: url('images/b/b3/Sprites-UI-16.png') -1px -1477px; }
.sprite-16-WasteManagement { background: url('images/b/b3/Sprites-UI-16.png') -1px -1495px; }
.sprite-16-Worker { background: url('images/b/b3/Sprites-UI-16.png') -1px -1513px; }
.sprite-16-Vehicles { background: url('images/b/b3/Sprites-UI-16.png') -1px -1531px; }
.sprite-16-WorldMap { background: url('images/b/b3/Sprites-UI-16.png') -1px -1549px; }
.sprite-16-Working { background: url('images/b/b3/Sprites-UI-16.png') -1px -1567px; }
.sprite-16-Workers { background: url('images/b/b3/Sprites-UI-16.png') -1px -1585px; }

.sprite-24-Audio { background: url('images/2/22/Sprites-UI-24.png') -1px -1px; }
.sprite-24-Battleship { background: url('images/2/22/Sprites-UI-24.png') -1px -27px; }
.sprite-24-Blocked { background: url('images/2/22/Sprites-UI-24.png') -1px -53px; }
.sprite-24-ComingSoon { background: url('images/2/22/Sprites-UI-24.png') -1px -79px; }
.sprite-24-Blueprint { background: url('images/2/22/Sprites-UI-24.png') -1px -105px; }
.sprite-24-Build { background: url('images/2/22/Sprites-UI-24.png') -1px -131px; }
.sprite-24-CargoShip { background: url('images/2/22/Sprites-UI-24.png') -1px -157px; }
.sprite-24-Cancel { background: url('images/2/22/Sprites-UI-24.png') -1px -183px; }
.sprite-24-Buildings { background: url('images/2/22/Sprites-UI-24.png') -1px -209px; }
.sprite-24-Clock { background: url('images/2/22/Sprites-UI-24.png') -1px -235px; }
.sprite-24-Clone { background: url('images/2/22/Sprites-UI-24.png') -1px -261px; }
.sprite-24-Crane { background: url('images/2/22/Sprites-UI-24.png') -1px -287px; }
.sprite-24-CrudeOilRefining { background: url('images/2/22/Sprites-UI-24.png') -1px -313px; }
.sprite-24-Demolish { background: url('images/2/22/Sprites-UI-24.png') -1px -339px; }
.sprite-24-Dumping { background: url('images/2/22/Sprites-UI-24.png') -1px -365px; }
.sprite-24-Empty { background: url('images/2/22/Sprites-UI-24.png') -1px -391px; }
.sprite-24-Electricity { background: url('images/2/22/Sprites-UI-24.png') -1px -417px; }
.sprite-24-Expand { background: url('images/2/22/Sprites-UI-24.png') -1px -443px; }
.sprite-24-Export { background: url('images/2/22/Sprites-UI-24.png') -1px -469px; }
.sprite-24-Farms { background: url('images/2/22/Sprites-UI-24.png') -1px -495px; }
.sprite-24-FastFastForward { background: url('images/2/22/Sprites-UI-24.png') -1px -521px; }
.sprite-24-FastForward { background: url('images/2/22/Sprites-UI-24.png') -1px -547px; }
.sprite-24-FoodUI { background: url('images/2/22/Sprites-UI-24.png') -1px -573px; }
.sprite-24-Health { background: url('images/2/22/Sprites-UI-24.png') -1px -599px; }
.sprite-24-GeneralMachines { background: url('images/2/22/Sprites-UI-24.png') -1px -625px; }
.sprite-24-Healthcare { background: url('images/2/22/Sprites-UI-24.png') -1px -651px; }
.sprite-24-Hide { background: url('images/2/22/Sprites-UI-24.png') -1px -677px; }
.sprite-24-Import { background: url('images/2/22/Sprites-UI-24.png') -1px -703px; }
.sprite-24-Info { background: url('images/2/22/Sprites-UI-24.png') -1px -729px; }
.sprite-24-KeepFull { background: url('images/2/22/Sprites-UI-24.png') -1px -755px; }
.sprite-24-Layers { background: url('images/2/22/Sprites-UI-24.png') -1px -781px; }
.sprite-24-LeftClick { background: url('images/2/22/Sprites-UI-24.png') -1px -807px; }
.sprite-24-Locked { background: url('images/2/22/Sprites-UI-24.png') -1px -833px; }
.sprite-24-Menu { background: url('images/2/22/Sprites-UI-24.png') -1px -859px; }
.sprite-24-Messages { background: url('images/2/22/Sprites-UI-24.png') -1px -885px; }
.sprite-24-MetallurgyAndSmelting { background: url('images/2/22/Sprites-UI-24.png') -1px -911px; }
.sprite-24-Minimize { background: url('images/2/22/Sprites-UI-24.png') -1px -937px; }
.sprite-24-Mining { background: url('images/2/22/Sprites-UI-24.png') -1px -963px; }
.sprite-24-Minus { background: url('images/2/22/Sprites-UI-24.png') -1px -989px; }
.sprite-24-Move { background: url('images/2/22/Sprites-UI-24.png') -1px -1015px; }
.sprite-24-Next { background: url('images/2/22/Sprites-UI-24.png') -1px -1041px; }
.sprite-24-NoGoal { background: url('images/2/22/Sprites-UI-24.png') -1px -1067px; }
.sprite-24-NoSnap { background: url('images/2/22/Sprites-UI-24.png') -1px -1093px; }
.sprite-24-NoTurn { background: url('images/2/22/Sprites-UI-24.png') -1px -1119px; }
.sprite-24-Pause { background: url('images/2/22/Sprites-UI-24.png') -1px -1145px; }
.sprite-24-Pin { background: url('images/2/22/Sprites-UI-24.png') -1px -1171px; }
.sprite-24-Placeholder { background: url('images/2/22/Sprites-UI-24.png') -1px -1197px; }
.sprite-24-PlaceMultiple { background: url('images/2/22/Sprites-UI-24.png') -1px -1223px; }
.sprite-24-PlanningMode { background: url('images/2/22/Sprites-UI-24.png') -1px -1249px; }
.sprite-24-PlatformDown { background: url('images/2/22/Sprites-UI-24.png') -1px -1275px; }
.sprite-24-PlatformFlat { background: url('images/2/22/Sprites-UI-24.png') -1px -1301px; }
.sprite-24-Play { background: url('images/2/22/Sprites-UI-24.png') -1px -1327px; }
.sprite-24-PlatformUp { background: url('images/2/22/Sprites-UI-24.png') -1px -1353px; }
.sprite-24-Plus { background: url('images/2/22/Sprites-UI-24.png') -1px -1379px; }
.sprite-24-Population { background: url('images/2/22/Sprites-UI-24.png') -1px -1405px; }
.sprite-24-Power { background: url('images/2/22/Sprites-UI-24.png') -1px -1431px; }
.sprite-24-PowerProduction { background: url('images/2/22/Sprites-UI-24.png') -1px -1457px; }
.sprite-24-Priority { background: url('images/2/22/Sprites-UI-24.png') -1px -1483px; }
.sprite-24-Radiation { background: url('images/2/22/Sprites-UI-24.png') -1px -1509px; }
.sprite-24-Randomize { background: url('images/2/22/Sprites-UI-24.png') -1px -1535px; }
.sprite-24-Recipes { background: url('images/2/22/Sprites-UI-24.png') -1px -1561px; }
.sprite-24-Research { background: url('images/2/22/Sprites-UI-24.png') -1px -1587px; }
.sprite-24-Return { background: url('images/2/22/Sprites-UI-24.png') -1px -1613px; }
.sprite-24-Sailor { background: url('images/2/22/Sprites-UI-24.png') -1px -1639px; }
.sprite-24-Rotate { background: url('images/2/22/Sprites-UI-24.png') -1px -1665px; }
.sprite-24-Settlement { background: url('images/2/22/Sprites-UI-24.png') -1px -1691px; }
.sprite-24-SpaceStation { background: url('images/2/22/Sprites-UI-24.png') -1px -1717px; }
.sprite-24-Statistics { background: url('images/2/22/Sprites-UI-24.png') -1px -1743px; }
.sprite-24-Temperature { background: url('images/2/22/Sprites-UI-24.png') -1px -1769px; }
.sprite-24-Trade { background: url('images/2/22/Sprites-UI-24.png') -1px -1795px; }
.sprite-24-TieBreaking { background: url('images/2/22/Sprites-UI-24.png') -1px -1821px; }
.sprite-24-Transform { background: url('images/2/22/Sprites-UI-24.png') -1px -1847px; }
.sprite-24-Transports { background: url('images/2/22/Sprites-UI-24.png') -1px -1873px; }
.sprite-24-Trash { background: url('images/2/22/Sprites-UI-24.png') -1px -1899px; }
.sprite-24-Show { background: url('images/2/22/Sprites-UI-24.png') -1px -1925px; }
.sprite-24-TreeHarvesting { background: url('images/2/22/Sprites-UI-24.png') -1px -1951px; }
.sprite-24-Unity { background: url('images/2/22/Sprites-UI-24.png') -1px -1977px; }
.sprite-24-Storage { background: url('images/2/22/Sprites-UI-24.png') -1px -2003px; }
.sprite-24-Upgrade { background: url('images/2/22/Sprites-UI-24.png') -1px -2029px; }
.sprite-24-Unpause { background: url('images/2/22/Sprites-UI-24.png') -1px -2055px; }
.sprite-24-Vehicles { background: url('images/2/22/Sprites-UI-24.png') -1px -2081px; }
.sprite-24-Video { background: url('images/2/22/Sprites-UI-24.png') -1px -2107px; }
.sprite-24-Worker { background: url('images/2/22/Sprites-UI-24.png') -1px -2133px; }
.sprite-24-Workers { background: url('images/2/22/Sprites-UI-24.png') -1px -2159px; }
.sprite-24-Working { background: url('images/2/22/Sprites-UI-24.png') -1px -2185px; }
.sprite-24-UnityLarge { background: url('images/2/22/Sprites-UI-24.png') -1px -2211px; }
.sprite-24-WorldMap { background: url('images/2/22/Sprites-UI-24.png') -1px -2237px; }
.sprite-24-WaterMachines { background: url('images/2/22/Sprites-UI-24.png') -1px -2263px; }
.sprite-24-WasteManagement { background: url('images/2/22/Sprites-UI-24.png') -1px -2289px; }

.sprite-16-BauxiteMine { background: url('images/f/f3/Sprites-Explo-16.png') -1px -1px; }
.sprite-16-OilRig { background: url('images/f/f3/Sprites-Explo-16.png') -1px -19px; }
.sprite-16-QuartzMine { background: url('images/f/f3/Sprites-Explo-16.png') -1px -37px; }
.sprite-16-Sawmill { background: url('images/f/f3/Sprites-Explo-16.png') -1px -55px; }
.sprite-16-SulfurMine { background: url('images/f/f3/Sprites-Explo-16.png') -1px -73px; }
.sprite-16-UraniumMine { background: url('images/f/f3/Sprites-Explo-16.png') -1px -91px; }

.sprite-24-BauxiteMine { background: url('images/3/34/Sprites-Explo-24.png') -1px -1px; }
.sprite-24-GroundwaterWell { background: url('images/3/34/Sprites-Explo-24.png') -1px -27px; }
.sprite-24-OilRig { background: url('images/3/34/Sprites-Explo-24.png') -1px -53px; }
.sprite-24-QuartzMine { background: url('images/3/34/Sprites-Explo-24.png') -1px -79px; }
.sprite-24-Sawmill { background: url('images/3/34/Sprites-Explo-24.png') -1px -105px; }
.sprite-24-SulfurMine { background: url('images/3/34/Sprites-Explo-24.png') -1px -131px; }
.sprite-24-UraniumMine { background: url('images/3/34/Sprites-Explo-24.png') -1px -157px; }