Skip to content

Instantly share code, notes, and snippets.

@jonasbits
Last active December 12, 2015 08:18
Show Gist options
  • Save jonasbits/4743140 to your computer and use it in GitHub Desktop.
Save jonasbits/4743140 to your computer and use it in GitHub Desktop.
/*
easy to work css, remove in the end
*/
div.finders,.sprites{float:left;}
.finder{margin: 10px 10px 700px 10px;}
.finder,
.celebrity,.timeMilestones,.elFiesta,.bronze24km,.silver40km,.gold80km,
.platinum160km,.bronze15mile,.silver25mile,.gold50mile,.platinum100mile,.threeTimesWeek,
.fiveTimesWeek,.sevenTimesWeek,.threeWeeksInRow,.fourWeeksInRow,.fiveWeeksInRow,.sixWeeksInRow,
.threeMonthsInRow,.sixMonthsInRow,.nineMonthsInRow,.twelveMonthsInRow,
.nikeFuelKiloMid,.nikeFuelKiloLow,.nikeFuelMega,.nikeFuelKiloHigh,
.water,.ice,.supernova,.rainbow,.fire,
.interContinental,.earlyBird,.extraFrosting,.chocolateHeart,.dragon,.resolution,.doubleShot,
.sneakerHead,.nightOwl,.beachBum,.stormProof,.offTheBeaten,.uncleSam,.jackLantern,.anniversary
{
width:100px;
height:110px;
}
.finder{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -1210px;}
.anniversary{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -1540px;}
.jackLantern{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -1430px;}
.uncleSam{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -1320px;}
.offTheBeaten{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -1210px;}
.stormProof{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -1100px;}
.beachBum{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -990px;}
.nightOwl{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -880px;}
.sneakerHead{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -770px;}
.doubleShot{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -660px;}
.resolution{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -550px;}
.dragon{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -440px;}
.chocolateHeart{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -330px;}
.extraFrosting{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -220px;}
.earlyBird{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -110px;}
.interContinental{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-100px -660px;}
.fire{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -660px;}
.rainbow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -550px;}
.supernova{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -440px;}
.ice{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -330px;}
.water{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -220px;}
.nikeFuelKiloHigh{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -990px;}
.nikeFuelMega{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -880px;}
.nikeFuelKiloLow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -770px;}
.nikeFuelKiloMid{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -110px;}
.twelveMonthsInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -1430px;}
.nineMonthsInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -1320px;}
.sixMonthsInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -1210px;}
.threeMonthsInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -660px;}
.fiveWeeksInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -1100px;}
.sixWeeksInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -550px;}
.fourWeeksInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -440px;}
.threeWeeksInRow{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -330px;}
.sevenTimesWeek{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -220px;}
.fiveTimesWeek{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -110px;}
.threeTimesWeek{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-400px -0px;}
.platinum100mile{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -770px;}
.gold50mile{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -660px;}
.silver25mile{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -550px;}
.bronze15mile{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -440px;}
.platinum160km{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -330px;}
.gold80km{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -220px;}
.silver40km{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -110px;}
.bronze24km{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-300px -0px;}
.elFiesta{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-200px -0px;}
.timeMilestones{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-0px -0px;}
.celebrity{background:url(http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png)
-100px -990px;}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="nikeplus.css" type="text/css">
</head>
<body>
<img class="sprites" src="http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-sprites.png">
<div class="finders">
<img class="finder" src="img_trans.gif" width="1" height="1" /><br>
<img class="finder" src="img_trans.gif" width="1" height="1" />
</div>
<br>
<img src="http://nikeplus.nike.com/plus/web/images/profile_multisport/trophy-shelf-2.png">
</body>
</html>
@jonasbits
Copy link
Author

not finished, have to sleep sometime :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment