diff options
author | pb1dft <pb1dft@ampache> | 2006-10-12 22:54:01 +0000 |
---|---|---|
committer | pb1dft <pb1dft@ampache> | 2006-10-12 22:54:01 +0000 |
commit | 8257b8bd4ba57f8c433a5642de5d2d35e45de280 (patch) | |
tree | f61b71a201c2e90bb2b612062d351f180e577c79 | |
parent | 90a512fdaf3a0957a232f3f9f158985ba044ce90 (diff) | |
download | ampache-8257b8bd4ba57f8c433a5642de5d2d35e45de280.tar.gz ampache-8257b8bd4ba57f8c433a5642de5d2d35e45de280.tar.bz2 ampache-8257b8bd4ba57f8c433a5642de5d2d35e45de280.zip |
Theme made compatible with newest version of Ampache
-rw-r--r-- | contrib/themes/Supernova/templates/default.css | 809 | ||||
-rw-r--r-- | contrib/themes/Supernova/theme.cfg.php | 154 |
2 files changed, 613 insertions, 350 deletions
diff --git a/contrib/themes/Supernova/templates/default.css b/contrib/themes/Supernova/templates/default.css index 2aa0216d..59e80b5e 100644 --- a/contrib/themes/Supernova/templates/default.css +++ b/contrib/themes/Supernova/templates/default.css @@ -1,280 +1,529 @@ -<?php
-/*
-
- Copyright (c) 2001 - 2005 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
- as published by the Free Software Foundation; either version 2
- of the License, or (at your option) any later version.
-
- 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.
-
-*/
-
-/*!
- @header Style File
- @discussion this is the css that is included on every page of
- ampache, mod this to change the look and feel of the site
-
-*/
-?>
-<style type="text/css">
-<!--
- body
- {
- background: url(<?php echo conf('web_path'); ?>Supernova
- font-family: Verdana;
- font-size: 12px;
- color: #BBBBBB;
- }
-
- p
- {
- color: #BBBBBB;
- font-family: Verdana;
- font-size: 12px;
- }
- a
- {
- color: #BBBBBB;
- font-family: Verdana;
- }
- a:visited
- {
- color: #BBBBBB;
- font-family: Verdana;
- }
- a:active
- {
- color: #BBBBBB;
- font-family: Verdana;
- }
- .text-box
- {
- padding-left:5px;
- padding-top:5px;
- margin-bottom:10px;
- background-color: #000000;
- border-right:2px solid #000000;
- border-bottom:2px solid #000000;
- border-left:2px solid #000000;
- border-top:2px solid #000000;
- }
- table.tabledata
- {
- }
-
- td
- {
- padding: 0px 8px 0px 8px;
- color: #BBBBBB;
- font-family: Verdana;
- font-size: 12px;
- }
- th
- {
- padding-right: 10px;
- }
- input
- {
- color: #BBBBBB;
- font-family: Verdana;
- font-size: 12px;
- font-weight: bold;
- background-color: #000000;
- border-style: solid;
- border-width: 1px;
- border-color: #000000;
- margin: 2px 2px 2px 2px;
- }
- select {
- color: #BBBBBB;
- font-family: Verdana;
- font-size: 12px;
- background-color: #000000;
- }
- textarea
- {
- color: #BBBBBB;
- font-family: Verdana;
- font-size: 12px;
- }
- .table-header
- {
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 repeat-x;
- vertical-align: top;
- }
-/*************** Main Menu *****************/
- #mainmenu {
- float: left;
- width: 100%;
- margin: 0;
- padding: 0;
- list-style: none;
- border-top: 1px solid #000;
- border-bottom: 1px solid #000;
- border-right: 1px solid #000;
- border-left: 1px solid #000;
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 repeat-x;
-peat-x;
- }
- #mainmenu li {
- float: left;
- margin: 0;
- padding: 0 10px 0 10px;
- border-right: 1px solid #000;
- display: inline;
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 repeat-x;
-peat-x;
- }
- #mainmenu li.active {
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 rep
-eat-x;
- }
- #mainmenu a {
- text-decoration: none;
- }
- #mainmenu a:hover {
- color: #000;
- }
- #mainmenu a:active {
- color: #00a;
- }
-/*************** END Main Menu *************/
-/*************** Admin Menu *************/
- #adminmenu {
- float: left;
- width: 100%;
- margin: 0;
- padding: 0;
- list-style: none;
- border-bottom: 1px solid #000;
- border-right: 1px solid #000;
- border-left: 1px solid #000;
- border-top: 1px solid #000;
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 repeat;
- }
- #adminmenu li {
- float: left;
- margin: 0;
- padding: 0 20px 0 20px;
- border-right: 1px solid #000;
- display: inline;
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 repeat-x;
- }
- #adminmenu li.active {
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/nav.jpg) #000000 repeat-x;
- }
- #adminmenu a {
- text-decoration: none;
- }
- #adminmenu a:hover {
- color: #000;
- }
- #adminmenu a:active {
- color: #000;
- }
-/*************** END Main Menu *************/
-/*************** Page Header *********************/
-
- #topbar {
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/filling.jpg) #000000 repeat-x;
- height: 125px;
-}
-
-#pageheader img {
- text-align: left;
- border: 0px;
-}
-
-/*************** END Page Header *****************/
- .navitem
- {
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/navigator.jpg) #000000 repeat-x;
- vertical-align: top;
- text-align: center;
- }
- .header1
- {
- color: #BBBBBB;
- font-family: Verdana;
- font-size: <?php echo conf('font_size') + 6; ?>px;
- font-weight: 900;
- }
- .header2
- {
- color: #BBBBBB;
- font-family: Verdana;
- font-size: <?php echo conf('font_size') + 2; ?>px;
- font-weight: 900;
- }
- .active_navitem
- {
- background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/navigator.jpg) #000000 repeat-x;
- vertical-align: top;
- text-align: center;
- }
- .headrow
- {
- background:#404040;
- font-size: 12px;
- }
- .odd
- {
- background:#404040;
- font-size: 12px;
- }
- .even
- {
- background:#404040;
- font-size: 12px;
- }
- .blank
- {
- background: #fff;
- }
- .border
- {
- background:#000000;
- }
- .header
- {
- font-size: 12px;
- }
- .error
- {
- color: #990033;
- }
- .fatalerror
- {
- padding-top: 3px;
- 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;
- font-size: <?php echo conf('font_size')+2; ?>px;
- font-weight: 900;
- text-align: center;
- }
- .disabled
- {
- text-decoration: line-through;
- }
- .alphabet
- {
- font-size: 12px;
- font-weight: normal;
- }
--->
-</style>
+<!-- +/* + + 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 + as published by the Free Software Foundation; either version 2 + of the License, or (at your option) any later version. + + 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. + +*/ +--> +p { + color: #BBBBBB; +} + +a { + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; +} +a:visited + { + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + } +a:active { + color: #BBBBBB; + 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: #000000; + border-right:2px solid #BBBBBB; + border-bottom:2px solid #BBBBBB; + border-left:2px solid #BBBBBB; + border-top:2px solid #BBBBBB; +} +.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: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; +} +th { + padding-right: 10px; +} +input { + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; + font-weight: bold; + background-color: #000000; + margin: 2px 2px 2px 2px; +} +select { + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; + background-color: #000000; +} +textarea { + background-color: #000000; + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + font-size: 12px; +} +.table-header { +/* background: url(../themes/classic/images/ampache-light-bg.gif) #000000 repeat-x;*/ + background: url(../images/nav.jpg) #000000 repeat-x; + vertical-align: top; +} + .header1 + { + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + font-size: 18px; + font-weight: 900; + } + .header2 + { + color: #BBBBBB; + font-family: Verdana, Helvetica, sans-serif; + font-size: 14px; + font-weight: 900; + } + .headrow + { + background:#cccccc; + font-size: 12px; + } + .odd + { + background:#404040; + font-size: 12px; + } + .even + { + background:#000000; + font-size: 12px; + } +.blank { + background: #fff; +} +.border { + background:#BBBBBB; +} +.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{ + background: url(../images/Lightning.jpg) repeat-x; + padding-top: 0px; + margin-top: 0px; + margin-left: 0px; + margin-right: 0px; + font-size: 12px; + font-family: Verdana; + color: #BBBBBB; +} + +#maincontainer{ + margin: 0px; +} + +.alphabet { + margin: 10px; + font-size: 10px; + font-weight: normal; +} + +/* Content block */ +#content { + postion:absolute; + float: left; + clear: both; + margin-left:15px; + /*float:left; use for horizontal menu; comment out otherwise */ + /* background:#fff url("../themes/classic/images/bg_content.gif") repeat-y right top; */ +} + +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:120px; + 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. + */ + +div#sidebar{ + clear:both; + position:absolute; + left:5px; + top:100px; +} + +#sidebar h3 { + width: 120px; + height: 28px; + margin 0px; + padding: 0px; + background: transparent; +} + +#sidebar h3 span { + display:none +} + +#sidebar ul { + margin: 0px; + list-style: none; + font-family:Arial, Helvetica, Sans-Serif; + font-size:10px; + padding: 0px; + line-height: 1.0; + Background-color: #000000; +} + +#sidebar li { + margin: 0; + float: left; + display: block; + border: 1px solid #000000; + padding: 5px 0px 5px 10px; + width: 10.5em; + background: url(../images/navigator.jpg) #000000 repeat-x; +} + +#sidebar ul.subnavside li { + border: 1px solid #000000; + background: url(../images/navigator.jpg) #000000 no-repeat; +} + +#sidebar a, .navbutton { + display: block; /*Not sure why this is neccesary, but it is for IE*/ + text-decoration: none; + text-align: center; + padding:0px 12px 0px 0px; + margin:0px; +} + +#sidebar li:hover, #sidebar li.sfhover { + color:#000000; + background: url(../images/navigator.jpg) #000000 no-repeat; + background-color:#DDDDDD; +} + +#sidebar li ul { + float: left; + position: absolute; + width: 9em; +/* margin: -1.5em 0 0 10.5em; /* for vertical menu; comment out otherwise */ + margin: 0.5em 0 0 -1.1em; + left: -999em; /* this -999em puts the submenu item way off to the left until it's called back by a hover (below) */ + z-index:30; + background: url(../images/navigator.jpg) #000000 no-repeat; +} + +#sidebar #activetopmenu { + background: url(../images/navigator.jpg) #000000 no-repeat; + } +#sidebar #activesubmenu { + background: url(../images/navigator.jpg) #DDDDDD no-repeat; +} +#sidebar li:hover, #sidebar li.sfhover { + left: auto; /* this calls the submenu back when the parent li is hovered. */ + background: url(../images/navigator.jpg) #000000 no-repeat; +} + + + + + + + + + + + + + +/* 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 { + margin-left: 150px; + margin-bottom: 10px; +} + +#footer p { + color:#999999; + font-size:10px; +} +#topbar { + height: 140px; + padding-top:3px; + padding-left:10px; +} +#topbarright { + float: right; + font-size: 10px; +} +#topbarleft, #topbarleft a{ + float: left; +} + +/* Box Related Styles */ +.box { + padding:0px; + background: #000000; + margin:10px; +} +.box-title { + border-bottom: solid 1px #404040; + 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: #404040; + border-right:2px solid #BBBBBB; + border-bottom:2px solid #BBBBBB; + border-left:2px solid #BBBBBB; + border-top:2px solid #BBBBBB;} + +.text-action, .text-action li { + margin-top:5px; + list-style: none; + margin-bottom:5px; + padding-left:0px; +} +.text-action a, .text-action span { + background: #000000; + border:1px solid #BBBBBB; + padding-left:2px; + padding-right:2px; + text-decoration: none; +} +.text-action #pt_active { + background: #BBBBBB; + color: #ffffff; + border:1px solid #000000; +} +#nowplaying { + width:650px; + background: #404040; +} +.np_row { + padding-top: 3px; + padding-bottom: 3px; +} +.np_cell { + 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: #000000; + text-decoration: none; +} + +#tablist li a:link { color: #222222; } +#tablist li a:visited { color: #BBBBBB; } + +#tablist li a:hover { + color: #BBBBBB; + background: #320000; + border-color: #BBBBBB; +} + +#tablist li a#current { + color: #BBBBBB; + background: #000000; + border-color: #BBBBBB; + border-bottom: 1px solid #BBBBBB; +} + diff --git a/contrib/themes/Supernova/theme.cfg.php b/contrib/themes/Supernova/theme.cfg.php index ade61864..b8ce9b91 100644 --- a/contrib/themes/Supernova/theme.cfg.php +++ b/contrib/themes/Supernova/theme.cfg.php @@ -1,70 +1,84 @@ -##################
-#<?php exit(); ?>#
-##################
-
-###########################
-# Supernova
-###########################
-
-# Theme Name
-# This is the actual name of the theme that
-# will be displayed in the preferences screen
-# DEFAULT: ampache-theme
-name = "Supernova"
-
-# Theme Author
-# This is just a way of giving credit to the
-# person who actually created this theme
-# DEFAULT: N/A
-author = "Ripmaster TS"
-
-# 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 = "no@mail!"
-
-version = "1.0"
-
-# Theme Colors
-###################
-[color]
-###################
-# Below is a list of the default colors for this theme, upon
-# applying this theme the users color preferences will be reset
-# to what is listed below...
-
-# Background Color 1
-bg_color1 = "#000000"
-
-# Background Color 2
-bg_color2 = "#000000"
-
-# Base Color 1
-base_color1 = "#000000"
-
-# Base Color 2
-base_color2 = "#000000"
-
-# Font Color 1
-font_color1 = "#BBBBBB"
-
-# Font Color 2
-font_color2 = "#BBBBBB"
-
-# Font Color 3
-font_color3 = "#FFFFFF"
-
-# Row Color 1
-row_color1 = "#404040"
-
-# Row Color 2
-row_color2 = "#404040"
-
-# Row Color 3
-row_color3 = "#404040"
-
-# Error Color
-error_color = "#990033"
-
+################## +#<?php exit(); ?># +################## + +########################### +# Burgundy Ampache Theme +########################### + +# Theme Name +# This is the actual name of the theme that +# will be displayed in the preferences screen +# DEFAULT: ampache-theme +name = "Supernova" + +# Theme Author +# This is just a way of giving credit to the +# person who actually created this theme +# DEFAULT: N/A +author = "Ripmaster TS modified by Terence Theijn" + +# 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 = "no@mail" + +# Version +# This is the version of the Theme (usefull if you've updated it) +version = "1.2" + +# 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" + +# Theme Colors +################### +[color] +################### +# Below is a list of the default colors for this theme, upon +# applying this theme the users color preferences will be reset +# to what is listed below... + +# Background Color 1 +bg_color1 = "#000000" + +# Background Color 2 +bg_color2 = "#000000" + +# Base Color 1 +base_color1 = "#000000" + +# Base Color 2 +base_color2 = "#000000" + +# Font Color 1 +font_color1 = "#BBBBBB" + +# Font Color 2 +font_color2 = "#BBBBBB" + +# Font Color 3 +font_color3 = "#FFFFFF" + +# Row Color 1 +row_color1 = "#404040" + +# Row Color 2 +row_color2 = "#404040" + +# Row Color 3 +row_color3 = "#404040" + +# Error Color +error_color = "#990033" + |