diff options
| author | Karl 'vollmerk' Vollmer <vollmer@ampache.org> | 2007-04-23 19:23:57 +0000 |
|---|---|---|
| committer | Karl 'vollmerk' Vollmer <vollmer@ampache.org> | 2007-04-23 19:23:57 +0000 |
| commit | a12f1083e30ae16ded9dc7aa464015ad07413632 (patch) | |
| tree | 01f7dc820e40fe4703af8f363926268b6d4c5ef3 /contrib/themes | |
| parent | 0557ea37ad1396c605198d4ed072b77971ec9ad7 (diff) | |
| download | ampache-a12f1083e30ae16ded9dc7aa464015ad07413632.tar.gz ampache-a12f1083e30ae16ded9dc7aa464015ad07413632.tar.bz2 ampache-a12f1083e30ae16ded9dc7aa464015ad07413632.zip | |
two new themes
Diffstat (limited to 'contrib/themes')
41 files changed, 1576 insertions, 0 deletions
diff --git a/contrib/themes/exterminal/header.inc b/contrib/themes/exterminal/header.inc new file mode 100644 index 00000000..1ddb2c3f --- /dev/null +++ b/contrib/themes/exterminal/header.inc @@ -0,0 +1,79 @@ +<?php
+/*
+
+ Copyright (c) 2001 - 2006 Ampache.org
+ All rights reserved.
+
+ This program is free software; you can redistribute it and/or
+ modify it under the terms of the GNU General Public License v2
+ as published by the Free Software Foundation.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program; if not, write to the Free Software
+ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+
+*/
+$web_path = conf('web_path');
+$htmllang = str_replace("_","-",conf('lang'));
+$location = get_location();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $htmllang; ?>" lang="<?php echo $htmllang; ?>">
+
+<head>
+<link rel="shortcut icon" href="<?php echo $web_path; ?>/favicon.ico" />
+<?php
+if (conf('use_rss')) { ?>
+<link rel="alternate" type="application/rss+xml" title="<?php echo conf('rss_main_title'); ?>" href="<?php echo $web_path; ?>/rss.php" />
+<link rel="alternate" type="application/rss+xml" title="Ampache Latest Artists Additions" href="<?php echo $web_path; ?>/rss.php?type=latestartist" />
+<link rel="alternate" type="application/rss+xml" title="Ampache Latest Albums Additions" href="<?php echo $web_path; ?>/rss.php?type=latestalbum" />
+<link rel="alternate" type="application/rss+xml" title="Ampache Most Popular Albums" href="<?php echo $web_path; ?>/rss.php?type=popularalbum" />
+<link rel="alternate" type="application/rss+xml" title="Ampache Most Popular Artists" href="<?php echo $web_path; ?>/rss.php?type=popularalbum" />
+<link rel="alternate" type="application/rss+xml" title="Ampache Most Popular Songs" href="<?php echo $web_path; ?>/rss.php?type=popularsong" />
+<link rel="alternate" type="application/rss+xml" title="Ampache Recently Played" href="<?php echo $web_path; ?>/rss.php?type=recentlyplayed" />
+<?php } ?>
+<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=<?php echo conf('site_charset'); ?>" />
+<title><?php echo conf('site_title'); ?> - <?php echo $location['title']; ?></title>
+<link rel="stylesheet" href="<?php echo $web_path; ?><?php echo conf('theme_path'); ?>/templates/default.css" type="text/css" media="screen" />
+<link rel="stylesheet" href="<?php echo $web_path; ?>/templates/print.css" type="text/css" media="print" />
+<link rel="stylesheet" href="<?php echo $web_path; ?>/templates/handheld.css" type="text/css" media="handheld" />
+</head>
+<body>
+<script src="<?php echo $web_path; ?>/lib/javascript-base.js" language="javascript" type="text/javascript"></script>
+<script src="<?php echo $web_path; ?>/modules/kajax/ajax.js" language="javascript" type="text/javascript"></script>
+<div id="3514" style="display:none;"></div>
+<div id="maincontainer" <?php
+ if ($GLOBALS['theme']['orientation'] == 'horizontal') {
+ echo " class=\"horizontal_menu\" ";
+ }else{
+ echo " class=\"vertical_menu\" ";
+ }?>>
+
+ <div id="topbar"><!-- This is the topbar row -->
+ <div id="topbarleft">
+ <a href="http://www.ampache.org">
+ <img src="<?php echo $web_path; ?><?php echo conf('theme_path'); ?>/images/ampache.png" border="0" title="Ampache: For the love of music" alt="Ampache: For the love of music" />
+ </a>
+ </div><!--End topbarleft -->
+ <div id="topbarright">
+ <a href="http://www.ampache.org/index.php">Ampache v.<?php echo conf('version'); ?></a><br />
+ <b><?php echo _('You are currently logged in as') . " " . $GLOBALS['user']->fullname; ?></b>
+ </div> <!-- End topbarright -->
+ </div><!-- End topbar -->
+ <div id="sidebar"><!-- This is the sidebar -->
+ <?php require_once(conf('prefix') . '/templates/sidebar.inc.php'); ?>
+ </div><!-- End sidebar -->
+ <div id="content">
+<!-- I hate IE... -->
+<table class="smeg-ie"><tr><td>
+<?php if (conf('int_config_version') != conf('config_version') AND $GLOBALS['user']->has_access(100)) { ?>
+<div class="fatalerror">
+ <?php echo _('Error Config File Out of Date'); ?>
+ <a href="<?php echo conf('web_path'); ?>/admin/system.php?action=generate_config"><?php echo _('Generate New Config'); ?></a>
+</div>
+<?php } ?>
diff --git a/contrib/themes/exterminal/images/ampache.gif b/contrib/themes/exterminal/images/ampache.gif Binary files differnew file mode 100644 index 00000000..3c44872f --- /dev/null +++ b/contrib/themes/exterminal/images/ampache.gif diff --git a/contrib/themes/exterminal/images/ampache.png b/contrib/themes/exterminal/images/ampache.png Binary files differnew file mode 100644 index 00000000..f85c654e --- /dev/null +++ b/contrib/themes/exterminal/images/ampache.png diff --git a/contrib/themes/exterminal/images/blankalbum.gif b/contrib/themes/exterminal/images/blankalbum.gif Binary files differnew file mode 100644 index 00000000..442b9c28 --- /dev/null +++ b/contrib/themes/exterminal/images/blankalbum.gif diff --git a/contrib/themes/exterminal/images/icon_delete.png b/contrib/themes/exterminal/images/icon_delete.png Binary files differnew file mode 100644 index 00000000..2fb12148 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_delete.png diff --git a/contrib/themes/exterminal/images/icon_disable.png b/contrib/themes/exterminal/images/icon_disable.png Binary files differnew file mode 100644 index 00000000..1609f4d9 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_disable.png diff --git a/contrib/themes/exterminal/images/icon_download.png b/contrib/themes/exterminal/images/icon_download.png Binary files differnew file mode 100644 index 00000000..68377538 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_download.png diff --git a/contrib/themes/exterminal/images/icon_edit.png b/contrib/themes/exterminal/images/icon_edit.png Binary files differnew file mode 100644 index 00000000..6d4ae95f --- /dev/null +++ b/contrib/themes/exterminal/images/icon_edit.png diff --git a/contrib/themes/exterminal/images/icon_enable.png b/contrib/themes/exterminal/images/icon_enable.png Binary files differnew file mode 100644 index 00000000..6bd6ce20 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_enable.png diff --git a/contrib/themes/exterminal/images/icon_flag.png b/contrib/themes/exterminal/images/icon_flag.png Binary files differnew file mode 100644 index 00000000..909a6798 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_flag.png diff --git a/contrib/themes/exterminal/images/icon_flag_off.png b/contrib/themes/exterminal/images/icon_flag_off.png Binary files differnew file mode 100644 index 00000000..5729535d --- /dev/null +++ b/contrib/themes/exterminal/images/icon_flag_off.png diff --git a/contrib/themes/exterminal/images/icon_link.png b/contrib/themes/exterminal/images/icon_link.png Binary files differnew file mode 100644 index 00000000..b848f8b2 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_link.png diff --git a/contrib/themes/exterminal/images/icon_preferences.png b/contrib/themes/exterminal/images/icon_preferences.png Binary files differnew file mode 100644 index 00000000..8f338da2 --- /dev/null +++ b/contrib/themes/exterminal/images/icon_preferences.png diff --git a/contrib/themes/exterminal/images/icon_statistics.png b/contrib/themes/exterminal/images/icon_statistics.png Binary files differnew file mode 100644 index 00000000..f2730f4e --- /dev/null +++ b/contrib/themes/exterminal/images/icon_statistics.png diff --git a/contrib/themes/exterminal/images/ratings/Thumbs.db b/contrib/themes/exterminal/images/ratings/Thumbs.db Binary files differnew file mode 100644 index 00000000..6933292e --- /dev/null +++ b/contrib/themes/exterminal/images/ratings/Thumbs.db diff --git a/contrib/themes/exterminal/images/ratings/star_rating.gif b/contrib/themes/exterminal/images/ratings/star_rating.gif Binary files differnew file mode 100644 index 00000000..7859b8aa --- /dev/null +++ b/contrib/themes/exterminal/images/ratings/star_rating.gif diff --git a/contrib/themes/exterminal/images/ratings/x.gif b/contrib/themes/exterminal/images/ratings/x.gif Binary files differnew file mode 100644 index 00000000..f83e5a4c --- /dev/null +++ b/contrib/themes/exterminal/images/ratings/x.gif diff --git a/contrib/themes/exterminal/images/ratings/x_off.gif b/contrib/themes/exterminal/images/ratings/x_off.gif Binary files differnew file mode 100644 index 00000000..f184d9a7 --- /dev/null +++ b/contrib/themes/exterminal/images/ratings/x_off.gif diff --git a/contrib/themes/exterminal/images/terminalside.jpg b/contrib/themes/exterminal/images/terminalside.jpg Binary files differnew file mode 100644 index 00000000..82081e36 --- /dev/null +++ b/contrib/themes/exterminal/images/terminalside.jpg diff --git a/contrib/themes/exterminal/screencap/01.jpg b/contrib/themes/exterminal/screencap/01.jpg Binary files differnew file mode 100644 index 00000000..4b1fb64b --- /dev/null +++ b/contrib/themes/exterminal/screencap/01.jpg diff --git a/contrib/themes/exterminal/templates/default.css b/contrib/themes/exterminal/templates/default.css new file mode 100644 index 00000000..21cb8cd8 --- /dev/null +++ b/contrib/themes/exterminal/templates/default.css @@ -0,0 +1,693 @@ +<!-- +/* +theme name: exterminal +i wrote this theme because i was inspired by exterminal.net and wanted +to make a sci-fi looking theme. also, i'm depressed that no one continued +the simple matrix theme that was for ampache 3.2 and never got fixed up +for 3.3. i used some of apex's icons from the apex and aphelion themes. +~jazzs3quence (c <dot> s <dot> reynolds <at> gmail <dot> com) + +update 04-19-07 +added a transparency cuz i think it looks cool and fits with the +exterminal.net feel. +*/ +--> + +/**************/ +/* PIECES */ +/**************/ + +p { + color: #33CC00; +} +a { + color: #F9F9F9; + font-family: Verdana, Helvetica, sans-serif; +} +a:visited + { + color: #F9F9F9; + font-family: Verdana, Helvetica, sans-serif; + } +a:hover +{ + color: #33CC00; +font-family: Verdana, Helvetica, sans-serif; +text-decoration: line-through; +} +a:active { + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; +text-decoration: line-through; +} +.text-box { + display: table-cell; + padding-left:5px; + padding-top:25px; + padding-right:5px; + margin-bottom:10px; + background-color: #00330D; + border-right:2px solid #000000; + border-bottom:2px solid #000000; + border-left:2px solid #000000; + border-top:2px solid #000000; +} +td { + padding: 0px 8px 0px 8px; + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; +} + +/*******************/ +/* FORM ELEMENTS */ +/*******************/ + +input { + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; + background-color: #00330D; + border: 2px solid #000000; + position: relative; + margin: 2px 2px 2px 2px; +} +select { + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; + background-color: #00330D; + border: 1px solid #000000; + position: relative; +} +textarea { + background-color: #00330D; + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; + border: 2px solid #000000; +} +checkbox { + background-color: #000000; + border: 1px solid #00330D; +} +.text-action, .text-action li { + margin-top:5px; + list-style: none; + margin-bottom:5px; + padding-left:0px; +} +.text-action a, .text-action span { + background-color: transparent; + border:1px solid #00330D; + padding-left:2px; + padding-right:2px; + text-decoration: none; +} +.text-action #pt_active { + background: #00330D; + color: #33CC00; + border:1px solid #00330D; +} +.confirmation-box { + padding: 5px; + margin-left: 0 auto; + margin-right: 0 auto; + margin-bottom:10px; + background-color: #000000; + border:2px solid #00330D; +} + +/* Playing around with making columns distinct */ +/* Unfortunately adding borders breaks alot of */ +/* other pages... trying to fix it but will */ +/* require changes to core files... 8( */ + +.border { + border: 1px solid #00330D; +} +.tabledata { + border-top: 5px solid #00330D; +} +.odd { + background:#000000; + font-size: 10px; + text-align: left; +} +.even { + background:#00330D; + font-size: 10px; + text-align: left; +} +th { + padding: 4px 0 4px 0; + text-align: center; + border-bottom: 3px double #000000; +} +.even td { + text-align: center; + padding: 3px; + border-right: 1px solid #000000; + border-left: 1px solid #000000; +} +.odd td { + text-align: center; + padding: 3px; + border-right: 1px solid #000000; + border-left: 1px solid #000000; +} +.table-header { + background: url(../themes/empires/images/ampache.gif) #00330D repeat-x; + vertical-align: top; + padding: 0; + text-align: center; +} + .header1 + { + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; + font-size: 18px; + font-weight: 900; + } + .header2 + { + color: #33CC00; + font-family: Verdana, Helvetica, sans-serif; + font-size: 14px; + font-weight: 900; + } + .headrow + { + background:#00330D; + font-size: 10px; + } + .odd + { + background:#000000; + font-size: 10px; + } + .even + { + background:#00330D; + font-size: 10px; + } +.table-footer td { + background: #00330D; + border-bottom: 3px double #000000; + border-left: 1px solid #000000; + border-right: 1px solid #000000; +} +.table-header td,th { + border-right: 1px solid #000000; + border-left: 1px solid #000000; + border-top: 3px double #000000; + border-bottom: 1px solid #000000; + padding: 4px 4px 4px 4px; + text-align: center; + background: #00330D; + font-size: 10px; +} +.tabledata td { + border-bottom: 1px solid #000000; +} +.error { + color: #990033; + border-bottom: 1px solid #000000; +} +.alphabet { + margin: 10px; + font-size: 9px; + font-weight: normal; +} +.list-header td { + border: 0; +} + +/*****************/ +/* BIG STUFF */ +/*****************/ + +body { + padding-top: 0px; + font-family:Arial, Helvetica, Sans-Serif; + color: #33CC00; + background: url(../images/terminalside.jpg) #000000; + text-align: center; + margin-right: auto; + margin-left: auto; +} +.smeg-ie { + margin: 0 auto; + padding: 10px;; +} +#maincontainer { + text-align: center; + border: 0; + margin-right: auto; + margin-left: auto; +} +#content { + border: 1px solid #000000; + padding: 0; + margin: 0 auto; + z-index: 1; + text-align: center; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); + -moz-opacity:0.80; +} +#footer-content { + margin: 0 auto; + padding: 0; + border: 0; + height: 0; + background-color: transparent; + position: relative; + z-index: 2; +} + +/***********************/ +/* SIDEBAR == MENU */ +/***********************/ + +div#sidebar{ + margin: 0px auto; + padding: 31px 150px 0 148px; + height: 65px; + width: 600px; + position: relative; + top: -20px; + left: 0px; + border: 0; + background-color: transparent; + z-index: 50; +} + +#sidebar h3 { + display: none; + width: 0px; + height: 0px; + margin:0px; + padding:0px; + border: 0; + background-color: transparent; + line-height: 1px; +} + +#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-bottom: 1px solid #00330D; + border-left: 1px solid #00330D; + border-right: 1px solid #00330D; + border-top: 1px solid #00330D; + padding: 5px 0px 5px 10px; + width: 10.5em; + background-color:#000000; +} + +#sidebar a, .navbutton { + display: block; /*Not sure why this is neccesary, but it is for IE*/ +text-decoration: none; +} + +#sidebar li:hover, #sidebar li.sfhover { + color: #00330D; + background-color: #000000; +text-decoration: line-through; +} + +#sidebar li:active { + background-color:#000000; + z-index:30; +text-decoration: line-through; +} + +#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; /* for horizontal menu; comment out otherwise */ + 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; +} + +#sidebar li:hover ul, #sidebar li.sfhover ul { + left: auto; /* this calls the submenu back when the parent li is hovered. */ + background-color: #000000; +} + +#navlist ul li:hover { + background-color: #00330D; +} +#play_type_switch { + position: relative; + top: -3px; + width: 92px; + border: 1px solid #00330D; + background-color: transparent; +} + +/* #sidebar li.sfhover ul {} +#navlist ul li:hover {} */ + +/***************************/ +/* NOW PLAYING & HOME PAGE */ +/* STATISTICS + POPULAR */ +/* BOXES */ +/***************************/ + +#nowplaying { + width:650px; + background-color: transparent; +} +.np_row { + border: 0; + width: 780px; +} +.np_cell { + color: #F9F9F9; + padding: 10px 0 10px 0; + text-align: center; + border: 5px; + background: #00330D; + width: 500px; +} +#np_container1{ + width: 260px; + height: 18px; + padding: 0px; + margin: 0px; + background: #000; +} +#np_container1 h1{ + font-size: 10px; + font-weight: bold; + padding: 2px; +} +#np_container2{ + border-width: 1px 1px 1px 1px; + border-style: solid; + padding: 6px; + font-family: Verdana, sans-serif; + font-size: 10px; + line-height: 10px; + color: #000; + background-color: transparent; +} +#biddaddy { + /* I didn't pick the name. Its the box around most of the stuff on the main page. */ + text-align: left; + margin-left: auto; + margin-right: auto; + border: 0; +} + +/*************/ +/* Top Bar */ +/*************/ +#topbar { + height: 75px; + padding-top:3px; + padding-left:10px; +} +#topbarright { + float: left; + margin-top: 30px; + font-size: 10px; +} + /* This holds the "Your currently logged in as and version #... blah blah */ + +#topbarleft { + /* ampache.gif inside this, hard coded into the page */ + float: left; + border: 0; +} + +/********************/ +/* TABLE STUFF: */ +/* Albums listings */ +/* Preferences */ +/* etc. */ +/********************/ + +.box { + text-align: center; + padding:0px; + background-color: transparent; + border: #00330D; + margin:10px auto; +} +.box-title { + border-bottom: 2px solid #00330D; + font-weight: bold; +} +.box-content table { + text-align: left; + margin-left: auto; + margin-right: auto; + margin-top: 5px; + margin-bottom: 5px; + border: 0; +} +.box-content { + text-align: left; +} +/*******************************/ +/* IMAGE BORDERS AROUND BOXES */ +/*******************************/ +/* I don't have any */ +.box-left-top { display: none } +.box-right-top { display: none } +.box-left-bottom { display: none } +.box-right-bottom { display: none } +.box-left { display: none } +.box-right { display: none } +.box-top { display: none } +.box-bottom { display: none } + +/************************/ +/* TABS ON PREF. PAGE */ +/************************/ + +#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 #000000; + border-bottom: none; + background: #00330D; +} +#tablist li a:link { + color: #F9F9F9; +} +#tablist li a:visited { + color: #F9F9F9; +} +#tablist li a:hover { + color: #33CC00; + background-color: transparent; + border-color: #00330D; +} +#tablist li a#current { + color: #33CC00; + background-color: transparent; + border-color: #00330D; +} + +/*****************/ +/* LOGIN PAGE */ +/*****************/ +#container{ + margin:100px auto 0px auto; + width:437px; + font-size: 12px; + text-align:center; +} +#container h1{ + background:url("../images/ampache.gif") no-repeat; + height:81px; + margin-bottom:8px; +} +#container h1 span{ + display:none; +} +#container div{ + background:#00330D; + height:285px; +} +#loginp_0{ + color:#33CC00; + font-family: Verdana, sans-serif; + margin-top:0px; + padding-top:60px; +} +.loginp_1{ + text-align:right; + font-family: Verdana, sans-serif; + 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; +} + +/**************************/ +/* USELESS STUFF THAT */ +/* DOESN'T DO MUCH */ +/* OF ANYTHING */ +/**************************/ + +.disabled {text-decoration: line-through;} + +/* ########################## */ +/* I'm too lazy to break */ +/* something sufficiently */ +/* to skin this for now. */ +/* */ +/* If you have a fatal error, */ +/* your skin is not your most */ +/* important problem now, */ +/* is it? 8) */ +/* ########################## */ + +.fatalerror { + padding-top: 3px; + padding-left: 3px; + + padding-right: 3px; + display: table-cell; + padding-bottom: 3px; + color: #990033; + border-right:4px solid #00330D; + border-bottom:4px solid #00330D; + border-left:4px solid #00330D; + border-top:4px solid #00330D; +} +/* ########################### */ +/* 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; +} + +/************************************************/ +/* User Online/Offline style, used in users.php */ +/************************************************/ +td.user_online{ + background:#007ACC; +} +td.user_offline { + background:#4D4D4D; +} +td.user_disabled { + background:#999999; +}
\ No newline at end of file diff --git a/contrib/themes/exterminal/theme.cfg.php b/contrib/themes/exterminal/theme.cfg.php new file mode 100644 index 00000000..0670124e --- /dev/null +++ b/contrib/themes/exterminal/theme.cfg.php @@ -0,0 +1,58 @@ +##################
+#<?php exit(); ?>#
+##################
+
+###########################
+# Ampache Theme: exterminal
+###########################
+
+# Notes
+# i wrote this theme because i was inspired by exterminal.net and wanted
+# to make a sci-fi looking theme. also, i'm depressed that no one continued
+# the simple matrix theme that was for ampache 3.2 and never got fixed up
+# for 3.3. i used some of apex's icons from the apex and aphelion themes.
+# ALSO:
+# i had issues with the transparency for ampache.gif. so i tweaked the header.inc
+# to use ampache.png. i've provided a hacked an unhacked copy. just copy the
+# included header.inc to your /templates folder. if you want to use a different
+# theme, copy the header.inc.bak to /templates and rename it to header.inc
+#
+# ~jazzs3quence (c <dot> s <dot> reynolds <at> gmail <dot> com)
+
+# Theme Name
+# This is the actual name of the theme that
+# will be displayed in the preferences screen
+# DEFAULT: ampache-theme
+name = "exterminal"
+
+# Theme Author
+# This is just a way of giving credit to the
+# person who actually created this theme
+# DEFAULT: N/A
+author = "jazzs3quence"
+
+# 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 = "jazzs3quence -- c dot s dot reynolds at gmail dot com"
+
+# Version
+# This is the version of the Theme (usefull if you've updated it)
+version = "1.0"
+
+# 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"
+
+
+
diff --git a/contrib/themes/exterminal_exhibitA/images/ampache.png b/contrib/themes/exterminal_exhibitA/images/ampache.png Binary files differnew file mode 100644 index 00000000..e7a69289 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/ampache.png diff --git a/contrib/themes/exterminal_exhibitA/images/blankalbum.gif b/contrib/themes/exterminal_exhibitA/images/blankalbum.gif Binary files differnew file mode 100644 index 00000000..442b9c28 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/blankalbum.gif diff --git a/contrib/themes/exterminal_exhibitA/images/icon_delete.png b/contrib/themes/exterminal_exhibitA/images/icon_delete.png Binary files differnew file mode 100644 index 00000000..2fb12148 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_delete.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_disable.png b/contrib/themes/exterminal_exhibitA/images/icon_disable.png Binary files differnew file mode 100644 index 00000000..1609f4d9 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_disable.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_download.png b/contrib/themes/exterminal_exhibitA/images/icon_download.png Binary files differnew file mode 100644 index 00000000..68377538 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_download.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_edit.png b/contrib/themes/exterminal_exhibitA/images/icon_edit.png Binary files differnew file mode 100644 index 00000000..6d4ae95f --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_edit.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_enable.png b/contrib/themes/exterminal_exhibitA/images/icon_enable.png Binary files differnew file mode 100644 index 00000000..6bd6ce20 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_enable.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_flag.png b/contrib/themes/exterminal_exhibitA/images/icon_flag.png Binary files differnew file mode 100644 index 00000000..1c62e18d --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_flag.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_flag_off.png b/contrib/themes/exterminal_exhibitA/images/icon_flag_off.png Binary files differnew file mode 100644 index 00000000..5729535d --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_flag_off.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_link.png b/contrib/themes/exterminal_exhibitA/images/icon_link.png Binary files differnew file mode 100644 index 00000000..b848f8b2 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_link.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_preferences.png b/contrib/themes/exterminal_exhibitA/images/icon_preferences.png Binary files differnew file mode 100644 index 00000000..8f338da2 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_preferences.png diff --git a/contrib/themes/exterminal_exhibitA/images/icon_statistics.png b/contrib/themes/exterminal_exhibitA/images/icon_statistics.png Binary files differnew file mode 100644 index 00000000..f2730f4e --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/icon_statistics.png diff --git a/contrib/themes/exterminal_exhibitA/images/notesSide.jpg b/contrib/themes/exterminal_exhibitA/images/notesSide.jpg Binary files differnew file mode 100644 index 00000000..f5eabad2 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/notesSide.jpg diff --git a/contrib/themes/exterminal_exhibitA/images/ratings/star_rating.gif b/contrib/themes/exterminal_exhibitA/images/ratings/star_rating.gif Binary files differnew file mode 100644 index 00000000..7859b8aa --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/ratings/star_rating.gif diff --git a/contrib/themes/exterminal_exhibitA/images/ratings/x.gif b/contrib/themes/exterminal_exhibitA/images/ratings/x.gif Binary files differnew file mode 100644 index 00000000..f83e5a4c --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/ratings/x.gif diff --git a/contrib/themes/exterminal_exhibitA/images/ratings/x_off.gif b/contrib/themes/exterminal_exhibitA/images/ratings/x_off.gif Binary files differnew file mode 100644 index 00000000..f184d9a7 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/images/ratings/x_off.gif diff --git a/contrib/themes/exterminal_exhibitA/screencap/01.jpg b/contrib/themes/exterminal_exhibitA/screencap/01.jpg Binary files differnew file mode 100644 index 00000000..96ea9e43 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/screencap/01.jpg diff --git a/contrib/themes/exterminal_exhibitA/templates/default.css b/contrib/themes/exterminal_exhibitA/templates/default.css new file mode 100644 index 00000000..8e084d07 --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/templates/default.css @@ -0,0 +1,692 @@ +<!-- +/* +theme name: exterminal: exhibitA +i wrote this theme because i was inspired by exterminal.net and wanted +to make a sci-fi looking theme. this is the second theme i've made with +this look (see: exterminal). i wanted to do something that looked a bit +more artistic and colorful and made more use of using png instead of gif +for the ampache logo. i used some of apex's icons from the apex and +aphelion themes. +~jazzs3quence (c <dot> s <dot> reynolds <at> gmail <dot> com) +*/ +--> + +/**************/ +/* PIECES */ +/**************/ + +p { + color: #ff0099; +} +a { + color: #ff6600; + font-family: Verdana, Helvetica, sans-serif; +} +a:visited + { + color: #ff6600; + font-family: Verdana, Helvetica, sans-serif; + } +a:hover +{ + color: #ff0099; +font-family: Verdana, Helvetica, sans-serif; +text-decoration: line-through; +} +a:active { + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; +text-decoration: line-through; +} +.text-box { + display: table-cell; + padding-left:5px; + padding-top:25px; + padding-right:5px; + margin-bottom:10px; + background-color: #993300; + border-right:2px solid #000000; + border-bottom:2px solid #000000; + border-left:2px solid #000000; + border-top:2px solid #000000; +} +td { + padding: 0px 8px 0px 8px; + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; +} + +/*******************/ +/* FORM ELEMENTS */ +/*******************/ + +input { + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; + background-color: #993300; + border: 2px solid #000000; + position: relative; + margin: 2px 2px 2px 2px; +} +select { + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; + background-color: #993300; + border: 1px solid #000000; + position: relative; +} +textarea { + background-color: #993300; + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; + font-size: 10px; + border: 2px solid #000000; +} +checkbox { + background-color: #000000; + border: 1px solid #993300; +} +.text-action, .text-action li { + margin-top:5px; + list-style: none; + margin-bottom:5px; + padding-left:0px; +} +.text-action a, .text-action span { + background-color: transparent; + border:1px solid #993300; + padding-left:2px; + padding-right:2px; + text-decoration: none; +} +.text-action #pt_active { + background: #993300; + color: #ff0099; + border:1px solid #993300; +} +.confirmation-box { + padding: 5px; + margin-left: 0 auto; + margin-right: 0 auto; + margin-bottom:10px; + background-color: #000000; + border:2px solid #993300; +} + +/* Playing around with making columns distinct */ +/* Unfortunately adding borders breaks alot of */ +/* other pages... trying to fix it but will */ +/* require changes to core files... 8( */ + +.border { + border: 1px solid #993300; +} +.tabledata { + border-top: 5px solid #993300; +} +.odd { + background:#000000; + font-size: 10px; + text-align: left; +} +.even { + background:#993300; + font-size: 10px; + text-align: left; +} +th { + padding: 4px 0 4px 0; + text-align: center; + border-bottom: 3px double #000000; +} +.even td { + text-align: center; + padding: 3px; + border-right: 1px solid #000000; + border-left: 1px solid #000000; +} +.odd td { + text-align: center; + padding: 3px; + border-right: 1px solid #000000; + border-left: 1px solid #000000; +} +.table-header { + background: url(../themes/empires/images/ampache.gif) #993300 repeat-x; + vertical-align: top; + padding: 0; + text-align: center; +} + .header1 + { + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; + font-size: 18px; + font-weight: 900; + } + .header2 + { + color: #ff0099; + font-family: Verdana, Helvetica, sans-serif; + font-size: 14px; + font-weight: 900; + } + .headrow + { + background:#993300; + font-size: 10px; + } + .odd + { + background:#000000; + font-size: 10px; + } + .even + { + background:#993300; + font-size: 10px; + } +.table-footer td { + background: #993300; + border-bottom: 3px double #000000; + border-left: 1px solid #000000; + border-right: 1px solid #000000; +} +.table-header td,th { + border-right: 1px solid #000000; + border-left: 1px solid #000000; + border-top: 3px double #000000; + border-bottom: 1px solid #000000; + padding: 4px 4px 4px 4px; + text-align: center; + background: #993300; + font-size: 10px; +} +.tabledata td { + border-bottom: 1px solid #000000; +} +.error { + color: #990033; + border-bottom: 1px solid #000000; +} +.alphabet { + margin: 10px; + font-size: 9px; + font-weight: normal; +} +.list-header td { + border: 0; +} + +/*****************/ +/* BIG STUFF */ +/*****************/ + +body { + padding-top: 0px; + font-family:Arial, Helvetica, Sans-Serif; + color: #ff0099; + background: url(../images/notesSide.jpg) #000000; + text-align: center; + margin-right: auto; + margin-left: auto; +} +.smeg-ie { + margin: 0 auto; + padding: 10px;; +} +#maincontainer { + text-align: center; + border: 0; + margin-right: auto; + margin-left: auto; +} +#content { + border: 1px solid #000000; + padding: 0; + margin: 0 auto; + z-index: 1; + text-align: center; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); + -moz-opacity:0.80; +} +#footer-content { + margin: 0 auto; + padding: 0; + border: 0; + height: 0; + background-color: transparent; + position: relative; + z-index: 2; +} + +/***********************/ +/* SIDEBAR == MENU */ +/***********************/ + +div#sidebar{ + margin: 0px auto; + padding: 31px 150px 0 148px; + height: 65px; + width: 600px; + position: relative; + top: -20px; + left: 0px; + border: 0; + background-color: transparent; + z-index: 50; +} + +#sidebar h3 { + display: none; + width: 0px; + height: 0px; + margin:0px; + padding:0px; + border: 0; + background-color: transparent; + line-height: 1px; +} + +#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-bottom: 1px solid #993300; + border-left: 1px solid #993300; + border-right: 1px solid #993300; + border-top: 1px solid #993300; + padding: 5px 0px 5px 10px; + width: 10.5em; + background-color:#000000; +} + +#sidebar a, .navbutton { + display: block; /*Not sure why this is neccesary, but it is for IE*/ + text-decoration: none; +} + +#sidebar li:hover, #sidebar li.sfhover { + color: #993300; + background-color: #000000; +text-decoration: line-through; +} + +#sidebar li:active { + background-color:#000000; + z-index:30; +text-decoration: line-through; +} + +#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; /* for horizontal menu; comment out otherwise */ + 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; +} + +#sidebar li:hover ul, #sidebar li.sfhover ul { + left: auto; /* this calls the submenu back when the parent li is hovered. */ + background-color: #000000; +} + +#navlist ul li:hover { + background-color: #993300; +} +#play_type_switch { + position: relative; + top: -3px; + width: 92px; + border: 1px solid #993300; + background-color: transparent; +} + +/* #sidebar li.sfhover ul {} +#navlist ul li:hover {} */ + +/***************************/ +/* NOW PLAYING & HOME PAGE */ +/* STATISTICS + POPULAR */ +/* BOXES */ +/***************************/ + +#nowplaying { + width:650px; + background-color: transparent; +} +.np_row { + border: 0; + width: 780px; +} +.np_cell { + color: #ff6600; + padding: 10px 0 10px 0; + text-align: center; + border: 5px; + background: #993300; + width: 500px; +} +#np_container1{ + width: 260px; + height: 18px; + padding: 0px; + margin: 0px; + background: #000; +} +#np_container1 h1{ + font-size: 10px; + font-weight: bold; + padding: 2px; +} +#np_container2{ + border-width: 1px 1px 1px 1px; + border-style: solid; + padding: 6px; + font-family: Verdana, sans-serif; + font-size: 10px; + line-height: 10px; + color: #000; + background-color: transparent; +} +#biddaddy { + /* I didn't pick the name. Its the box around most of the stuff on the main page. */ + text-align: left; + margin-left: auto; + margin-right: auto; + border: 0; +} + +/*************/ +/* Top Bar */ +/*************/ +#topbar { + height: 75px; + padding-top:3px; + padding-left:10px; +} +#topbarright { + float: left; + margin-top: 30px; + font-size: 10px; +} + /* This holds the "Your currently logged in as and version #... blah blah */ + +#topbarleft { + /* ampache.gif inside this, hard coded into the page */ + float: left; + border: 0; +} + +/********************/ +/* TABLE STUFF: */ +/* Albums listings */ +/* Preferences */ +/* etc. */ +/********************/ + +.box { + text-align: center; + padding:0px; + background-color: transparent; + border: #993300; + margin:10px auto; +} +.box-title { + border-bottom: 2px solid #993300; + font-weight: bold; +} +.box-content table { + text-align: left; + margin-left: auto; + margin-right: auto; + margin-top: 5px; + margin-bottom: 5px; + border: 0; +} +.box-content { + text-align: left; +} +/*******************************/ +/* IMAGE BORDERS AROUND BOXES */ +/*******************************/ +/* I don't have any */ +.box-left-top { display: none } +.box-right-top { display: none } +.box-left-bottom { display: none } +.box-right-bottom { display: none } +.box-left { display: none } +.box-right { display: none } +.box-top { display: none } +.box-bottom { display: none } + +/************************/ +/* TABS ON PREF. PAGE */ +/************************/ + +#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 #000000; + border-bottom: none; + background: #993300; +} +#tablist li a:link { + color: #ff6600; +} +#tablist li a:visited { + color: #ff6600; +} +#tablist li a:hover { + color: #ff0099; + background-color: transparent; + border-color: #993300; +text-decoration: line-through; +} +#tablist li a#current { + color: #ff0099; + background-color: transparent; + border-color: #993300; +} + +/*****************/ +/* LOGIN PAGE */ +/*****************/ +#container{ + margin:100px auto 0px auto; + width:437px; + font-size: 12px; + text-align:center; +} +#container h1{ + background:url("../images/ampache.gif") no-repeat; + height:81px; + margin-bottom:8px; +} +#container h1 span{ + display:none; +} +#container div{ + background:#993300; + height:285px; +} +#loginp_0{ + color:#ff0099; + font-family: Verdana, sans-serif; + margin-top:0px; + padding-top:60px; +} +.loginp_1{ + text-align:right; + font-family: Verdana, sans-serif; + 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; +} + +/**************************/ +/* USELESS STUFF THAT */ +/* DOESN'T DO MUCH */ +/* OF ANYTHING */ +/**************************/ + +.disabled {text-decoration: line-through;} + +/* ########################## */ +/* I'm too lazy to break */ +/* something sufficiently */ +/* to skin this for now. */ +/* */ +/* If you have a fatal error, */ +/* your skin is not your most */ +/* important problem now, */ +/* is it? 8) */ +/* ########################## */ + +.fatalerror { + padding-top: 3px; + padding-left: 3px; + + padding-right: 3px; + display: table-cell; + padding-bottom: 3px; + color: #990033; + border-right:4px solid #993300; + border-bottom:4px solid #993300; + border-left:4px solid #993300; + border-top:4px solid #993300; +} +/* ########################### */ +/* 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; +} + +/************************************************/ +/* User Online/Offline style, used in users.php */ +/************************************************/ +td.user_online{ + background:#007ACC; +} +td.user_offline { + background:#4D4D4D; +} +td.user_disabled { + background:#999999; +}
\ No newline at end of file diff --git a/contrib/themes/exterminal_exhibitA/theme.cfg.php b/contrib/themes/exterminal_exhibitA/theme.cfg.php new file mode 100644 index 00000000..c7bf299f --- /dev/null +++ b/contrib/themes/exterminal_exhibitA/theme.cfg.php @@ -0,0 +1,54 @@ +################## +#<?php exit(); ?># +################## + +########################### +# Ampache Theme: exterminal: exhibitA +########################### + +# Notes +# i wrote this theme because i was inspired by exterminal.net and wanted +# to make a sci-fi looking theme. this is the second theme i've made with +# this look (see: exterminal). i wanted to do something that looked a bit +# more artistic and colorful and made more use of using png instead of gif +# for the ampache logo. i used some of apex's icons from the apex and +# aphelion themes. +# ~jazzs3quence (c <dot> s <dot> reynolds <at> gmail <dot> com) + +# Theme Name +# This is the actual name of the theme that +# will be displayed in the preferences screen +# DEFAULT: ampache-theme +name = "exterminal_exhibitA" + +# Theme Author +# This is just a way of giving credit to the +# person who actually created this theme +# DEFAULT: N/A +author = "jazzs3quence" + +# 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 = "jazzs3quence -- c dot s dot reynolds at gmail dot com" + +# Version +# This is the version of the Theme (usefull if you've updated it) +version = "1.0" + +# 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" + + + |
