- Add full video support:

- Add video player in track page,
  - Add video download in track page,
  - Now support mp4 and webm video format,
  - Fix video support in play page,
- Minor bug fixes.

html/lmbrowse_config.inc

@@ -1,29 +1,42 @@
 <?
 // $RCSfile: lmbrowse_config.inc,v $
-// $Revision: 1.2 $
+// $Revision: 1.3 $
 // $Name:  $
-// $Date: 2012/12/18 23:49:57 $
+// $Date: 2015/08/06 23:49:02 $
 // $Author: agibert $
 
 /*--------------------------------------------------------------------------------------------------------------------*/
-/* Path and URL definitions                                                                                           */
+/* Path and URL definition                                                                                            */
 /*--------------------------------------------------------------------------------------------------------------------*/
 
 $lmb_path     = "/var/httpd/www.langueur-monotone.com/html";
-$lmb_url      = "/lmbrowse.php";
+$lmb_url_pre  = "www.langueur-monotone.com";
+$lmb_url_post = "/";
 
 
 
 /*--------------------------------------------------------------------------------------------------------------------*/
-/* Keywords definitions                                                                                               */
+/* Keywords definition                                                                                                */
 /*--------------------------------------------------------------------------------------------------------------------*/
 
-$lmb_keywords = "langueur-monotone.com,langueur monotone,music,music group,music band,Arnaud GIBERT,Arnaud G. GIBERT";
+$lmb_keywords = "langueur monotone,music,graphic,project,group,band,Arnaud G. GIBERT";
 
 
 
 /*--------------------------------------------------------------------------------------------------------------------*/
-/* Admin Password definitions                                                                                         */
+/* Features control                                                                                                   */
+/*--------------------------------------------------------------------------------------------------------------------*/
+
+/* Google analytics */
+$lmb_ga_enable = true;
+
+/* JPlayer Inpector link*/
+$lmb_jpi_enable = false;
+
+
+
+/*--------------------------------------------------------------------------------------------------------------------*/
+/* Admin Password definition                                                                                          */
 /*--------------------------------------------------------------------------------------------------------------------*/
 
 $lmb_password = "XXXXXXXX";

html/skins/black/default.css

@@ -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.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*/
 
   -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.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*/
 
@@ -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;;
   background-color: #222222;
   color:            #FFFFFF;
+  vertical-align: top;
 }
 
 input.login,
 input.logout
 {
-  border:           0px solid;;
+  border:           0px solid;
   width:            32px;
   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
@@ -1803,3 +1765,17 @@ td.subtitle
 {
   font-size:      30px;
 }
+
+
+
+/*--------------------------------------------*/
+/* Audio                                      */
+/*--------------------------------------------*/
+
+audio
+{ 
+  border:           0px solid;;
+  background-color: #888888;
+  color:            #FFFFFF;
+}
+

html/skins/black/sprites-rep.css

@@ -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;
+}

html/skins/black/sprites.css

@@ -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;
+}