summaryrefslogtreecommitdiffstats
path: root/contrib/themes
diff options
context:
space:
mode:
Diffstat (limited to 'contrib/themes')
-rwxr-xr-xcontrib/themes/Piano/images/ampache.gifbin0 -> 10388 bytes
-rwxr-xr-xcontrib/themes/Piano/images/bar_1e_p.pngbin0 -> 3827 bytes
-rwxr-xr-xcontrib/themes/Piano/images/bar_b.pngbin0 -> 3960 bytes
-rwxr-xr-xcontrib/themes/Piano/images/bar_logout.pngbin0 -> 3527 bytes
-rwxr-xr-xcontrib/themes/Piano/images/bar_logout_p.pngbin0 -> 3204 bytes
-rwxr-xr-xcontrib/themes/Piano/images/e_ol8.pngbin0 -> 1110 bytes
-rwxr-xr-xcontrib/themes/Piano/images/e_or8.pngbin0 -> 1179 bytes
-rwxr-xr-xcontrib/themes/Piano/images/e_ul8.pngbin0 -> 1159 bytes
-rwxr-xr-xcontrib/themes/Piano/images/e_ur8.pngbin0 -> 1080 bytes
-rwxr-xr-xcontrib/themes/Piano/images/mbw-bar_a.pngbin0 -> 4112 bytes
-rwxr-xr-xcontrib/themes/Piano/images/partitur_back_a3.pngbin0 -> 12885 bytes
-rwxr-xr-xcontrib/themes/Piano/images/piano_rahmen_med7.pngbin0 -> 1436 bytes
-rwxr-xr-xcontrib/themes/Piano/images/r_l8.pngbin0 -> 913 bytes
-rwxr-xr-xcontrib/themes/Piano/images/r_o.pngbin0 -> 211 bytes
-rwxr-xr-xcontrib/themes/Piano/images/r_r8.pngbin0 -> 915 bytes
-rwxr-xr-xcontrib/themes/Piano/images/r_u.pngbin0 -> 217 bytes
-rwxr-xr-xcontrib/themes/Piano/images/rahmen_o.pngbin0 -> 572 bytes
-rwxr-xr-xcontrib/themes/Piano/images/ratings/star_rating.gifbin0 -> 124 bytes
-rw-r--r--contrib/themes/Piano/images/ratings/star_rating_g.gifbin0 -> 155 bytes
-rw-r--r--contrib/themes/Piano/images/ratings/star_rating_o.gifbin0 -> 124 bytes
-rw-r--r--contrib/themes/Piano/images/ratings/x.gifbin0 -> 95 bytes
-rw-r--r--contrib/themes/Piano/images/ratings/x_off.gifbin0 -> 70 bytes
-rwxr-xr-xcontrib/themes/Piano/images/top_shade2.pngbin0 -> 471 bytes
-rw-r--r--contrib/themes/Piano/templates/default.css937
-rw-r--r--contrib/themes/Piano/theme.cfg.php42
25 files changed, 979 insertions, 0 deletions
diff --git a/contrib/themes/Piano/images/ampache.gif b/contrib/themes/Piano/images/ampache.gif
new file mode 100755
index 00000000..7079f9df
--- /dev/null
+++ b/contrib/themes/Piano/images/ampache.gif
Binary files differ
diff --git a/contrib/themes/Piano/images/bar_1e_p.png b/contrib/themes/Piano/images/bar_1e_p.png
new file mode 100755
index 00000000..515ca5b9
--- /dev/null
+++ b/contrib/themes/Piano/images/bar_1e_p.png
Binary files differ
diff --git a/contrib/themes/Piano/images/bar_b.png b/contrib/themes/Piano/images/bar_b.png
new file mode 100755
index 00000000..fc2b1760
--- /dev/null
+++ b/contrib/themes/Piano/images/bar_b.png
Binary files differ
diff --git a/contrib/themes/Piano/images/bar_logout.png b/contrib/themes/Piano/images/bar_logout.png
new file mode 100755
index 00000000..2776c81e
--- /dev/null
+++ b/contrib/themes/Piano/images/bar_logout.png
Binary files differ
diff --git a/contrib/themes/Piano/images/bar_logout_p.png b/contrib/themes/Piano/images/bar_logout_p.png
new file mode 100755
index 00000000..380fa608
--- /dev/null
+++ b/contrib/themes/Piano/images/bar_logout_p.png
Binary files differ
diff --git a/contrib/themes/Piano/images/e_ol8.png b/contrib/themes/Piano/images/e_ol8.png
new file mode 100755
index 00000000..74bd683c
--- /dev/null
+++ b/contrib/themes/Piano/images/e_ol8.png
Binary files differ
diff --git a/contrib/themes/Piano/images/e_or8.png b/contrib/themes/Piano/images/e_or8.png
new file mode 100755
index 00000000..d3e36380
--- /dev/null
+++ b/contrib/themes/Piano/images/e_or8.png
Binary files differ
diff --git a/contrib/themes/Piano/images/e_ul8.png b/contrib/themes/Piano/images/e_ul8.png
new file mode 100755
index 00000000..5622368d
--- /dev/null
+++ b/contrib/themes/Piano/images/e_ul8.png
Binary files differ
diff --git a/contrib/themes/Piano/images/e_ur8.png b/contrib/themes/Piano/images/e_ur8.png
new file mode 100755
index 00000000..e02e7757
--- /dev/null
+++ b/contrib/themes/Piano/images/e_ur8.png
Binary files differ
diff --git a/contrib/themes/Piano/images/mbw-bar_a.png b/contrib/themes/Piano/images/mbw-bar_a.png
new file mode 100755
index 00000000..34c2896a
--- /dev/null
+++ b/contrib/themes/Piano/images/mbw-bar_a.png
Binary files differ
diff --git a/contrib/themes/Piano/images/partitur_back_a3.png b/contrib/themes/Piano/images/partitur_back_a3.png
new file mode 100755
index 00000000..a86d5c00
--- /dev/null
+++ b/contrib/themes/Piano/images/partitur_back_a3.png
Binary files differ
diff --git a/contrib/themes/Piano/images/piano_rahmen_med7.png b/contrib/themes/Piano/images/piano_rahmen_med7.png
new file mode 100755
index 00000000..d15c7ab7
--- /dev/null
+++ b/contrib/themes/Piano/images/piano_rahmen_med7.png
Binary files differ
diff --git a/contrib/themes/Piano/images/r_l8.png b/contrib/themes/Piano/images/r_l8.png
new file mode 100755
index 00000000..0a0a4f0c
--- /dev/null
+++ b/contrib/themes/Piano/images/r_l8.png
Binary files differ
diff --git a/contrib/themes/Piano/images/r_o.png b/contrib/themes/Piano/images/r_o.png
new file mode 100755
index 00000000..3d0d3c06
--- /dev/null
+++ b/contrib/themes/Piano/images/r_o.png
Binary files differ
diff --git a/contrib/themes/Piano/images/r_r8.png b/contrib/themes/Piano/images/r_r8.png
new file mode 100755
index 00000000..c106b773
--- /dev/null
+++ b/contrib/themes/Piano/images/r_r8.png
Binary files differ
diff --git a/contrib/themes/Piano/images/r_u.png b/contrib/themes/Piano/images/r_u.png
new file mode 100755
index 00000000..ffa3f8ca
--- /dev/null
+++ b/contrib/themes/Piano/images/r_u.png
Binary files differ
diff --git a/contrib/themes/Piano/images/rahmen_o.png b/contrib/themes/Piano/images/rahmen_o.png
new file mode 100755
index 00000000..7aac5c79
--- /dev/null
+++ b/contrib/themes/Piano/images/rahmen_o.png
Binary files differ
diff --git a/contrib/themes/Piano/images/ratings/star_rating.gif b/contrib/themes/Piano/images/ratings/star_rating.gif
new file mode 100755
index 00000000..1ef94370
--- /dev/null
+++ b/contrib/themes/Piano/images/ratings/star_rating.gif
Binary files differ
diff --git a/contrib/themes/Piano/images/ratings/star_rating_g.gif b/contrib/themes/Piano/images/ratings/star_rating_g.gif
new file mode 100644
index 00000000..ed9fb624
--- /dev/null
+++ b/contrib/themes/Piano/images/ratings/star_rating_g.gif
Binary files differ
diff --git a/contrib/themes/Piano/images/ratings/star_rating_o.gif b/contrib/themes/Piano/images/ratings/star_rating_o.gif
new file mode 100644
index 00000000..7859b8aa
--- /dev/null
+++ b/contrib/themes/Piano/images/ratings/star_rating_o.gif
Binary files differ
diff --git a/contrib/themes/Piano/images/ratings/x.gif b/contrib/themes/Piano/images/ratings/x.gif
new file mode 100644
index 00000000..0cfcc0ae
--- /dev/null
+++ b/contrib/themes/Piano/images/ratings/x.gif
Binary files differ
diff --git a/contrib/themes/Piano/images/ratings/x_off.gif b/contrib/themes/Piano/images/ratings/x_off.gif
new file mode 100644
index 00000000..f184d9a7
--- /dev/null
+++ b/contrib/themes/Piano/images/ratings/x_off.gif
Binary files differ
diff --git a/contrib/themes/Piano/images/top_shade2.png b/contrib/themes/Piano/images/top_shade2.png
new file mode 100755
index 00000000..e62ee98c
--- /dev/null
+++ b/contrib/themes/Piano/images/top_shade2.png
Binary files differ
diff --git a/contrib/themes/Piano/templates/default.css b/contrib/themes/Piano/templates/default.css
new file mode 100644
index 00000000..1128b54f
--- /dev/null
+++ b/contrib/themes/Piano/templates/default.css
@@ -0,0 +1,937 @@
+/*
+
+ 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 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
+ 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.
+
+*/
+
+
+/************************************************/
+/* Unify default browsers style rules */
+/************************************************/
+:link,:visited { text-decoration:none; }
+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 */
+
+
+/************************************************/
+/* General style rules */
+/************************************************/
+body {
+/* background: #FFF; */
+/* background: #FFF url(../images/partitur_back.png); */
+ background: transparent url(../images/partitur_back_a3.png) left repeat-y;
+/* background: #FFF url(../images/jazzbar_s.gif) no-repeat fixed bottom right; */
+/* background-image: "../images/partitur_back.png"; */
+ font-family:Arial, Helvetica, Sans-Serif;
+ color: #666;
+}
+p {
+ color: #666;
+ margin:1em 0;
+}
+a, a:visited, a:active{
+ color: #000;
+ font-family: Arial, Helvetica, sans-serif;
+ text-decoration: none;
+}
+/*a:hover {
+ padding: 8px;
+ background: transparent url(../images/mbw-btn2.gif) no-repeat right;
+}*/
+td {
+ padding: 0 8px;
+ color: #666;
+ font:10px Arial, Helvetica, sans-serif; /*12*/
+}
+th {
+ padding-right: 10px;
+}
+/*input, select, textarea{
+ font: 12px Verdana, Helvetica, sans-serif;
+ background: #ddd;
+ color: #000;
+}
+input {
+ font-weight: bold;
+ margin: 2px 2px 2px 0;
+}*/
+input, textarea {
+/* color: #71571A; */
+/* font-family: Georgia, Helvetica, Arial, sans-serif; */
+ font-size: 10px;
+ padding-left: 2px;
+ padding-right: 2px;
+ background-color: #ECEEF1;
+ margin: 2px 2px 2px 2px;
+ border: 1px solid #585857;
+}
+select {
+/* color: #71571A; */
+/* font-family: Georgia, Helvetica, Arial, sans-serif; */
+ font-size: 10px;
+ padding: 0px;
+ background-color: #ECEEF1;
+ margin: 1px 0px 1px 1px;
+ border: 1px solid #585857;
+}
+input[type="checkbox"]{
+/* color: #71571A; */
+ background-color: #ECEEF1;
+ border: 1px solid #585857;
+ padding: 0px;
+}
+input[type="text"]{
+ padding-left: 2px;
+ padding-right: 2px;
+ padding-top: 1px;
+ padding-right: 1px;
+}
+input[type="radio"] {
+ border: none;
+ padding: 0;
+}
+/************************************************/
+/* Header */
+/************************************************/
+#topbar {
+ height: 80px;
+ padding: 5px 0 10px 10px;
+ background: transparent url(../images/top_shade2.png) repeat-x;
+}
+#topbarright {
+ color: #000;
+ position: absolute;
+/* clear: both; */
+/* float: left; */
+ font-size: 10px;
+ top: 20px;
+/* writing-mode: tb-rl; */
+ left: 190px;
+ height: 60px;
+ background: transparent url(../images/mbw-bar_a.png) no-repeat;
+ padding-left: 510px;
+ padding-top: 25px;
+ filter:alpha(opacity=50);
+ opacity: 0.5;
+}
+#topbarleft {
+/* background: transparent url(../images/left_shade2.png) repeat-y; */
+/* position: absolute; */
+/* height: 1000px; */
+/* width: 70px; */
+/* top: 0px; */
+/* left: 0px; */
+/* z-index: 1000; */
+}
+#topbarleft, #topbarleft a{
+/* float: left; */
+}
+
+/*#topbar_ctrl{
+ position: absolute;
+ clear: both;
+ top: 261px;
+ z-index: 100;
+ left: 8px;
+}*/
+/************************************************/
+/* XSPF Player */
+/************************************************/
+
+.xspf_player {
+ right: 20px;
+ position: absolute;
+}
+
+/************************************************/
+/* Footer */
+/************************************************/
+#footer {
+ margin: 0 0 10px 150px;
+/* height: 40px; */
+/* z-index: 10000; */
+}
+#footer p {
+ color:#999;
+ font-size:10px;
+}
+
+
+/************************************************/
+/* Buttons */
+/************************************************/
+.selected_button {
+ background: #000;
+ color: #fff;
+}
+.unselected_button {
+}
+.smallbutton {
+ border:0;
+ padding: 0 1px;
+ font-size: 10px; /*11*/
+ cursor: pointer;
+}
+
+
+/************************************************/
+/* Tables (songs lists...) */
+/************************************************/
+.table-header {
+/* background: #8b8b8b url(../images/topheader.png) repeat-x; */
+ background: #F0F3F5;
+/* height: 16px; */
+ vertical-align: top;
+ text-align: center;
+/* color: #FFF; */
+ text-decoration: underline;
+ border-top: 1px dotted #000;
+ border-bottom: 1px dotted #000;
+}
+.table-header a {
+/* color: #FFF; */
+}
+.table-header td{
+ border-top: 1px dotted #000;
+ border-bottom: 1px dotted #000;
+/* font-size: 10px; */
+}
+.odd {
+ font-size: 10px; /*12*/
+ color: #FFFFFF;
+ background:#F0F3F5;
+/* border: 1px dotted #c0c0c0; */
+}
+.even {
+ font-size: 10px; /*12*/
+ color: #000000;
+ background:#FFFFFF;
+ border: 1px dotted #c0c0c0;
+}
+.headrow { /*headline in boxes*/
+ font-size: 12px;
+/* background:#ccc; */
+ padding: 3px;
+ margin-bottom: 3px;
+}
+.blank {
+ background: #fff;
+}
+.border {
+ background: #000;
+}
+.header {
+ font-size: 10px; /*12*/
+}
+.header1 {
+ color:#000;
+ font:bold 12px Arial, Helvetica, sans-serif;
+}
+.header2 {
+ color:#000;
+ font:bold 12px Arial, Helvetica, sans-serif;
+}
+/************************************************/
+/* Content block */
+/************************************************/
+#content {
+ top:90px;
+ float: none;
+ margin:7px 0 0 165px;
+/* padding-left: 100px; */
+/* background: transparent url(../images/partitur_back_a.png) repeat-y; */
+ /* background:#fff url(../images/bg_content.gif) repeat-y right top; */
+}
+h3#content_title{
+ font: 12px Arial,Helvetica,Sans-Serif; /*12 32*/
+ background: #000; /*#8b8b8b url(../images/topheader.png) repeat-x;*/
+ color:#fff;
+}
+h3#content_title span {
+ text-align:left;
+}
+
+
+/************************************************/
+/* Sidebar */
+/************************************************/
+#sidebar{
+ clear:both;
+ position:absolute;
+ left: 5px;
+ top: 320px;
+ height: auto;/*500px;*/
+ width: 160px;
+ border-left: 5px solid #000;
+/* filter:alpha(opacity=85); */
+/* opacity: 0.85; */
+/* background: transparent url(../images/left_shade2.png) repeat-y; */
+}
+#sidebar select {
+ width: 95%;
+}
+#sidebar h3 {
+ width: 150px;
+ height: 16px; /*28*/
+ background: transparent url(../images/rahmen_o.png) no-repeat left;
+}
+#sidebar h3 span {
+ display:none
+}
+#sidebar ul {
+ list-style: none;
+ font: 10px/1em Arial, Helvetica, Sans-Serif;
+}
+#sidebar ul.subnavside {
+ display: none;
+ position: absolute;
+ top: -1px;
+ left: 13.5em;
+ font-size: 1em;
+ z-index: 1000;
+ border: 3px solid #000;
+/* background: #FFF; */
+/* filter:alpha(opacity=75);
+ opacity: 0.75;
+ -moz-opacity: 0.75; */
+}
+#sidebar li {
+ float: left;
+ clear: both;
+ display: block; /* IE6 Patch */
+ position: relative;
+ height: 27px;
+ width: 150px;
+ border-top: 1px #4B4843;
+/* border-bottom: 1px solid #4B4843; */
+/* border-right: 1px #c0c0c0; */
+/* border-left: 1px solid #000; */
+/* background:#fff; */
+ background: transparent url(../images/bar_b.png) no-repeat left;
+ text-align: right;
+/* margin-right: 10px; */
+}
+#sidebar li a {
+ padding-top: 1px;
+}
+#sidebar ul.subnavside li {
+ height: 25px;
+ width: 12em; /*60px;*/
+ border-top: 1px dotted #4B4843;
+ background: transparent;/*#ECEEF1;*/
+ padding-right: 0px;
+ margin-right: 10px;
+}
+#sidebar a, #sidebar .navbutton {
+ display: block;
+ position: relative;
+ text-decoration: none;
+ padding: 0em 0 .5em 1em;
+ text-align: right;
+ padding-right: 50px;
+ padding-bottom: 15px;
+}
+#sidebar ul.subnavside li a{
+/* background:#FFF; */
+ text-align: left;
+ margin-left: 5px;
+ padding-right: 0px;
+}
+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
+ display: block;
+ background: #FFFFFF;
+/* text-align: left; */
+}
+#sidebar li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu {
+ color:#000;
+/* background:#ddd; */
+ background: #FFFFFF url(../images/bar_1e_p.png) no-repeat left;
+}
+#sidebar li.activetopmenu a{
+ right: -25px;
+}
+#sidebar li.activetopmenu ul.subnavside a{
+ right: 0px;
+}
+#sidebar li.hover:active {
+ background:#FFFFFF;
+ z-index:30;
+}
+
+/* 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 #8b8b8b; }
+.horizontal_menu #sidebar ul.subnavside { left: 0; top: 2em; }
+
+
+/* Menu Elements Display (icons, visibility...) */
+#sidebar li#sidebar_home {
+/* background: transparent url(../images/bar_blank.png) no-repeat left; */
+}
+#sidebar li#sidebar_admin {
+/* background: transparent url(../images/bar_1b.png) no-repeat left; */
+}
+#sidebar li#sidebar_prefs {
+/* background: transparent url(../images/bar_2.png) no-repeat left; */
+}
+#sidebar li#sidebar_browse {
+/* background: transparent url(../images/bar_3.png) no-repeat left; */
+}
+#sidebar li#sidebar_plists {
+/* background: transparent url(../images/bar_4.png) no-repeat left; */
+}
+#sidebar li#sidebar_stats {
+/* background: transparent url(../images/bar_1b.png) no-repeat left; */
+}
+#sidebar_search {
+/* position: absolute;
+ left: 0px;
+ top: 400px; */
+}
+#sidebar #sidebar_subsearch { /*input*/
+/* position: absolute;
+ left: 0px;
+ top: 500px; */
+}
+#sidebar #sidebar_subsearch input { /*input field*/
+/* margin-left: 80px; */
+ top: 2px;
+ width: 4em;
+ height: 2em;
+}
+#sidebar #sidebar_subsearch .smallbutton { /*without "search"*/
+/* display: none; */
+ height: 14px;
+ float: left;
+ color: #FFFFFF;
+ background: transparent;
+ z-index: 10000;
+
+}
+#sidebar li#sidebar_random {
+/* background: transparent url(../images/bar_3.png) no-repeat left; */
+}
+#sidebar li#sidebar_form { /*lp_input incl background */
+ height: 156px;
+/* clear: both; */
+/* background: none; */
+ background: transparent url(../images/piano_rahmen_med7.png) no-repeat;
+ border-left: 5px solid #000;
+ position: absolute;
+ left: -5px;
+ top: -180px;
+/* top: 100px; */
+ text-align: left;
+/* display: none; */
+}
+.localplaycontrol{
+ position: absolute;
+ clear: both;
+ top: -345px;
+ z-index: 100;
+ left: 0px;
+}
+#sidebar li#sidebar_form form { /*lp_input */
+ position: relative;
+ top: 16px;
+}
+#sidebar li#sidebar_form form .smallbutton{ /*lp_input play button*/
+ height: 16px;
+ width: 93px;
+ color: #000;
+ background: #ECEEF1;
+ border: 1px solid #888888; /*dotted #000;*/
+}
+#sidebar li#sidebar_form select { /*lp_input selectbuttons */
+/* background: none; */
+ width: 95px;/*135px;*/
+ height: 18px;
+ text-align: right;
+}
+
+#sidebar_localplay {
+}
+#sidebar_localplay_ctrl {
+ display: none;
+}
+#sidebar li#play_type_switch {
+ height: 52px;
+}
+#sidebar li #play_type_switch {
+ width: 95px;
+}
+#play_type_switch {
+ display: none; /*couldn't get it in same position in all browsers*/
+ text-align: right;
+ clear: both;
+ position: absolute;
+ height: 18px;
+ width: 95px;
+ top: -385px;
+ left: 0px;
+}
+/*#play_type_switch select{
+ width: 95px;
+ height: 18px;
+ text-align: right;
+}*/
+#sidebar li#sidebar_logout {
+ height: 43px;
+ background: transparent url(../images/bar_logout.png) no-repeat left;
+}
+
+#sidebar li#sidebar_logout li:hover, #sidebar li#sidebar_logout li:hover, #sidebar li#sidebar_logout li.sfhover {
+ background: transparent url(../images/bar_logout_p.png) no-repeat left;
+}
+/*#sidebar_admin_users li {
+ background:#FFF;
+ text-align: left;
+}
+#sidebar_admin_mail_users li {
+ background:#FFF;
+ text-align: left;
+}
+#sidebar_admin_catalog li {
+ background:#FFF;
+ text-align: left;
+}
+#sidebar_admin_config li {
+ background:#FFF;
+ text-align: left;
+}
+#sidebar_admin_access_list li {
+ background:#FFF;
+ text-align: left;
+}*/
+
+#sidebar_browse_albums a { }
+#sidebar_browse_artists a { }
+#sidebar_browse_genre a { }
+#sidebar_browse_song_title a { }
+#sidebar_browse_lists a { }
+
+
+/************************************************/
+/* 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 Arial, sans-serif;
+/* background: #d6d6d4 url(../images/bg_row.jpg) repeat top left; */
+ color: #000;
+}
+.np_row {
+ padding: 3px 0;
+}
+/* the following cells need a modified show_now_playing.inc (included) to work */
+.np_cell, .np_cell_left, .np_cell_2, .np_cell_m, .np_cell_right {
+ border-bottom: 1px dotted #71571A;
+ border-top: 1px dotted #71571A;
+}
+.np_cell {
+ margin: 10px;
+}
+.np_cell_left { /*username and rating*/
+ width: 120px;
+ padding: 2px;
+ text-align: left;
+}
+.np_cell_2 {
+ padding: 0;
+ text-align: center;
+}
+.np_cell_m { /*artist and album name*/
+ width: 150px;
+ padding: 2px;
+ text-align: right;
+}
+.np_cell_2 ul, .np_cell_m ul {
+ margin-left: auto;
+ margin-right: auto;
+}
+.np_cell_right { /*album image*/
+ width: 75px;
+ padding: 0;
+ text-align: center;
+}
+/************************************************/
+/* Styles for the star ratings */
+/************************************************/
+.star-rating{
+ position: relative;
+ list-style:none;
+ width: 80px;
+ height: 15px;
+ background: url(../images/ratings/star_rating.gif) top left repeat-x;
+}
+.star-rating li{
+ float: right;
+}
+li.current-rating{
+ display: block;
+ position: absolute;
+ height: 15px;
+ background: url(../images/ratings/star_rating.gif) left bottom;
+ text-indent: -9000px;
+ z-index: 1;
+}
+.star-rating li span{
+ position: absolute;
+ display:block;
+ width:16px;
+ height: 15px;
+ text-decoration: none;
+ text-indent: -9000px;
+ z-index: 20;
+}
+.star-rating li span:hover{
+ background: url(../images/ratings/star_rating.gif) left center;
+ z-index: 2;
+ left: 0;
+}
+li.zero-stars span:hover {
+ display: block;
+ left: 80px;
+ height: 15px;
+ background: url(../images/ratings/x.gif);
+}
+span.zero-stars {
+ display: block;
+ left: 80px;
+ height: 15px;
+ background: url(../images/ratings/x_off.gif);
+}
+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; }
+
+
+/************************************************/
+/* Box Related Styles */
+/************************************************/
+.box {
+/* background: #F2F2F2; */
+/* background: #FFF url(../images/partitur_back.png); */
+ margin: 5px; /*5px*/
+ padding: 5px;
+}
+.box-title {
+ border-bottom: solid 1px #000;
+ font-size: 12px;
+ color: #000;
+ font-weight: bold;
+}
+.box-list {
+ padding-right: 10px;
+ padding-left: 15px;
+ padding-bottom: 5px;
+/* margin-bottom: 15px; */
+/* filter:alpha(opacity=60);
+ opacity: 0.6;*/
+}
+
+/* Enclosing Boxes Styles */
+.box-left-top {
+/* display: none; */
+ background: transparent url(../images/e_ol8.png) no-repeat right;
+ height:16px; /*16*/
+/* width: 0px; */
+/* margin-left: -5px; */
+}
+.box-left-bottom {
+ background: transparent url(../images/e_ul8.png) no-repeat right;
+ height:16px; /*16*/
+}
+.box-left {
+ background: transparent url(../images/r_l8.png) repeat-y right;
+}
+.box-bottom {
+ background: transparent url(../images/r_u.png);
+ height:16px;
+}
+.box-right-bottom {
+ background: transparent url(../images/e_ur8.png) no-repeat;
+}
+.box-right-top {
+ background: transparent url(../images/e_or8.png) no-repeat;
+}
+.box-right {
+ background: transparent url(../images/r_r8.png) repeat-y left;
+}
+.box-top {
+ background: transparent url(../images/r_o.png);
+}
+
+.text-box, .confirmation-box {
+/* display:table-cell; */
+ padding:5px 5px 5px 5px;
+ margin-bottom:10px;
+ background:#FFFFFF;
+ border:3px solid #000000;
+/* filter:alpha(opacity=75);
+ opacity: 0.75;*/
+}
+/************************************************/
+/* List Header Styles */
+/************************************************/
+.list-header {
+ text-decoration: none;
+/* border-bottom: 1px dotted #000; */
+}
+.list-header:hover {
+ color:#071fd4;
+}
+
+
+/************************************************/
+/* Text Action Styles */
+/************************************************/
+.text-action, .text-action li {
+ list-style: none;
+ margin:5px 0;
+ padding-left:0px;
+}
+.text-action a, .text-action span {
+ padding: 0 2px;
+ background: #ECEEF1;
+ border:1px solid #000;
+ text-decoration: none;
+}
+.text-action #pt_active {
+ background: #000;
+ color: #fff;
+ border:1px solid #ECEEF1;
+}
+
+
+/************************************************/
+/* Tabs (for preferences) */
+/************************************************/
+#tablist {
+ padding: 3px 0;
+ margin: 12px 5px 0 0;
+ font: bold 10px Verdana, sans-serif; /*12*/
+}
+#tablist li {
+ list-style: none;
+ display: inline;
+}
+#tablist li a {
+ padding: 3px 0.5em;
+ margin-right: 5px;
+ border: 1px solid #ccc;
+ border-bottom: none;
+ background: #F0F3F5;
+ text-decoration: none;
+}
+#tablist li a:link { color: #222; }
+#tablist li a:visited { color: #000; }
+#tablist li a:hover {
+ color: #FFF;
+ background: #000;
+ border-color: #000;
+}
+#tablist li a#current {
+ color: #F0F3F5;
+ background: #000;
+ border-color: #000;
+ border-bottom: 1px solid #000;
+}
+
+
+/************************************************/
+/* Styles for Header */
+/*(for ampache admin : installation, update...) */
+/************************************************/
+div#Header{
+ height:80px;
+ margin-bottom:3px;
+}
+#Header h1 {
+ width: 439px;
+ height: 84px;
+ float: left;
+ border:0;
+ background: transparent url(../images/bg_login_0.jpg) no-repeat top left;
+}
+#Header h1 span {
+ display:none
+}
+#Header h2 {
+ float: right;
+ margin-top: 75px;
+ width: 200px;
+ height: 18px;
+/* background: transparent url(001/h2.gif) no-repeat top left; */
+}
+#Header h2 span {
+ font-size: 10px;
+ margin-left: 10px;
+}
+
+
+/************************************************/
+/* Styles for Login template */
+/************************************************/
+#container{
+ margin:100px auto 0 auto;
+ width:437px;
+ font-size:12px;
+ 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.fatalerror {
+ display:block;
+ height:auto;
+ padding:5px;
+ margin:10px;
+ background:none;
+}
+#container div{
+ background:url(../images/bg_login_1.jpg) no-repeat;
+ height:285px;
+}
+#loginp_0{
+ color:#333;
+ margin-top:0;
+ 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;
+}
+
+
+/************************************************/
+/* TV Page Related Styles */
+/************************************************/
+#tv_np{
+ float:right;
+}
+#tv_left{
+ float:left;
+ clear:right;
+}
+#tv_playlist{
+ clear:both;
+}
+
+
+/************************************************/
+/* User Online/Offline style, used in users.php */
+/************************************************/
+
+td.user_online{
+ text-align: center;
+ background: url(../../../images/icon_add_user.png) no-repeat;
+}
+
+
+/************************************************/
+/* Misc */
+/************************************************/
+
+.alphabet {
+ margin:10px;
+ font-size:10px;
+ font-weight:normal;
+}
+input[type="text"]#match{
+ width: 5em;
+}
+#mpdpl td {
+ padding:0 2px 0 2px;
+ text-align:left;
+}
+
+.tabledata .header2 {
+ display: none;
+}
+.error {
+ color:#903;
+}
+.fatalerror {
+ display:table-cell;
+ padding:3px;
+ color: #903;
+ font-weight:bold;
+ border:2px solid #903;
+}
+.disabled {
+ text-decoration:line-through;
+}
+#maincontainer{}
+table.tabledata {}
+.display {}
+
+.lp_box_ctrl {
+ padding-top: 5px;
+}
+.lp_box_vol {
+ padding-left: 7px;
+}
+#lp_box_ctrl {
+ display: none;
+}
diff --git a/contrib/themes/Piano/theme.cfg.php b/contrib/themes/Piano/theme.cfg.php
new file mode 100644
index 00000000..11076ef3
--- /dev/null
+++ b/contrib/themes/Piano/theme.cfg.php
@@ -0,0 +1,42 @@
+##################
+#<?php exit(); ?>#
+##################
+
+###########################
+# Classic Ampache Theme
+###########################
+
+# Theme Name
+# This is the actual name of the theme that
+# will be displayed in the preferences screen
+# DEFAULT: ampache-theme
+name = "Piano"
+
+# Theme Author
+# This is just a way of giving credit to the
+# person who actually created this theme
+# DEFAULT: N/A
+author = "Nikolai Försterling"
+
+# 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 = "Nikolai Försterling"
+
+# Version
+# This is the version of the Theme (usefull if you've updated it)
+version = "0.8"
+
+# 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 = "vertical"
+
+# 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"