ampache-themes-3.6.1/ 0000755 0001750 0001750 00000000000 11621561717 014211 5 ustar charlie charlie ampache-themes-3.6.1/Touchtone/ 0000755 0001750 0001750 00000000000 11621561735 016161 5 ustar charlie charlie ampache-themes-3.6.1/Touchtone/templates/ 0000755 0001750 0001750 00000000000 11621561735 020157 5 ustar charlie charlie ampache-themes-3.6.1/Touchtone/templates/default.css 0000644 0001750 0001750 00000046247 11621561721 022325 0 ustar charlie charlie /* Copyright (c) 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 */ /************************************************/ h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */ ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } * { margin: 0; padding: 0; } /* White space reset */ a img, :link img, :visited img { border: 0; } /* no blue linked image borders */ /************************************************/ /* General style rules */ /************************************************/ body { background:#000000; font-family:Arial, Helvetica, Sans-Serif; color:#8b8b8b; min-width:1000px; } p { color: #5b5b5b; margin:1em 0; } a, a:visited, a:active{ color: #5b5b5b; font-family: Verdana, Helvetica, sans-serif; } td { padding: 0 8px; color: #5b5b5b; font:12px Verdana, Helvetica, sans-serif; } th { padding-right: 10px; font-family: Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#6b6b6b; } input, select, textarea{ font: 12px Verdana, Helvetica, sans-serif; background: #4b4b4b; color: #9b9b9b; } input { font-weight: bold; } /************************************************/ /* IE6 behaviors */ /* - csshover2: :hover support on any element */ /************************************************/ body { behavior:url("templates/csshover2.htc"); } /************************************************/ /* Float Clearer */ /************************************************/ /* float clearing for IE6 */ * html .clearfix{ height: 1%; overflow: visible; } /* float clearing for IE7 */ /**+html .clearfix{ min-height: 1%; }*/ /* float clearing for everyone else */ .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /************************************************/ /* XSPF Player */ /************************************************/ .xspf_player { right: 20px; position: absolute; } /************************************************/ /* Main Container */ /************************************************/ #maincontainer{} /************************************************/ /* Header */ /************************************************/ #header { position:absolute; left:400px; } #headerbox { } #headerlogo, #headerlogo a{ position:absolute; left:10px; top:47px; } #headerlogo a img{ width:179px; height:68px; } .box_headerbox {display:table;} .box_headerbox #loginInfo {display:none;} #headerbox .box-content { padding: 0px; } #play_type_switch { } #sb_Subsearch #searchBtn { font-size:1.2em; } #sb_Subsearch #searchString { font-size:1.2em;} #sb_Subsearch #searchString { width:100px; } #play_type_switch #play_type_select { font-size:1.2em; } /************************************************/ /* Content block */ /************************************************/ #content { margin: 10px 180px 20px 160px; padding-top:165px; } /************************************************/ /* Footer */ /************************************************/ #footer { clear:both; text-align:center; font-size:10px; padding:3px; } /************************************************/ /* Buttons */ /************************************************/ .button, input[type=button], input[type=submit] { cursor: pointer; } a.button{padding:1px 3px;} /************************************************/ /* Sidebar */ /************************************************/ #sidebar{ position:absolute; left:0; top:24px; padding-bottom:0.5em; font-size: 0.9em; width:370px; } #sidebar select { width: 95%; } #sidebar input { vertical-align:middle; background:#4B4B4B; } #sidebar ul { list-style:none; } #sidebar a { text-decoration:none; } /* For sidebar tabs */ /********************/ #sidebar-tabs{ } #sidebar-tabs li.sb1 { float: left; padding:0px; } #sidebar-tabs li.active { margin-top:0px; } #sidebar-tabs li.active img{ margin-top:0px;position:relative;z-index:2; border:2px solid grey; } /* Tabs content */ /****************/ #sidebar-page { position:absolute; left:0; top:150px; padding-bottom:0.5em; font-size: 1em; width:140px; } #sidebar-page ul.sb2 { padding:2px 4px; } #sidebar-page ul.sb2 li{ font-weight:bold; margin:1em auto; padding-bottom: 0.5em; border-bottom: 1px solid #666; } #sidebar-page ul.sb2 h4{ padding-bottom: 0.5em;color:#5b5b5b; } #sidebar-page ul.sb3, #sidebar-page div.sb3 { font-size:0.9em; margin-left:2px; font-weight:normal; color:#5b5b5b; } #sidebar-page div.sb3 input[type=radio] { margin-left:2px; } #sidebar-page ul.sb3 li{ margin:0; padding:0; border:none; font-weight:normal; } #sidebar-page ul.sb3 li a{ background:url(../images/backgroundmenuleft.jpg) left top; height:32px; } * html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */ #sidebar-page .sb3 a{ padding:0.1em; color:#b0b0b0; } #sidebar-page a{ display:block; } #sidebar-page a:hover{ background:#99ccff; color:#000000; } /* SIDEBAR : Home */ /******************/ /* SIDEBAR : Browse */ /********************/ .alphabet { } .alphabet span.link { } .alphabet span.active{ background:#5b5b5b; color:#000000; } .alphabet span.link:hover { } #multi_alpha_filter { width:40px; margin-bottom:4px; } /* SIDEBAR : Localplay */ /***********************/ .active_instance { } /* SIDEBAR : Preferences */ /*************************/ /* SIDEBAR : Admin */ /*******************/ #sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;} #sb_admin_catalogs li.sb_admin_catalogs_ctrls a{ } /************************************************/ /* XSPF Player */ /************************************************/ #xspf_player { } /************************************************/ /* Rightbar */ /************************************************/ #rightbar { width:160px; float: right; clear:right; } #rightbar ul { list-style:none; } #rightbar a { text-decoration:none; } #rightbar a#localplay_control_previous { padding:2px; } #rightbar a#localplay_control_next { padding:2px; } #rightbar a#rb_clear_playlist img {width:40px; height:40px;} #rightbar li#rb_add img {width:40px; height:40px;} #rightbar a#rightbar_play img {width:40px; height:40px;} #rightbar li#pl_add img {width:40px; height:40px;} /* Rightbar Menu */ #rightbar #rb_action { position:relative; left:-25px; width:175px; padding-top:140px; } #rightbar #rb_action li { display:inline; } #rightbar li#rb_add, #rightbar li#pl_add { position:relative; z-index:10;} #rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#111111; } /* Rightbar AddItems SubMenu */ #rightbar li:hover .submenu { display:block; } #rightbar .submenu { display:none; position:absolute; right:0px; top:18px; background:#000000; border:2px solid #c0c0c0; width:120px; font-size:0.7em; padding:0.3em; } * html #rightbar .submenu {right:100px;} /* IE6 fix */ #rightbar .submenu a { display:block; padding:0.1em; border-bottom:1px dotted #c0c0c0; color:#5b5b5b; text-decoration:none; text-align:right; } #rightbar .submenu a:hover, #rightbar #rb_current_playlist a:hover { color:#ffffff; } /* Rightbar playlist */ #rightbar #rb_current_playlist { } #rightbar #rb_current_playlist li { position:relative; font-size:1.1em;line-height:16px; color:#9b9b9b; padding-right:16px; } #rightbar #rb_current_playlist li a { display:block;padding-right:15px;padding-left:0.2em;padding-bottom:0.2em; padding-top:0.2em;border-left:1px solid #9b9b9b;background:#4b4b4b;color:#9b9b9b;} #rightbar .delitem img {position:relative; left:122px;top:-27px; width:30px; height:30px; } /* Rightbar Localplay Controls */ #rightbar #localplay-control { position:relative; Top:-170px; Left:-195px; width:350px; padding:0px; } #localplay-control span { } /************************************************/ /* Styles for the star ratings */ /************************************************/ .star-rating { position:relative; padding:10px; } .dynamic-star-rating{ width:95px; padding:5px; } .star-rating ul, .star-rating a:hover, .star-rating .current-rating{ background: url(../../../images/ratings/star_rating.gif) left -1000px repeat-x; } .star-rating ul{ position:relative; width:80px; height:15px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li{ display: inline; } .star-rating a, .star-rating span, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:15px; line-height:15px; outline:none; overflow:hidden; border:none; } .star-rating .star1 { width:20%; z-index:6; } .star-rating .star2 { width:40%; z-index:5; } .star-rating .star3 { width:60%; z-index:4; } .star-rating .star4 { width:80%; z-index:3; } .star-rating .star5 { width:100%; z-index:2;} .star-rating .current-rating { z-index:1; background-position: left bottom; } .star-rating a.star0 { left:0px; width:16px; background: url(../../../images/ratings/x_off.gif) left top; } /* hovering effect only for dynamic star rating */ .dynamic-star-rating a:hover{ background-position: left center; } .dynamic-star-rating a:hover.star0 { background: url(../../../images/ratings/x.gif) left top; } .dynamic-star-rating ul { left:16px; } /************************************************/ /* Box Related Styles */ /************************************************/ .box-title { border-bottom: solid 1px #5b5b5b; font-size: 1.05em; font-weight: bold; margin: 0 10px; color:#5b5b5b; } .box-list { padding-right: 10px; } /* Enclosing Boxes Styles */ .box, .info-box { float:left; clear:left; height:1%; /* IE6 : Holly Hack comes to rescue once again */ } .box-inside { } .box-content { padding:8px 15px; } .box-top { position:relative; } .box-left-top { height:16px; width:16px; position:relative;left:0;top:0; } .box-right-top { height:16px; width:20px; position:absolute;right:0;top:0; } * html .box-right-top {right: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */ .box-bottom { position:relative;clear:both; } .box-left-bottom { height:18px; width:16px; position:relative;left:0;top:0; } .box-right-bottom { height:18px; width:20px; position:absolute;right:0;top:0; } * html .box-right-bottom {right: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */ /* Specific to Info Boxes */ .info-box { float:left;margin-right:10px; } .album_art { float:left; margin-right:10px; } #information_actions { margin-left:5px; font-size:0.7em; float:left;} #information_actions h3 { font-size:1.2em; margin:0.2em;color:#5b5b5b; } #information_actions li {color:#5b5b5b;font-size:1.5em;} #information_actions li a img { width:40px; height:40px; } /* Specific boxes */ .box_newest_albums {} .box_newest_artists {clear:none;} .box_newest_genres {clear:none;} .box_popular_album {} .box_popular_artists {clear:none;} .box_popular_genres {clear:none;} .box_preferences h4 {color:#5b5b5b;font:bold 14px Verdana, Helvetica, sans-serif;padding:0.8em 0;} /************************************************/ /* Tables (songs lists...) */ /************************************************/ .tabledata .th-top, .tabledata .th-bottom { font-size:1.1em; vertical-align: top; text-align:center; } .tableform select { width: 150px; } /* table rows */ .tabledata .odd, .tabledata .odd td, .tabledata .even, .tabledata .even td, .row-highlight { font-size: 12px; border-bottom:1px dotted #c0c0c0; } .tabledata a { color:#9b9b9b; } .tabledata .even:hover, .tabledata .odd:hover { background:#3b3b3b; } .row-highlight:hover { background:#3b3b3b; } /* Misc */ .border { background: #5b5b5b; } .tabledata input, .tabledata select{ margin:2px 0;} /* specific cells */ td.cel_cover{padding:6px;} .cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;} .cel_add img { width:30px; height:30px; } .cel_action img{ width:30px; height:30px; } /* specific cells : users login state */ .user_online{background:#0f0;} .user_offline{background:#7f0000;} .user_disabled{background:#ccc;} /* specific tables */ #recently_played .th-bottom {display:none;} .box_preferences .th-bottom {display:none;} /* Inline Editing Tables */ .inline-edit input, .inline-edit select { font-size: 0.8em; } /************************************************/ /* Song details */ /************************************************/ dl.song_details{font-size:0.8em;} .song_details dt { float:left; clear:both; width:20%; min-width:20%; /*Ie bugfix*/ font-weight:bold; color:#7b7b7b; } .song_details dd { float:left; width:79%; min-width:79%; /*Ie bugfix*/ margin:0 0 0.2em .3em; padding-left:.2em; color:#7b7b7b; } dt + dd {border-bottom:1px dotted #c0c0c0;} dt:hover, dt:hover + dd {background:#2b2b2b;} /************************************************/ /* Albums of the moment */ /************************************************/ .random_album{ position:relative; float:left; padding:8px; width:80px; } .random_album .play_album{ display:none; } /************************************************/ /* Now Playing */ /************************************************/ #now_playing{ } .np_row { padding: 3px; float:left; font-size:0.75em; display:block; } .np_cell { padding-left:5px; margin-left:5px; } .np_row label { display:block; font-weight:bold; margin:2px 0 0 -5px; } .np_group { float:left; padding-right:15px; } .np_row a { font-size:0.8em; } /************************************************/ /* Shoutbox */ /************************************************/ #shoutbox { font-size:0.8em; } #shoutbox div.shout { padding-top:0.5em; margin:10px 5px 0 0; border-top:1px dotted #c0c0c0; } #shoutbox div.shout:hover{border-top:1px solid #9cf;} #shoutbox span.information {} #shoutbox .shouttext{display:block;font-size:.9em;margin-top:.5em;} img.shoutboximage { margin:0 3px;} #shoutbox div.odd{margin-right:20%;text-align:left;} #shoutbox div.even{margin-left:20%;text-align:right;} #shoutbox .odd img.shoutboximage {float:left;} #shoutbox .even img.shoutboximage {float:right;} /************************************************/ /* List Header */ /************************************************/ .list-header{margin:7px 0; padding:0 4em; text-align:center; font-size: 0.8em;position:relative;} .list-header .prev{position:absolute; top:0; left:0;font-size:1.3em;} .list-header .next{position:absolute; top:0; right:0;font-size:1.3em;} .list-header .selected{background: #e0e0e0;} .list-header .page-nb{padding:1px;border: 1px solid #ccc;text-decoration: none;} .list-header .page-nb:hover{background: #d0d0d0;} /************************************************/ /* Errors */ /************************************************/ .error { color:#903; } .fatalerror { display:table-cell; padding:3px; color:#903; font-weight:bold; font-size:1.2em; } /************************************************/ /* LocalPlay */ /************************************************/ .lp_box_ctrl, .lp_box_vol { text-align: center; /*for compatibility, may be controlled by themers now*/ } td.lp_current a { font-weight:bold; text-decoration:none; } #localplay_clear_all img { width:40px; height:40px; } /************************************************/ /* Styles for Login template */ /************************************************/ #loginPage #maincontainer{ margin:100px auto 0 auto; width:437px; font-size:12px; text-align:center; } #loginPage #header{ padding:0; } #loginPage #loginbox{ background:url(../images/bg_login.jpg) no-repeat; height:292px; } #loginPage h2{ color:#333; padding-top:60px; font-weight: normal; } .loginfield{ text-align:right; padding-right:100px; margin: 1em 0; } .loginfield input.text_input{ width:12em; border:1px solid #999; } .loginfield label{ font-weight:bold; } .loginfield #rememberme{ margin-right:5em; background:none; } #loginPage div.fatalerror { padding:5px; margin:10px; } #motd { margin:0 auto 0 auto; width: 437px; } /************************************************/ /* Misc */ /************************************************/ .formValidation{ margin-top:1em; text-align:center; } .text-box, .confirmation-box { display:table-cell; padding:5px 5px 0 5px; margin-bottom:10px; background:#bbb; border:2px solid #5b5b5b; } #ajax-loading { position: absolute; top:150px; left:11px; width:43px; height:11px; z-index:100; background: url(../images/ajax-loader.gif) no-repeat; display: none; text-indent:-9999em; } .information,.information a { font-size: 0.9em; font-style: italic; color: #c0c0c0; } /************************************************/ /* Playlist */ /************************************************/ #play_playlist_random img{ width:50px; height:50px; } #play_playlist img{ width:50px; height:50px; } ampache-themes-3.6.1/Touchtone/images/ 0000755 0001750 0001750 00000000000 11621561735 017426 5 ustar charlie charlie ampache-themes-3.6.1/Touchtone/images/icons/ 0000755 0001750 0001750 00000000000 11621561735 020541 5 ustar charlie charlie ampache-themes-3.6.1/Touchtone/images/icons/icon_all.png 0000644 0001750 0001750 00000002347 11621561721 023030 0 ustar charlie charlie PNG IHDR ; A o pHYs od IDATxI/sQ\< a!B"vvo`ccc"$fbX!!5Sț8ϽmUM{O<ө~;(qh///6ohN36 """m|}}vuum?hC32P%,6TdO,//+mqnll\a4666 #>??M5WH4iHg+ߛ><==LJٶPLL8Y؉ 0ՐdbBIlRRjH||<~GiZn-JOV'//:::X%fQf"pհP