- Add google+ and facebook buttons support,

- Add welcome tab on home page,
- Add google analytic support,
- Add microdata support in tracklist page.
- Replace title and sub title images by dynamic text with custom font,
- Move W3C buttons on admin page.

html/default.css

@@ -60,7 +60,6 @@ tr.row0
   color:            #FFFFFF;
   font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size:        24px;
-  font-weight:      bold;
 }
 
 tr.row1
@@ -89,6 +88,31 @@ tr.row4
 
 
 
+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
@@ -139,7 +163,7 @@ tr.about0
 
 tr.about1
 { 
-  height:           50px;
+  height:           220px;
   background-color: #333333;
 }
 
@@ -520,6 +544,41 @@ td.col5
 
 
 
+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,
@@ -757,6 +816,7 @@ td.title_l
 
 td.title_r
 { 
+  font-family:      CustomFont;
   vertical-align:   middle;
   text-align:       right;
 }
@@ -809,11 +869,11 @@ td.intro2
 
 td.intro0
 { 
+  font-family:    CustomFont;
   text-align:       right;
   width:            96px;
   background-color: #222222;
   font-size:        24px;
-  font-weight:      bold;
   padding-right:    10px;
   padding-left:     10px;
 }
@@ -859,11 +919,11 @@ td.hardware2
 
 td.hardware0
 { 
+  font-family:      CustomFont;
   text-align:       left;
   width:            96px;
   background-color: #222222;
   font-size:        24px;
-  font-weight:      bold;
   padding-right:    10px;
   padding-left:     10px;
 }
@@ -1181,11 +1241,11 @@ td.links2
 
 td.links0
 { 
+  font-family:      CustomFont;
   text-align:       right;
   width:            96px;
   background-color: #222222;
   font-size:        24px;
-  font-weight:      bold;
   padding-right:    10px;
   padding-left:     10px;
 }
@@ -1231,11 +1291,11 @@ td.thanks2
 
 td.thanks0
 { 
+  font-family:      CustomFont;
   text-align:       left;
   width:            96px;
   background-color: #222222;
   font-size:        24px;
-  font-weight:      bold;
   padding-right:    10px;
   padding-left:     10px;
 }
@@ -1278,11 +1338,11 @@ td.info2
 
 td.info0
 { 
+  font-family:      CustomFont;
   text-align:       right;
   width:            96px;
   background-color: #222222;
   font-size:        24px;
-  font-weight:      bold;
   padding-right:    10px;
   padding-left:     10px;
 }
@@ -1352,11 +1412,11 @@ td.lyrics1
 
 td.lyrics0
 { 
+  font-family:      CustomFont;
   text-align:       left;
   width:            96px;
   background-color: #222222;
   font-size:        24px;
-  font-weight:      bold;
   padding-right:    10px;
   padding-left:     10px;
 }
@@ -1687,3 +1747,59 @@ 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-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;
+}