Rx3/lmbrowse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Rx3:lmbrowse-1_4_2-1
Branches Tags
Rx3:master
Rx3:lmbrowse-1_5_0-1 Rx3:lmbrowse-1_4_3-1 Rx3:lmbrowse-1_4_2-1 Rx3:lmbrowse-1_4_1-1 Rx3:lmbrowse-1_4_0-1
...
compare: Rx3:lmbrowse-1_4_3-1
Branches Tags
Rx3:master
Rx3:lmbrowse-1_5_0-1 Rx3:lmbrowse-1_4_3-1 Rx3:lmbrowse-1_4_2-1 Rx3:lmbrowse-1_4_1-1 Rx3:lmbrowse-1_4_0-1

2 Commits
lmbrowse-1 ... lmbrowse-1

Author SHA1 Message Date
agibert
852d9f37da - Add skins directory structure, 
- Add skin black example (default.css and sprites css).
 2015-12-16 23:27:14 +00:00
agibert
8e5a746fc2 - Add skins directory structure, 
- Add skin black example (default.css and sprites css),
- Fix a bug for .hide system for track listing.
 2015-12-16 23:24:12 +00:00
4 changed files with 958 additions and 205 deletions
Expand all files Collapse all files

14
html/lmbrowse.php
View File

@@ -1,8 +1,8 @@
<?
// $RCSfile: lmbrowse.php,v $
// $Revision: 1.17 $
// $Revision: 1.18 $
// $Name: $
// $Date: 2015/12/04 16:07:30 $
// $Date: 2015/12/16 23:24:12 $
// $Author: agibert $
/*
@@ -1866,7 +1866,7 @@ function lmb_track_info_get( $play_type, $play_id, $play_priority, $track_id)
$min = intval( $total / 60);
$sec = $total - $min * 60;
$track_info["length"] = "{$min}' {$sec}\"";
$track_info["length"] = sprintf( '%02d\' %02d"', $min, $sec);
$track_info["duration"] = "PT{$min}M{$sec}S";
$track_info["safe_creative"] = $tab[10];
@@ -2831,7 +2831,7 @@ function lmb_tracklist_body( $skin_path)
$size = $track_nb + 1;
$height = 220/$size;
for( $i = 0, $row = 1; $i < $track_nb; $i++, $row++)
for( $i = 0, $row = 1; $i < $track_nb; $i++)
{
$css_row = ($row+1)%2+1;
@@ -2848,11 +2848,17 @@ function lmb_tracklist_body( $skin_path)
$play_url = "{$lmb_url_post}?page=play&amp;type={$play_type}&amp;id={$play_id}&amp;priority={$play_priority}";
$track_url = "{$lmb_url_post}?page=track&amp;type={$play_type}&amp;id={$play_id}&amp;priority={$play_priority}&amp;tid={$track_id}";
$path = lmb_playtype_path_get( $play_type);
if( ! file_exists( "{$path}/{$play_priority}-{$play_id}/.hide" ))
{
echo " <tr class=\"tracks{$css_row}\" style=\"height: {$height}px;\">";
echo "<td class=\"tracks1\">&nbsp;{$row}&nbsp;</td><td class=\"tracks2\">&nbsp;<div class=\"link-item\"><a href=\"{$track_url}\">{$track_title}</a></div>&nbsp;</td><td class=\"tracks3\">&nbsp;<div class=\"link-item\"><a href=\"{$track_url}\">{$track_mix}</a></div>&nbsp;</td><td class=\"tracks3\">&nbsp;{$track_length}&nbsp;</td><td class=\"tracks3\">&nbsp;{$play_type_name}&nbsp;</td><td class=\"tracks3\">&nbsp;<div class=\"link-item\"><a href=\"{$play_url}\">{$track_album}</a></div>&nbsp;</td></tr>
";
$row++;
}
}
$data = ob_get_contents();

378
html/default.css → html/skins/black/default.css
View File

@@ -1,3 +1,6 @@
@import url("/skins/black/sprites.css");
@import url("/skins/black/sprites-rep.css");
html, body
{
height: 99%;
@@ -144,6 +147,31 @@ tr.news2
tr.twitter0,
tr.twitter1,
tr.twitter2
{
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
tr.twitter0
{
height: 10px;
background-color: #222222;
color: #FFFFFF;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
}
tr.twitter1
{
height: 10px;
background-color: #333333;
}
tr.about0,
tr.about1,
tr.about2
@@ -460,21 +488,36 @@ td.border
}
td.menu-bg
td.menu-item,
td.menu-left,
td.menu-right
{
vertical-align: top;
text-align: center;
height: 20px;
}
td.menu-bg
{
text-align: center;
background-color: transparent;
background-image: url(/images/menu-bg.png);
background-image: url(/skins/black/images/menu-bg.png);
background-repeat: repeat-x;
background-attachment: scroll;
}
td.menu-item
{
vertical-align: top;
text-align: center;
height: 20px;
}
td.menu-left
{
text-align: right;
}
td.menu-right
{
text-align: left;
}
td.body
@@ -489,7 +532,7 @@ td.line-bg
text-align: center;
height: 20px;
background-color: transparent;
background-image: url(/images/line-m.png);
background-image: url(/skins/black/images/line-m.png);
background-repeat: repeat-x;
background-attachment: scroll;
}
@@ -607,7 +650,7 @@ td.news00
td.news01
{
width: 20px;
width: 10px;
}
td.news1
@@ -637,6 +680,42 @@ td.news4
td.twitter0,
td.twitter00,
td.twitter01,
td.twitter1
{
vertical-align: middle;
text-align: center;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 14px;
}
td.twitter0
{
width: 96px;
background-color: #222222;
}
td.twitter00
{
width: 10px;
background-color: #000000;
}
td.twitter01
{
width: 20px;
background-color: #222222;
}
td.twitter1
{
text-align: center;
font-size: 16px;
}
td.about0,
td.about00,
td.about01,
@@ -768,7 +847,7 @@ td.play2
td.play3
{
text-align: left;
text-align: center;
height: 30px;
}
@@ -778,6 +857,8 @@ td.play4
text-align: right;
height: 30px;
font-size: 12px;
padding-right: 10px;
padding-left: 10px;
}
@@ -808,6 +889,15 @@ td.text_r
font-size: 16px;
}
td.title
{
}
td.subtitle
{
}
td.title_l
{
vertical-align: middle;
@@ -1237,6 +1327,7 @@ td.links2
text-align: left;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 14px;
height: 24px;
}
td.links0
@@ -1480,77 +1571,74 @@ img.menu-item
a:link
{
color:#6644FF;
color: #6644FF;
}
a:visited
{
color:#FF00FF;
color: #FF00FF;
}
a:hover
{
color:#FF2222;
color: #FF2222;
color: #101010;
}
a:active
{
color:#0066FF;
color: #0066FF;
}
a.jp-on,
a.jp-off
a.button-item
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
display: inline-block;
}
.link-item,
.link-item-disabled,
.normal-item,
.link-item-disabled
{
display: inline-block;
background-color: transparent;
border: 0px;
border-radius: 5px;
padding: 1px 5px 3px 5px;
color: white;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
a.jp-on:hover,
a.jp-off:hover
.link-item:hover
{
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
background-color: #777777;
background-color: white;
border: 0px;
border-radius: 5px;
padding: 1px 5px 3px 5px;
color: black;
}
a.jp-on
a.button-item,
div.button-item,
.link-item,
img.button-item,
img.button-item-big,
input.login,
input.logout
{
background-color: #4a3a55;
}
a.jp-off
{
}
a.menu-home_page,
a.menu-about,
a.menu-discography,
a.button-w3c-html,
a.button-w3c-css,
a.button-rx3,
a.button-safe_creative,
a.button-stats
{
border: 0px solid;
background-repeat: no-repeat;
display: block;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
/* o-transition: all 0.5s ease; */
/*Reflection*/
@@ -1559,14 +1647,12 @@ a.button-stats
*/
}
a.menu-home_page:hover,
a.menu-about:hover,
a.menu-discography:hover,
a.button-w3c-html:hover,
a.button-w3c-css:hover,
a.button-rx3:hover,
a.button-safe_creative:hover,
a.button-stats:hover
a.button-item:hover,
div.button-item:hover,
.link-item:hover,
img.button-item:hover,
input.login:hover,
input.logout:hover
{
/*Glow*/
@@ -1582,116 +1668,34 @@ a.button-stats:hover
a.menu-home_page,
a.menu-about,
a.menu-discography,
a.menu-home_page:hover,
a.menu-about:hover,
a.menu-discography:hover
img.button-item-big:hover
{
height: 20px;
/*Glow*/
-webkit-box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
/*Reflection*/
/*
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
*/
}
a.menu-home_page
a.link-item-disabled
{
background-image: url("/images/menu-home_page-on.png");
}
a.menu-home_page:hover
{
background-image: url("/images/menu-home_page-hi.png");
}
a.menu-about
{
background-image: url("/images/menu-about-on.png");
}
a.menu-about:hover
{
background-image: url("/images/menu-about-hi.png");
}
a.menu-discography
{
background-image: url("/images/menu-discography-on.png");
}
a.menu-discography:hover
{
background-image: url("/images/menu-discography-hi.png");
display: inline-block;
border: 0px;
border-radius: 5px;
padding: 1px 5px 3px 5px;
background-color: #707070;
color: white;
pointer-events: none;
cursor: default;
}
a.button-w3c-html,
a.button-w3c-css,
a.button-rx3,
a.button-safe_creative,
a.button-stats,
a.button-w3c-html:hover,
a.button-w3c-css:hover,
a.button-rx3:hover,
a.button-safe_creative:hover,
a.button-stats:hover
{
height: 26px;
}
a.button-w3c-html
{
background-image: url("/images/button-w3c-html-on.png");
}
a.button-w3c-html:hover
{
background-image: url("/images/button-w3c-html-hi.png");
}
a.button-w3c-css
{
background-image: url("/images/button-w3c-css-on.png");
}
a.button-w3c-css:hover
{
background-image: url("/images/button-w3c-css-hi.png");
}
a.button-rx3
{
background-image: url("/images/button-rx3-on.png");
}
a.button-rx3:hover
{
background-image: url("/images/button-rx3-hi.png");
}
a.button-safe_creative
{
background-image: url("/images/button-safe_creative-on.png");
}
a.button-safe_creative:hover
{
background-image: url("/images/button-safe_creative-hi.png");
}
a.button-stats
{
background-image: url("/images/button-stats-on.png");
}
a.button-stats:hover
{
background-image: url("/images/button-stats-hi.png");
}
/*--------------------------------------------*/
@@ -1703,62 +1707,20 @@ input.password
border: 0px solid;;
background-color: #222222;
color: #FFFFFF;
vertical-align: top;
}
input.login,
input.logout
{
border: 0px solid;;
border: 0px solid;
width: 32px;
height: 26px;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
input.login:hover,
input.logout:hover
{
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
}
input.login
{
background-image: url("/images/button-login-on.png");
}
input.login:hover
{
background-image: url("/images/button-login-hi.png");
}
input.logout
{
background-image: url("/images/button-logout-on.png");
}
input.logout:hover
{
background-image: url("/images/button-logout-hi.png");
background-color: transparent;
}
td.title
{
background-image: url(/images/title-4.png);
}
td.subtitle
{
}
/*
@font-face
@@ -1803,3 +1765,17 @@ td.subtitle
{
font-size: 30px;
}
/*--------------------------------------------*/
/* Audio */
/*--------------------------------------------*/
audio
{
border: 0px solid;;
background-color: #888888;
color: #FFFFFF;
}

29
html/skins/black/sprites-rep.css Normal file
View File

@@ -0,0 +1,29 @@
/* glue: 0.11.1 hash: 9c5b34e88f */
/* LMBrowser Template 1.0 */
.sprite-title_line-m,
.sprite-menu-bg,
.sprite-bottom_line-m {
background-image: url('/skins/black/images/sprites-rep.png');
background-repeat: repeat-x;
background-attachment: scroll;
margin: auto;
}
.sprite-title_line-m {
background-position: 0 0;
width: 10px;
height: 70px;
}
.sprite-menu-bg {
background-position: 0 -70px;
width: 10px;
height: 20px;
}
.sprite-bottom_line-m {
background-position: 0 -90px;
width: 10px;
height: 20px;
}

742
html/skins/black/sprites.css Normal file
View File

@@ -0,0 +1,742 @@
/* glue: 0.11.1 hash: ea118dad0e */
/* LMBrowser Template 1.0 */
.sprite-lm-logo2-border-220,
.sprite-lm-logo1-border-220,
.sprite-tab-history-r,
.sprite-tab-history-l,
.sprite-tab-twitter-r,
.sprite-tab-twitter-l,
.sprite-tab-covers-r,
.sprite-tab-covers-l,
.sprite-tab-tracks-r,
.sprite-tab-tracks-l,
.sprite-tab-extras-r,
.sprite-tab-extras-l,
.sprite-tab-oldies-r,
.sprite-tab-oldies-l,
.sprite-tab-videos-r,
.sprite-tab-videos-l,
.sprite-tab-lyrics-r,
.sprite-tab-lyrics-l,
.sprite-tab-welcome-r,
.sprite-tab-welcome-l,
.sprite-tab-about-r,
.sprite-tab-about-l,
.sprite-border-right,
.sprite-tab-news-r,
.sprite-tab-news-l,
.sprite-tab-info-r,
.sprite-tab-info-l,
.sprite-menu-home_page-on:hover,
.sprite-menu-home_page-on,
.sprite-menu-home_page-off,
.sprite-menu-discography-on:hover,
.sprite-menu-discography-on,
.sprite-menu-discography-off,
.sprite-menu-about-on:hover,
.sprite-menu-about-on,
.sprite-menu-about-off,
.sprite-border-top,
.sprite-border-left,
.sprite-border-bottom,
.sprite-unknown-cover-96,
.sprite-lm-logo2-96,
.sprite-lm-logo1-96,
.sprite-button-rx3-on:hover,
.sprite-button-rx3-on,
.sprite-button-donate,
.sprite-title_line-r,
.sprite-title_line-l,
.sprite-bottom_line-r,
.sprite-bottom_line-l,
.sprite-border-top-right,
.sprite-border-top-left,
.sprite-border-bottom-right,
.sprite-border-bottom-left,
.sprite-tab-lp-r,
.sprite-tab-lp-l,
.sprite-tab-ep-r,
.sprite-tab-ep-l,
.sprite-button-w3c-rss-on:hover,
.sprite-button-w3c-rss-on,
.sprite-button-w3c-html-on:hover,
.sprite-button-w3c-html-on,
.sprite-button-w3c-css-on:hover,
.sprite-button-w3c-css-on,
.sprite-button-stats-on:hover,
.sprite-button-stats-on,
.sprite-button-safe_creative-on:hover,
.sprite-button-safe_creative-on,
.sprite-button-rss-on:hover,
.sprite-button-rss-on,
.sprite-button-logout-on:hover,
.sprite-button-logout-on,
.sprite-button-login-on:hover,
.sprite-button-login-on,
.sprite-menu-end,
.sprite-menu-begin,
.sprite-icon-zynaddsubfx-16x16,
.sprite-icon-xsynth-16x16,
.sprite-icon-wsynth-16x16,
.sprite-icon-whysynth-16x16,
.sprite-icon-vintagesynth-16x16,
.sprite-icon-twitter-16x16,
.sprite-icon-safecreative-16x16,
.sprite-icon-rosegarden-16x16,
.sprite-icon-povray-16x16,
.sprite-icon-phasex-16x16,
.sprite-icon-obligement-16x16,
.sprite-icon-myspace_old-16x16,
.sprite-icon-myspace-16x16,
.sprite-icon-med-16x16,
.sprite-icon-linuxsampler-16x16,
.sprite-icon-lastfm-16x16,
.sprite-icon-jannepikkarainen-16x16,
.sprite-icon-hexter-16x16,
.sprite-icon-gplus-16x16,
.sprite-icon-gimp-16x16,
.sprite-icon-facebook-16x16,
.sprite-icon-dssi-16x16,
.sprite-icon-dpaint-16x16,
.sprite-icon-distrho-16x16,
.sprite-icon-digikam-16x16,
.sprite-icon-calf-16x16,
.sprite-icon-audacity-16x16,
.sprite-icon-ardour-16x16,
.sprite-icon-ams-16x16,
.sprite-icon-amigafuture-16x16 {
background-image: url('/skins/black/images/sprites.png');
background-repeat: no-repeat;
margin: auto;
}
.sprite-lm-logo2-border-220 {
background-position: 0 0;
width: 220px;
height: 220px;
}
.sprite-lm-logo1-border-220 {
background-position: -220px 0;
width: 220px;
height: 220px;
}
.sprite-tab-history-r {
background-position: 0 -220px;
width: 56px;
height: 219px;
}
.sprite-tab-history-l {
background-position: -56px -220px;
width: 56px;
height: 219px;
}
.sprite-tab-twitter-r {
background-position: -112px -220px;
width: 57px;
height: 212px;
}
.sprite-tab-twitter-l {
background-position: -169px -220px;
width: 57px;
height: 212px;
}
.sprite-tab-covers-r {
background-position: -226px -220px;
width: 56px;
height: 207px;
}
.sprite-tab-covers-l {
background-position: -282px -220px;
width: 56px;
height: 207px;
}
.sprite-tab-tracks-r {
background-position: -338px -220px;
width: 56px;
height: 202px;
}
.sprite-tab-tracks-l {
background-position: -440px 0;
width: 56px;
height: 202px;
}
.sprite-tab-extras-r {
background-position: -440px -202px;
width: 56px;
height: 202px;
}
.sprite-tab-extras-l {
background-position: -496px 0;
width: 56px;
height: 202px;
}
.sprite-tab-oldies-r {
background-position: -496px -202px;
width: 56px;
height: 191px;
}
.sprite-tab-oldies-l {
background-position: -552px 0;
width: 56px;
height: 191px;
}
.sprite-tab-videos-r {
background-position: -552px -191px;
width: 56px;
height: 189px;
}
.sprite-tab-videos-l {
background-position: -608px 0;
width: 56px;
height: 189px;
}
.sprite-tab-lyrics-r {
background-position: -608px -189px;
width: 56px;
height: 188px;
}
.sprite-tab-lyrics-l {
background-position: 0 -439px;
width: 56px;
height: 188px;
}
.sprite-tab-welcome-r {
background-position: -394px -220px;
width: 43px;
height: 184px;
}
.sprite-tab-welcome-l {
background-position: -56px -439px;
width: 43px;
height: 184px;
}
.sprite-tab-about-r {
background-position: -99px -439px;
width: 56px;
height: 169px;
}
.sprite-tab-about-l {
background-position: -155px -439px;
width: 56px;
height: 169px;
}
.sprite-border-right {
background-position: -211px -439px;
width: 35px;
height: 140px;
}
.sprite-tab-news-r {
background-position: -246px -439px;
width: 56px;
height: 138px;
}
.sprite-tab-news-l {
background-position: -302px -439px;
width: 56px;
height: 138px;
}
.sprite-tab-info-r {
background-position: -358px -439px;
width: 56px;
height: 138px;
}
.sprite-tab-info-l {
background-position: -414px -439px;
width: 56px;
height: 138px;
}
.sprite-menu-home_page-on:hover {
background-position: -470px -439px;
width: 128px;
height: 20px;
}
.sprite-menu-home_page-on {
background-position: -470px -459px;
width: 128px;
height: 20px;
}
.sprite-menu-home_page-off {
background-position: -470px -479px;
width: 128px;
height: 20px;
}
.sprite-menu-discography-on:hover {
background-position: -470px -499px;
width: 128px;
height: 20px;
}
.sprite-menu-discography-on {
background-position: -470px -519px;
width: 128px;
height: 20px;
}
.sprite-menu-discography-off {
background-position: -470px -539px;
width: 128px;
height: 20px;
}
.sprite-menu-about-on:hover {
background-position: -211px -579px;
width: 128px;
height: 20px;
}
.sprite-menu-about-on {
background-position: -339px -579px;
width: 128px;
height: 20px;
}
.sprite-menu-about-off {
background-position: -467px -579px;
width: 128px;
height: 20px;
}
.sprite-border-top {
background-position: 0 -627px;
width: 128px;
height: 35px;
}
.sprite-border-left {
background-position: -664px 0;
width: 35px;
height: 128px;
}
.sprite-border-bottom {
background-position: -128px -627px;
width: 128px;
height: 35px;
}
.sprite-unknown-cover-96 {
background-position: -699px 0;
width: 96px;
height: 96px;
}
.sprite-lm-logo2-96 {
background-position: -699px -96px;
width: 96px;
height: 96px;
}
.sprite-lm-logo1-96 {
background-position: -699px -192px;
width: 96px;
height: 96px;
}
.sprite-button-rx3-on:hover {
background-position: -699px -288px;
width: 96px;
height: 26px;
}
.sprite-button-rx3-on {
background-position: -699px -314px;
width: 96px;
height: 26px;
}
.sprite-button-donate {
background-position: -699px -340px;
width: 74px;
height: 21px;
}
.sprite-title_line-r {
background-position: -699px -361px;
width: 70px;
height: 70px;
}
.sprite-title_line-l {
background-position: -699px -431px;
width: 70px;
height: 70px;
}
.sprite-bottom_line-r {
background-position: -699px -501px;
width: 70px;
height: 20px;
}
.sprite-bottom_line-l {
background-position: -699px -521px;
width: 70px;
height: 20px;
}
.sprite-border-top-right {
background-position: -699px -541px;
width: 70px;
height: 70px;
}
.sprite-border-top-left {
background-position: 0 -662px;
width: 70px;
height: 70px;
}
.sprite-border-bottom-right {
background-position: -70px -662px;
width: 70px;
height: 70px;
}
.sprite-border-bottom-left {
background-position: -140px -662px;
width: 70px;
height: 70px;
}
.sprite-tab-lp-r {
background-position: -210px -662px;
width: 56px;
height: 69px;
}
.sprite-tab-lp-l {
background-position: -266px -662px;
width: 56px;
height: 69px;
}
.sprite-tab-ep-r {
background-position: -322px -662px;
width: 56px;
height: 69px;
}
.sprite-tab-ep-l {
background-position: -378px -662px;
width: 56px;
height: 69px;
}
.sprite-button-w3c-rss-on:hover {
background-position: -699px -611px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-rss-on {
background-position: -731px -611px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-html-on:hover {
background-position: -763px -611px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-html-on {
background-position: -664px -128px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-css-on:hover {
background-position: -664px -154px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-css-on {
background-position: -664px -180px;
width: 32px;
height: 26px;
}
.sprite-button-stats-on:hover {
background-position: -664px -206px;
width: 32px;
height: 26px;
}
.sprite-button-stats-on {
background-position: -664px -232px;
width: 32px;
height: 26px;
}
.sprite-button-safe_creative-on:hover {
background-position: -664px -258px;
width: 32px;
height: 26px;
}
.sprite-button-safe_creative-on {
background-position: -664px -284px;
width: 32px;
height: 26px;
}
.sprite-button-rss-on:hover {
background-position: -664px -310px;
width: 32px;
height: 26px;
}
.sprite-button-rss-on {
background-position: -664px -336px;
width: 32px;
height: 26px;
}
.sprite-button-logout-on:hover {
background-position: -664px -362px;
width: 32px;
height: 26px;
}
.sprite-button-logout-on {
background-position: -664px -388px;
width: 32px;
height: 26px;
}
.sprite-button-login-on:hover {
background-position: -664px -414px;
width: 32px;
height: 26px;
}
.sprite-button-login-on {
background-position: -664px -440px;
width: 32px;
height: 26px;
}
.sprite-menu-end {
background-position: -773px -340px;
width: 16px;
height: 20px;
}
.sprite-menu-begin {
background-position: -769px -361px;
width: 16px;
height: 20px;
}
.sprite-icon-zynaddsubfx-16x16 {
background-position: -769px -381px;
width: 16px;
height: 16px;
}
.sprite-icon-xsynth-16x16 {
background-position: -769px -397px;
width: 16px;
height: 16px;
}
.sprite-icon-wsynth-16x16 {
background-position: -769px -413px;
width: 16px;
height: 16px;
}
.sprite-icon-whysynth-16x16 {
background-position: -769px -431px;
width: 16px;
height: 16px;
}
.sprite-icon-vintagesynth-16x16 {
background-position: -769px -447px;
width: 16px;
height: 16px;
}
.sprite-icon-twitter-16x16 {
background-position: -769px -463px;
width: 16px;
height: 16px;
}
.sprite-icon-safecreative-16x16 {
background-position: -769px -479px;
width: 16px;
height: 16px;
}
.sprite-icon-rosegarden-16x16 {
background-position: -769px -501px;
width: 16px;
height: 16px;
}
.sprite-icon-povray-16x16 {
background-position: -769px -521px;
width: 16px;
height: 16px;
}
.sprite-icon-phasex-16x16 {
background-position: -769px -541px;
width: 16px;
height: 16px;
}
.sprite-icon-obligement-16x16 {
background-position: -769px -557px;
width: 16px;
height: 16px;
}
.sprite-icon-myspace_old-16x16 {
background-position: -769px -573px;
width: 16px;
height: 16px;
}
.sprite-icon-myspace-16x16 {
background-position: -769px -589px;
width: 16px;
height: 16px;
}
.sprite-icon-med-16x16 {
background-position: -699px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-linuxsampler-16x16 {
background-position: -715px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-lastfm-16x16 {
background-position: -731px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-jannepikkarainen-16x16 {
background-position: -747px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-hexter-16x16 {
background-position: -763px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-gplus-16x16 {
background-position: -779px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-gimp-16x16 {
background-position: -664px -466px;
width: 16px;
height: 16px;
}
.sprite-icon-facebook-16x16 {
background-position: -680px -466px;
width: 16px;
height: 16px;
}
.sprite-icon-dssi-16x16 {
background-position: -664px -482px;
width: 16px;
height: 16px;
}
.sprite-icon-dpaint-16x16 {
background-position: -680px -482px;
width: 16px;
height: 16px;
}
.sprite-icon-distrho-16x16 {
background-position: -664px -498px;
width: 16px;
height: 16px;
}
.sprite-icon-digikam-16x16 {
background-position: -680px -498px;
width: 16px;
height: 16px;
}
.sprite-icon-calf-16x16 {
background-position: -664px -514px;
width: 16px;
height: 16px;
}
.sprite-icon-audacity-16x16 {
background-position: -680px -514px;
width: 16px;
height: 16px;
}
.sprite-icon-ardour-16x16 {
background-position: -664px -530px;
width: 16px;
height: 16px;
}
.sprite-icon-ams-16x16 {
background-position: -680px -530px;
width: 16px;
height: 16px;
}
.sprite-icon-amigafuture-16x16 {
background-position: -664px -546px;
width: 16px;
height: 16px;
}