renamed a few files (missing php extension)

updated most of the tables so that every column is independently customizable by css rules

2 files changed, 388 insertions, 418 deletions

diff --git a/themes/classic/templates/default.css b/themes/classic/templates/default.css
index 43eb479f..f826c8b1 100644
--- a/themes/classic/templates/default.css
+++ b/themes/classic/templates/default.css
@@ -22,10 +22,12 @@
 /************************************************/

 /*    Unify default browsers style rules        */

 /************************************************/

-:link,:visited { text-decoration:underline; }

 h1, h2, h3, h4, h5, h6, pre, code	{ font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */

-a img, :link img, :visited img { border: none; } /* no blue linked image borders */

-ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */

+ol, ul { list-style: none; }

+table {	border-collapse: separate; border-spacing: 0; }

+caption, th, td {	text-align: left;	font-weight: normal; }

+*	{ margin: 0; padding: 0; } /* White space reset */

+a img, :link img, :visited img { border: 0; } /* no blue linked image borders */

 

 

 /************************************************/

@@ -53,6 +55,7 @@ th {
 	padding-right: 10px;

 	font-family: Verdana, Helvetica, sans-serif;

   font-size:13px; 

+  font-weight:bold;

 }

 input, select, textarea{

 	font: 12px Verdana, Helvetica, sans-serif; 

@@ -61,7 +64,6 @@ input, select, textarea{
 }

 input {

 	font-weight: bold;

-  margin: 2px 2px 2px 0;

 }

 

 /************************************************/

@@ -71,27 +73,29 @@ input {
 body { behavior:url("csshover2.htc"); }

 

 /************************************************/

+/*                XSPF Player                   */

+/************************************************/

+.xspf_player {

+    right: 20px;

+    position: absolute;

+}

+

+/************************************************/

 /*             Header                           */

 /************************************************/

-#topbar { 

+#header { 

 	height: 85px;

 	padding: 3px 0 0 10px;

 }

-#topbarright { 

+#headerbox { 

 	float: right;

 	font-size: 10px;

 }

-#topbarleft, #topbarleft a{ 

+#headerlogo, #headerlogo a{ 

 	float: left;

 }

-/************************************************/

-/*                XSPF Player                   */

-/************************************************/

-

-.xspf_player {

-    right: 20px;

-    position: absolute;

-}

+.box_headerbox    {display:table;}

+.box_headerbox #loginInfo {font-weight:bold;display:block;text-align:right;margin-bottom:.3em;}

 

 /************************************************/

 /*                Footer                        */

@@ -106,139 +110,22 @@ body { behavior:url("csshover2.htc"); }
 /************************************************/

 /*                  Buttons                     */

 /************************************************/

-#sb_Subsearch input{ margin:0; padding:0; }

-.smallbutton {

+.button, input[type=button], input[type=submit], .text-action a {

   border: 1px solid #f0f0f0;

   border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;

+  background: #d0d0d0;

 	padding: 0 1px;

-	margin:0;

 	font-size: 11px;

-	cursor: pointer;

   font-weight:bold;

-  background: #d0d0d0;

-}

-.smallbutton:active { 

-  border: 1px solid #f0f0f0;

-  border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;

-}	

-a.smallbutton { 

-	text-decoration:none;

-	padding:1px 2px;

-} 

-

-

-/************************************************/

-/*         Tables (songs lists...)              */

-/************************************************/

-.table-header {

-	font-size:1.1em;

-	vertical-align: top;

-	text-align:center;

-}

-.odd, .odd td {

-	font-size: 12px;

-	border-bottom:1px dotted #c0c0c0;

-}

-.even, .even td {

-	font-size: 12px;

-	border-bottom:1px dotted #c0c0c0;

-}

-.even:hover, .odd:hover { 

-	background:#99ccff;

-} 

-.border 	{ background: #000; }

-

-/************************************************/

-/*               Content block                  */

-/************************************************/

-#content {

-	margin: 20px 135px 20px 135px;

-}

-h3#content_title{

-	font: 12px/32px Arial,Helvetica,Sans-Serif;

-	background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;

-	color:#fff;

-}

-h3#content_title span {

-	text-align:left;

-}

-

-/************************************************/

-/*                  Rightbar                    */

-/************************************************/

-#rightbar { 

-	width:120px;

-	background:#fff;

-	padding-top:28px;

-	background:#c0c0c0 url(../images/rightbar_top.jpg) no-repeat;

-	float:right;

-	font-family: Verdana,Helvetica,sans-serif;

-	clear:both;

-} 

-#rightbar ul                      {	list-style:none; }

-#rightbar a                       { text-decoration:none; }

-

-

-/* Rightbar Menu */

-#rightbar #rb_action {	

-  border-top:1px solid #8b8b8b; 

-  padding:4px;

-}

-#rightbar #rb_action li         {	display:inline; }

-

-#rightbar li#rb_add, #rightbar li#pl_add             { position:relative; z-index:10;}

-#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#99ccff; } 

-/* Rightbar AddItems SubMenu */

-#rightbar li:hover .submenu {	display:block; } 

-#rightbar .submenu  { 

-  display:none; 	

-  position:absolute;

-	right:0px;

-	top:18px;

-	background:#fff;

-	border:2px solid #c0c0c0;

-	width:120px;

-	font-size:0.7em;

-	padding:0.3em;

-}

-* html #rightbar .submenu {right:100px;} /* IE6 fix */

-

-#rightbar .submenu a {

- display:block;

- padding:0.1em;

- border-bottom:1px dotted #c0c0c0;

- color:#5b5b5b;

- text-decoration:none;

- text-align:right;

-}

-

-#rightbar .submenu a:hover,

-#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#fff; }

-

-/* Rightbar playlist */

-#rightbar #rb_current_playlist    {

-  background: #fff url(../images/bottom.gif) 0 100% repeat-x;

-  padding-bottom:0.5em; 

- 	border-left:2px solid #c0c0c0;

- 	border-right:2px solid #c0c0c0;

+  text-decoration:none;

+	cursor: pointer;

 }

-#rightbar #rb_current_playlist li   { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-right:20px;}

-#rightbar #rb_current_playlist li a { display:block; padding:0.2em;}

-#rightbar .delitem                  { position:absolute;right:0;top:0; }

-

-/* Rightbar Localplay Controls */

-#rightbar #localplay-control { 

-	padding-left: 5px;

-} 

-#localplay-control span { 

-	cursor: pointer; 

-} 

+a.button{padding:1px}

 

 /************************************************/

 /*                  Sidebar                     */

 /************************************************/

 #sidebar{

-	/*float:left;*/

   position:absolute;

   top:100px;

   left:0;

@@ -352,7 +239,6 @@ h3#content_title span {
 

 /* SIDEBAR : Localplay */

 /***********************/

-

 .active_instance {

 	background:#99ccff; 

 }

@@ -370,58 +256,76 @@ h3#content_title span {
 }

 

 

-

 /************************************************/

-/*          Albums of the moment                */

+/*                  Rightbar                    */

 /************************************************/

+#rightbar { 

+	width:120px;

+	background:#fff;

+	padding-top:28px;

+	background:#c0c0c0 url(../images/rightbar_top.jpg) no-repeat;

+	float:right;

+	font-family: Verdana,Helvetica,sans-serif;

+	clear:both;

+} 

+#rightbar ul                      {	list-style:none; }

+#rightbar a                       { text-decoration:none; }

 

-.random_album

-{

-  position:relative;

-  float:left;

-  padding:8px;

-  width:80px;

-}

 

-.random_album .play_album

-{

-  display:none;

+/* Rightbar Menu */

+#rightbar #rb_action {	

+  border-top:1px solid #8b8b8b; 

+  padding:4px;

 }

+#rightbar #rb_action li         {	display:inline; }

 

-/************************************************/

-/*          Now Playing Styles                  */

-/************************************************/

-#nowplaying{

-	clear: both;

-	width: 600px;

+#rightbar li#rb_add, #rightbar li#pl_add             { position:relative; z-index:10;}

+#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#99ccff; } 

+/* Rightbar AddItems SubMenu */

+#rightbar li:hover .submenu {	display:block; } 

+#rightbar .submenu  { 

+  display:none; 	

+  position:absolute;

+	right:0px;

+	top:18px;

+	background:#fff;

+	border:2px solid #c0c0c0;

+	width:120px;

+	font-size:0.7em;

+	padding:0.3em;

 }

+* html #rightbar .submenu {right:100px;} /* IE6 fix */

 

-#np_container1{

-	width: 260px;

-	height: 18px;

-	background: #fff url(../images/tb_tab.jpg) no-repeat top left;

+#rightbar .submenu a {

+ display:block;

+ padding:0.1em;

+ border-bottom:1px dotted #c0c0c0;

+ color:#5b5b5b;

+ text-decoration:none;

+ text-align:right;

 }

 

-#np_container1 h1{

-	font-size: 10px;

-	font-weight: bold;

-	padding: 2px;

-}

+#rightbar .submenu a:hover,

+#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#fff; }

 

-#np_container2{

-	border: 1px solid #999;

-	border-color:#ddd #999 #999 #ccc;

-	padding: 6px;

-	font: 10px/12px Verdana, sans-serif;

-	background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;

-	color: #000;

-}

-.np_row {

-	padding: 3px 0;

-}

-.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {

-	margin: 10px;

+/* Rightbar playlist */

+#rightbar #rb_current_playlist    {

+  background: #fff url(../images/bottom.gif) 0 100% repeat-x;

+  padding-bottom:0.5em; 

+ 	border-left:2px solid #c0c0c0;

+ 	border-right:2px solid #c0c0c0;

 }

+#rightbar #rb_current_playlist li   { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-right:20px;}

+#rightbar #rb_current_playlist li a { display:block; padding:0.2em;}

+#rightbar .delitem                  { position:absolute;right:0;top:0; }

+

+/* Rightbar Localplay Controls */

+#rightbar #localplay-control { 

+	padding-left: 5px;

+} 

+#localplay-control span { 

+	cursor: pointer; 

+} 

 

 

 /************************************************/

@@ -483,6 +387,7 @@ h3#content_title span {
   background: url(../../../images/ratings/x.gif) left top;

 }

 

+

 /************************************************/

 /*              Box Related Styles              */

 /************************************************/

@@ -551,8 +456,108 @@ h3#content_title span {
 .box_newest_albums  {}

 .box_newest_artists {clear:none;}

 .box_newest_genres  {clear:none;}

-.box_topbarright    {display:table;}

-.box_topbarright #loginInfo {font-weight:bold;display:block;text-align:right;margin-bottom:.3em;}

+

+/************************************************/

+/*         Tables (songs lists...)              */

+/************************************************/

+.tabledata .th-top, .tabledata .th-bottom {

+	font-size:1.1em;

+	vertical-align: top;

+	text-align:center;

+}

+.odd, .odd td {

+	font-size: 12px;

+	border-bottom:1px dotted #c0c0c0;

+}

+.even, .even td {

+	font-size: 12px;

+	border-bottom:1px dotted #c0c0c0;

+}

+.even:hover, .odd:hover { 

+	background:#99ccff;

+} 

+.border 	{ background: #000; }

+

+/* specific cells */

+.cel_cover{padding:6px;}

+.cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;}

+

+/* specific boxes */

+#recently_played .th-bottom {display:none;}

+

+/************************************************/

+/*               Content block                  */

+/************************************************/

+#content {

+	margin: 20px 135px 20px 135px;

+}

+h3#content_title{

+	font: 12px/32px Arial,Helvetica,Sans-Serif;

+	background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;

+	color:#fff;

+}

+h3#content_title span {

+	text-align:left;

+}

+

+

+

+

+

+

+/************************************************/

+/*          Albums of the moment                */

+/************************************************/

+

+.random_album

+{

+  position:relative;

+  float:left;

+  padding:8px;

+  width:80px;

+}

+

+.random_album .play_album

+{

+  display:none;

+}

+

+/************************************************/

+/*          Now Playing Styles                  */

+/************************************************/

+#nowplaying{

+	clear: both;

+	width: 600px;

+}

+

+#np_container1{

+	width: 260px;

+	height: 18px;

+	background: #fff url(../images/tb_tab.jpg) no-repeat top left;

+}

+

+#np_container1 h1{

+	font-size: 10px;

+	font-weight: bold;

+	padding: 2px;

+}

+

+#np_container2{

+	border: 1px solid #999;

+	border-color:#ddd #999 #999 #ccc;

+	padding: 6px;

+	font: 10px/12px Verdana, sans-serif;

+	background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;

+	color: #000;

+}

+.np_row {

+	padding: 3px 0;

+}

+.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {

+	margin: 10px;

+}

+

+

 /************************************************/

 /*             List Header Styles               */

 /************************************************/

@@ -614,12 +619,6 @@ div#Header{
 }

 

 /************************************************/

-/*           "Browse by"                        */

-/************************************************/

-.br_td_cover{padding:6px;}

-

-

-/************************************************/

 /*         Styles for Login template            */

 /************************************************/

 #container{

@@ -762,7 +761,7 @@ td.user_disabled {
 	text-decoration:line-through;

 }

 #maincontainer{}

-table.tabledata {}

+.tabledata input, .tabledata select{ margin:2px 0;}

 .display {}

 

 

diff --git a/themes/greysme/templates/default.css b/themes/greysme/templates/default.css
index 591c68ae..308972a8 100644
--- a/themes/greysme/templates/default.css
+++ b/themes/greysme/templates/default.css
@@ -40,19 +40,22 @@
 

 

 /************************************************/

-/*         General style rules                  */

+/*    Unify default browsers style rules        */

 /************************************************/

-

-body, html, fieldset			{ border: 0; } 

 h1, h2, h3, h4, h5, h6, pre, code	{ font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */

-a img, :link img, :visited img 		{ border: none; } /* no blue linked image borders */

-*					{ margin: 0; padding: 0; } /* White space reset */

-

+ol, ul { list-style: none; }

+table {	border-collapse: separate; border-spacing: 0; }

+caption, th, td {	text-align: left;	font-weight: normal; }

+*	{ margin: 0; padding: 0; border:0; } /* White space reset */

+a img, :link img, :visited img { border: 0; } /* no blue linked image borders */

 

+/************************************************/

+/*           General style rules                */

+/************************************************/

 html{ font-size: 62.5%; }

 

 body{ 

-	font-size: 1.1em;

+  font-size:1.1em;

 	font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

 	background: #2b293d url(../images/background.jpg) 0 0 repeat-x fixed;

 	min-width:90em;

@@ -62,31 +65,23 @@ body{
 ol	{ list-style-type: decimal-leading-zero; }

 li	{ list-style-position: inside; }

 p 	{ color: #e9ad51; }

-a	{ color: #74718a; text-decoration: none; }

+a	  { color: #74718a; text-decoration: none; }

 

 td 	{ padding: 0 8px; color: #e9ad51; }

-th 	{ }

+th 	{ font-weight:bold; padding: 0 .3em;}

 

 input, select	{

 	font-size:1em;

+	font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

 	color: #e9ad51;

 	background-color: #111; 

 	border: 1px solid #8b3e38;

-	margin:0 0 1px 0;

-}

-

-input{

-  padding:0 2px;

+	margin:0 0 0px 0;

 }

 

+input{ padding:0 2px; }

 input:focus, select:focus { border-style: dotted; }

-

-textarea { 

-	background-color: #111;

-	color: #e9ad51; 

-}

-

-.link { cursor:pointer; }

+textarea { background-color: #111; color: #e9ad51; }

 

 /************************************************/

 /*             IE6 behaviors                    */

@@ -95,175 +90,59 @@ textarea {
 body { behavior:url("csshover2.htc"); }

 

 /************************************************/

-/*             Styles for Site Header           */

-/************************************************/

-

-#topbar 	{ padding: 0 0; }

-#topbarright  	{ font-size: 0.9em; text-align: right; color: #e9ad51; position: absolute; top: 0px; right: 0; padding: 3px; }

-#topbarright b 	{ font-weight: normal }

-#topbarright a 	{ color: #e9ad51;}

-#topbarleft 	{ text-align: center; background: url(../images/ampache_back.gif) 0 0 repeat-x;}

-#topbarleft a 	{ }

-

-/************************************************/

 /*                XSPF Player                   */

 /************************************************/

-

 .xspf_player {

     right: 20px;

     position: absolute;

 }

 

 /************************************************/

+/*             Header                           */

+/************************************************/

+#header 	{ padding: 0 0; }

+#headerbox  	{ font-size: 0.9em; text-align: right; color: #e9ad51; position: absolute; top: 0; right: 0; padding: 3px; }

+#headerbox b 	{ font-weight: normal }

+#headerbox a 	{ color: #e9ad51;}

+#headerlogo 	  { text-align: center; background: url(../images/ampache_back.gif) 0 0 repeat-x;}

+#headerlogo a 	{ }

+.box_topbarright    {display:table;}

+

+/************************************************/

 /*                Footer                        */

 /************************************************/

 #footer {

   clear:both;

 	text-align:center;

+	font-size:.8em;

 	padding:3px;

-	font-size:0.8em;

 }

 

 /************************************************/

 /*                  Buttons                     */

 /************************************************/

-.smallbutton {

-	border: 0px;

-	padding: 0 1px;

-	cursor: pointer;

-}

-input.button, input[type=button], input[type=submit], .text-action a, .text-action span, .smallbutton {

+

+.button, input[type=button], input[type=submit], .text-action a {

 	background:#8b3e38 url(../images/button_back2.png) 0 100% repeat-x !important;

 	background:#8b3e38;

-	color:#c98d31;

+	color:#e9ad51;

 	padding:0px 0.5em; 

 	margin:4px 0 0 0; 

-	border:none;

+	border:0;

+  cursor:pointer;

 }

-.text-action span

-{

-  display:block; cursor: pointer;

-}

-input.button:hover, input[type=button]:hover, input[type=submit]:hover, div.text-action a:hover, div.text-action span:hover,.smallbutton:hover {

+.button:hover, input[type=button]:hover, input[type=submit]:hover, div.text-action a:hover {

 	background:#74718a url(../images/button_back2.png) 0 100% repeat-x !important;

 	background:#74718a;

-	color:#e9ad51;

-}

-

-input[type=checkbox]{border:none;background:none;}

-

-/************************************************/

-/*         Tables (songs lists...)              */

-/************************************************/

-

-.table-header {

-	background: #111;

-	vertical-align: top;

-}

-.table-header th {

-	color:#8b3e38; 

-	font-variant:small-caps;

-	font-weight:normal;

-	border-right:1px solid #000;

-}

-.table-header th a {

-	color:#8b3e38;

-	padding-right:10px;

-	background: url(../images/sort_off.gif) 100% 50% no-repeat;

-	display:block;

-}

-.table-header td a:hover, .table-header th a:hover {

-	color:#8b3e38;

-	background-color:transparent;

-	background-image:url(../images/sort_on.gif);

-}

-

-.odd, .even				{ background: url(../images/list_back.png) 0 50% repeat-x !important; background-image: none;}

-.odd 					{ background-color: #111 !important;}

-.even					{ }

-.odd:hover, .even:hover 		{ background-color: #2b293d !important;}

-/*

-.odd td img, .even td img 		{ border: 2px solid transparent; }

-.odd:hover td img, .even:hover td img	{ border-color: #e9ad510; }

-*/

-/* todo : quand col, mettre sur les a:hover de la col action un background-color:none;*/

-.odd td a img:hover, .even td a img:hover {opacity:0.5;}

-

-.border 	{ background: #000; }

-

-

-

-/************************************************/

-/*               Content block                  */

-/************************************************/

-

-#content {margin:10px 14em 10px 13.5em;}

-

-/* Center things on supporting browsers */

-#content>table,#content>table .box  { margin-left: auto; margin-right: auto; } 

-

-h3#content_title{}		/* Doesn't exist anymore (?) */

-h3#content_title span {}	/* Doesn't exist anymore (?) */

-

-

-/************************************************/

-/*                  Rightbar                    */

-/************************************************/

-#rightbar { 

-	width:13em;

-	background:#2b293d;

-	float:right;

-} 

-#rightbar ul                      {	list-style:none; }

-#rightbar a                       { text-decoration:none; }

-

-

-/* Rightbar Menu */

-#rightbar #rb_action {	

-  padding:4px;

-}

-#rightbar #rb_action li         {	display:inline; }

-#rightbar li#rb_add,#rightbar li#pl_add              { position:relative; z-index:10;}

-#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#e9ad51; } 

-/* Rightbar AddItems SubMenu */

-#rightbar li:hover .submenu  {	display:block; } 

-#rightbar .submenu { 

-  display:none; 	

-  position:absolute;

-	right:0px;

-	top:15px;

-  background: #050505 url(../images/button_back.png) 0 100% repeat-x  !important;

-  background: #050505;

-	border:2px solid #e9ad51;

-	width:15em;

-	padding:0.3em;

-	font-size:0.8em;

-	

 }

-* html #rightbar .submenu {right:100px;} /* IE6 fix */

 

-#rightbar .submenu a {

- display:block;

- padding:0.1em;

- color:#8b3e38;

- text-decoration:none;

- text-align:right;

-}

-#rightbar .submenu a:hover,

-#rightbar #rb_current_playlist a:hover { color:#e9ad51; }

+a.button              { padding:1px .5em; }

+input[type=checkbox]  {border:0;background:none;}

+.text-action span     { display:block; }

 

-/* Rightbar playlist */

-#rightbar #rb_current_playlist    {

-  background: #111;

-  padding-bottom:0.5em; 

-}

-#rightbar #rb_current_playlist li   { position:relative;font-size:0.9em;;line-height:14px; color:#5b5b5b; padding-right:20px;}

-#rightbar #rb_current_playlist li a { display:block; padding:0.2em;}

-#rightbar .delitem                  { position:absolute;right:0;top:0; }

 /************************************************/

 /*                  Sidebar                     */

 /************************************************/

-

 #sidebar {

 	float:left:

   position:relative;

@@ -278,7 +157,6 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
 *>div#sidebar{ position: fixed; } 

 

 #sidebar select		    { width: 95%; }

-#sidebar .smallbutton	{ margin: 0; }

 #sidebar ul           { list-style:none; }

 

 /* For sidebar tabs */

@@ -296,7 +174,6 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
   border-right:1px solid #000;width:16px;

 }

 #sidebar-tabs li.active { 

-	/*background: #faf url(../images/top.gif) repeat-x 0 0;*/ 

 	border-top-color: #e9ad51;

 } 

 #sidebar-tabs li:hover.sb1

@@ -316,24 +193,23 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
   color:#8b3e38;

 } 

 #sidebar-page ul.sb2 {

-  /*padding:2px 4px;*/

 }

 #sidebar-page ul.sb2 li{

   margin:1em auto;

   padding-bottom: 0.5em;

-  /*border-bottom: 1px solid #fff;*/

 }

 #sidebar-page ul.sb2 h4{

-  padding:0.2em 0.5em 0.5em 0;

+  padding:.2em .5em .5em 0;

   font-style:italic; 

   font-weight:normal;

-  letter-spacing:0.2em;

+  font-size:1em;

+  letter-spacing:.2em;

   text-align:right;

   border-bottom:1px dotted #e9ad51;

   text-decoration: overline;

   background: url(../images/puce.gif) -8px -8px no-repeat;

   color:#e9ad51;

-  }

+}

 #sidebar-page ul.sb2 li:hover h4{

   background-color:#000;

 }

@@ -351,8 +227,8 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
   border-bottom: 1px solid #000;

 }

 * html #sidebar-page ul.sb3 li{display:inline;background:#111;} /* fix ie6 */

-#sidebar-page .sb3 a, #sidebar-page .sb3 div{ 

-  padding:0.2em 0.6em;

+#sidebar-page .sb3 a, #sidebar-page .sb3 div{

+  padding:.2em .6em;

   border-left: .5em solid #8b3e38;

 }

 #sidebar-page .sb3 a:hover{ 

@@ -374,10 +250,7 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
 /********************/

 .alphabet { 

   background:transparent; /* fix ie bug */

-  /*font-size:0.95em;*/

-	/*font-weight:normal;*/

 	margin: 0.3em auto;

-	/*color:#5b5b5b;*/

 }

 .alphabet span.link { 

 	cursor: pointer;

@@ -395,7 +268,6 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
 /***********************/

 

 .active_instance { 

-

 } 

 

 /* SIDEBAR : Preferences */

@@ -410,67 +282,60 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
   border:none; 

 }

 

-

 /************************************************/

-/*          Albums of the moment                */

-/************************************************/

-

-.random_album

-{

-  position:relative;

-  float:left;

-  padding:8px;

-}

-

-.random_album .play_album

-{

-  position:absolute;

-  top:10px;

-  right:0;

-}

-/************************************************/

-/*          Styles for Now Playing              */

+/*                  Rightbar                    */

 /************************************************/

+#rightbar { 

+	width:13em;

+	background:#2b293d;

+	float:right;

+} 

+#rightbar ul                      {	list-style:none; }

+#rightbar a                       { text-decoration:none; }

 

-#nowplaying{

-	clear: both;

-}

-#np_container1{

-	height: 18px;

-}

-#np_container1 h1{

-	font-weight: bold;

-	padding: 2px;

-}

-#np_container2{

-	border-width: 1px;

-	border-style: solid;

-	border-color:#ddd #999 #999 #ccc;

-	padding: 6px;

-	color: #000;

-}

 

-.np_row {

-	padding-top: 3px;

-	padding-bottom: 3px;

-	display: block;

+/* Rightbar Menu */

+#rightbar #rb_action {	

+  padding:4px;

 }

-.np_cell {

-	margin: 10px;

+#rightbar #rb_action li         {	display:inline; }

+#rightbar li#rb_add,#rightbar li#pl_add              { position:relative; z-index:10;}

+#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#e9ad51; } 

+/* Rightbar AddItems SubMenu */

+#rightbar li:hover .submenu  {	display:block; } 

+#rightbar .submenu { 

+  display:none; 	

+  position:absolute;

+	right:0px;

+	top:15px;

+  background: #050505 url(../images/button_back.png) 0 100% repeat-x  !important;

+  background: #050505;

+	border:2px solid #e9ad51;

+	width:15em;

+	padding:0.3em;

+	font-size:0.8em;

+	

 }

+* html #rightbar .submenu {right:100px;} /* IE6 fix */

 

-/************************************************/

-/*                Footer                        */

-/************************************************/

-#footer {

-	margin-left: 150px;

-	margin-bottom: 10px;

+#rightbar .submenu a {

+ display:block;

+ padding:0.1em;

+ color:#8b3e38;

+ text-decoration:none;

+ text-align:right;

 }

+#rightbar .submenu a:hover,

+#rightbar #rb_current_playlist a:hover { color:#e9ad51; }

 

-#footer p {

-	color:#999;

-	font-size:10px;

+/* Rightbar playlist */

+#rightbar #rb_current_playlist    {

+  background: #111;

+  padding-bottom:0.5em; 

 }

+#rightbar #rb_current_playlist li   { position:relative;font-size:0.9em;;line-height:14px; color:#5b5b5b; padding-right:20px;}

+#rightbar #rb_current_playlist li a { display:block; padding:0.2em;}

+#rightbar .delitem                  { position:absolute;right:0;top:0; }

 

 

 /************************************************/

@@ -534,7 +399,6 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
 }

 

 

-

 /************************************************/

 /*              Box Related Styles              */

 /************************************************/

@@ -556,7 +420,6 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
 }

 

 /* Enclosing Boxes Styles */

-

 .box, .info-box { 

 	margin-top: 5px;

 	margin-right: 3px;

@@ -614,9 +477,122 @@ h3#content_title span {}	/* Doesn't exist anymore (?) */
 .box_newest_albums  {}

 .box_newest_artists {clear:none;}

 .box_newest_genres  {clear:none;}

-.box_topbarright    {display:table;}

+

 .info-box th {color:#8b3e38;}

 

+

+/************************************************/

+/*         Tables (songs lists...)              */

+/************************************************/

+.tabledata .th-top, .tabledata .th-bottom {

+	background: #111;

+	vertical-align: top;

+}

+.tabledata th {

+	color:#8b3e38; 

+	font-variant:small-caps;

+	font-weight:normal;

+	border-right:1px solid #000;

+	text-align:center;

+}

+.tabledata th a {

+	color:#8b3e38;

+	padding-right:10px;

+	background: url(../images/sort_off.gif) 100% 50% no-repeat;

+	display:block;

+}

+.tabledata th a:hover {

+	color:#8b3e38;

+	background-color:transparent;

+	background-image:url(../images/sort_on.gif);

+}

+

+.odd, .even		{ background: url(../images/list_back.png) 0 50% repeat-x !important; background-image: none;}

+.odd 					{ background-color: #111 !important;}

+.even					{ }

+.odd:hover, .even:hover 		{ background-color: #2b293d !important;}

+

+.odd td a img:hover, .even td a img:hover {opacity:0.5;}

+

+.border 	{ background: #000; }

+

+/* specific cells */

+.cel_cover{padding:6px;}

+.cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;}

+

+td.cel_track {text-align:right;}

+

+/* specific boxes */

+#recently_played .th-bottom {display:none;}

+

+/************************************************/

+/*               Content block                  */

+/************************************************/

+

+#content {margin:10px 14em 10px 13.5em;}

+

+/* Center things on supporting browsers */

+#content>table,#content>table .box  { margin-left: auto; margin-right: auto; } 

+

+h3#content_title{}		/* Doesn't exist anymore (?) */

+h3#content_title span {}	/* Doesn't exist anymore (?) */

+

+

+

+

+/************************************************/

+/*          Albums of the moment                */

+/************************************************/

+

+.random_album

+{

+  position:relative;

+  float:left;

+  padding:8px;

+}

+

+.random_album .play_album

+{

+  position:absolute;

+  top:10px;

+  right:0;

+}

+/************************************************/

+/*          Styles for Now Playing              */

+/************************************************/

+

+#nowplaying{

+	clear: both;

+}

+#np_container1{

+	height: 18px;

+}

+#np_container1 h1{

+	font-weight: bold;

+	padding: 2px;

+}

+#np_container2{

+	border-width: 1px;

+	border-style: solid;

+	border-color:#ddd #999 #999 #ccc;

+	padding: 6px;

+	color: #000;

+}

+

+.np_row {

+	padding-top: 3px;

+	padding-bottom: 3px;

+	display: block;

+}

+.np_cell {

+	margin: 10px;

+}

+

+

+

+

+

+

 /************************************************/

 /*             List Header Styles               */

 /************************************************/

@@ -793,11 +769,6 @@ input.text_input {
 }

 

 /************************************************/

-/*           "Browse by"                        */

-/************************************************/

-.br_td_cover{padding:6px;}

-

-/************************************************/

 /*                Misc                          */

 /************************************************/

 

@@ -841,7 +812,7 @@ input.text_input {
 	text-align: left;

 }

 

-/*table.tabledata {width:100%}*/

+.tabledata input, .tabledata select{ margin:0 0 2px 0;}

 

 .header1 { 

 	color: #8b3e38;