From a626a53603d9270b5a32a1d36f00bf915cc11dec Mon Sep 17 00:00:00 2001 From: Karl 'vollmerk' Vollmer Date: Sun, 25 Jan 2009 17:16:26 +0000 Subject: new themes thanks porthose --- contrib/themes/looney-tunes/images/ampache.png | Bin 0 -> 33167 bytes contrib/themes/looney-tunes/images/blank-pixel.gif | Bin 0 -> 43 bytes .../themes/looney-tunes/images/looney_tunes_1.png | Bin 0 -> 572740 bytes .../themes/looney-tunes/images/looney_tunes_41.jpg | Bin 0 -> 45845 bytes .../looney-tunes/images/looney_tunes_99229.png | Bin 0 -> 13598 bytes contrib/themes/looney-tunes/screencap/01.png | Bin 0 -> 404773 bytes contrib/themes/looney-tunes/templates/default.css | 709 +++++++++++++++++++++ contrib/themes/looney-tunes/theme.cfg.php | 53 ++ 8 files changed, 762 insertions(+) create mode 100644 contrib/themes/looney-tunes/images/ampache.png create mode 100755 contrib/themes/looney-tunes/images/blank-pixel.gif create mode 100644 contrib/themes/looney-tunes/images/looney_tunes_1.png create mode 100644 contrib/themes/looney-tunes/images/looney_tunes_41.jpg create mode 100644 contrib/themes/looney-tunes/images/looney_tunes_99229.png create mode 100644 contrib/themes/looney-tunes/screencap/01.png create mode 100644 contrib/themes/looney-tunes/templates/default.css create mode 100644 contrib/themes/looney-tunes/theme.cfg.php (limited to 'contrib/themes') diff --git a/contrib/themes/looney-tunes/images/ampache.png b/contrib/themes/looney-tunes/images/ampache.png new file mode 100644 index 00000000..02d24d95 Binary files /dev/null and b/contrib/themes/looney-tunes/images/ampache.png differ diff --git a/contrib/themes/looney-tunes/images/blank-pixel.gif b/contrib/themes/looney-tunes/images/blank-pixel.gif new file mode 100755 index 00000000..17d43908 Binary files /dev/null and b/contrib/themes/looney-tunes/images/blank-pixel.gif differ diff --git a/contrib/themes/looney-tunes/images/looney_tunes_1.png b/contrib/themes/looney-tunes/images/looney_tunes_1.png new file mode 100644 index 00000000..feea1f60 Binary files /dev/null and b/contrib/themes/looney-tunes/images/looney_tunes_1.png differ diff --git a/contrib/themes/looney-tunes/images/looney_tunes_41.jpg b/contrib/themes/looney-tunes/images/looney_tunes_41.jpg new file mode 100644 index 00000000..266b7172 Binary files /dev/null and b/contrib/themes/looney-tunes/images/looney_tunes_41.jpg differ diff --git a/contrib/themes/looney-tunes/images/looney_tunes_99229.png b/contrib/themes/looney-tunes/images/looney_tunes_99229.png new file mode 100644 index 00000000..b966f3dd Binary files /dev/null and b/contrib/themes/looney-tunes/images/looney_tunes_99229.png differ diff --git a/contrib/themes/looney-tunes/screencap/01.png b/contrib/themes/looney-tunes/screencap/01.png new file mode 100644 index 00000000..cb7c59c6 Binary files /dev/null and b/contrib/themes/looney-tunes/screencap/01.png differ diff --git a/contrib/themes/looney-tunes/templates/default.css b/contrib/themes/looney-tunes/templates/default.css new file mode 100644 index 00000000..e770a556 --- /dev/null +++ b/contrib/themes/looney-tunes/templates/default.css @@ -0,0 +1,709 @@ +/* + + 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: #ffffff url(../images/looney_tunes_41.jpg) fixed no-repeat; + background-position: 100% 100%; + font-family:Arial, Helvetica, Sans-Serif; + min-width:1000px; +} + +p { + color: #000; + margin:1em 0; +} +a, a:visited, a:active{ + color: #000; + font-family: Verdana, Helvetica, sans-serif; +} +td { + padding: 0 8px; + color: #000; + font:12px Verdana, Helvetica, sans-serif; +} +th { + padding-right: 10px; + font-family: Verdana, Helvetica, sans-serif; + font-size:13px; + font-weight:bold; +} +input, select, textarea{ + font: 12px Verdana, Helvetica, sans-serif; + background: #ddd; + color: #000; +} +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 { + height: 85px; + padding: 3px 0 0 10px; +} +#headerbox { + float: left; + font-size: 10px; +} +#headerlogo, #headerlogo a{ + float: left; +} +.box_headerbox {display:table;} +.box_headerbox #loginInfo { + font-weight:bold; + display:block; + text-align:right; + margin-bottom:.3em; +} +#play_type_switch { + float:center; + margin-top:2px; +} +/************************************************/ +/* Content block */ +/************************************************/ +#content { + margin: 20px 135px 20px 135px; +} +/************************************************/ +/* Footer */ +/************************************************/ +#footer { + clear:both; + text-align:center; + font-size:10px; + padding:3px; +} +/************************************************/ +/* Buttons */ +/************************************************/ +.button, input[type=button], input[type=submit] { + border: 1px solid #f0f0f0; + border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0; + background: #d0d0d0; + padding: 0 1px; + font-size: 11px; + font-weight:bold; + text-decoration:none; + cursor: pointer; +} +a.button{padding:1px 3px;} +/************************************************/ +/* Sidebar */ +/************************************************/ +#sidebar{ + position:absolute; + top:100px; + left:0; + width:120px; + padding-top:28px; + background:#ffffff; +} +#sidebar select { width: 95%; } +#sidebar input { vertical-align:middle; background:#fff; } +#sidebar ul { list-style:none; } +#sidebar a { text-decoration:none; } + + +/* For sidebar tabs */ +/********************/ +#sidebar-tabs{ + border-top:1px solid #ffffff; +} +#sidebar-tabs li.sb1 { + float: left; + padding:2px; + background: #ffffff; +} +#sidebar-tabs li.active { + background: #ffffff repeat-x 0 0; + margin-top:8px; +} +#sidebar-tabs li.active img{ + margin-top:4px;position:relative;z-index:2; +} +/* Tabs content */ +/****************/ +#sidebar-page { + position:absolute; + left:0; + top:52px; + background: #ffffff 0 100% repeat-x; + padding-bottom:0.5em; + border-right:2px solid #ffffff; + font-size: 0.8em; + width:118px; +} +#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 #ffffff; +} +#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em; } +#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; +} +* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */ +#sidebar-page .sb3 a{ + padding:0.1em; + border-bottom:1px dotted red; + color:#5b5b5b; +} +#sidebar-page a{ + display:block; +} +#sidebar-page a:hover{ + background:#99ccff; + color:#fff; +} +/* SIDEBAR : Home */ +/******************/ + +/* SIDEBAR : Browse */ +/********************/ +.alphabet { + background:transparent; /* fix ie bug */ + font-size:0.95em; + font-weight:normal; + margin: 0.3em auto; + color:#5b5b5b; +} +.alphabet span.link { + cursor: pointer; + margin: 0; + padding:0 5px; + font-family: monospace, Courier, Georgia; +} +.alphabet span.active{ background:#5b5b5b; color:#fff; } +.alphabet span.link:hover { + background: #99ccff; + color:#fff; +} +#multi_alpha_filter { + width:40px; + margin-bottom:4px; +} +/* SIDEBAR : Localplay */ +/***********************/ +.active_instance { + background:#99ccff; +} +/* SIDEBAR : Preferences */ +/*************************/ + +/* SIDEBAR : Admin */ +/*******************/ +#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;} +#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{ + display:inline; + padding:0; + border:none; +} +/************************************************/ +/* XSPF Player */ +/************************************************/ +#xspf_player { + width:400px; + float: left; + background:#fff; + font-family: Verdana,Helvetica,sans-serif; +} +/************************************************/ +/* Rightbar */ +/************************************************/ +#rightbar { + width:120px; + background:#fff; + padding-top:8px; + background:#ffffff no-repeat; + float:right; + font-family: Verdana,Helvetica,sans-serif; + clear:both; +} +#rightbar ul { list-style:none; } +#rightbar a { text-decoration:none; } +/* Rightbar Menu */ +#rightbar #rb_action { + border-top:1px solid #ffffff; + padding:4px; +} +#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:#99ccff; } +/* Rightbar AddItems SubMenu */ +#rightbar li:hover .submenu { display:block; } +#rightbar .submenu { + display:none; + position:absolute; + right:0px; + top:18px; + background:#fff; + border:2px solid #ffffff; + 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 red; + color:#5b5b5b; + text-decoration:none; + text-align:right; +} +#rightbar .submenu a:hover, +#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#ffffff; } +/* Rightbar playlist */ +#rightbar #rb_current_playlist { + background: #ffffff 0 100% repeat-x; + padding-bottom:0.5em; + border-left:2px solid #ffffff; + border-right:2px solid #c0c0c0; +} +#rightbar #rb_current_playlist li { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-right:20px;} +#rightbar #rb_current_playlist li a { display:block; padding:0.2em;} +#rightbar .delitem { position:absolute;right:0;top:0; } + +/* Rightbar Localplay Controls */ +#rightbar #localplay-control { + padding-left: 5px; +} +#localplay-control span { + cursor: pointer; +} +/************************************************/ +/* Styles for the star ratings */ +/************************************************/ +.star-rating { + position:relative; +} +.dynamic-star-rating{ + width:95px; +} +.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 #000; + font-size: 1.05em; + font-weight: bold; + margin: 0 10px; +} +.box-list { + padding-right: 10px; +} +/* Enclosing Boxes Styles */ +.box, .info-box { + background: #ffffff top left repeat-y; + 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; +} +.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; +} + +/* 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; } +/* 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:#000;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 .even:hover, .tabledata .odd:hover { + background:#9cf; +} +.row-highlight:hover { + background:#c33; +} +/* Misc */ +.border { background: #000; } +.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;} +/* 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; +} +.song_details dd { + float:left; + width:79%; + min-width:79%; /*Ie bugfix*/ + margin:0 0 0.2em .3em; + padding-left:.2em; +} +dt + dd {border-bottom:1px dotted #c0c0c0;} +dt:hover, dt:hover + dd {background:#9cf;} +/************************************************/ +/* 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; + clear:both; + font-size:0.75em; +} +.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;} +.list-header .next{position:absolute; top:0; right:0;} +.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; +} +/************************************************/ +/* Styles for Login template */ +/************************************************/ + +/************************************************/ +/* Styles for Login template */ +/************************************************/ +#loginPage #maincontainer{ + background: #ffffff url(../images/looney_tunes_1.png); + background-position:50% 100%; + min-width:1000px; + height:650px; + font-size:12px; + text-align:center; +} +#loginPage #header{ + background:#ffffff; + width:437px; +} +#loginPage #loginbox{ + height:292px; + width:437px; +} +#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 #000; +} +#ajax-loading { + position: absolute; + top:90px; + left:400px; + width:155px; + height:85px; + z-index:100; + background: url(../images/looney_tunes_99229.png) no-repeat; + display: none; + text-indent:-9999em; +} +.information,.information a { + font-size: 0.9em; + font-style: italic; + color: #c0c0c0; +} diff --git a/contrib/themes/looney-tunes/theme.cfg.php b/contrib/themes/looney-tunes/theme.cfg.php new file mode 100644 index 00000000..4ab0f69d --- /dev/null +++ b/contrib/themes/looney-tunes/theme.cfg.php @@ -0,0 +1,53 @@ +;;;;;;;;;;;;;;;;;; +;; +;;;;;;;;;;;;;;;;;; +; Copyright (c) 2001 - 2007 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. +; +;;;;;;;;;;;;;;;;;;;;;;;;;;; +; 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 = "Looney Tunes" + +; Theme Author +; This is just a way of giving credit to the +; person who actually created this theme +; DEFAULT: N/A +author = "Charlie" + +; 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 = "porthose" + +; 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" -- cgit