diff options
Diffstat (limited to 'contrib/themes')
25 files changed, 979 insertions, 0 deletions
diff --git a/contrib/themes/Piano/images/ampache.gif b/contrib/themes/Piano/images/ampache.gif Binary files differnew file mode 100755 index 00000000..7079f9df --- /dev/null +++ b/contrib/themes/Piano/images/ampache.gif diff --git a/contrib/themes/Piano/images/bar_1e_p.png b/contrib/themes/Piano/images/bar_1e_p.png Binary files differnew file mode 100755 index 00000000..515ca5b9 --- /dev/null +++ b/contrib/themes/Piano/images/bar_1e_p.png diff --git a/contrib/themes/Piano/images/bar_b.png b/contrib/themes/Piano/images/bar_b.png Binary files differnew file mode 100755 index 00000000..fc2b1760 --- /dev/null +++ b/contrib/themes/Piano/images/bar_b.png diff --git a/contrib/themes/Piano/images/bar_logout.png b/contrib/themes/Piano/images/bar_logout.png Binary files differnew file mode 100755 index 00000000..2776c81e --- /dev/null +++ b/contrib/themes/Piano/images/bar_logout.png diff --git a/contrib/themes/Piano/images/bar_logout_p.png b/contrib/themes/Piano/images/bar_logout_p.png Binary files differnew file mode 100755 index 00000000..380fa608 --- /dev/null +++ b/contrib/themes/Piano/images/bar_logout_p.png diff --git a/contrib/themes/Piano/images/e_ol8.png b/contrib/themes/Piano/images/e_ol8.png Binary files differnew file mode 100755 index 00000000..74bd683c --- /dev/null +++ b/contrib/themes/Piano/images/e_ol8.png diff --git a/contrib/themes/Piano/images/e_or8.png b/contrib/themes/Piano/images/e_or8.png Binary files differnew file mode 100755 index 00000000..d3e36380 --- /dev/null +++ b/contrib/themes/Piano/images/e_or8.png diff --git a/contrib/themes/Piano/images/e_ul8.png b/contrib/themes/Piano/images/e_ul8.png Binary files differnew file mode 100755 index 00000000..5622368d --- /dev/null +++ b/contrib/themes/Piano/images/e_ul8.png diff --git a/contrib/themes/Piano/images/e_ur8.png b/contrib/themes/Piano/images/e_ur8.png Binary files differnew file mode 100755 index 00000000..e02e7757 --- /dev/null +++ b/contrib/themes/Piano/images/e_ur8.png diff --git a/contrib/themes/Piano/images/mbw-bar_a.png b/contrib/themes/Piano/images/mbw-bar_a.png Binary files differnew file mode 100755 index 00000000..34c2896a --- /dev/null +++ b/contrib/themes/Piano/images/mbw-bar_a.png diff --git a/contrib/themes/Piano/images/partitur_back_a3.png b/contrib/themes/Piano/images/partitur_back_a3.png Binary files differnew file mode 100755 index 00000000..a86d5c00 --- /dev/null +++ b/contrib/themes/Piano/images/partitur_back_a3.png diff --git a/contrib/themes/Piano/images/piano_rahmen_med7.png b/contrib/themes/Piano/images/piano_rahmen_med7.png Binary files differnew file mode 100755 index 00000000..d15c7ab7 --- /dev/null +++ b/contrib/themes/Piano/images/piano_rahmen_med7.png diff --git a/contrib/themes/Piano/images/r_l8.png b/contrib/themes/Piano/images/r_l8.png Binary files differnew file mode 100755 index 00000000..0a0a4f0c --- /dev/null +++ b/contrib/themes/Piano/images/r_l8.png diff --git a/contrib/themes/Piano/images/r_o.png b/contrib/themes/Piano/images/r_o.png Binary files differnew file mode 100755 index 00000000..3d0d3c06 --- /dev/null +++ b/contrib/themes/Piano/images/r_o.png diff --git a/contrib/themes/Piano/images/r_r8.png b/contrib/themes/Piano/images/r_r8.png Binary files differnew file mode 100755 index 00000000..c106b773 --- /dev/null +++ b/contrib/themes/Piano/images/r_r8.png diff --git a/contrib/themes/Piano/images/r_u.png b/contrib/themes/Piano/images/r_u.png Binary files differnew file mode 100755 index 00000000..ffa3f8ca --- /dev/null +++ b/contrib/themes/Piano/images/r_u.png diff --git a/contrib/themes/Piano/images/rahmen_o.png b/contrib/themes/Piano/images/rahmen_o.png Binary files differnew file mode 100755 index 00000000..7aac5c79 --- /dev/null +++ b/contrib/themes/Piano/images/rahmen_o.png diff --git a/contrib/themes/Piano/images/ratings/star_rating.gif b/contrib/themes/Piano/images/ratings/star_rating.gif Binary files differnew file mode 100755 index 00000000..1ef94370 --- /dev/null +++ b/contrib/themes/Piano/images/ratings/star_rating.gif diff --git a/contrib/themes/Piano/images/ratings/star_rating_g.gif b/contrib/themes/Piano/images/ratings/star_rating_g.gif Binary files differnew file mode 100644 index 00000000..ed9fb624 --- /dev/null +++ b/contrib/themes/Piano/images/ratings/star_rating_g.gif diff --git a/contrib/themes/Piano/images/ratings/star_rating_o.gif b/contrib/themes/Piano/images/ratings/star_rating_o.gif Binary files differnew file mode 100644 index 00000000..7859b8aa --- /dev/null +++ b/contrib/themes/Piano/images/ratings/star_rating_o.gif diff --git a/contrib/themes/Piano/images/ratings/x.gif b/contrib/themes/Piano/images/ratings/x.gif Binary files differnew file mode 100644 index 00000000..0cfcc0ae --- /dev/null +++ b/contrib/themes/Piano/images/ratings/x.gif diff --git a/contrib/themes/Piano/images/ratings/x_off.gif b/contrib/themes/Piano/images/ratings/x_off.gif Binary files differnew file mode 100644 index 00000000..f184d9a7 --- /dev/null +++ b/contrib/themes/Piano/images/ratings/x_off.gif diff --git a/contrib/themes/Piano/images/top_shade2.png b/contrib/themes/Piano/images/top_shade2.png Binary files differnew file mode 100755 index 00000000..e62ee98c --- /dev/null +++ b/contrib/themes/Piano/images/top_shade2.png 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" |