From 852d9f37dac1fc887c967eebcae83b416bd151fb Mon Sep 17 00:00:00 2001
From: agibert <agibert>
Date: Wed, 16 Dec 2015 23:27:14 +0000
Subject: [PATCH] - Add skins directory structure, - Add skin black example
 (default.css and sprites css).

---
 html/skins/black/default.css     | 1781 ++++++++++++++++++++++++++++++
 html/skins/black/sprites-rep.css |   29 +
 html/skins/black/sprites.css     |  742 +++++++++++++
 3 files changed, 2552 insertions(+)
 create mode 100644 html/skins/black/default.css
 create mode 100644 html/skins/black/sprites-rep.css
 create mode 100644 html/skins/black/sprites.css

diff --git a/html/skins/black/default.css b/html/skins/black/default.css
new file mode 100644
index 0000000..8a32c4d
--- /dev/null
+++ b/html/skins/black/default.css
@@ -0,0 +1,1781 @@
+@import url("/skins/black/sprites.css");
+@import url("/skins/black/sprites-rep.css");
+
+html, body
+{
+  height: 99%;
+  color: white;
+  background-color: black;
+}
+
+
+
+/*--------------------------------------------*/
+/* TABLE                                      */
+/*--------------------------------------------*/
+
+table
+{ 
+  vertical-align: top;
+  text-align:    left;
+  width:         100%;
+  height:        100%;
+  table-layout:  fixed;
+  margin-left:   auto;
+  margin-right:  auto;
+}
+
+table.list
+{ 
+  vertical-align: top;
+  text-align:    left;
+  width:         100%;
+  height:        auto;
+/*   height:        100%; */
+  margin-left:   auto;
+  margin-right:  auto;
+  table-layout:  auto;
+/*  border:        10px solid #888888;*/
+}
+
+table.tab
+{ 
+  vertical-align: top;
+  text-align:    left;
+  width:         100%;
+  height:        100%;
+  margin-left:   auto;
+  margin-right:  auto;
+  table-layout:  auto;
+/*  border:        10px solid #888888;*/
+}
+
+
+
+/*--------------------------------------------*/
+/* TR                                         */
+/*--------------------------------------------*/
+
+tr.row0
+{ 
+  height:           10px;
+  background-color: #222222;
+  color:            #FFFFFF;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        24px;
+}
+
+tr.row1
+{ 
+  height:           110px;
+  background-color: #333333;
+}
+
+tr.row2
+{ 
+  height:           110px;
+  background-color: #222222;
+}
+
+tr.row3
+{ 
+  height:           25px;
+  background-color: #333333;
+}
+
+tr.row4
+{ 
+  height:           25px;
+  background-color: #222222;
+}
+
+
+
+tr.welcome0,
+tr.welcome1,
+tr.welcome2
+{ 
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+tr.welcome0
+{ 
+  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.welcome1
+{ 
+  height:           220px;
+  background-color: #333333;
+}
+
+
+
+tr.news0,
+tr.news1,
+tr.news2
+{ 
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+tr.news0
+{ 
+  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.news1
+{ 
+  height:           50px;
+  background-color: #333333;
+}
+
+tr.news2
+{ 
+  height:           50px;
+  background-color: #222222;
+}
+
+
+
+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
+{ 
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+tr.about0
+{ 
+  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.about1
+{ 
+  height:           220px;
+  background-color: #333333;
+}
+
+tr.about2
+{ 
+  height:           50px;
+  background-color: #222222;
+}
+
+
+
+tr.history0,
+tr.history1,
+tr.history2
+{ 
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+tr.history0
+{ 
+  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.history1
+{ 
+  height:           50px;
+  background-color: #333333;
+}
+
+tr.history2
+{ 
+  height:           50px;
+  background-color: #222222;
+}
+
+
+
+tr.play0,
+tr.play1,
+tr.play2
+{ 
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+tr.play0
+{ 
+  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.play1
+{ 
+  height:           110px;
+  background-color: #333333;
+}
+
+tr.play2
+{ 
+  height:           110px;
+  background-color: #222222;
+}
+
+
+
+tr.intro0
+{ 
+  height:           24px;
+  color:            white;
+  background-color: #222222;
+}
+
+tr.intro1
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+tr.intro2
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+
+
+tr.hardware0
+{ 
+  height:           24px;
+  color:            white;
+  background-color: #222222;
+}
+
+tr.hardware1
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+tr.hardware2
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+
+
+tr.tracks0
+{ 
+  height:           auto;
+  color:            black;
+  background-color: #AAAAAA;
+}
+
+tr.tracks1
+{ 
+  height:           auto;
+  background-color: #333333;
+}
+
+tr.tracks2
+{ 
+  height:           auto;
+  background-color: #222222;
+}
+
+
+
+tr.covers0
+{ 
+  height:           auto;
+  color:            black;
+  background-color: #AAAAAA;
+}
+
+tr.covers1
+{ 
+  height:           auto;
+  background-color: #333333;
+}
+
+tr.covers2
+{ 
+  height:           auto;
+  background-color: #222222;
+}
+
+
+
+tr.videos0
+{ 
+  height:           auto;
+  color:            black;
+  background-color: #AAAAAA;
+}
+
+tr.videos1
+{ 
+  height:           auto;
+  background-color: #333333;
+}
+
+tr.videos2
+{ 
+  height:           auto;
+  background-color: #222222;
+}
+
+
+
+tr.extras0
+{ 
+  height:           auto;
+  color:            black;
+  background-color: #AAAAAA;
+}
+
+tr.extras1
+{ 
+  height:           auto;
+  background-color: #333333;
+}
+
+tr.extras2
+{ 
+  height:           auto;
+  background-color: #222222;
+}
+
+
+
+tr.links0
+{ 
+  height:           24px;
+  color:            white;
+  background-color: #222222;
+}
+
+tr.links1
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+tr.links2
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+
+
+tr.thanks0
+{ 
+  height:           24px;
+  color:            white;
+  background-color: #222222;
+}
+
+tr.thanks1
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+tr.thanks2
+{ 
+  height:           auto;
+  background-color: #111111;
+}
+
+
+
+tr.info0
+{ 
+  height:           24px;
+  color:            white;
+  background-color: #222222;
+}
+
+tr.info1
+{ 
+  height:           auto;
+  background-color: #333333;
+}
+
+tr.info2
+{ 
+  height:           auto;
+  background-color: #222222;
+}
+
+
+
+tr.lyrics0
+{ 
+  height:           24px;
+  color:            white;
+  background-color: #222222;
+}
+
+tr.lyrics1
+{ 
+  height:           auto;
+  background-color: #333333;
+}
+
+
+
+/*--------------------------------------------*/
+/* TD                                         */
+/*--------------------------------------------*/
+
+td
+{
+  vertical-align: top;
+  text-align:     center;
+}
+
+td.border
+{
+  vertical-align: top;
+  text-align:     left;
+  width:          70px;
+  height:         70px
+}
+
+td.menu-bg
+td.menu-item,
+td.menu-left,
+td.menu-right
+{ 
+  vertical-align:        top;
+  height:                20px;
+}
+
+td.menu-bg
+{ 
+  text-align:            center;
+  background-color:      transparent;
+  background-image:      url(/skins/black/images/menu-bg.png);
+  background-repeat:     repeat-x;
+  background-attachment: scroll; 
+}
+
+td.menu-item
+{ 
+  text-align:     center;
+}
+
+td.menu-left
+{ 
+  text-align:     right;
+}
+
+td.menu-right
+{ 
+  text-align:     left;
+}
+
+td.body
+{
+  vertical-align: middle;
+  text-align:     left;
+}
+
+td.line-bg
+{ 
+  vertical-align:        top;
+  text-align:            center;
+  height:                20px;
+  background-color:      transparent;
+  background-image:      url(/skins/black/images/line-m.png);
+  background-repeat:     repeat-x;
+  background-attachment: scroll; 
+}
+
+td.col1
+{ 
+  vertical-align: middle;
+/*  border:        1px solid black;*/
+}
+
+td.col2
+{ 
+  vertical-align: middle;
+  text-align:     center;
+  height:         30px;
+  font-family:    verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  margin:         0;
+  font-size:      16px;
+  font-weight:    bold;
+/*  border:        1px solid black;*/
+}
+
+td.col3
+{ 
+  vertical-align: middle;
+  text-align:     left;
+  height:         30px;
+/*  border:        1px solid black;*/
+}
+
+td.col4
+{ 
+  vertical-align: middle;
+  text-align:     right;
+  height:         30px;
+/*   font-size:     12px;*/
+/*  border:        1px solid black;*/
+
+}
+
+td.col5
+{ 
+  vertical-align: middle;
+  text-align:     left;
+  height:         30px;
+  height:         30px;
+  font-family:    verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  margin:         0;
+  font-size:      10px;
+/*  border:        1px solid black;*/
+}
+
+
+
+td.welcome0,
+td.welcome00,
+td.welcome01,
+td.welcome1
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.welcome0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.welcome00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.welcome01
+{ 
+  width:            20px;
+}
+
+td.welcome1
+{ 
+  text-align:       left;
+  font-size:        16px;
+}
+
+
+td.news0,
+td.news00,
+td.news01,
+td.news1,
+td.news2,
+td.news3,
+td.news4
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.news0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.news00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.news01
+{ 
+  width:            10px;
+}
+
+td.news1
+{ 
+  width:            110px;
+  text-align:       left;
+  font-size:        14px;
+  font-weight:      bold;
+}
+
+td.news2
+{ 
+  font-size:        14px;
+  text-align:       left;
+}
+
+td.news3
+{ 
+  font-size:        16px;
+  font-weight:      bold;
+}
+
+td.news4
+{ 
+  width:            110px;
+}
+
+
+
+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,
+td.about1,
+td.about2
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.about0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.about00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.about01
+{ 
+  width:            20px;
+}
+
+td.about1
+{ 
+  text-align:       left;
+  font-size:        14px;
+  font-weight:      bold;
+}
+
+td.about2
+{ 
+}
+
+
+
+td.history0,
+td.history00,
+td.history01,
+td.history1,
+td.history2,
+td.history3
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.history0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.history00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.history01
+{ 
+  width:            20px;
+}
+
+td.history1
+{ 
+  font-weight:      bold;
+  width:            135px;
+}
+
+td.history2
+{ 
+  font-weight:      bold;
+  width:            115px;
+}
+
+td.history3
+{ 
+  text-align:       right;
+}
+
+
+
+td.play0,
+td.play00,
+td.play1,
+td.play2,
+td.play3,
+td.play4
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.play0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.play00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.play1
+{ 
+  width:          110px;
+}
+
+td.play2
+{ 
+  height:         30px;
+  margin:         0;
+  font-size:      14px;
+  font-weight:    bold;
+}
+
+td.play3
+{ 
+  text-align:     center;
+  height:         30px;
+}
+
+td.play4
+{ 
+  width:          40%;
+  text-align:     right;
+  height:         30px;
+  font-size:      12px;
+  padding-right:  10px;
+  padding-left:   10px;
+}
+
+
+
+td.cover
+{ 
+  vertical-align: middle;
+  background-color: #222222;
+}
+
+
+
+td.text_l
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  background-color: #111111;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        16px;
+}
+
+td.text_r
+{ 
+  vertical-align:   middle;
+  text-align:       right;
+  background-color: #111111;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        16px;
+}
+
+td.title
+{
+}
+
+td.subtitle
+{
+}
+
+
+td.title_l
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+}
+
+td.title_r
+{ 
+  font-family:      CustomFont;
+  vertical-align:   middle;
+  text-align:       right;
+}
+
+td.text_l
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+}
+
+td.text_r
+{ 
+  vertical-align:   middle;
+  text-align:       right;
+}
+
+
+
+td.logo
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+}
+
+td.logo-l
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+}
+
+td.logo-r
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+}
+
+
+
+td.intro0,
+td.intro00,
+td.intro01,
+td.intro1,
+td.intro2
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.intro0
+{ 
+  font-family:    CustomFont;
+  text-align:       right;
+  width:            96px;
+  background-color: #222222;
+  font-size:        24px;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.intro00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.intro01
+{ 
+  width:            20px;
+}
+
+td.intro1
+{ 
+  text-align:       right;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.intro2
+{ 
+  text-align:       center;
+  width:            24px;
+  font-size:        1px;
+}
+
+
+
+td.hardware0,
+td.hardware00,
+td.hardware01,
+td.hardware1,
+td.hardware2
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.hardware0
+{ 
+  font-family:      CustomFont;
+  text-align:       left;
+  width:            96px;
+  background-color: #222222;
+  font-size:        24px;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.hardware00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.hardware01
+{ 
+  width:            20px;
+}
+
+td.hardware1
+{ 
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.hardware2
+{ 
+  text-align:       center;
+  width:            24px;
+  font-size:        1px;
+}
+
+
+
+td.tracks0,
+td.tracks00,
+td.tracks1,
+td.tracks2,
+td.tracks3,
+td.tracks4,
+td.tracks5,
+td.tracks6,
+td.tracks7,
+td.tracks8,
+td.tracks9
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+td.tracks0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.tracks00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.tracks1
+{ 
+  width:            30px;
+  text-align:       center;
+}
+
+td.tracks2
+{ 
+  font-size:        14px;
+  font-weight:      bold;
+}
+
+td.tracks3
+{ 
+  font-size:        14px;
+}
+
+td.tracks4
+{ 
+  font-size:        14px;
+}
+
+td.tracks5
+{ 
+  font-size:        10px;
+}
+
+td.tracks6
+{ 
+  font-size:        10px;
+}
+
+td.tracks7
+{ 
+  font-size:        14px;
+}
+
+td.tracks8
+{ 
+  font-size:        10px;
+}
+
+td.tracks9
+{ 
+  font-size:        14px;
+}
+
+
+
+td.covers0,
+td.covers00,
+td.covers1,
+td.covers2,
+td.covers3,
+td.covers4
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.covers0
+{ 
+  width:            96px;
+  text-align:       center;
+  background-color: #222222;
+}
+
+td.covers00
+{ 
+  width:            10px;
+  text-align:       center;
+  background-color: #000000;
+}
+
+td.covers1
+{ 
+  width:            110px;
+  text-align:       center;
+}
+
+td.covers2
+{ 
+  text-align:       center;
+  margin:           0;
+  font-size:        16px;
+  font-weight:      bold;
+}
+
+td.covers3
+{ 
+  text-align:       center;
+}
+
+td.covers4
+{ 
+  text-align:       center;
+  font-size:        12px;
+}
+
+
+
+td.videos0,
+td.videos00,
+td.videos1,
+td.videos2,
+td.videos3,
+td.videos4,
+td.videos5,
+td.videos6
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.videos0
+{ 
+  width:            96px;
+  text-align:       center;
+  background-color: #222222;
+}
+
+td.videos00
+{ 
+  width:            10px;
+  text-align:       center;
+  background-color: #000000;
+}
+
+td.videos1
+{ 
+  width:            110px;
+  text-align:       center;
+}
+
+td.videos2
+{ 
+  text-align:       center;
+  font-size:        16px;
+  font-weight:      bold;
+}
+
+td.videos3
+{ 
+  text-align:       center;
+  font-size:        16px;
+  font-weight:      bold;
+}
+
+td.videos4
+{ 
+  text-align:       center;
+  font-size:        14px;
+}
+
+td.videos5
+{ 
+  text-align:       center;
+}
+
+td.videos6
+{ 
+  text-align:       center;
+  font-size:        12px;
+}
+
+
+
+td.extras0,
+td.extras00,
+td.extras01,
+td.extras1,
+td.extras2,
+td.extras3,
+td.extras4,
+td.extras5,
+td.extras6
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.extras0
+{ 
+  width:            96px;
+  background-color: #222222;
+}
+
+td.extras00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.extras01
+{ 
+  width:            20px;
+}
+
+td.extras1
+{ 
+  width:            110px;
+  text-align:       center;
+}
+
+td.extras2
+{ 
+  text-align:       center;
+  font-size:        16px;
+  font-weight:      bold;
+}
+
+td.extras3
+{ 
+  text-align:       center;
+  font-size:        16px;
+  font-weight:      bold;
+}
+
+td.extras4
+{ 
+  text-align:       center;
+  font-weight:      bold;
+  font-size:        16px;
+}
+
+td.extras5
+{ 
+  text-align:       center;
+}
+
+td.extras6
+{ 
+  text-align:       center;
+  font-size:        12px;
+}
+
+
+
+td.links0,
+td.links00,
+td.links01,
+td.links1,
+td.links2
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+  height:           24px;
+}
+
+td.links0
+{ 
+  font-family:      CustomFont;
+  text-align:       right;
+  width:            96px;
+  background-color: #222222;
+  font-size:        24px;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.links00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.links01
+{ 
+  width:            20px;
+}
+
+td.links1
+{ 
+  text-align:       right;
+  padding-right:    5px;
+  padding-left:     5px;
+}
+
+td.links2
+{ 
+  text-align:       center;
+  width:            24px;
+  font-size:        1px;
+}
+
+
+
+td.thanks0,
+td.thanks00,
+td.thanks01,
+td.thanks1,
+td.thanks2
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  font-size:        14px;
+}
+
+td.thanks0
+{ 
+  font-family:      CustomFont;
+  text-align:       left;
+  width:            96px;
+  background-color: #222222;
+  font-size:        24px;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.thanks00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.thanks01
+{ 
+  width:            20px;
+}
+
+td.thanks1
+{ 
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.thanks2
+{ 
+  text-align:       center;
+  width:            24px;
+  font-size:        1px;
+}
+
+
+
+td.info0,
+td.info00,
+td.info1,
+td.info2
+{ 
+  vertical-align:   middle;
+  text-align:       left;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+td.info0
+{ 
+  font-family:      CustomFont;
+  text-align:       right;
+  width:            96px;
+  background-color: #222222;
+  font-size:        24px;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.info00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.info1
+{ 
+  width:            130px;
+  font-size:        16px;
+  font-weight:      bold;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.info2
+{ 
+  text-align:       right;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.info3
+{ 
+}
+
+td.info4
+{ 
+}
+
+td.info5
+{ 
+  font-size:        10px;
+}
+
+td.info6
+{ 
+  font-size:        10px;
+}
+
+td.info7
+{ 
+}
+
+td.info8
+{ 
+}
+
+td.info9
+{ 
+}
+
+
+
+td.lyrics0,
+td.lyrics00,
+td.lyrics1
+{ 
+  vertical-align:   middle;
+  text-align:       center;
+  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+}
+
+td.lyrics0
+{ 
+  font-family:      CustomFont;
+  text-align:       left;
+  width:            96px;
+  background-color: #222222;
+  font-size:        24px;
+  padding-right:    10px;
+  padding-left:     10px;
+}
+
+td.lyrics00
+{ 
+  width:            10px;
+  background-color: #000000;
+}
+
+td.lyrics1
+{ 
+  font-size:        14px;
+  background-color: #111111;
+}
+
+
+
+td.bottext
+{ 
+  vertical-align: middle;
+  text-align:     right;
+  font-family:    verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+  margin:         0;
+  font-size:      12px;
+  font-weight:    normal;
+}
+
+
+
+td.button-item
+{ 
+  vertical-align: top;
+  text-align:     center;
+  height:         26px;
+}
+
+
+
+/*--------------------------------------------*/
+/* IMG                                        */
+/*--------------------------------------------*/
+
+img
+{ 
+  vertical-align: top;
+}
+
+img.menu-item
+{
+  border:         0px solid;
+  height:         20px;
+  vertical-align: top;
+}
+
+
+
+/*--------------------------------------------*/
+/* A                                          */
+/*--------------------------------------------*/
+
+a:link
+{
+  color: #6644FF;
+}
+
+a:visited
+{
+  color: #FF00FF;
+}
+
+a:hover
+{
+  color: #FF2222;
+  color: #101010;
+}
+
+a:active
+{
+  color: #0066FF;
+}
+
+
+
+a.button-item
+{
+  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;
+}
+
+
+
+.link-item:hover
+{
+  background-color: #777777;
+  background-color: white;
+  border:           0px;
+  border-radius:    5px;
+  padding:          1px 5px 3px 5px;
+  color:            black;
+}
+
+
+
+a.button-item,
+div.button-item,
+.link-item,
+img.button-item,
+img.button-item-big,
+input.login,
+input.logout
+{ 
+
+  /*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*/
+/*
+  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
+*/
+}
+
+a.button-item:hover,
+div.button-item:hover,
+.link-item:hover,
+img.button-item:hover,
+input.login:hover,
+input.logout:hover
+{ 
+   /*Glow*/
+
+  -webkit-box-shadow:  0px 0px 20px rgba(255,255,255,0.8);
+  -moz-box-shadow:     0px 0px 20px rgba(255,255,255,0.8);
+  box-shadow:          0px 0px 20px 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)));
+*/
+}
+
+
+
+img.button-item-big:hover
+{ 
+   /*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.link-item-disabled
+{
+  display:          inline-block;
+  border:           0px;
+  border-radius:    5px;
+  padding:          1px 5px 3px 5px;
+  background-color: #707070;
+  color: white;
+  pointer-events: none;
+  cursor: default;
+}
+
+
+
+
+
+/*--------------------------------------------*/
+/* INPUT                                      */
+/*--------------------------------------------*/
+
+input.password
+{ 
+  border:           0px solid;;
+  background-color: #222222;
+  color:            #FFFFFF;
+  vertical-align: top;
+}
+
+input.login,
+input.logout
+{
+  border:           0px solid;
+  width:            32px;
+  height:           26px;
+  background-color: transparent;
+}
+
+
+
+
+/*
+@font-face
+{ 
+  font-family: CustomFont;
+  src:         url('Moltorv2.ttf');
+}
+*/
+
+@font-face
+{ 
+  font-family: CustomFont;
+  src:         url('/fonts/moltorv2.eot');
+}
+
+@font-face
+{ 
+  font-family: CustomFont;
+  src:         url('/fonts/moltorv2.ttf');
+}
+
+h1.lm,
+h1.lm2,
+h2.lm
+{ 
+  font-family:    CustomFont;
+  vertical-align: sub;
+
+  margin:0;
+  border:0;
+
+  text-shadow: 5px 5px 5px #666666;
+}
+
+h1.lm
+{
+  font-size:        40px;
+}
+
+h2.lm,
+td.subtitle
+{
+  font-size:      30px;
+}
+
+
+
+/*--------------------------------------------*/
+/* Audio                                      */
+/*--------------------------------------------*/
+
+audio
+{ 
+  border:           0px solid;;
+  background-color: #888888;
+  color:            #FFFFFF;
+}
+
diff --git a/html/skins/black/sprites-rep.css b/html/skins/black/sprites-rep.css
new file mode 100644
index 0000000..6210444
--- /dev/null
+++ b/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;
+}
diff --git a/html/skins/black/sprites.css b/html/skins/black/sprites.css
new file mode 100644
index 0000000..6d0645c
--- /dev/null
+++ b/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;
+}