From a79d27c52ace4b0c13fc0e5f88b4d857b85557e1 Mon Sep 17 00:00:00 2001 From: Karl 'vollmerk' Vollmer Date: Sat, 23 Feb 2008 19:53:26 +0000 Subject: new 3.3.x theme from Matthew Stewart, blueflower --- contrib/themes/BlueFlower/images/ampache.gif | Bin 0 -> 85612 bytes contrib/themes/BlueFlower/images/ampache.jpg | Bin 0 -> 11283 bytes contrib/themes/BlueFlower/images/bg_menubar.jpg | Bin 0 -> 368 bytes contrib/themes/BlueFlower/images/blankalbum.gif | Bin 0 -> 11378 bytes contrib/themes/BlueFlower/images/blankalbum.jpg | Bin 0 -> 20730 bytes contrib/themes/BlueFlower/images/bottomfill.jpg | Bin 0 -> 1278 bytes contrib/themes/BlueFlower/images/bottomfill.png | Bin 0 -> 2293 bytes contrib/themes/BlueFlower/images/button_sep.jpg | Bin 0 -> 416 bytes .../themes/BlueFlower/images/exclamation_20.gif | Bin 0 -> 560 bytes contrib/themes/BlueFlower/images/index.html | 18 + contrib/themes/BlueFlower/images/logo.jpg | Bin 0 -> 51162 bytes contrib/themes/BlueFlower/images/tablebg.jpg | Bin 0 -> 348 bytes contrib/themes/BlueFlower/images/top_fill.jpg | Bin 0 -> 319 bytes contrib/themes/BlueFlower/images/vineta.gif | Bin 0 -> 65 bytes contrib/themes/BlueFlower/index.html | 12 + contrib/themes/BlueFlower/screencap/01.jpg | Bin 0 -> 511947 bytes contrib/themes/BlueFlower/screencap/index.html | 11 + contrib/themes/BlueFlower/templates/default.css | 653 +++++++++++++++++++ .../themes/BlueFlower/templates/default.css.new | 700 +++++++++++++++++++++ contrib/themes/BlueFlower/templates/index.html | 9 + contrib/themes/BlueFlower/theme.cfg.php | 55 ++ 21 files changed, 1458 insertions(+) create mode 100644 contrib/themes/BlueFlower/images/ampache.gif create mode 100644 contrib/themes/BlueFlower/images/ampache.jpg create mode 100644 contrib/themes/BlueFlower/images/bg_menubar.jpg create mode 100644 contrib/themes/BlueFlower/images/blankalbum.gif create mode 100644 contrib/themes/BlueFlower/images/blankalbum.jpg create mode 100644 contrib/themes/BlueFlower/images/bottomfill.jpg create mode 100644 contrib/themes/BlueFlower/images/bottomfill.png create mode 100644 contrib/themes/BlueFlower/images/button_sep.jpg create mode 100644 contrib/themes/BlueFlower/images/exclamation_20.gif create mode 100644 contrib/themes/BlueFlower/images/index.html create mode 100644 contrib/themes/BlueFlower/images/logo.jpg create mode 100644 contrib/themes/BlueFlower/images/tablebg.jpg create mode 100644 contrib/themes/BlueFlower/images/top_fill.jpg create mode 100644 contrib/themes/BlueFlower/images/vineta.gif create mode 100644 contrib/themes/BlueFlower/index.html create mode 100644 contrib/themes/BlueFlower/screencap/01.jpg create mode 100644 contrib/themes/BlueFlower/screencap/index.html create mode 100644 contrib/themes/BlueFlower/templates/default.css create mode 100644 contrib/themes/BlueFlower/templates/default.css.new create mode 100644 contrib/themes/BlueFlower/templates/index.html create mode 100644 contrib/themes/BlueFlower/theme.cfg.php diff --git a/contrib/themes/BlueFlower/images/ampache.gif b/contrib/themes/BlueFlower/images/ampache.gif new file mode 100644 index 00000000..32de48d0 Binary files /dev/null and b/contrib/themes/BlueFlower/images/ampache.gif differ diff --git a/contrib/themes/BlueFlower/images/ampache.jpg b/contrib/themes/BlueFlower/images/ampache.jpg new file mode 100644 index 00000000..d7d47cad Binary files /dev/null and b/contrib/themes/BlueFlower/images/ampache.jpg differ diff --git a/contrib/themes/BlueFlower/images/bg_menubar.jpg b/contrib/themes/BlueFlower/images/bg_menubar.jpg new file mode 100644 index 00000000..0de2a7d8 Binary files /dev/null and b/contrib/themes/BlueFlower/images/bg_menubar.jpg differ diff --git a/contrib/themes/BlueFlower/images/blankalbum.gif b/contrib/themes/BlueFlower/images/blankalbum.gif new file mode 100644 index 00000000..a1d25b40 Binary files /dev/null and b/contrib/themes/BlueFlower/images/blankalbum.gif differ diff --git a/contrib/themes/BlueFlower/images/blankalbum.jpg b/contrib/themes/BlueFlower/images/blankalbum.jpg new file mode 100644 index 00000000..468301bd Binary files /dev/null and b/contrib/themes/BlueFlower/images/blankalbum.jpg differ diff --git a/contrib/themes/BlueFlower/images/bottomfill.jpg b/contrib/themes/BlueFlower/images/bottomfill.jpg new file mode 100644 index 00000000..7310288d Binary files /dev/null and b/contrib/themes/BlueFlower/images/bottomfill.jpg differ diff --git a/contrib/themes/BlueFlower/images/bottomfill.png b/contrib/themes/BlueFlower/images/bottomfill.png new file mode 100644 index 00000000..58be9058 Binary files /dev/null and b/contrib/themes/BlueFlower/images/bottomfill.png differ diff --git a/contrib/themes/BlueFlower/images/button_sep.jpg b/contrib/themes/BlueFlower/images/button_sep.jpg new file mode 100644 index 00000000..0fe4179a Binary files /dev/null and b/contrib/themes/BlueFlower/images/button_sep.jpg differ diff --git a/contrib/themes/BlueFlower/images/exclamation_20.gif b/contrib/themes/BlueFlower/images/exclamation_20.gif new file mode 100644 index 00000000..dae1977c Binary files /dev/null and b/contrib/themes/BlueFlower/images/exclamation_20.gif differ diff --git a/contrib/themes/BlueFlower/images/index.html b/contrib/themes/BlueFlower/images/index.html new file mode 100644 index 00000000..47fa4631 --- /dev/null +++ b/contrib/themes/BlueFlower/images/index.html @@ -0,0 +1,18 @@ +Revision 1421: /contrib/themes/IL01/images + +

Revision 1421: /contrib/themes/IL01/images

+ +
Powered by Subversion version 1.4.2 (r22196). + \ No newline at end of file diff --git a/contrib/themes/BlueFlower/images/logo.jpg b/contrib/themes/BlueFlower/images/logo.jpg new file mode 100644 index 00000000..40f69d1f Binary files /dev/null and b/contrib/themes/BlueFlower/images/logo.jpg differ diff --git a/contrib/themes/BlueFlower/images/tablebg.jpg b/contrib/themes/BlueFlower/images/tablebg.jpg new file mode 100644 index 00000000..7405b9cf Binary files /dev/null and b/contrib/themes/BlueFlower/images/tablebg.jpg differ diff --git a/contrib/themes/BlueFlower/images/top_fill.jpg b/contrib/themes/BlueFlower/images/top_fill.jpg new file mode 100644 index 00000000..2e233131 Binary files /dev/null and b/contrib/themes/BlueFlower/images/top_fill.jpg differ diff --git a/contrib/themes/BlueFlower/images/vineta.gif b/contrib/themes/BlueFlower/images/vineta.gif new file mode 100644 index 00000000..7a749de4 Binary files /dev/null and b/contrib/themes/BlueFlower/images/vineta.gif differ diff --git a/contrib/themes/BlueFlower/index.html b/contrib/themes/BlueFlower/index.html new file mode 100644 index 00000000..a190295b --- /dev/null +++ b/contrib/themes/BlueFlower/index.html @@ -0,0 +1,12 @@ +Revision 1421: /contrib/themes/IL01 + +

Revision 1421: /contrib/themes/IL01

+ +
Powered by Subversion version 1.4.2 (r22196). + \ No newline at end of file diff --git a/contrib/themes/BlueFlower/screencap/01.jpg b/contrib/themes/BlueFlower/screencap/01.jpg new file mode 100644 index 00000000..fa2fee98 Binary files /dev/null and b/contrib/themes/BlueFlower/screencap/01.jpg differ diff --git a/contrib/themes/BlueFlower/screencap/index.html b/contrib/themes/BlueFlower/screencap/index.html new file mode 100644 index 00000000..f117628f --- /dev/null +++ b/contrib/themes/BlueFlower/screencap/index.html @@ -0,0 +1,11 @@ +Revision 1421: /contrib/themes/IL01/screencap + +

Revision 1421: /contrib/themes/IL01/screencap

+ +
Powered by Subversion version 1.4.2 (r22196). + \ No newline at end of file diff --git a/contrib/themes/BlueFlower/templates/default.css b/contrib/themes/BlueFlower/templates/default.css new file mode 100644 index 00000000..c2f2a5b3 --- /dev/null +++ b/contrib/themes/BlueFlower/templates/default.css @@ -0,0 +1,653 @@ + + +p { + color: #ffffcc; +} + +a { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; +} +a:visited + { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + } +a:active { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; +} +.text-box { + display: table-cell; + padding-left:5px; + padding-top:5px; + padding-right:5px; + margin-bottom:10px; + background-color: #0C395B; + border-right:2px solid #ffffcc; + border-bottom:2px solid #ffffcc; + border-left:2px solid #ffffcc; + border-top:2px solid #ffffcc; +} +.selected_button { + background-color: black;color:white; +} +.unselected_button { + /* there really isn't anything for this */ +} +.display {} + +table.tabledata {} +td { + padding: 0px 8px 0px 8px; + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; +} +th { + padding-right: 10px; +} +input { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; + font-weight: bold; + background-color: #1483CF; + margin: 2px 2px 2px 2px; +} +select { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; + background-color: #1483CF; +} +textarea { + background-color: #1483CF; + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; +} +.table-header { + background: url(../themes/classic/images/ampache-light-bg.gif) #1483CF repeat-x; + vertical-align: top; +} + .header1 + { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + font-size: 18px; + font-weight: 900; + } + .header2 + { + color: #ffffcc; + font-family: Verdana, Helvetica, sans-serif; + font-size: 14px; + font-weight: 900; + } + .headrow + { + background:#cccccc; + font-size: 12px; + } + .odd + { + background:#0C395B; + font-size: 12px; + } + .even + { + background:#0F4670; + font-size: 12px; + } +.blank { + background: #fff; +} +.border { + background:#ffffcc; +} +.header { + font-size: 12px; +} +.error { + color: #990033; +} +.fatalerror { + padding-top: 3px; + padding-left: 3px; + padding-right: 3px; + display: table-cell; + padding-bottom: 3px; + color: #990033; + border-right:4px solid #990033; + border-bottom:4px solid #990033; + border-left:4px solid #990033; + border-top:4px solid #990033; +} +.disabled { + text-decoration: line-through; +} +.smallbutton { + border:0px; + padding-left:1px; + padding-right:1px; + font-size: 11px; + cursor: pointer; +} +/* ////////////////////////////////////////////////////////////////*/ +/* De aqui pa'bajo, ros esta creando una hoja de estilos unica para todo Ampache */ + +/* General style rules */ +body{ + padding-top: 0px; + margin-top: 0px; + margin-left: 0px; + margin-right: 0px; + background-color:#27465A; + font-family:Arial, Helvetica, Sans-Serif; + color: #ffffcc; +} + +#maincontainer{ + margin-right: 0px !important; + background-color:#1483CF; +} + +.alphabet { + margin: 10px; + font-size: 10px; + font-weight: normal; +} + +/* Content block */ +#content { + padding-top:10px; + padding-left:0px !important; + margin:10px 0px 0px 0px !important; + width: 100% !important; + background:#27465A url("../images/bottomfill.jpg") repeat-x; + /*float:left; use for horizontal menu; comment out otherwise */ +} + +h3#content_title{ + font-family:Arial,Helvetica,Sans-Serif; + font-size:12px; + line-height:32px; + color:#fff; + margin:0px; + padding:0px; + background:#8B8B8B url("../themes/classic/images/content_corner.gif") no-repeat right top; +} + +h3#content_title span { + text-align:left; +} + +/* Styles for Header */ +div#Header{ + height:80px; + margin-bottom:3px; + padding:0px; +} + +#Header h1 { + background: transparent url("../themes/classic/images/bg_login_0.jpg") no-repeat top left; + border:0px; + width: 439px; + height: 84px; + float: left; + margin:0px; + padding:0px; +} + +#Header h1 span { + display:none +} + +#Header h2 { + background: transparent url(001/h2.gif) no-repeat top left; + margin-top: 75px; + width: 200px; + height: 18px; + float: right; +} + +#Header h2 span { + font-size:10px; + margin-left:10px; +} + +/* Sidebar */ +/** + * Experimental for menus (Thx Sigger) + * TO DO: Fill in 1px border around menus & submenu items + * Make padding apply to the li, not just an a. Moving padding: to li throws off the dropdown menu alignment. + */ + +#sidebar{ + /* clear:both; */ + position:absolute; + left:400px; + top:400px; + width:60%; +} + +#sidebar select { + width: 95%; +} + +#sidebar h3 { + border:0; + width: 120px; + height: 28px; + margin:0; + padding:0; + background: transparent url(../images/sidebar_top.jpg) no-repeat left; +} + +#sidebar h3 span { + display:none +} + +#sidebar ul { + list-style: none; + font-family:Arial, Helvetica, Sans-Serif; + font-size: 10px; + margin: 0; + padding: 0; + line-height: 1em; +} + +#sidebar ul.subnavside { + display: none; + position: absolute; + width: 9em; + top: -1px; + left: 11.5em; + font-size: 1em; + z-index: 1; +} + +#sidebar li { + float: left; + clear: both; + display: inline; /* IE6 Patch */ + position: relative; + width: 12em; + width: /**/10.5em; /* Only IE5.5 can't see this */ + height: 12px; /*fixed by the_foster*/ + margin: 0; + padding: .5em 0 .5em 1em; + border-bottom: 1px solid #8B8B8B; + border-left: 1px solid #8B8B8B; + border-right: 4px solid #B4B4B4; + border-top: 1px solid #8B8B8B; + background:#00283e; +} + +#sidebar ul.subnavside li { + border-right: 1px solid #B4B4B4; +} + +#sidebar a, #sidebar .navbutton { + display: block; + position: relative; + text-decoration: none; +} + +#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside { + display:block; +} + +#sidebar li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu { + color:#000; + background-color:#1483cf; +} + +#sidebar li.hover:active { + background-color:#1483cf; + z-index:30; +} + +/* For horizontal menu */ +.horizontal_menu #content {margin:0em 0 0 2em;} +.horizontal_menu #sidebar { width: auto; top: 50px;} +.horizontal_menu #sidebar h3 { display: none; } +.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b} +.horizontal_menu #sidebar ul.subnavside { left: 0; top: 2em; } + + +/* Styles for Now Playing */ + +#np_container1{ + width: 260px; + height: 18px; + padding: 0px; + margin: 0px; + background: #fff url("../themes/classic/images/tb_tab.jpg") no-repeat top left; +} + +#np_container1 h1{ + font-size: 10px; + font-weight: bold; + padding: 2px; +} + +#np_container2{ + border-width: 1px 1px 1px 1px; + border-style: solid; + border-color:#ddd #999 #999 #ccc; + padding: 6px; + font-family: Verdana, sans-serif; + font-size: 10px; + line-height: 12px; + color: #000; + background: #D6D6D4 url("../themes/classic/images/bg_row.jpg") repeat top left; +} + + +/* Styles for Login template */ +#container{ + margin:100px auto 0px auto; + width:437px; + font-size: 12px; + text-align:center; +} +#container h1{ + background:url("../themes/classic/images/bg_login_0.jpg") no-repeat; + height:81px; + margin-bottom:8px; +} +#container h1 span{ + display:none; +} +#container div{ + background:url("../themes/classic/images/bg_login_1.jpg") no-repeat; + height:285px; +} +#loginp_0{ + color:#333; + margin-top:0px; + padding-top:60px; +} +.loginp_1{ + text-align:right; + padding-right:100px; +} +.loginp_1 span{ + font-weight:bold; +} +.loginp_1 input{ + border:1px solid #999; +} +input.text_input { +width:12em; +} +.loginp_1 input.check_input { +margin-right:5em; +} + +/* Footer */ +#footer-content { + +/* TODO: put this at the bottom of the flow...does not currently work on show album + position: absolute; + bottom: 0px; + margin: 0px; + background-color:#000000; + width:100%; + height:20px; */ +} + +#footer p { + color:#999999; + font-size:10px; +} +#topbar { + height: 362px; + padding-top:0px; + padding-left:0px; + background-color: #000000; + + +} +#topbarright { + float: right; + width:300px; + height: 360px; + font-size: 10px; + background: url("../images/ampache.jpg") no-repeat bottom right; +} +#topbarleft, #topbarleft a{ + float: left; +} + +/* Box Related Styles */ +.box { + padding:0px; + background: #00283E; + margin: 10px 0px 10px 10px; +} +.box-title { + border-bottom: solid 1px #0C395B; + font-weight: bold; +} +.box-left-top { display:none; } +.box-left-bottom { display:none; } +.box-left { display:none; } +.box-bottom { display:none; } +.box-right-bottom { display:none; } +.box-right-top { display:none; } +.box-right { display:none; } +.box-top { display:none; } + +.confirmation-box { + padding-left:5px; + padding-top:5px; + padding-right:5px; + margin-bottom:10px; + display: table-cell; + background-color: #320000; + border-right:2px solid #ffffcc; + border-bottom:2px solid #ffffcc; + border-left:2px solid #ffffcc; + border-top:2px solid #ffffcc;} + +.text-action, .text-action li { + margin-top:5px; + list-style: none; + margin-bottom:5px; + padding-left:0px; +} +.text-action a, .text-action span { + background: #9F0000; + border:1px solid #ffffcc; + padding-left:2px; + padding-right:2px; + text-decoration: none; +} +.text-action #pt_active { + background: #ffffcc; + color: #ffffff; + border:1px solid #1483CF; +} + + +/* +#np_data { + position:absolute; + left: 450px; + top: 200px; +} +*/ +#nowplaying { + width:650px; + background: #00283E; +} +.np_row { + padding-top: 3px; + padding-bottom: 3px; +} +.np_cell, .np_cell_left, .np_cell_m, .np_cell_right { + margin: 10px; +} +#tablist { + padding: 3px 0; + margin: 12px 0 0 0; + font: bold 12px Verdana, sans-serif; +} + +#tablist li { + list-style: none; + margin: 0; + display: inline; +} + +#tablist li a { + padding: 3px 0.5em; + margin-left: 3px; + border: 1px solid #cccccc; + border-bottom: none; + background: #1483CF; + text-decoration: none; +} + +#tablist li a:link { color: #222222; } +#tablist li a:visited { color: #ffffcc; } + +#tablist li a:hover { + color: #ffffcc; + background: #0C395B; + border-color: #ffffcc; +} + +#tablist li a#current { + color: #ffffcc; + background: #0C395B; + border-color: #ffffcc; + border-bottom: 1px solid #ffffcc; +} + +#tv_left { + float: left; + clear: left; +} +#tv_np { + float: right; +} + +/* styles for the star ratings */ +.star-rating{ + list-style:none; + margin: 0px; + padding:0px; + width: 80px; + height: 15px; + position: relative; + background: url(../../../images/ratings/star_rating.gif) top left repeat-x; +} +.star-rating li{ + padding:0px; + margin:0px; + float: right; +} +.star-rating li span{ + display:block; + width:16px; + height: 15px; + text-decoration: none; + text-indent: -9000px; + z-index: 20; + position: absolute; + padding: 0px; +} +.star-rating li span:hover{ + background: url(../../../images/ratings/star_rating.gif) left center; + z-index: 2; + left: 0px; +} +li.zero-stars span:hover { + background: url(../../../images/ratings/x.gif); + height: 15px; + left: 80px; + display: block; +} +span.zero-stars { + background: url(../../../images/ratings/x_off.gif); + height: 15px; + left: 80px; + display: block; +} +span.one-stars{ + left: 0px; +} +span.one-stars:hover{ + width:16px; +} +span.two-stars{ + left:16px; +} +span.two-stars:hover{ + width: 32px; +} +span.three-stars{ + left: 32px; +} +span.three-stars:hover{ + width: 48px; +} +span.four-stars{ + left: 48px; +} +span.four-stars:hover{ + width: 64px; +} +span.five-stars{ + left: 64px; +} +span.five-stars:hover{ + width: 80px; +} +li.current-rating{ + background: url(../../../images/ratings/star_rating.gif) left bottom; + position: absolute; + height: 15px; + display: block; + text-indent: -9000px; + z-index: 1; +} + + +.lp_box_ctrl { + text-align: center; /*for compatibility, may be controlled by themers now*/ +/* padding-top: 5px; */ +} +.lp_box_vol { + text-align: center; /*for compatibility, may be controlled by themers now*/ +/* padding-left: 7px; */ +} + +.smeg-ie { padding-left:0px; + margin:0px; +} diff --git a/contrib/themes/BlueFlower/templates/default.css.new b/contrib/themes/BlueFlower/templates/default.css.new new file mode 100644 index 00000000..b21ae133 --- /dev/null +++ b/contrib/themes/BlueFlower/templates/default.css.new @@ -0,0 +1,700 @@ +/* + + 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. + +*/ + + +/************************************************/ +/* 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:#27465A; + font-family:Arial, Helvetica, Sans-Serif; + min-width:1000px; + color:#FFFFCC; +} +p { + color: #FFFFCC; + margin:1em 0; +} +a, a:visited, a:active{ + color: #FFFFCC; + font-family: Verdana, Helvetica, sans-serif; +} +td { + padding: 0 8px; + color: #FFFFCC; + 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: right; + 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:left; + 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:#c0c0c0 url(../images/sidebar_top.jpg) no-repeat; + font-size:0.9em; +} + +#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 #8b8b8b; +} + +#sidebar-tabs li.sb1 { + float: left; + padding:2px; + background: #c0c0c0 ; +} +#sidebar-tabs li.active { + background: #fff url(../images/top.gif) 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: #fff url(../images/bottom.gif) 0 100% repeat-x; + padding-bottom:0.5em; + border-right:2px solid #c0c0c0; + 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 #666; +} +#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 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 #c0c0c0; + 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; +} + +/* 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; +} + + +/************************************************/ +/* Rightbar */ +/************************************************/ +#rightbar { + width:120px; + background:#fff; + padding-top:28px; + background:#c0c0c0 url(../images/rightbar_top.jpg) 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 #8b8b8b; + 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 #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 { background:#99ccff; color:#fff; } + +/* Rightbar playlist */ +#rightbar #rb_current_playlist { + background: #fff url(../images/bottom.gif) 0 100% repeat-x; + padding-bottom:0.5em; + border-left:2px solid #c0c0c0; + 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:80px; + 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; +} + + +/************************************************/ +/* 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: #f7f7f7 url(../images/left.gif) top left repeat-y; + float:left; + clear:left; + height:1%; /* IE6 : Holly Hack comes to rescue once again */ +} +.box-inside { + background: url(../images/right.gif) top right repeat-y; +} +.box-content { + padding:8px 15px; +} + +.box-top { + background: url(../images/top.gif) 0 0 repeat-x; + position:relative; +} +.box-left-top { + background: url(../images/topleft.gif) no-repeat; + height:16px; + width:16px; + position:relative;left:0;top:0; +} +.box-right-top { + background: url(../images/topright.gif) no-repeat; + 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 { + background: url(../images/bottom.gif) 0 0 repeat-x; + position:relative;clear:both; +} +.box-left-bottom { + background: url(../images/bottomleft.gif) no-repeat; + height:18px; + width:16px; + position:relative;left:0;top:0; +} +.box-right-bottom { + background: url(../images/bottomright.gif) no-repeat; + 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 .album_art {float:left;margin-right:10px;} +#information_actions { margin-left:5px; font-size:0.7em; } +#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; +} + +/* table rows */ +.odd, .odd td, +.even, .even td, .row-highlight { + font-size: 12px; + border-bottom:1px dotted #c0c0c0; +} +.even:hover, .odd:hover { + background:#99ccff; +} +.row-highlight:hover { + background:#cc3333; +} + + +/* Misc */ +.border { background: #000; } +.tabledata input, .tabledata select{ margin:2px 0;} + +/* specific cells */ +.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;} + + +/************************************************/ +/* 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; +} + +/************************************************/ +/* 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*/ +} + +/************************************************/ +/* 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 #000; +} + +#ajax-loading { + position: absolute; + top:42px; + left:345px; + 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; +} diff --git a/contrib/themes/BlueFlower/templates/index.html b/contrib/themes/BlueFlower/templates/index.html new file mode 100644 index 00000000..9d2519ca --- /dev/null +++ b/contrib/themes/BlueFlower/templates/index.html @@ -0,0 +1,9 @@ +Revision 1421: /contrib/themes/IL01/templates + +

Revision 1421: /contrib/themes/IL01/templates

+ +
Powered by Subversion version 1.4.2 (r22196). + \ No newline at end of file diff --git a/contrib/themes/BlueFlower/theme.cfg.php b/contrib/themes/BlueFlower/theme.cfg.php new file mode 100644 index 00000000..8ad6e3a4 --- /dev/null +++ b/contrib/themes/BlueFlower/theme.cfg.php @@ -0,0 +1,55 @@ +;;;;;;;;;;;;;;;;;; +;; +;;;;;;;;;;;;;;;;;; +; 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. +; +;;;;;;;;;;;;;;;;;;;;;;;;;;; +; Blueflower Ampache Theme +;;;;;;;;;;;;;;;;;;;;;;;;;;; + +; Theme Name +; This is the actual name of the theme that +; will be displayed in the preferences screen +; DEFAULT: ampache-theme +name = "Blueflower" + +; Theme Author +; This is just a way of giving credit to the +; person who actually created this theme +; DEFAULT: N/A +author = "Matthew Stewart" +; Credit given to Mukkamu for the original Wordpress theme design + +; 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 = "Matthew Stewart" +; email address matt@themainbrace.com + +; Orientation +; This was added as of 3.3.2-Alpha4, this tells Ampache if this theme +; uses vertical or horizontal orientation of the menu, if this is a horizontal +; theme then it will not show the quick search and quick random play forms +orientation = "horizontal" + +; Submenu +; If this is set to simple the sub menu's will only be shown when you're on one of the +; respective pages. If you want to make the menu's something like the classic theme +; comment this out +;submenu = "simple" -- cgit