User:Jgjake2/css/UprisingSprites.css

.uprising-sprite { background-image: url('http://vignette4.wikia.nocookie.net/starwars/images/0/03/Uprising_UI_Sprites_HD.png/revision/latest'); -webkit-background-size: 2048px 2048px; -moz-background-size: 2048px 2048px; -o-background-size: 2048px 2048px; background-size: 2048px 2048px; background-repeat: no-repeat; display: inline-block; overflow: hidden; } .uprising-sprite.small { -webkit-background-size: 1024px 1024px; -moz-background-size: 1024px 1024px; -o-background-size: 1024px 1024px; background-size: 1024px 1024px; }

.uprising-sprite.blue { -webkit-filter: sepia(1) saturate(300%) hue-rotate(130deg); -moz-filter: sepia(1) saturate(300%) hue-rotate(130deg); -o-filter: sepia(1) saturate(300%) hue-rotate(130deg); filter: sepia(1) saturate(300%) hue-rotate(130deg); } .uprising-sprite.armor-box, .uprising-sprite.defense-box { background-position: -1477px -279px; width: 51px; height: 50px; }

.uprising-sprite.armor-box.small, .uprising-sprite.defense-box.small { background-position: -738px -139px; width: 26px; height: 25px; }

.uprising-sprite.utility-box { background-position: -1477px -330px; width: 51px; height: 50px; }

.uprising-sprite.utility-box.small { background-position: -738px -165px; width: 26px; height: 25px; }

.uprising-sprite.defense-offense-box { background-position: -1477px -381px; width: 51px; height: 50px; }

.uprising-sprite.defense-offense-box.small { background-position: -738px -190px; width: 26px; height: 25px; }

.uprising-sprite.weapon-box, .uprising-sprite.offense-box { background-position: -1477px -432px; width: 51px; height: 50px; }

.uprising-sprite.weapon-box.small, .uprising-sprite.offense-box.small { background-position: -738px -216px; width: 26px; height: 25px; }

/* Offense */ .uprising-sprite.offense { background-position: -1956px -944px; width: 86px; height: 84px; }

.uprising-sprite.offense.small { background-position: -978px -472px; width: 43px; height: 42px; } .uprising-sprite.offense-white { background-position: -1419px -780px; width: 80px; height: 78px; }

.uprising-sprite.offense-white.small { background-position: -709px -390px; width: 40px; height: 39px; } .uprising-sprite.offense-circle { background-position: -997px -1029px; width: 86px; height: 86px; }

.uprising-sprite.offense-circle.small { background-position: -498px -514px; width: 43px; height: 43px; }

/* defense */

.uprising-sprite.defense { background-position: -1258px -942px; width: 86px; height: 86px; }

.uprising-sprite.defense.small { background-position: -629px -471px; width: 43px; height: 43px; }

.uprising-sprite.defense-circle { background-position: -1519px -942px; width: 86px; height: 86px; }

.uprising-sprite.defense-circle.small { background-position: -759px -471px; width: 43px; height: 43px; }

/* utility */ .uprising-sprite.utility { background-position: -1170px -859px; width: 86px; height: 82px; }

.uprising-sprite.utility.small { background-position: -585px -429px; width: 43px; height: 41px; }

.uprising-sprite.finger-double-tap { background-position: -921px -53px; width: 72px; height: 87px; }

.uprising-sprite.finger-double-tap.small { background-position: -460px -26px; width: 36px; height: 44px; }

.uprising-sprite.finger-single-tap { background-position: -921px -141px; width: 72px; height: 87px; }

.uprising-sprite.finger-single-tap.small { background-position: -460px -70px; width: 36px; height: 44px; }

.uprising-sprite.finger-swipe-left { background-position: -921px -838px; width: 74px; height: 87px; }

.uprising-sprite.finger-swipe-left.small { background-position: -460px -419px; width: 37px; height: 44px; }

/* Salvage */ .uprising-sprite.salvage-empire, .uprising-sprite.empire-circle { background-position: -1530px -507px; width: 55px; height: 54px; }

.uprising-sprite.salvage-empire.small, .uprising-sprite.empire-circle.small { background-position: -765px -253px; width: 28px; height: 27px; }

.uprising-sprite.salvage-ivax, .uprising-sprite.ivax-circle { background-position: -1586px -507px; width: 55px; height: 54px; }

.uprising-sprite.salvage-ivax.small, .uprising-sprite.ivax-circle.small { background-position: -793px -253px; width: 28px; height: 27px; }

.uprising-sprite.salvage-equipment { background-position: -1642px -507px; width: 55px; height: 54px; }

.uprising-sprite.salvage-equipment.small { background-position: -821px -253px; width: 28px; height: 27px; }

.uprising-sprite.salvage-alliance, .uprising-sprite.alliance-circle { background-position: -1883px -507px; width: 54px; height: 54px; }

.uprising-sprite.salvage-alliance.small, .uprising-sprite.alliance-circle.small { background-position: -941px -253px; width: 27px; height: 27px; }

.uprising-sprite.salvage-trade-spine, .uprising-sprite.trade-spine-circle { background-position: -1993px -507px; width: 54px; height: 54px; }

.uprising-sprite.salvage-trade-spine.small, .uprising-sprite.trade-spine-circle.small { background-position: -996px -253px; width: 27px; height: 27px; }

.uprising-sprite.star-black { background-position: -1666px -699px; width: 77px; height: 77px; }

.uprising-sprite.star-black.small { background-position: -833px -349px; width: 39px; height: 39px; }

.uprising-sprite.star-gold { background-position: -1520px -864px; width: 80px; height: 77px; }

.uprising-sprite.star-gold.small { background-position: -763px -432px; width: 40px; height: 39px; }

.uprising-sprite.star-silver { background-position: -1331px -110px; width: 71px; height: 67px; }

.uprising-sprite.star-silver.small { background-position: -665px -55px; width: 36px; height: 34px; }