summaryrefslogtreecommitdiffstats
path: root/contrib/themes/Cleandy-Peach/templates
diff options
context:
space:
mode:
Diffstat (limited to 'contrib/themes/Cleandy-Peach/templates')
-rw-r--r--contrib/themes/Cleandy-Peach/templates/default.css734
1 files changed, 734 insertions, 0 deletions
diff --git a/contrib/themes/Cleandy-Peach/templates/default.css b/contrib/themes/Cleandy-Peach/templates/default.css
new file mode 100644
index 00000000..872ed0ab
--- /dev/null
+++ b/contrib/themes/Cleandy-Peach/templates/default.css
@@ -0,0 +1,734 @@
+<!--
+/*
+
+ 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.
+
+ (nf) nospam.foster -at- web -dot- de
+
+Spin-off from Cleandy theme.
+
+ Used the css from Cleandy.
+ Integrated the rating images from "Apogee"with little modification, thanks to apexeleven.
+
+/*just replaced base color #F7FAFF with #FFF6E0 (very light orange) and #FFE9A5 with #FFE28B (light orange) */
+/* looks and works best with the included patches */
+
+-->
+p {
+ color: #3F5F5E;
+}
+
+a {
+ color: #3F5F5E;
+ font-family: Arial, Helvetica, sans-serif;
+ text-decoration: none;
+}
+a:visited
+ {
+ color: #666666;
+ font-family: Arial, Helvetica, sans-serif;
+ text-decoration: none;
+ }
+a:active {
+ color: #3F5F5E;
+ font-family: Arial, Helvetica, sans-serif;
+}
+a:hover {
+ color: #ff9d4d;
+ font-family: Arial, Helvetica, sans-serif;
+ text-decoration: underline;
+}
+
+
+.text-box {
+ display: table-cell;
+ padding-left:5px;
+ padding-top:5px;
+ padding-right:5px;
+ padding-bottom:5px;
+ margin-bottom:15px;
+ background-color: #ffffff;
+ border-right:1px solid #c0c0c0;
+ border-bottom:1px solid #c0c0c0;
+ border-left:1px solid #c0c0c0;
+ border-top:1px solid #c0c0c0;
+}
+.selected_button {
+ background-color: black;color:white;
+}
+.unselected_button {
+ /* there really isn't anything for this */
+}
+.display {}
+
+/*table{border-collapse: separate;empty-cells:show;}*/
+
+table.tabledata {border-collapse: collapse;}
+td {
+ padding: 0px 8px 0px 8px;
+ color: #3F5F5E;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 10px;
+/* border: 1pt solid #c0c0c0;
+ border-bottom:1px solid #c0c0c0;
+ border-top:1px solid #c0c0c0;*/
+}
+th {
+ padding-right: 10px;
+ padding-left: 10px;
+ padding-bottom: 2px;
+/* border: 1pt solid #c0c0c0; */
+}
+/* .table-header td{border: 1pt solid #c0c0c0;}
+ .table-header th{border: 1pt solid #c0c0c0;}
+ .tabledata .table-header th{border: 1pt solid #c0c0c0;}*/
+
+input, select, textarea {
+/* padding: 0px; */
+ font-size: 10px;
+ font-family: Arial, Helvetica, sans-serif;
+ margin: 1px 1px 1px 1px
+}
+
+/* uncomment for themeing of dropdown-menus, fields and buttons */
+/*input {
+ color: #3F5F5E;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 10px;
+ font-weight: bold;
+ background-color: #F7FAFF;
+ margin: 2px 2px 2px 2px
+}
+select {
+ color: #3F5F5E;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 10px;
+ background-color: #F7FAFF;
+};
+textarea {
+ background-color: #F7FAFF;
+ color: #3F5F5E;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 10px;
+};*/
+
+.table-header {
+ background: url(../images/ampache-light-bg.gif) #FFF6E0 repeat-x;
+ vertical-align: top;
+}
+ .header1
+ {
+ color: #666666;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: 900;
+ }
+ .header2
+ {
+ color: #666666;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: 900;
+ }
+ .headrow
+ {
+ background:#cccccc;
+ font-size: 10px;
+ }
+ .odd
+ {
+ background:#ffffff;
+ font-size: 10px;
+ }
+ .even
+ {
+ background:#FFF6E0;
+ font-size: 10px;
+ }
+.blank {
+ background: #fff;
+}
+.border {
+ background:#666666;
+}
+.header {
+ font-size: 10px;
+}
+.error {
+ color: #BBBBBB; /*#CAD0D5;*/
+}
+.fatalerror {
+ padding-top: 3px;
+ padding-left: 3px;
+ padding-right: 3px;
+ display: table-cell;
+ padding-bottom: 3px;
+ color: #D5625E;
+ border-right:4px solid #BBBBBB;
+ border-bottom:4px solid #BBBBBB;
+ border-left:4px solid #BBBBBB;
+ border-top:4px solid #BBBBBB;
+}
+.disabled {
+ text-decoration: line-through;
+}
+.smallbutton {
+ border:0px;
+ padding-left:1px;
+ padding-right:1px;
+ font-size: 11px;
+ cursor: pointer;
+}
+
+/* General style rules */
+body{
+ padding-top: 0px;
+ margin-top: 0px;
+ margin-left: 0px;
+ margin-right: 0px;
+ background-color:#ffffff;
+ font-family:Arial, Helvetica, Sans-Serif;
+ color: #666666;
+}
+
+#maincontainer{
+ margin: 0px;
+}
+
+.alphabet {
+ margin: 2px;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+/* Content block */
+#content {
+ postion:absolute;
+ float: left;
+ clear: both;
+ margin-left:135px;
+ float:left; /* use for horizontal menu; comment out otherwise */
+ /* background:#fff url("../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:1px;
+ background:#c0c0c0;/* url("../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:1px;
+}
+
+#Header h1 {
+ background: transparent url("../images/bg_login_0.jpg") no-repeat top left;
+ border:0px;
+ width: 439px;
+ height: 84px;
+ float: left;
+ margin:0px;
+ padding:1px;
+}
+
+#Header h1 span {
+ display:none
+}
+
+#Header h2 {
+ background: transparent url(..images/blank-pixel.gif) no-repeat top left; /* 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:5px;
+ top:87px;
+}
+
+#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: 100;
+}
+
+#sidebar li {
+ float: left;
+ clear: both;
+ display: inline; /* IE6 Patch */
+ position: relative;
+ width: 12em;
+ width: /**/8.5em; /* Only IE5.5 can't see this */ /* top menu entries width */
+ height: 12px;
+ margin: 0;
+ padding: .5em 0 .5em 1em;
+ border-bottom: 1px solid #c0c0c0; /* #8B8B8B;*/
+ border-left: 1px solid #c0c0c0;
+ border-right: 4px solid #c0c0c0; /*#B4B4B4;*/
+ border-top: 1px solid #c0c0c0;
+ background:#ffffff;
+}
+
+#sidebar ul.subnavside li {
+ border-right: 1px solid #c0c0c0; /*#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:#FFEEB9;
+}
+
+#sidebar li.hover:active {
+ background-color:#FFEEB9;
+/* z-index:50; */
+}
+
+#play_type_switch {
+ position: relative;
+/* width: 90px; */
+ top: -4px;
+}
+
+/* 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 #c0c0c0} /*#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("../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: Arial, sans-serif;
+ font-size: 10px;
+ line-height: 12px;
+ color: #000;
+ background: #ffffff;/* url("../images/bg_row.jpg") repeat top left;*/
+}
+
+
+/* Styles for Login template */
+#container{
+ margin:100px auto 0px auto;
+ width:341px;
+ font-size: 10px;
+ text-align:center;
+}
+#container h1{
+ background:url("../images/bg_login_0.jpg") no-repeat;
+ height:81px;
+ margin-bottom:8px;
+}
+#container h1 span{
+ display:none;
+}
+#container div{
+ background:url("../images/bg_login_1.jpg") no-repeat;
+ height:192px;
+}
+#loginp_0{
+ color:#333;
+ margin-top:0px;
+ padding-top:40px;
+}
+.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;
+ font-weight: bold;
+}
+#topbar {
+ height: 80px;
+ padding-top:3px;
+ padding-left:10px;
+}
+#topbarright {
+ float: right;
+ font-size: 10px;
+
+ position: relative;
+ z-index: 100;
+ top: 15px;
+ right: 40px;
+ border: 0;
+}
+#topbarleft, #topbarleft a{
+ float: left;
+}
+
+/* Box Related Styles */
+.box {
+ padding:5px;
+ background: #FFEEB9;
+ margin:10px;
+ border: 1px solid #c0c0c0;
+}
+.box-title {
+ border-bottom: solid 1px #ffffff;
+ 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: #ffffff;
+ border-right:2px solid #666666;
+ border-bottom:2px solid #666666;
+ border-left:2px solid #666666;
+ border-top:2px solid #666666;}
+
+.text-action, .text-action li {
+ margin-top:5px;
+ list-style: none;
+ margin-bottom:5px;
+ padding-left:0px;
+}
+.text-action a, .text-action span {
+ background: #FFF6E0;
+ border:1px solid #c0c0c0;
+ padding-left:2px;
+ padding-right:2px;
+ text-decoration: bold;
+}
+.text-action #pt_active {
+ background: #666666;
+ color: #ffffff;
+ border:1px solid #FFF6E0;
+}
+#nowplaying {
+ width:650px;
+ background: #FFEEB9;
+}
+.np_row {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+.np_cell {
+ margin: 10px;
+ border-bottom:1px dotted silver;
+ border-top:1px dotted silver;
+}
+
+/* for rating-patch by blueorder, needs a modified */
+.np_cell_1 { /*username and rating*/
+ list-style: none;
+ width: 120px;
+ padding: 0;
+ text-align:left;
+ border-bottom:1px dotted silver;
+ border-top:1px dotted silver;
+}
+.np_cell_1 li ul td{
+ list-style: none;
+ margin-left: auto;
+ margin-right: auto;
+ border-bottom:1px dotted silver;
+ border-top:1px dotted silver;
+}
+/*.np_cell_2 {
+ width: 125px;
+ padding: 0;
+ text-align:center;
+}
+.np_cell_2 ul {
+ margin-left: auto;
+ margin-right: auto;
+}*/
+.np_cell_3 { /*artist and album name*/
+ width: 150px;
+ padding: 2;
+ text-align:right;
+ border-bottom:1px dotted silver;
+ border-top:1px dotted silver;
+}
+.np_cell_3 ul {
+ margin-left: auto;
+ margin-right: auto;
+ border-bottom:1px dotted silver;
+ border-top:1px dotted silver;
+}
+.np_cell_4 { /*album image*/
+ width: 75px;
+ padding: 0;
+ text-align:center;
+ border-bottom:1px dotted silver;
+ border-top:1px dotted silver;
+}
+/*/rating-patch*/
+
+#tablist {
+ padding: 3px 0;
+ margin: 10px 0 0 0;
+ font: bold 10px Arial, 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: #FFF6E0;
+ text-decoration: none;
+}
+
+#tablist li a:link { color: #222222; }
+#tablist li a:visited { color: #666666; }
+
+#tablist li a:hover {
+ color: #666666;
+ background: #ffffff;
+ border-color: #666666;
+ border-bottom: 1px dotted silver;
+}
+
+#tablist li a#current {
+ color: #666666;
+ background: #ffffff;
+ border-color: #666666;
+ border-bottom: 1px solid #FFFFFF;
+}
+
+#tv_left {
+ float: left;
+ clear: left;
+}
+#tv_np {
+ float: right;
+}
+
+
+.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;
+/* 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;
+/* 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);
+/* background: url(../../../images/ratings/x.gif); */
+ height: 15px;
+ left: 80px;
+ display: block;
+}
+span.zero-stars {
+ background: url(../images/ratings/x_off.gif);
+/* 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;
+/* background: url(../../../images/ratings/star_rating.gif) left bottom; */
+ position: absolute;
+ height: 15px;
+ display: block;
+ text-indent: -9000px;
+ z-index: 1;
+}
+
+/* .localplaycontrol { */
+/* text-align: center; */
+/* left: 2px; */
+/* float: left; */
+/* } */
+.lp_box_ctrl {
+ padding-top: 5px;
+}
+.lp_box_vol {
+ padding-left: 7px;
+}
generated by cgit (git 2.34.1) at 2025-08-13 23:07:08 +0000