Difference between revisions of "MediaWiki:Common.css"

From Captain of Industry Wiki
Jump to: navigation, search
(migrate item sprites from Darkvector.css testbed)
 
(2 intermediate revisions by one other user not shown)
Line 6: Line 6:
/* Remove top padding from the main menu, logo has already enough empty space.*/
/* Remove top padding from the main menu, logo has already enough empty space.*/
div#mw-panel { padding-top: 0; }
div#mw-panel { padding-top: 0; }
/* Make gallery text readable in our color scheme. */
.gallerytext p { color: #c1c1c1; }


/* Enable Template:Mbox and its associated parameters */
/* Enable Template:Mbox and its associated parameters */
Line 53: Line 56:
   .div-col li, .div-col dd { page-break-inside: avoid; break-inside: avoid-column; }
   .div-col li, .div-col dd { page-break-inside: avoid; break-inside: avoid-column; }


/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 8 (2016-05-21)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0; /* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
/**
* Note hlist style usage differs in Minerva and is defined in core as well!
* Please check Minerva desktop (and Minerva.css) when changing
* See https://phabricator.wikimedia.org/T213239
*/
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}




Line 250: Line 364:


.iconglow [class^="sprite-"] { filter: drop-shadow(0 0 1px rgba(255,255,255,1)) }
.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-"] { display: inline-block; vertical-align: middle; /* margin-top: -3px; */ }
[class^="sprite-16-"] { width: 16px; height: 16px; }
[class^="sprite-16-"] { width: 16px; height: 16px; }
[class^="sprite-24-"] { width: 24px; height: 24px; }
[class^="sprite-24-"] { width: 24px; height: 24px; }

Latest revision as of 04:15, 15 June 2022

/* CSS placed here will be applied to all skins */

/* Scale logo to fit. */
#p-logo a { background-repeat: round; background-position: inherit; }

/* Remove top padding from the main menu, logo has already enough empty space.*/
div#mw-panel { padding-top: 0; }

/* Make gallery text readable in our color scheme. */
.gallerytext p { color: #c1c1c1; }

/* Enable Template:Mbox and its associated parameters */
td.mbox-image { border: none; padding: 2px 0 2px 0.9em; text-align: center; }
th.mbox-text, td.mbox-text { border: none; padding: 0.25em 0.9em; width: 100%; }

/* Enable Template:Ambox and its associated parameters */
table.ambox { margin: 0 10%; border: 1px solid #a2a9b1; border-left: 10px solid #36c; box-sizing: border-box; }
table.ambox-speedy { border-left: 10px solid #b32424; background-color: #ff8282; }
table.ambox-delete { border-left: 10px solid #b32424; }
table.ambox-content { border-left: 10px solid #f28500; }
table.ambox-style { border-left: 10px solid #fc3; }
table.ambox-notice { border-left: 10px solid #36c; }
table.ambox-move { border-left: 10px solid #9932cc; }
table.ambox-protection { border-left: 10px solid #a2a9b1; }
table.ambox + table.ambox { margin-top: -1px; }

/* Enable Template:Cmbox and its associated parameters */
table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #a2a9b1; background-color: #dfe8ff; box-sizing: border-box; color: #222222; }
table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b32424; background-color: #ffdbdb; }
table.cmbox-delete { background-color: #ffdbdb; }
table.cmbox-content { background-color: #ffe7ce; }
table.cmbox-style { background-color: #fff9db; }
table.cmbox-notice { background-color: #d8e8ff; }
table.cmbox-move { background-color: #e4d8ff; }
table.cmbox-protection { background-color: #efefe1; }

/* Enable styling of references */
.references-small { font-size: 90%; }

/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* Enable Template:Div col */
  .div-col { margin-top: 0.3em; margin-bottom: 0.3em; column-width: 30em; }
  .div-col-small { font-size: 90%; }
  .div-col-rules { column-rule: 1px solid #aaa; }

  /* Reset top margin for lists in div col */
  .div-col dl, .div-col ol, .div-col ul { margin-top: 0; }

  /* Avoid elements breaking between columns. See also Template:No col break */
  .div-col li, .div-col dd { page-break-inside: avoid; break-inside: avoid-column; }


/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0; /* don't trust the note that says margin doesn't work with inline
				* removing margin: 0 makes dds have margins again */
	display: inline;
}

/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
	display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}

/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}

/**
 * Note hlist style usage differs in Minerva and is defined in core as well!
 * Please check Minerva desktop (and Minerva.css) when changing
 * See https://phabricator.wikimedia.org/T213239
 */
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}


/* -------------------------------------------------------------------------------------------------------------- */
/* Dynamically modify the main page elements based on screen width. Used in conjunction with MediaWiki:Common.js. */
/* -------------------------------------------------------------------------------------------------------------- */

#main-section .sep {display: none; width: 100%;	height: 0;}
#main-section li {margin-bottom: 1px;}
.box-row-l #main-section #sep-D {
	display: block;
}
.box-row-m #main-section #sep-B,
.box-row-m #main-section #sep-E {
	display: block;
}
.box-row-s #main-section #sep-B,
.box-row-s #main-section #sep-D,
.box-row-s #main-section #sep-F {
	display: block;
}

#box-1 .i {line-height: 60px;}
#box-1 .intro {margin-right: 1em;}
#box-1 {flex: 3 0 960px;}
#box-1 .mclist {columns: 5;}
#box-1 .mclist li {height: 60px;}
.width-a#box-1 {flex: 2 0 640px;}
.width-a#box-1 .mclist {columns: 4;}
.width-b#box-1 {flex: 3 0 840px;}
.width-c#box-1 {flex: 19 0 640px;}
.width-c#box-1 .mclist {columns: 4;margin: auto;}
.width-d#box-1 {flex: 1 1 1000px;}
.width-d#box-1 .mclist {columns: 5;}
.width-e#box-1 .mclist {columns: 4;}
.width-f#box-1 .mclist {columns: 3;}
.width-g#box-1 .mclist {columns: 2;}


#box-2 {flex: 1 0 480px;	display: flex; flex-direction: column;}
#box-2 .main-heading {flex: none;}
#box-2 .news ul {margin-top: 0;}
#box-2 .outro {flex: 1 0 auto; display: flex; flex-direction: column;}
#box-2 .more {
	display: block;
	font-style: italic;
	font-size: 85%;
	margin-left: 2em;
	margin-top: 0.5em;
	flex: 1 0 auto;
}
#box-2 .links {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around; /*fallback*/
	justify-content: space-evenly;
}
#box-2 .links span {margin: 0.75em 0.25em 0;	display: inline-block;}
.width-a#box-2{flex: 1 0 320px;}
.width-b#box-2{flex: 1 0 280px;}

#box-3a .i {line-height: 28px;}
#box-3a .i > a:first-child {display: inline-block; width: 20px; text-align: center;}
#box-3a .mclist {columns: 3;}
#box-3a .mclist li {height: 28px;}
#box-3a {flex: 2 0 auto;}
.width-a#box-3a .mclist {columns: 2;}
.width-b#box-3a .mclist {columns: 2;}
.width-c#box-3a .mclist {columns: 3;}
.width-d#box-3a .mclist {columns: 2;}
.width-e#box-3a {flex: 1 1 320px;}
.width-e#box-3a .mclist {columns: 2;}
.width-f#box-3a {flex: 1 1 720px;}
.width-f#box-3a .mclist {columns: 4;}
.width-g#box-3a .mclist {columns: 6;}
.width-h#box-3a .mclist {columns: 4;}
.width-i#box-3a .mclist {columns: 3;}
.width-j#box-3a .mclist {columns: 2;}

#box-3b .i {line-height: 28px;}
#box-3b .i > a:first-child{display: inline-block; width: 22px; text-align: center;}
#box-3b .mclist {columns: 3;}
#box-3b .mclist li {height: 28px;}
#box-3b {flex: 2 0 auto;}
.width-a#box-3b .mclist {columns: 3;}
.width-b#box-3b .mclist {columns: 2;}
.width-c#box-3b .mclist {columns: 3;}
.width-d#box-3b .mclist {columns: 2;}
.width-e#box-3b {flex: 1 1 430px;}
.width-e#box-3b .mclist {columns: 2;}
.width-f#box-3b {flex: 1 1 720px;}
.width-f#box-3b .mclist {columns: 3;}
.width-g#box-3b .mclist {columns: 4;}
.width-h#box-3b .mclist {columns: 3;}
.width-i#box-3b .mclist {columns: 2;}
.width-j#box-3b .mclist {columns: 1;}

#box-4a .i {line-height: 28px;}
#box-4a .i > a:first-child {display: inline-block; width: 20px; text-align: center;}
#box-4a .mclist {columns: 3;}
#box-4a .mclist li {height: 28px;}
#box-4a {flex:2 0 auto;}
.width-a#box-4a .mclist {columns: 2;}
.width-b#box-4a .mclist {columns: 2;}
.width-c#box-4a {flex:1 1 720px;}
.width-c#box-4a .mclist {columns: 4;}
.width-d#box-4a .mclist {columns: 3;}
.width-e#box-4a .mclist {columns: 2;}
.width-f#box-4a .mclist {columns: 1;}

#box-4b .i {line-height: 32px;}
#box-4b .i > a:first-child {display: inline-block; width: 32px; text-align: center;}
#box-4b .mclist li {height: 32px;}
#box-4b .prehardmode .mclist {columns: 3;}
#box-4b {flex: 3 0 720px;}
#box-4b .prehardmode {padding-right: 40px;	flex: 1 0 auto;}
#box-4b .hardmode {flex: 1 0 150px;}
.width-a#box-4b .prehardmode .mclist {columns: 2;}
.width-a#box-4b {flex: 2 0 460px;}
.width-a#box-4b .prehardmode {padding-right: 0;}
.width-a#box-4b .hardmode {flex: 1 0 auto;}
.width-b#box-4b {flex: 2 0 auto;}
.width-b#box-4b .prehardmode {padding-right: 20px;}
.width-b#box-4b .hardmode {flex: 1 0 auto;}
.width-c#box-4b .prehardmode .mclist {columns: 2;}
.width-c#box-4b {flex: 2 0 auto;}
.width-c#box-4b .prehardmode {padding-right: 1em; flex: 2 0 auto;}
.width-c#box-4b .hardmode {flex: 1 0 auto;}
.width-d#box-4b {flex:1 1 720px;}
.width-d#box-4b .prehardmode .mclist {columns: 3;}
.width-e#box-4b {flex:1 1 720px;}
.width-e#box-4b .prehardmode {width: 100%;	padding-right: 0;}
.width-e#box-4b .prehardmode .mclist {columns: 3;}
.width-e#box-4b .hardmode {width: 100%;}
.width-e#box-4b .hardmode .mclist {columns: 3;}
.width-f#box-4b .prehardmode .mclist {columns: 2;}
.width-f#box-4b .hardmode .mclist {columns: 2;}
.width-g#box-4b .prehardmode .mclist {columns: 1;}
.width-g#box-4b .hardmode .mclist {columns: 1;}

#box-5a .i {line-height: 32px;}
#box-5a .mclist li {height: 32px;}
#box-5a .i > a:first-child {display: inline-block; width: 24px;	text-align: center;}
#box-5a {flex: 2 0 360px;}
#box-5a .content > div {flex: 1 0 auto;}
.width-a#box-5a {flex: 2 0 310px;}
.width-b#box-5a {flex: 3 0 600px;}
.width-b#box-5a .mclist {columns: 2;}
.width-c#box-5a .mclist {columns: 2;	column-gap: 0.25em;}
.width-d#box-5a .mclist {columns: 1;}
.width-e#box-5a {flex: 1 1 720px;}
.width-e#box-5a .mclist {columns: 2;}
.width-f#box-5a .prehardmode,
.width-f#box-5a .hardmode {width: 100%;}
.width-f#box-5a .mclist {columns: 3;}
.width-g#box-5a .mclist {columns: 2;}

#box-5b .i {line-height: 32px;}
#box-5b .mclist li {height: 32px;}
#box-5b .i > a:first-child {display: inline-block; width: 24px;	text-align: center;}
#box-5b {flex: 2 0 360px;}
#box-5b .content > div {flex: 1 0 auto;}
.width-a#box-5b {flex: 2 0 310px;}
.width-b#box-5b .mclist {columns: 2;	column-gap: 0.25em;}
.width-c#box-5b .mclist {columns: 1;}
.width-d#box-5b {flex: 1 1 720px;}
.width-d#box-5b .mclist {columns: 2;}
.width-e#box-5b .prehardmode,
.width-e#box-5b .hardmode {width: 100%;}
.width-e#box-5b .mclist {columns: 4;}
.width-f#box-5b .mclist {columns: 3;}
.width-g#box-5b .mclist {columns: 2;}

#sect-6 dd {margin-left: 1em;}
#box-7 {flex: 1 0 auto;}
#box-8 {flex: 3 0 auto;}
.width-a#sect-6 .outro {display: flex;}
.width-a#sect-6 .outro dl {flex: 1 0 auto;}

.width-a#box-7 {flex-basis: 220px;}
.width-a#box-7 .outro dl {display: inline-block; width: 100%;}
.width-a#box-8 {flex-basis: 900px;}
.width-a#box-8 .outro dl {display: inline-block; width: 33.33333333%;}
.width-b#box-8 {flex-basis: 620px;}
.width-b#box-8 .outro dl {width: 50%;}
.width-b#box-7 {flex-basis: 620px;}
.width-b#box-7 .outro dl {width: 50%;}
.width-c#box-7 {flex-shrink: 1;}
.width-c#box-7 .outro dl {width: 100%;}
.width-c#box-8 {flex-shrink: 1;}
.width-c#box-8 .outro dl {width: 100%;}

/* Enable item sprites vs individual image loads in Template:Infoicon */

.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-Power { 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-PowerMeter { 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-Power { 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-PowerMeter { 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; }