Skip to content

Instantly share code, notes, and snippets.

@dodeja
Created January 5, 2009 09:03
Show Gist options
  • Save dodeja/43335 to your computer and use it in GitHub Desktop.
Save dodeja/43335 to your computer and use it in GitHub Desktop.
/* TRACK ODD */
.trackOdd {width: 700px; height: 30px; font-size: 14px; color: #2d3133;}
.trackOdd:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #46afc5; color: #fff; cursor: pointer;}
.trackOdd .favorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
.trackOdd .favorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 0 no-repeat;}
.trackOdd .favorite a:hover {background-position: 0 -16px;}
.trackOdd .notfavorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
.trackOdd .notfavorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 -16px no-repeat;}
.trackOdd .notfavorite a:hover {background-position: 0 0;}
.trackOdd p {float: left; margin: 6px 0 0 28px;}
.trackOdd .trackNumber {float: left; width: 20px;}
.trackOdd .trackName {float: left; width: 310px; margin: 0 0 0 25px;}
.trackOdd .artistName {float: left; margin: 0 0 0 20px; width: 120px;}
.trackOdd .buyTrack {float: right; margin: 7px 20px 0 30px; width: 30px; height: 15px;}
.trackOdd .buyTrack a {display: block; width: 30px; height: 15px; background: url(../images/buy_btn.png) 0 0 no-repeat;}
.trackOdd .buyTrack a:hover {background-position: 0 -15px;}
/* TRACK EVEN */
.trackEven {width: 700px; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #e0f7ff; font-size: 14px; color: #2d3133;}
.trackEven:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #46afc5; color: #fff; cursor: pointer;}
.trackEven .favorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
.trackEven .favorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 0 no-repeat;}
.trackEven .favorite a:hover {background-position: 0 -16px;}
.trackEven .notfavorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
.trackEven .notfavorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 -16px no-repeat;}
.trackEven .notfavorite a:hover {background-position: 0 0;}
.trackEven p {float: left; margin: 6px 0 0 28px;}
.trackEven .trackNumber {float: left; width: 20px;}
.trackEven .trackName {float: left; width: 310px; margin: 0 0 0 25px;}
.trackEven .artistName {float: left; margin: 0 0 0 20px; width: 120px;}
.trackEven .buyTrack {float: right; margin: 7px 20px 0 30px; width: 30px; height: 15px;}
.trackEven .buyTrack a {display: block; width: 30px; height: 15px; background: url(../images/buy_btn.png) 0 0 no-repeat;}
.trackEven .buyTrack a:hover {background-position: 0 -15px;}
/* TRACK CURRENTLY PLAYING TRACK */
.trackCurrent {width: 700px; height: 30px; background: url(../images/current_track_bg.png) top left no-repeat; font-size: 14px; color: #fff;}
.trackCurrent .favorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
.trackCurrent .favorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_orgbg.png) 0 0 no-repeat;}
.trackCurrent .favorite a:hover {background-position: 0 -16px;}
.trackCurrent .notfavorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
.trackCurrent .notfavorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 -16px no-repeat;}
.trackCurrent .notfavorite a:hover {background-position: 0 0;}
.trackCurrent p {float: left; margin: 6px 0 0 28px;}
.trackCurrent .trackNumber {float: left; width: 20px;}
.trackCurrent .trackName {float: left; width: 310px; margin: 0 0 0 25px;}
.trackCurrent .artistName {float: left; margin: 0 0 0 20px; width: 120px;}
.trackCurrent .buyTrack {float: right; margin: 7px 20px 0 30px; width: 30px; height: 15px;}
.trackCurrent .buyTrack a {display: block; width: 30px; height: 15px; background: url(../images/buy_btn_current.png) 0 0 no-repeat;}
.trackCurrent .buyTrack a:hover {background-position: 0 -15px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment