From a3b348ff76a133966173db3cc7a741f342ac5c63 Mon Sep 17 00:00:00 2001
From: Karl 'vollmerk' Vollmer <vollmer@ampache.org>
Date: Sun, 8 Jan 2006 00:52:15 +0000
Subject: new stoneblue theme

---
 contrib/themes/StoneBlue/screencap/01.jpg    | Bin 169222 -> 98268 bytes
 contrib/themes/StoneBlue/templates/style.inc | 653 ++++++++++++++-------------
 contrib/themes/StoneBlue/theme.cfg.php       |  18 +-
 3 files changed, 359 insertions(+), 312 deletions(-)

(limited to 'contrib/themes')

diff --git a/contrib/themes/StoneBlue/screencap/01.jpg b/contrib/themes/StoneBlue/screencap/01.jpg
index 49eacf88..a2e6ea1a 100755
Binary files a/contrib/themes/StoneBlue/screencap/01.jpg and b/contrib/themes/StoneBlue/screencap/01.jpg differ
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
 ###################
-- 
cgit