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

Compare commits

base: Rx3:lmbrowse-1_4_1-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

4 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
agibert
a58dfaa33b - fix missing utf-8 setup... 2015-12-04 16:07:30 +00:00
agibert
25b1aad8ab - Fix minor undifined variable bugs, 
- Add utf-8 support.
 2015-12-04 10:40:41 +00:00
4 changed files with 987 additions and 222 deletions
Expand all files Collapse all files

64
html/lmbrowse.php
View File

@@ -1,8 +1,8 @@
<? <?
// $RCSfile: lmbrowse.php,v $ // $RCSfile: lmbrowse.php,v $
// $Revision: 1.15 $ // $Revision: 1.18 $
// $Name: $ // $Name: $
// $Date: 2015/09/07 19:23:56 $ // $Date: 2015/12/16 23:24:12 $
// $Author: agibert $ // $Author: agibert $
/* /*
@@ -643,7 +643,7 @@ function lmb_header( $page_id, $page_name, $page_title, $description, $keywords,
global $lmb_ga_enable; global $lmb_ga_enable;
header('Content-type: text/html; charset=iso-8859-1'); header('Content-type: text/html; charset=utf-8');
$keywords = "$lmb_keywords,$keywords"; $keywords = "$lmb_keywords,$keywords";
@@ -666,7 +666,7 @@ function lmb_header( $page_id, $page_name, $page_title, $description, $keywords,
"; ";
echo " <head> echo " <head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"/> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
<meta name=\"Description\" content=\"$description\"/> <meta name=\"Description\" content=\"$description\"/>
<meta name=\"keywords\" content=\"$keywords\"/> <meta name=\"keywords\" content=\"$keywords\"/>
<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"{$skin_path}/images/favicon.ico\"/> <link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"{$skin_path}/images/favicon.ico\"/>
@@ -1346,7 +1346,7 @@ function lmb_rss_page()
header( 'Content-Type: application/rss+xml'); header( 'Content-Type: application/rss+xml');
echo "<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?> echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>
<rss version=\"2.0\" <rss version=\"2.0\"
xmlns:atom=\"http://www.w3.org/2005/Atom\" xmlns:atom=\"http://www.w3.org/2005/Atom\"
xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\"
@@ -1866,7 +1866,7 @@ function lmb_track_info_get( $play_type, $play_id, $play_priority, $track_id)
$min = intval( $total / 60); $min = intval( $total / 60);
$sec = $total - $min * 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["duration"] = "PT{$min}M{$sec}S";
$track_info["safe_creative"] = $tab[10]; $track_info["safe_creative"] = $tab[10];
@@ -2831,7 +2831,7 @@ function lmb_tracklist_body( $skin_path)
$size = $track_nb + 1; $size = $track_nb + 1;
$height = 220/$size; $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; $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}"; $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}"; $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);
echo " <tr class=\"tracks{$css_row}\" style=\"height: {$height}px;\">"; if( ! file_exists( "{$path}/{$play_priority}-{$play_id}/.hide" ))
{
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> 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(); $data = ob_get_contents();
@@ -3450,28 +3456,32 @@ function lmb_track_download( $play_type, $play_id, $play_priority, $track_id, $t
} }
for( $k = 0; $k < count( $mix_tab); $k++) if( isset( $mix_tab))
{ {
if( "{$mix_tab[$k]["hide"]}" == "y") for( $k = 0; $k < count( $mix_tab); $k++)
{ {
$hide_flag="*"; if( "{$mix_tab[$k]["hide"]}" == "y")
} {
else $hide_flag="*";
{ }
$hide_flag=""; else
} {
$hide_flag="";
$css_row = ( $k + 1 + count( $mix_tab)) % 2 + 3; }
echo " <tr class=\"row${css_row}\"> $css_row = ( $k + 1 + count( $mix_tab)) % 2 + 3;
echo " <tr class=\"row${css_row}\">
<td class=\"tracks2\"><div class=\"link-item\"><a href=\"{$mix_tab[$k]["mix_url"]}\">{$mix_tab[$k]["track_name"]}{$hide_flag}</a></div></td> <td class=\"tracks2\"><div class=\"link-item\"><a href=\"{$mix_tab[$k]["mix_url"]}\">{$mix_tab[$k]["track_name"]}{$hide_flag}</a></div></td>
<td class=\"tracks3\"><div class=\"link-item\"><a href=\"{$mix_tab[$k]["mix_url"]}\">{$mix_tab[$k]["mix_name"]}</a></div></td> <td class=\"tracks3\"><div class=\"link-item\"><a href=\"{$mix_tab[$k]["mix_url"]}\">{$mix_tab[$k]["mix_name"]}</a></div></td>
<td class=\"tracks2\">{$mix_tab[$k]["play_type_name"]}</td> <td class=\"tracks2\">{$mix_tab[$k]["play_type_name"]}</td>
<td class=\"tracks3\"><div class=\"link-item\"><a href=\"{$mix_tab[$k]["play_url"]}\">{$mix_tab[$k]["play_name"]}</a></div></td> <td class=\"tracks3\"><div class=\"link-item\"><a href=\"{$mix_tab[$k]["play_url"]}\">{$mix_tab[$k]["play_name"]}</a></div></td>
</tr> </tr>
"; ";
}
} }
echo " <tr class=\"row0\"> echo " <tr class=\"row0\">
<td class=\"title_r\" colspan=\"4\">Mixes&nbsp;</td> <td class=\"title_r\" colspan=\"4\">Mixes&nbsp;</td>
</tr> </tr>
@@ -3499,7 +3509,15 @@ function lmb_track_body( $play_type, $play_id, $play_priority, $track_id, $skin_
$track_file_name = glob( "{$track_path}/flac/$track_id-*.flac"); $track_file_name = glob( "{$track_path}/flac/$track_id-*.flac");
$tab = explode( "-", basename( "{$track_file_name[0]}", ".flac")); $tab = explode( "-", basename( "{$track_file_name[0]}", ".flac"));
$track_name = $tab[1]; $track_name = $tab[1];
$track_mix = $tab[2];
if( isset( $tab[2]))
{
$track_mix = $tab[2];
}
else
{
$track_mix = "";
}
/* --- Introduction --- */ /* --- Introduction --- */
lmb_track_intro( $play_type, $play_id, $play_priority, $track_id, $track_name, $track_mix, $skin_path); lmb_track_intro( $play_type, $play_id, $play_priority, $track_id, $track_name, $track_mix, $skin_path);

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