new cleandy theme, replaces the clean theme

15 files changed, 676 insertions, 0 deletions

diff --git a/contrib/themes/Cleandy/images/ampache-dark-bg.gif b/contrib/themes/Cleandy/images/ampache-dark-bg.gif
new file mode 100755
index 00000000..d5e69e5d
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ampache-dark-bg.gif
diff --git a/contrib/themes/Cleandy/images/ampache-light-bg.gif b/contrib/themes/Cleandy/images/ampache-light-bg.gif
new file mode 100755
index 00000000..cb023d45
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ampache-light-bg.gif
diff --git a/contrib/themes/Cleandy/images/ampache-mid.gif b/contrib/themes/Cleandy/images/ampache-mid.gif
new file mode 100755
index 00000000..57376ea4
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ampache-mid.gif
diff --git a/contrib/themes/Cleandy/images/ampache.gif b/contrib/themes/Cleandy/images/ampache.gif
new file mode 100755
index 00000000..427776f5
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ampache.gif
diff --git a/contrib/themes/Cleandy/images/blank-pixel.gif b/contrib/themes/Cleandy/images/blank-pixel.gif
new file mode 100755
index 00000000..17d43908
--- /dev/null
+++ b/contrib/themes/Cleandy/images/blank-pixel.gif
diff --git a/contrib/themes/Cleandy/images/blankalbum.gif b/contrib/themes/Cleandy/images/blankalbum.gif
new file mode 100755
index 00000000..89761b38
--- /dev/null
+++ b/contrib/themes/Cleandy/images/blankalbum.gif
diff --git a/contrib/themes/Cleandy/images/blankalbum.jpg b/contrib/themes/Cleandy/images/blankalbum.jpg
new file mode 100755
index 00000000..468301bd
--- /dev/null
+++ b/contrib/themes/Cleandy/images/blankalbum.jpg
diff --git a/contrib/themes/Cleandy/images/headphone.gif b/contrib/themes/Cleandy/images/headphone.gif
new file mode 100755
index 00000000..74a66e11
--- /dev/null
+++ b/contrib/themes/Cleandy/images/headphone.gif
diff --git a/contrib/themes/Cleandy/images/ratings/star_rating.gif b/contrib/themes/Cleandy/images/ratings/star_rating.gif
new file mode 100644
index 00000000..7859b8aa
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ratings/star_rating.gif
diff --git a/contrib/themes/Cleandy/images/ratings/x.gif b/contrib/themes/Cleandy/images/ratings/x.gif
new file mode 100644
index 00000000..f83e5a4c
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ratings/x.gif
diff --git a/contrib/themes/Cleandy/images/ratings/x_off.gif b/contrib/themes/Cleandy/images/ratings/x_off.gif
new file mode 100644
index 00000000..f184d9a7
--- /dev/null
+++ b/contrib/themes/Cleandy/images/ratings/x_off.gif
diff --git a/contrib/themes/Cleandy/images/table.gif b/contrib/themes/Cleandy/images/table.gif
new file mode 100755
index 00000000..89761b38
--- /dev/null
+++ b/contrib/themes/Cleandy/images/table.gif
diff --git a/contrib/themes/Cleandy/screencap/01.jpg b/contrib/themes/Cleandy/screencap/01.jpg
new file mode 100644
index 00000000..d5aaed55
--- /dev/null
+++ b/contrib/themes/Cleandy/screencap/01.jpg
diff --git a/contrib/themes/Cleandy/templates/default.css b/contrib/themes/Cleandy/templates/default.css
new file mode 100644
index 00000000..d645ce0d
--- /dev/null
+++ b/contrib/themes/Cleandy/templates/default.css
@@ -0,0 +1,634 @@
+<!--
+/*
+
+ 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.
+
+ 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.
+
+ (nf) nospam.foster -at- web -dot- de
+
+ This theme is supposed to be a hybrid of "burgundy" and the old "clean" theme.
+ Based on burgundy and colored like clean.
+ Though created "quick & dirty", this fits my needs and maybe yours, too.
+
+ Used the css from burgundy with different colors and fixed the paths relative to the theme directory.
+ Integrated the rating images from "Apogee", thanks to apexeleven.
+
+*/
+-->
+p { 
+	color: #3F5F5E;
+}
+
+a { 
+	color: #3F5F5E; 
+	font-family: Arial, Helvetica, sans-serif;
+	text-decoration: none; 
+}
+a:visited 
+	{ 
+	color: #666666; 	
+	font-family: Arial, Helvetica, sans-serif;
+	text-decoration: none; 
+	}
+a:active  { 
+	color: #3F5F5E; 
+	font-family: Arial, Helvetica, sans-serif; 
+}
+a:hover  { 
+	color: #ff9d4d; 
+	font-family: Arial, Helvetica, sans-serif; 
+	text-decoration: underline;
+}
+
+
+.text-box {
+	display: table-cell;
+	padding-left:5px;
+	padding-top:5px;
+	padding-right:5px;
+	margin-bottom:10px;
+	background-color: #ffffff;
+	border-right:2px solid #666666;
+	border-bottom:2px solid #666666;
+	border-left:2px solid #666666;
+	border-top:2px solid #666666;
+}
+.selected_button {
+	background-color: black;color:white;
+}
+.unselected_button {
+	/* there really isn't anything for this */
+}
+.display {}
+
+table.tabledata {}
+td { 
+	padding: 0px 8px 0px 8px;
+	color: #3F5F5E; 
+	font-family: Arial, Helvetica, sans-serif; 
+	font-size: 12px;
+}
+th {
+	padding-right: 10px;
+}
+
+/* uncomment for themeing of dropdown-menus and buttons */
+/*input {
+	color: #3F5F5E; 
+	font-family: Arial, Helvetica, sans-serif; 
+	font-size: 12px; 
+	font-weight: bold; 
+	background-color: #F7FAFF; 
+	margin: 2px 2px 2px 2px
+}
+select	{ 
+	color: #3F5F5E; 
+	font-family: Arial, Helvetica, sans-serif; 
+	font-size: 12px; 
+	background-color: #F7FAFF; 
+};
+textarea { 
+	background-color: #F7FAFF;
+	color: #3F5F5E; 
+	font-family: Arial, Helvetica, sans-serif; 
+	font-size: 12px; 
+};*/
+
+.table-header {
+	background: url(../images/ampache-light-bg.gif) #F7FAFF repeat-x;
+	vertical-align: top;
+}
+    .header1 
+    { 
+	color: #666666; 
+	font-family: Arial, Helvetica, sans-serif; 
+	font-size: 14px; 
+	font-weight: 900;
+    }
+    .header2
+    {
+    	color: #666666;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	font-weight: 900;
+    }
+	.headrow 
+		{
+		background:#cccccc;
+		font-size: 10px;
+		}
+	.odd 
+		{
+		background:#ffffff;
+		font-size: 10px;
+		}
+	.even
+		{
+		background:#F7FAFF;
+		font-size: 10px;
+		}
+.blank {
+	background: #fff;
+}
+.border { 
+	background:#666666; 
+}
+.header { 
+	font-size: 10px; 
+}
+.error { 
+	color: #CAD0D5; 
+}
+.fatalerror {
+	padding-top: 3px;
+	padding-left: 3px;
+	padding-right: 3px;
+	display: table-cell;
+	padding-bottom: 3px;
+	color: #CAD0D5;
+ border-right:4px solid #CAD0D5;
+ border-bottom:4px solid #CAD0D5;
+ border-left:4px solid #CAD0D5;
+ border-top:4px solid #CAD0D5;		
+}
+.disabled {
+	text-decoration: line-through;
+}
+.smallbutton {
+	border:0px;
+	padding-left:1px;
+	padding-right:1px;
+	font-size: 11px;
+	cursor: pointer;
+}
+
+/* General style rules  */
+body{ 
+	padding-top: 0px;
+	margin-top: 0px;
+	margin-left: 0px;
+	margin-right: 0px; 
+	background-color:#ffffff;
+	font-family:Arial, Helvetica, Sans-Serif;
+	color: #666666;
+}
+
+#maincontainer{
+	margin: 0px;
+}
+
+.alphabet { 
+	margin: 10px;
+	font-size: 10px; 
+	font-weight: normal; 
+}
+
+/* Content block */
+#content {
+	postion:absolute;
+	float: left;
+	clear: both;
+	margin-left:135px;
+	/*float:left;  use for horizontal menu; comment out otherwise */
+	/* background:#fff url("../images/bg_content.gif") repeat-y right top; */
+}
+
+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 {
+	text-align:left;
+}
+			
+/* Styles for Header */
+div#Header{
+	height:80px;
+	margin-bottom:3px;
+	padding:0px;
+}
+
+#Header h1 { 
+	background: transparent url("../images/bg_login_0.jpg") no-repeat top left; 
+	border:0px; 
+	width: 439px; 
+	height: 84px; 
+	float: left;
+	margin:0px;
+	padding:0px;
+}
+	
+#Header h1 span {
+	display:none
+}
+
+#Header h2 { 
+	background: transparent url(001/h2.gif) no-repeat top left; 
+	margin-top: 75px;  
+	width: 200px; 
+	height: 18px; 
+	float: right;
+}
+
+#Header h2 span {
+	font-size:10px;
+	margin-left:10px;
+}
+
+/* Sidebar */
+/**
+ * Experimental for menus (Thx Sigger)
+ * TO DO: Fill in 1px border around menus & submenu items
+ * Make padding apply to the li, not just an a.  Moving padding: to li throws off the dropdown menu alignment.
+ */
+
+#sidebar{
+	clear:both;
+	position:absolute;
+	left:5px;
+	top:87px;
+}
+
+#sidebar select	{
+	width: 95%; 
+}
+
+#sidebar h3 {
+	border:0; 
+	width: 120px; 
+	height: 28px; 
+	margin:0;
+	padding:0; 
+	background: transparent url(../images/sidebar_top.jpg) no-repeat left; 
+}
+	
+#sidebar h3 span {
+	display:none
+}
+
+#sidebar ul {
+	list-style: none;
+	font-family:Arial, Helvetica, Sans-Serif;
+	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: 12em;
+    width: /**/10.5em; /* Only IE5.5 can't see this */
+    margin: 0;
+    padding: .5em 0 .5em 1em;
+    border-bottom: 1px solid #8B8B8B;
+    border-left: 1px solid #8B8B8B;
+    border-right: 4px solid #B4B4B4;
+    border-top: 1px solid #8B8B8B;
+    background:#ffffff;
+}
+
+#sidebar ul.subnavside li { 
+    border-right: 1px solid #B4B4B4;
+}
+
+#sidebar a, #sidebar .navbutton {
+    display: block;
+    position: relative;
+    text-decoration: none;
+}
+
+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
+    display:block;
+}
+
+#sidebar li:hover, #sidebar li.sfhover,  #sidebar li.activetopmenu {
+    color:#000;
+    background-color:#EEF7FF;
+}
+
+#sidebar li.hover:active {
+    background-color:#EEF7FF;
+    z-index:30;
+}
+
+/* For horizontal menu */
+.horizontal_menu #content {margin:0em 0 0 2em;}
+.horizontal_menu #sidebar { width: auto; top: 50px;}
+.horizontal_menu #sidebar h3 { display: none; }
+.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b}
+.horizontal_menu #sidebar ul.subnavside  { left: 0; top: 2em; }
+
+
+/* Styles for Now Playing */
+
+#np_container1{
+	width: 260px;
+	height: 18px;
+	padding: 0px;
+	margin: 0px;
+	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-width: 1px 1px 1px 1px;
+	border-style: solid;
+	border-color:#ddd #999 #999 #ccc;
+	padding: 6px;
+	font-family: Verdana, sans-serif;
+	font-size: 10px;
+	line-height: 12px;
+	color: #000;
+	background: #D6D6D4 url("../images/bg_row.jpg") repeat top left;
+}
+
+	
+/* Styles for Login template  */
+#container{
+	margin:100px auto 0px auto;
+	width:437px;
+	font-size: 10px;
+	text-align:center;
+}
+#container h1{
+	background:url("../images/bg_login_0.jpg") no-repeat;
+	height:81px;
+	margin-bottom:8px;
+}
+#container h1 span{
+	display:none;
+}
+#container div{
+	background:url("../images/bg_login_1.jpg") no-repeat;
+	height:285px;
+}
+#loginp_0{
+	color:#333;
+	margin-top:0px;
+	padding-top:60px;
+}
+.loginp_1{
+	text-align:right;
+	padding-right:100px;
+}
+.loginp_1 span{
+	font-weight:bold;
+}
+.loginp_1 input{
+	border:1px solid #999;
+}
+input.text_input {
+width:12em;
+}
+.loginp_1 input.check_input {
+margin-right:5em;
+} 
+/* Footer */
+#footer {
+	margin-left: 150px;
+	margin-bottom: 10px;
+}
+
+#footer p {
+	color:#999999;
+	font-size:10px;
+}
+#topbar { 
+	height: 80px;
+	padding-top:3px;
+	padding-left:10px;
+}
+#topbarright { 
+	float: right;
+	font-size: 10px;
+}
+#topbarleft, #topbarleft a{ 
+	float: left;
+}
+
+/* Box Related Styles */
+.box { 
+	padding:5px;
+	background: #EEF7FF;
+	margin:10px;
+	border: 1px solid #c0c0c0;
+}
+.box-title { 
+	border-bottom: solid 1px #ffffff;
+	font-weight: bold;
+}
+.box-left-top { display:none; }
+.box-left-bottom { display:none; }
+.box-left { display:none; }
+.box-bottom { display:none; }
+.box-right-bottom { display:none; }
+.box-right-top { display:none; }
+.box-right { display:none; }
+.box-top { display:none; }
+
+.confirmation-box {
+	padding-left:5px;
+	padding-top:5px;
+ 	padding-right:5px;
+	margin-bottom:10px;
+	display: table-cell;
+	background-color: #ffffff;
+	border-right:2px solid #666666;
+	border-bottom:2px solid #666666;
+	border-left:2px solid #666666;
+	border-top:2px solid #666666;}
+
+.text-action, .text-action li {
+	margin-top:5px;
+	list-style: none;
+	margin-bottom:5px;
+	padding-left:0px;
+}
+.text-action a, .text-action span {
+	background: #F7FAFF;
+	border:1px solid #c0c0c0;
+ 	padding-left:2px;
+	padding-right:2px;
+	text-decoration: none;
+}
+.text-action #pt_active {
+	background: #666666;
+	color: #ffffff;
+	border:1px solid #F7FAFF;
+}
+#nowplaying {
+	width:650px;
+	background: #EEF7FF;
+}
+.np_row {
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+.np_cell {
+	margin: 10px;
+}
+#tablist {
+        padding: 3px 0;
+        margin: 10px 0 0 0;
+        font: bold 10px Arial, sans-serif;
+}
+
+#tablist li {
+        list-style: none;
+        margin: 0;
+        display: inline;
+}
+
+#tablist li a {
+        padding: 3px 0.5em;
+        margin-left: 3px;
+        border: 1px solid #cccccc;
+        border-bottom: none;
+        background: #F7FAFF;
+        text-decoration: none;
+}
+
+#tablist li a:link { color: #222222; }
+#tablist li a:visited { color: #666666; }
+
+#tablist li a:hover {
+        color: #666666;
+        background: #ffffff;
+        border-color: #666666;
+}
+
+#tablist li a#current {
+        color: #666666;
+        background: #ffffff;
+        border-color: #666666;
+        border-bottom: 1px solid #666666;
+}
+
+#tv_left {
+        float: left;
+        clear: left;
+}
+#tv_np {
+        float: right;
+}
+
+/* styles for the star ratings */  /* paths fixed to theme relative*/
+.star-rating{
+        list-style:none;
+        margin: 0px;
+        padding:0px;
+        width: 80px;
+        height: 15px;
+        position: relative;
+        background: url(../images/ratings/star_rating.gif) top left repeat-x;
+}
+.star-rating li{
+        padding:0px;
+        margin:0px;
+        float: right;
+}
+.star-rating li span{
+        display:block;
+        width:16px;
+        height: 15px;
+        text-decoration: none;
+        text-indent: -9000px;
+        z-index: 20;
+        position: absolute;
+        padding: 0px;
+}
+.star-rating li span:hover{
+        background: url(../images/ratings/star_rating.gif) left center;
+        z-index: 2;
+        left: 0px;
+}
+li.zero-stars span:hover {
+        background: url(../images/ratings/x.gif);
+        height: 15px;
+        left: 80px;
+        display: block;
+}
+span.zero-stars {
+        background: url(../images/ratings/x_off.gif);
+        height: 15px;
+        left: 80px;
+        display: block;
+}
+span.one-stars{
+        left: 0px;
+}
+span.one-stars:hover{
+        width:16px;
+}
+span.two-stars{
+        left:16px;
+}
+span.two-stars:hover{
+        width: 32px;
+}
+span.three-stars{
+        left: 32px;
+}
+span.three-stars:hover{
+        width: 48px;
+}
+span.four-stars{
+        left: 48px;
+}
+span.four-stars:hover{
+        width: 64px;
+}
+span.five-stars{
+        left: 64px;
+}
+span.five-stars:hover{
+        width: 80px;
+}
+li.current-rating{
+        background: url(../images/ratings/star_rating.gif) left bottom;
+        position: absolute;
+        height: 15px;
+        display: block;
+        text-indent: -9000px;
+        z-index: 1;
+}
+
diff --git a/contrib/themes/Cleandy/theme.cfg.php b/contrib/themes/Cleandy/theme.cfg.php
new file mode 100644
index 00000000..4798fd42
--- /dev/null
+++ b/contrib/themes/Cleandy/theme.cfg.php
@@ -0,0 +1,42 @@
+##################
+#<?php exit(); ?>#
+##################
+
+###########################
+# Cleandy Ampache Theme 
+###########################
+
+# Theme Name
+# This is the actual name of the theme that
+# will be displayed in the preferences screen
+# DEFAULT: ampache-theme
+name = "Cleandy"
+
+# Theme Author
+# This is just a way of giving credit to the 
+# person who actually created this theme
+# DEFAULT: N/A
+author = "nf"
+
+# Theme Maintainer
+# This is just a way of listing who is responsible for
+# maintaining this theme incase it's not working right
+# please include an e-mail address so you can be contacted
+# DEFAULT: N/A
+maintainer = "nospam.foster -at- web -dot- de "
+
+# Version
+# This is the version of the Theme (usefull if you've updated it)
+version = "0.1"
+
+# 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"