updated theme for Ampache 3.3.3

1 files changed, 141 insertions, 98 deletions

diff --git a/contrib/themes/Green-Marble/templates/default.css b/contrib/themes/Green-Marble/templates/default.css
index 47692f52..0e529e98 100644
--- a/contrib/themes/Green-Marble/templates/default.css
+++ b/contrib/themes/Green-Marble/templates/default.css
@@ -1,13 +1,12 @@
-<!--
+
 /*
 
  Copyright (c) 2001 - 2006 Ampache.org
  All rights reserved.
 
  This program is free software; you can redistribute it and/or
- modify it under the terms of the GNU General Public License
- as published by the Free Software Foundation; either version 2
- of the License, or (at your option) any later version.
+ modify it under the terms of the GNU General Public License v2
+ as published by the Free Software Foundation
 
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ -19,7 +18,7 @@
  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 
 */
--->
+
 /* General style rules  */
 body{ 
 	padding-top: 0px;
@@ -33,26 +32,23 @@ body{
 
 p { 
 	color: #00ff00;
-	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 10px;
+	font-family: Verdana, Helvetica, sans-serif; 
 }
 
 a { 
 	color: #00ff00; 
-	font-family: Verdana, Helvetica, sans-serif; 
 }
 a:visited 
 	{ 
 	color: #00ff00; 	
-	font-family: Verdana, Helvetica, sans-serif; 
 	}
 a:active  { 
 	color: #00ff00; 
-	font-family: Verdana, Helvetica, sans-serif; 
 }
 .text-box {
 	display: table-cell;
-	padding-left:0px;
+	padding-left:5px;
 	padding-top:5px;
 	padding-right:5px;
 	margin-bottom:10px;
@@ -61,23 +57,17 @@ a:active  {
 }
 .selected_button {
 	color:#00ff00;
-	background: url("../images/tablebg.gif") #000000 repeat-x;
-}
-.unselected_button {
-	/* there really isn't anything for this */
+	background: url(../images/tablebg.gif) #000000 repeat-x;
 }
-.display {}
 
 #mpdpl td {
 	padding: 0px 2px 0px 2px;
 	text-align: left;
 }
-table.tabledata {}
 
 td { 
 	padding: 0px 8px 0px 8px;
 	color: #00ff00; 
-	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 12px;
 }
 th {
@@ -90,16 +80,14 @@ tr td a {
 }
 input {
 	color: #00ff00; 
-	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 12px; 
 	font-weight: bold; 
 	background-color: #000000;
-	border-color:#555555; 
+	border-color: #333333; 
 	margin: 2px 2px 2px 2px;
 }
 select	{ 
 	color: #00ff00; 
-	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 12px; 
 	background-color: #000000; 
 	border-color:#555555; 
@@ -107,12 +95,11 @@ select	{
 textarea { 
 	background-color: #000000;
 	color: #000000; 
-	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 12px; 
 	border-color:#555555; 
 }
 .table-header {
-	background: url("../images/tablebg.gif") #dddddd repeat left;
+	background: url(../images/tablebg.gif) #dddddd repeat left;
 	vertical-align: top;
 	text-align: center;
 
@@ -120,22 +107,20 @@ textarea {
 .header1 
 { 
 	color: #000000; 
-	font-family: Verdana, Helvetica, sans-serif; 
 	font-size: 18px; 
 	font-weight: 900;
 }
 .header2
 {
-	color: #000000;
-	font-family: Verdana, Helvetica, sans-serif;
+    	color: #000000;
 	font-size: 14px;
 	font-weight: 900;
 }
 .headrow 
 {
-	background:#cccccc;
-	font-size: 12px;
-	background: url("../images/active.tablebg.gif") #000000 repeat-x;
+		background:#cccccc;
+		font-size: 12px;
+	background: url(../images/active.tablebg.gif) #000000 repeat-x;
 }
 .odd 
 {
@@ -153,7 +138,7 @@ textarea {
 	background: #fff;
 }
 .border { 
-	background: url("../images/active.tablebg.gif") #000000 repeat-x;
+	background: url(../images/active.tablebg.gif) #000000 repeat-x;
 }
 .header { 
 	font-size: 12px; 
@@ -168,10 +153,18 @@ textarea {
 	display: table-cell;
 	padding-bottom: 3px;
 	color: #990033;
-	border-right:4px solid #990033;
-	border-bottom:4px solid #990033;
-	border-left:4px solid #990033;
-	border-top:4px solid #990033;		
+	font-weight:bold;
+ 	border-right:2px solid #990033;
+	border-bottom:2px solid #990033;
+	border-left:2px solid #990033;
+ 	border-top:2px solid #990033;		
+}
+#container div.fatalerror {
+	background:none;
+	height:auto;
+	padding:5px;
+	margin:10px;
+	display:block;
 }
 .disabled {
 	text-decoration: line-through;
@@ -182,10 +175,8 @@ textarea {
 	padding-right:1px;
 	font-size: 11px;
 	cursor: pointer;
-	background: url("../images/active.tablebg.gif") #000000 repeat-x;
+	background: url(../images/active.tablebg.gif) #000000 repeat-x;
 }
-/* ////////////////////////////////////////////////////////////////*/	
-/* De aqui pa'bajo, ros esta creando una hoja de estilos unica para todo Ampache  */
 
 #maincontainer{
 	margin: 0px;
@@ -205,10 +196,12 @@ textarea {
 }
 
 h3#content_title{
-	font-family:Arial,Helvetica,Sans-Serif;
 	font-size:12px;
 	line-height:32px;
 	color:#fff;
+	margin:0px;
+	padding:0px;
+	background:#8B8B8B url("../images/content_corner.gif") no-repeat right top;
 }
 
 h3#content_title span {
@@ -223,7 +216,7 @@ div#Header{
 }
 
 #Header h1 { 
-	background: transparent url("../images/bg_login_0.jpg") no-repeat top left; 
+	background: transparent url(../images/bg_login_0.jpg) no-repeat top left; 
 	border:0px; 
 	width: 439px; 
 	height: 84px; 
@@ -248,17 +241,20 @@ div#Header{
 	font-size:10px;
 	margin-left:10px;
 }
-
-
-div#sidebar{
+#sidebar{
 	clear:both;
 	position:absolute;
 	left:5px;
 	top:87px;
+	font-family: Verdana, Helvetica, sans-serif; 
+}
+
+#sidebar select	{
+	width: 95%; 
 }
 
 #sidebar h3 {
-display:none;
+	display:none
 }
 	
 #sidebar h3 span {
@@ -266,63 +262,98 @@ display:none;
 }
 
 #sidebar ul {
-	margin: 0px;
 	list-style: none;
-	font-family:Arial, Helvetica, Sans-Serif;
-	font-size:10px;
-	padding: 0px;
-	line-height: 1.0;
+	font-size: 10px;
+	margin: 0;
+	padding: 0;
+	line-height: 1em;
+}
+   
+#sidebar ul.subnavside {
+    display: none;
+    position: absolute;
+    width: 9em;
+    top: -1px;
+    left: 11.5em;
+    font-size: 1em;
+    z-index: 1;		
 }
 
 #sidebar li {
+    float: left;
+    clear: both;
+    display: inline;	/* IE6 Patch */
+    position: relative;
+    width: 13em;
+    width: /**/11.5em; /* Only IE5.5 can't see this */
     margin: 0;
-    display: block;
     border: 1px solid #000000;
-    padding: 5px 0px 5px 5px;
-    width: 10.5em;
     background: url(../images/menu.jpg) #000000 repeat-y;
 }
 
 #sidebar ul.subnavside li { 
-    border: 1px solid #000000;
+    border-right: 1px solid #000000;
 }
 
-#sidebar a, .navbutton {
-    display: block;  /*Not sure why this is neccesary, but it is for IE*/
+#sidebar a, #sidebar .navbutton {
+    display: block;
+    position: relative;
     text-decoration: none;
-    text-align: center;
-    padding:0px 12px 0px 0px;
     margin:0px;
+    padding: .5em 0 .5em 1em;
 }
 
-#sidebar li:hover, #sidebar li.sfhover {
-	color:#000000;
-	background-color:#DDDDDD;
+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
+    display:block;
 }
 
-#sidebar li:active {
-
-	background: url(../images/menu-active.jpg) #000000 repeat-y;
-	z-index:30;
+#sidebar li:hover, #sidebar li.sfhover,  #sidebar li.activetopmenu {
+    background: url(../images/menu-active.jpg) #000000 repeat-y;
+    padding:0;
+    margin:0;
 }
-   
-#sidebar li ul {
-    float: left;
-    position: absolute;
-    width: 9em;
-    margin: -1.5em 0 0 10.5em; /* for vertical menu; comment out otherwise */
-    left: -999em;  /* this -999em puts the submenu item way off to the left until it's called back by a hover (below) */
+
+#sidebar li.hover:active {
+    background: url(../images/menu-active.jpg) #000000 repeat-y;
     z-index:30;
 }
 
-#sidebar #activetopmenu, #sidebar #activesubmenu {
-	background: url(../images/menu-active.jpg) #000000 repeat-y;
-}
-#sidebar li:hover, #sidebar li.sfhover {
-	left: auto;  /* this calls the submenu back when the parent li is hovered. */
-	background: url(../images/menu-active.jpg) #000000 repeat-y;
-}
+/* For horizontal menu */
+.horizontal_menu #content {margin:3em 0 0 2em;}
+.horizontal_menu #sidebar { width: auto; top: 85px;}
+.horizontal_menu #sidebar h3 { display: none; }
+.horizontal_menu #sidebar li { clear: none; border:1px solid #000000}
+.horizontal_menu #sidebar ul.subnavside  { left: 0; top: 2em; }
+
+
+/* Menu Elements Display (icons, visibility...) 
+#sidebar_home a 	{ }
+#sidebar_admin a 	{ }
+#sidebar_prefs a 	{ }
+#sidebar_browse a 	{ }
+#sidebar_plists a 	{ }
+#sidebar_stats a 	{ }
+#sidebar_search a 	{ }
+#sidebar_subsearch  	{ }
+#sidebar_random a 	{ }
+#sidebar_form  		{ }
+#sidebar_localplay a 	{ }
+#sidebar_localplay_ctrl	{ }
+#sidebar_logout a 	{ }
+
+#sidebar_admin_users a		{ }
+#sidebar_admin_mail_users a	{ }
+#sidebar_admin_catalog a	{ }
+#sidebar_admin_config a 	{ }
+#sidebar_admin_access_list a	{ }
+
+#sidebar_browse_albums a	{ }
+#sidebar_browse_artists a	{ }
+#sidebar_browse_genre a		{ }
+#sidebar_browse_song_title a	{ }
+#sidebar_browse_lists a		{ }
 
+*/
 /* Styles for Now Playing */
 #nowplaying{
 	clear: both;
@@ -334,7 +365,7 @@ display:none;
 	height: 18px;
 	padding: 0px;
 	margin: 0px;
-	background: #fff url("../images/tb_tab.jpg") no-repeat top left;
+	background: #fff url(../images/tb_tab.jpg) no-repeat top left;
 }
 
 #np_container1 h1{
@@ -352,7 +383,7 @@ display:none;
 	font-size: 10px;
 	line-height: 12px;
 	color: #000;
-	background: #D6D6D4 url("../images/bg_row.jpg") repeat top left;
+	background: #D6D6D4 url(../images/bg_row.jpg) repeat top left;
 }
 
 	
@@ -364,7 +395,7 @@ display:none;
 	text-align:center;
 }
 #container h1{
-	background:url("../images/bg_login_0.jpg") no-repeat;
+	background:url(../images/bg_login_0.jpg) no-repeat;
 	height:81px;
 	margin-bottom:8px;
 }
@@ -372,7 +403,7 @@ display:none;
 	display:none;
 }
 #container div{
-	background:url("../images/bg_login_1.jpg") no-repeat;
+	background:url(../images/bg_login_1.jpg) no-repeat;
 	height:285px;
 }
 #loginp_0{
@@ -418,29 +449,38 @@ margin-right:5em;
 #topbarleft, #topbarleft a{ 
 	float: left;
 }
-/* Box Related Styles */
 
+/* Box Related Styles */
 .box { 
 	padding:0px;
 	margin-bottom:5px;
 	background: #000000;
 }
 .box-title { 
+	border-bottom: solid 1px #000000;
 	font-size: 1.05em;
 	font-weight: bold;
 }
 .box-left-top { 
-	background: url("../images/topleft.gif") no-repeat top left;
+	background: url(../images/topleft.gif) no-repeat;
+	height:16px;
 }
 .box-left-bottom {
-        background: url("../images/bottomleft.gif") no-repeat bottom left;
+        background: url(../images/bottomleft.gif) no-repeat;
+	height:18px;
+}
+.box-left { 
+	background: url(../images/left.gif);
+}
+.box-bottom { 
+	background: url(../images/bottom.gif);
+	height:18px;
 }
-
 .box-right-bottom { 
-	background: url("../images/bottomright.gif") no-repeat bottom right;
+	background: url(../images/bottomright.gif) no-repeat;
 }
 .box-right-top {
-	background: url("../images/topright.gif") no-repeat top right;
+	background: url(../images/topright.gif) no-repeat;
 }
 .box-right { 
 	display:none;
@@ -470,26 +510,29 @@ margin-right:5em;
 	margin-bottom:10px;
 	display: table-cell;
 	background-color: #bbbbbb;
-	border:2px solid #000000;
-}
+	border-right:2px solid #000000;
+	border-bottom:2px solid #000000;
+	border-left:2px solid #000000;
+	border-top:2px solid #000000;}
 .text-action, .text-action li {
 	margin-top:5px;
 	list-style: none;
 	margin-bottom:5px;
+	padding-left:0px;
 }
 .text-action a, .text-action span {
 	border:1px solid #444444;
  	padding-left:2px;
 	padding-right:2px;
 	text-decoration: none;
-	background: url("../images/tablebg.gif") #000000 repeat-x;
+	background: url(../images/tablebg.gif) #000000 repeat-x;
 
 }
 .text-action #pt_active {
 	background: #000000;
 	color: #00ff00;
 	border:1px solid #444444;
-	background: url("../images/tablebg.gif") #000000 repeat-x;
+	background: url(../images/tablebg.gif) #000000 repeat-x;
 }
 #nowplaying {
 	width:600px;
@@ -502,6 +545,9 @@ margin-right:5em;
 .np_cell {
 	margin: 10px;
 }
+
+/* 'Tab' Preferences, used by preferences.php */
+
 #tablist {
         padding: 3px 0;
         margin: 12px 0 0 0;
@@ -517,14 +563,12 @@ margin-right:5em;
 #tablist li a {
         padding: 3px 0.5em;
         margin-left: 3px;
-        background: #000000;
-        border-color: #bbbbbb;
-        border-bottom: 1px solid #bbbbbb;
+        background: #444444;
         text-decoration: none;
 }
 
-#tablist li a:link { color: #bbbbbb; }
-#tablist li a:visited { color: #bbbbbb; }
+#tablist li a:link { color: #777777; }
+#tablist li a:visited { color: #777777; }
 
 #tablist li a:hover {
         color: #000000;
@@ -534,8 +578,7 @@ margin-right:5em;
 
 #tablist li a#current {
         color: #00ff00;
-        background: #000000;
-        border-color: #bbbbbb;
-        border-bottom: 1px solid #bbbbbb;
+        background: #444444;
 }
 
+