new stoneblue theme

3 files changed, 359 insertions, 312 deletions

diff --git a/contrib/themes/StoneBlue/screencap/01.jpg b/contrib/themes/StoneBlue/screencap/01.jpg
index 49eacf88..a2e6ea1a 100755
--- a/contrib/themes/StoneBlue/screencap/01.jpg
+++ b/contrib/themes/StoneBlue/screencap/01.jpg
diff --git a/contrib/themes/StoneBlue/templates/style.inc b/contrib/themes/StoneBlue/templates/style.inc
index b8d214ee..0a35b7a6 100755
--- a/contrib/themes/StoneBlue/templates/style.inc
+++ b/contrib/themes/StoneBlue/templates/style.inc
@@ -1,310 +1,343 @@
-<?php
-/*
-
- Copyright (c) 2001 - 2005 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.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License
- along with this program; if not, write to the Free Software
- Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
-
-*/
-
-/*!
- @header Style File
- @discussion this is the css that is included on every page of
- 	ampache, mod this to change the look and feel of the site
-*/
-?>
-<style type="text/css">
-<!--
-	.bullets
-		{
-		list-style-image: url(images/bullet.gif);
-		margin:5px;
-		padding:10px 25px;
-		border:1px solid #8888AA
-		}
-		
-	body	
-		{ 
-		background: <?php echo conf('bg_color1'); ?>; 
-		font-family: <?php echo conf('font') ?>; 
-		font-size: <?php echo conf('font_size'); ?>px; 
-		color: <?php echo conf('font_color1'); ?>;
-		}
-
-	p	
-		{ 
-		color: <?php echo conf('font_color2'); ?>; 
-		font-family: <?php echo conf('font')?>; 
-		font-size: <?php echo conf('font_size'); ?>px; 
-		}
-	a	
-		{ 
-		color: <?php echo conf('font_color1') ?>; 
-		font-family: <?php echo conf('font')?>;
-		text-decoration: none;
-		}
-	a:visited 
-		{ 
-		color: <?php echo conf('font_color2') ?>; 
-		font-family: <?php echo conf('font')?>; 
-		text-decoration: none;
-		}
-	a:hover
-		{
-		color: <?php echo conf('font_color2') ?>;
-		font-family: <?php echo conf('font')?>;
-		text-decoration: underline;
-		}
-	a:active  
-		{ 
-		color: <?php echo conf('font_color1') ?>; 
-		font-family: <?php echo conf('font')?>; 
-		text-decoration: none;
-		}
-	.text-box 
-		{
-		padding-left:5px;
-		padding-top:5px;
-		margin-bottom:10px;
-		background-color: <?php echo conf('base_color1'); ?>;
-		border-right:2px solid <?php echo conf('bg_color2'); ?>;
-		border-bottom:2px solid <?php echo conf('bg_color2'); ?>;
-		border-left:2px solid <?php echo conf('bg_color2'); ?>;
-		border-top:2px solid <?php echo conf('bg_color2'); ?>;
-		}
-    table.tabledata
-    {
-    }
-
-	td	
-		{ 
-	        padding: 0px 8px 0px 8px;
-		color: <?php echo conf('font_color1') ?>; 
-		font-family: <?php echo conf('font')?>; 
-		font-size: <?php echo conf('font_size'); ?>px;
-		}
-    th
-        {
-        color: <?php echo conf('font_color1')?>;
-        padding-right: 10px;
-        }
-	input	
-		{
-		color: <?php echo conf('font_color2'); ?>; 
-		font-family: <?php echo conf('font'); ?>; 
-		font-size: <?php echo conf('font_size'); ?>px; 
-		font-weight: bold; 
-		background-color: <?php echo conf('base_color2') ?>; 
-	    	border-style: solid;
-	      	border-width: 1px;
-	        border-color: <?php echo conf('bg_color2'); ?>;
-		margin: 2px 2px 2px 2px;
-		}
-	select	{ 
-		color: <?php echo conf('font_color2'); ?>; 
-		font-family: <?php echo conf('font')?>; 
-		font-size: <?php echo conf('font_size'); ?>px; 
-		background-color: <?php echo conf('base_color2') ?>; 
-		}
-	textarea 
-	{ 
-		font-family: <?php echo conf('font')?>; 
-		font-size: <?php echo conf('font_size'); ?>px; 
-	}
-    .table-header
-    {
-    	text: <?php echo conf('font_color3')?>;
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2')?> repeat-x;
-        vertical-align: top;
-    }
-    .nowPlaying
-    {
-    	color: <?php echo conf('font_color1')?>;
-    	background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2')?> repeat-x;
-    	vertical-align: top;
-    	font-weight: bold;
-    }
-    .nowPlaying2
-    {
-    	color: <?php echo conf('font_color3')?>;
-    	background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) <?php echo conf('base_color2')?> repeat-x;
-    	vertical-align: top;
-    	font-weight: bold;
-    }
-    .popular
-    {
-    	color: <?php echo conf('font_color1')?>;
-    	background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2')?> repeat-x;
-    	font-weight: bold;
-    }
-/*************** Main Menu *****************/
-    #mainmenu {
-        float: left;
-        width: 100%;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        border-top: 1px solid #000;
-        border-bottom: 1px solid #000;
-        border-right: 1px solid #000;
-        border-left: 1px solid #000;
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2');?> repeat-x;
-    }
-    #mainmenu li {
-        float: left;
-        margin: 0;
-        padding: 0 10px 0 10px;
-        border-right: 1px solid #000;
-        display: inline;
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2');?> repeat-x;
-    }
-    #mainmenu li.active {
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) <?php echo conf('base_color2');?> repeat-x;
-    }
-    #mainmenu a {
-    	color: <?php echo conf('font_color3')?>;
-        text-decoration: none;
-        font-weight: bold;
-    }
-    #mainmenu a:hover {
-        color: <?php echo conf('font_color1')?>;
-    }
-    #mainmenu a:active {
-        color: <?php echo conf('font_color2')?>;
-    }
-/*************** END Main Menu *************/
-/*************** Admin Menu *************/
-    #adminmenu {
-        float: left;
-        width: 100%;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        border-bottom: 1px solid #000;
-        border-right: 1px solid #000;
-        border-left: 1px solid #000;
-        border-top: 1px solid #000;
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2')?> repeat;
-    }
-    #adminmenu li {
-        float: left;
-        margin: 0;
-        padding: 0 20px 0 20px;
-        border-right: 1px solid #000;
-        display: inline;
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('base_color2');?> repeat-x;
-    }
-    #adminmenu li.active {
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) <?php echo conf('base_color2');?> repeat-x;
-    }
-    #adminmenu a {
-    	color: <?php echo conf('font_color3')?>;
-        text-decoration: none;
-        font-weight: bold;
-    }
-    #adminmenu a:hover {
-        color: <?php echo conf('font_color1')?>;
-    }
-    #adminmenu a:active {
-        color: <?php echo conf('font_color2')?>;
-    }
-/*************** END Main Menu *************/
-/*************** Page Header *********************/
-    #pageheader {
-        background: <?php echo conf('bgcolor1');?>;
-    }
-/*************** END Page Header *****************/
-    .navitem
-    {
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) <?php echo conf('base_color2')?> repeat-x;
-        vertical-align: top;
-        text-align: center;
-    }
-    .header1 
-    { 
-	color: <?php echo conf('font_color1'); ?>; 
-	font-family: <?php echo conf('font'); ?>; 
-	font-size: <?php echo conf('font_size') + 4; ?>px; 
-	font-weight: 900;
-    }
-    .header2
-    {
-    	color: <?php echo conf('font_color3'); ?>;
-	font-family: <?php echo conf('font'); ?>;
-	font-size: <?php echo conf('font_size') + 2; ?>px;
-	font-weight: 900;
-    }
-    .active_navitem
-    {
-        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) <?php echo conf('bg_color1')?> repeat-x;
-        vertical-align: top;
-        text-align: center;
-    }
-	.headrow 
-		{
-		background:<?php echo conf('row_color1'); ?>;
-		font-size: <?php echo conf('font_size'); ?>px;
-		}
-	.odd 
-		{
-		background:<?php echo conf('row_color2'); ?>;
-		font-size: <?php echo conf('font_size'); ?>px;
-		}
-	.even
-		{
-		background:<?php echo conf('row_color3'); ?>;
-		font-size: <?php echo conf('font_size'); ?>px;
-		}
-    .blank
-        {
-        background: #fff;
-        }
-	.border 
-		{
-		background:<?php echo conf('bg_color2'); ?>; 
-		}
-	.header 
-		{ 
-		font-size: <?php echo conf('font_size'); ?>px; 
-		}
- 	.error	
-		{ 
-		color: <?php echo conf('error_color'); ?>; 
-		}
-	.fatalerror
-		{
-		padding-top: 3px;
-		padding-bottom: 3px;
-		color: <?php echo conf('error_color'); ?>;
-                border-right:4px solid <?php echo conf('error_color'); ?>;
-                border-bottom:4px solid <?php echo conf('error_color'); ?>;
-                border-left:4px solid <?php echo conf('error_color'); ?>;
-                border-top:4px solid <?php echo conf('error_color'); ?>;		
-		font-size: <?php echo conf('font_size')+2; ?>px;
-		font-weight: 900;
-		text-align: center;
-		}
-	.disabled
-		{
-		text-decoration: line-through;
-		}
-	.alphabet 
-		{ 
-		font-size: <?php echo conf('font_size'); ?>px; 
-		font-weight: normal; 
-		}
--->
-</style>
+<?php

+/*

+

+ Copyright (c) 2001 - 2005 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.

+

+ This program is distributed in the hope that it will be useful,

+ but WITHOUT ANY WARRANTY; without even the implied warranty of

+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+ GNU General Public License for more details.

+

+ You should have received a copy of the GNU General Public License

+ along with this program; if not, write to the Free Software

+ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

+

+*/

+

+/*!

+ @header Style File

+ @discussion this is the css that is included on every page of

+ 	ampache, mod this to change the look and feel of the site

+*/

+?>

+

+<script type="text/javascript" language="javascript">

+<!-- Begin Suckerfish hover menu JS

+// function needed for IE.  attaches mouseover/out events to give/remove css class .sfhover (fake hover)

+sfHover = function(navlist) {

+var sfEls = document.getElementById("navlist").getElementsByTagName("LI");

+for (var i=0; i <sfEls.length; i++) {

+    sfEls[i].onmouseover=function() {

+        this.className+=" sfhover";

+    }

+    sfEls[i].onmouseout=function() {

+        this.className=this.className.replace(new RegExp("sfhover\\b"), "");

+    }

+} // end for

+} // end function for sfHover

+if (window.attachEvent) window.attachEvent("onload", sfHover);

+// End Suckerfish hover menu JS-->

+</script>

+

+<style type="text/css">

+<!--

+	body	

+		{ 

+		padding-top: 0px;

+		margin-top: 0px;

+		margin-left: 0px;

+		margin-right: 0px;

+		background: <?php echo conf('bg_color1'); ?>; 

+		font-family: <?php echo conf('font') ?>; 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		color: <?php echo conf('font_color2'); ?>;

+		}

+

+	p	

+		{ 

+		color: <?php echo conf('font_color2'); ?>; 

+		font-family: <?php echo conf('font')?>; 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		}

+	a	

+		{ 

+		color: <?php echo conf('font_color2') ?>; 

+		font-family: <?php echo conf('font')?>; 

+		}

+	a:visited 

+		{ 

+		color: <?php echo conf('font_color2') ?>; 

+		font-family: <?php echo conf('font')?>; 

+		}

+	a:active  

+		{ 

+		color: <?php echo conf('font_color1') ?>; 

+		font-family: <?php echo conf('font')?>; 

+		}

+	a:hover

+		{

+		color: <?php echo conf('font_color1') ?>;

+		font-family: <?php echo conf('font')?>;

+		}

+	.text-box 

+		{

+		padding-left:5px;

+		padding-top:5px;

+		margin-bottom:10px;

+		background-color: <?php echo conf('base_color1'); ?>;

+		border-right:2px solid <?php echo conf('bg_color2'); ?>;

+		border-bottom:2px solid <?php echo conf('bg_color2'); ?>;

+		border-left:2px solid <?php echo conf('bg_color2'); ?>;

+		border-top:2px solid <?php echo conf('bg_color2'); ?>;

+		}

+

+	.npsong

+		{

+		background-color: #FFFF66;

+		}

+    table.tabledata

+    {

+    }

+

+	td	

+		{ 

+        padding: 0px 8px 0px 8px;

+		color: <?php echo conf('font_color1') ?>; 

+		font-family: <?php echo conf('font')?>; 

+		font-size: <?php echo conf('font_size'); ?>px;

+		}

+    th

+        {

+        padding-right: 10px;

+        }

+	input	

+		{

+		color: <?php echo conf('font_color2'); ?>; 

+		font-family: <?php echo conf('font'); ?>; 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		font-weight: bold; 

+		background-color: <?php echo conf('base_color2') ?>; 

+		margin: 2px 2px 2px 2px;

+		}

+	select	{ 

+		color: <?php echo conf('font_color2'); ?>; 

+		font-family: <?php echo conf('font')?>; 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		background-color: <?php echo conf('base_color2'); ?>; 

+		}

+	textarea 

+		{ 

+		background-color: <?php echo conf('base_color2'); ?>;

+		color: <?php echo conf('font_color2') ?>; 

+		font-family: <?php echo conf('font')?>; 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		}

+    .table-header

+    {

+        background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) <?php echo conf('base_color2')?> repeat-x;

+        vertical-align: top;

+    }

+    .header1 

+    { 

+	color: <?php echo conf('font_color2'); ?>; 

+	font-family: <?php echo conf('font'); ?>; 

+	font-size: <?php echo conf('font_size') + 6; ?>px; 

+	font-weight: 900;

+    }

+    .header2

+    {

+    	color: <?php echo conf('font_color2'); ?>;

+	font-family: <?php echo conf('font'); ?>;

+	font-size: <?php echo conf('font_size') + 2; ?>px;

+	font-weight: 900;

+    }

+	.headrow 

+		{

+		background:<?php echo conf('row_color1'); ?>;

+		font-size: <?php echo conf('font_size'); ?>px;

+		}

+	.odd 

+		{

+		background:<?php echo conf('row_color2'); ?>;

+		font-size: <?php echo conf('font_size'); ?>px;

+		}

+	.even

+		{

+		background:<?php echo conf('row_color3'); ?>;

+		font-size: <?php echo conf('font_size'); ?>px;

+		}

+    .blank

+        {

+        background: #fff;

+        }

+	.border 

+		{ 

+		background:<?php echo conf('bg_color2'); ?>; 

+		}

+	.header 

+		{ 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		}

+ 	.error	

+		{ 

+		color: <?php echo conf('error_color'); ?>; 

+		}

+	.fatalerror

+		{

+		padding-top: 3px;

+		padding-bottom: 3px;

+		color: <?php echo conf('error_color'); ?>;

+                border-right:4px solid <?php echo conf('error_color'); ?>;

+                border-bottom:4px solid <?php echo conf('error_color'); ?>;

+                border-left:4px solid <?php echo conf('error_color'); ?>;

+                border-top:4px solid <?php echo conf('error_color'); ?>;		

+		font-size: <?php echo conf('font_size')+2; ?>px;

+		font-weight: 900;

+		text-align: center;

+		}

+	.disabled

+		{

+		text-decoration: line-through;

+		}

+	.alphabet 

+		{ 

+		font-size: <?php echo conf('font_size'); ?>px; 

+		font-weight: normal; 

+		}

+	.smallbutton

+		{

+		border:0px;

+		padding-left:1px;

+		padding-right:1px;

+		font-size: <?php echo conf('font_size') - 1; ?>px;

+		cursor: pointer;

+		}

+	.sidebar 

+		{

+		margin-left:0px;

+		margin-top:0px;

+		margin-right:0px;

+		padding-right:0px;

+		padding-top: 0px;

+		padding-left: 0px;

+		background: <?php echo conf('base_color2'); ?>;

+		}

+/**

+ * Div Definitions

+ * These define how the page is layed out, be careful with these as changes to them

+ * can cause drastic layout changes

+ */

+	#maincontainer

+		{

+			margin: 0px;

+		} 	

+	#topbar

+		{

+			height: 80px;

+			padding-top:10px;

+			padding-left:10px;

+			background-color: <?php echo conf('bg_color1'); ?>;

+		}

+	#topbarright

+		{

+			float: right;

+			display:none;

+		}

+	#topbarleft

+		{

+			float: left;

+		}

+

+	.subnavbutton 

+		{

+			background-color: <?php echo conf('row_color1'); ?>;

+			text-align:center;

+			text-decoration: none;

+			color: <?php echo conf('font_color2'); ?>;

+		}

+

+	#content

+		{ 

+		float:left;

+		margin-left:0px;

+		}

+/**

+ * Experimental for menus (Thx Sigger)

+ * TO DO: Fill in 1px border around menus & submenu items 

+ * Make padding appply to the li, not just an a.  Moving paddng: to li throws off the dropdown menu alignment.

+ */

+    #sidebar {

+	clear: both;

+	height: 100%;

+        margin: 0;

+        float: left;

+ /*       width: 110px;  /* this controls the width of the sidebar.  horizontal menu needs more width */

+        padding: 0px 0px 0px 5px;

+        list-style: none;

+	line-height: 1;

+    }

+    #sidebar ul {

+    	display: block;

+    	border; 1px;

+	margin: 0px;

+	list-style: none;

+	padding: 0px;

+        font-family: verdana, arial, Helvetica, sans-serif;

+	line-height: 1;

+    }

+    #sidebar li {

+/*        margin: 0 0 1px 0; */

+	margin: 0px 4px 0px 0px;

+        display: block;

+        float: left;

+	border: 0px;

+	padding: 5px 0px 5px 10px;   

+	width: 9em;

+	background-color: <?php echo conf('row_color2'); ?>;

+    }

+    #sidebar #active {

+    	background-color: <?php echo conf('base_color1'); ?>;

+    }

+    #sidebar #active a {

+    	color: #FFFFFF;

+    }

+    #sidebar a, .navbutton {

+	display: block;  /*Not sure why this is neccesary, but it is for IE*/

+	text-decoration: none;

+	}

+    #sidebar li:hover, #sidebar li.sfhover {    

+        color: <?php echo conf('font_color2'); ?>;

+	background-color: <?php echo conf('row_color3'); ?>;

+    }

+    #sidebar li:active {

+        background-color: <?php echo conf('row_color1'); ?>;

+    }

+    #sidebar li ul {

+	float: left;

+	position: absolute;	

+	width: 12em;

+	margin: -1.5em 1em 0 10em;

+/* -2em 0 0 10em for vertical menu puts the submenu back up and to the right of the hovered menu item by "the right amount"*/

+	left: -999em;  /* this puts the submenu item way off to the left until it's called back by a hover (below) */

+    }

+    #sidebar li:hover ul, #sidebar li.sfhover ul {

+	left: auto;  /* this calls the submenu back when the parent li is hovered. */

+    }

+    #sidebar li ul li {

+    	position: relative;

+    	border-bottom: 2px black;

+    	left: -11em;

+    	top: 2em;

+    }

+/**

+ * End Div Definitions

+ * This is the end of the main structure def's

+ */

+-->

+</style>

diff --git a/contrib/themes/StoneBlue/theme.cfg.php b/contrib/themes/StoneBlue/theme.cfg.php
index 3fab20d7..e72df14a 100755
--- a/contrib/themes/StoneBlue/theme.cfg.php
+++ b/contrib/themes/StoneBlue/theme.cfg.php
@@ -3,7 +3,7 @@
 ##################
 
 ###########################
-# Classic Ampache Theme
+# StoneBlue Ampache Theme
 ###########################
 
 # Theme Name
@@ -25,7 +25,21 @@ author = "SoundOfEmotion"
 # DEFAULT: N/A
 maintainer = "SoundOfEmotion <soundofemotion@gmail.com>"
 
-version = "1.0"
+# Version
+# This is the version of the Theme (usefull if you've updated it)
+version = "2.0"
+
+# Orientation
+# This was added as of 3.3.2-Alpha4, this tells Ampache if this theme
+# uses vertical or horizontal orientation of the menu, if this is a horizontal
+# theme then it will not show the quick search and quick random play forms
+orientation = "horizontal"
+
+# Submenu
+# If this is set to simple the sub menu's will only be shown when you're on one of the
+# respective pages. If you want to make the menu's something like the classic theme
+# comment this out
+#submenu = "simple"
 
 # Theme Colors
 ###################