summaryrefslogtreecommitdiffstats
path: root/themes/classic/templates/default.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/classic/templates/default.css')
-rw-r--r--themes/classic/templates/default.css1511
1 files changed, 785 insertions, 726 deletions
diff --git a/themes/classic/templates/default.css b/themes/classic/templates/default.css
index 3d80a449..fe4c3db2 100644
--- a/themes/classic/templates/default.css
+++ b/themes/classic/templates/default.css
@@ -1,726 +1,785 @@
-/*
-
- 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 */
-/************************************************/
-:link,:visited { text-decoration:underline; }
-h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */
-a img, :link img, :visited img { border: none; } /* no blue linked image borders */
-ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */
-
-
-/************************************************/
-/* General style rules */
-/************************************************/
-body {
- background:#d3d3d3;
- font-family:Arial, Helvetica, Sans-Serif;
- min-width:1000px;
-}
-p {
- color: #000;
- margin:1em 0;
-}
-a, a:visited, a:active{
- color: #000;
- font-family: Verdana, Helvetica, sans-serif;
-}
-td {
- padding: 0 8px;
- color: #000;
- font:12px Verdana, Helvetica, sans-serif;
-}
-th {
- padding-right: 10px;
-}
-input, select, textarea{
- font: 12px Verdana, Helvetica, sans-serif;
- background: #ddd;
- color: #000;
-}
-input {
- font-weight: bold;
- margin: 2px 2px 2px 0;
-}
-
-.link { cursor:pointer; }
-
-/************************************************/
-/* Header */
-/************************************************/
-#topbar {
- height: 85px;
- padding: 3px 0 0 10px;
-}
-#topbarright {
- float: right;
- font-size: 10px;
-}
-#topbarleft, #topbarleft a{
- float: left;
-}
-
-/************************************************/
-/* XSPF Player */
-/************************************************/
-
-.xspf_player {
- right: 20px;
- position: absolute;
-}
-
-/************************************************/
-/* Footer */
-/************************************************/
-#footer {
- clear:both;
- float:right;
- margin:5px;
- font-size:10px;
-}
-#footer p {
- color:#999;
- font-size:10px;
-}
-#footer-content {
- font-size:10px;
-}
-
-
-/************************************************/
-/* Buttons */
-/************************************************/
-.selected_button {
- background: #000;
- color: #fff;
-}
-.unselected_button {
-}
-#sb_Subsearch input{ margin:0; padding:0;}
-.smallbutton {
- border-top:1px solid #f0f0f0;
- border-left:1px solid #f0f0f0;
- border-bottom:1px solid #a0a0a0;
- border-right:1px solid #a0a0a0;
- padding: 0 1px;
- margin:0;
- font-size: 11px;
- cursor: pointer;
- font-weight:bold;
- background: #d0d0d0;
-}
-.smallbutton:active {
- border-bottom:1px solid #f0f0f0;
- border-right:1px solid #f0f0f0;
- border-top:1px solid #a0a0a0;
- border-left:1px solid #a0a0a0;
-}
-a.smallbutton {
- text-decoration:none;
- padding:1px 2px;
-}
-
-
-/************************************************/
-/* Tables (songs lists...) */
-/************************************************/
-.table-header {
-/* background: url(../images/ampache-light-bg.gif) #dddddd repeat-x; */
- font-size:1.1em;
- vertical-align: top;
- text-align:center;
-}
-.odd, .odd td {
- font-size: 12px;
- border-bottom:1px dotted #c0c0c0;
-}
-.even, .even td {
- font-size: 12px;
- border-bottom:1px dotted #c0c0c0;
-}
-.even:hover, .odd:hover {
- background:#99ccff;
-}
-.headrow {
- font-size: 12px;
- background:#ccc;
-}
-.blank {
- background: #fff;
-}
-.border {
- background: #000;
-}
-.header {
- font-size: 12px;
-}
-
-/************************************************/
-/* Content block */
-/************************************************/
-#content {
- margin: 0px 220px 20px 135px;
-}
-h3#content_title{
- font: 12px/32px Arial,Helvetica,Sans-Serif;
- background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;
- color:#fff;
-}
-h3#content_title span {
- text-align:left;
-}
-
-/************************************************/
-/* Rightbar */
-/************************************************/
-#rightbar {
- width:200px;
- float:right;
-}
-#rightbar table.box
-{
- float:right;
-}
-#rightbar li {
- list-style:none;
- float:left;
- margin-right:3px;
-}
-#rightbar-bottom span {
- padding-left:10px;
- display:block;
-}
-
-#current_playlist {
- clear:left;
-}
-
-/************************************************/
-/* Sidebar */
-/************************************************/
-#sidebar{
- float:left;
- position:relative;
- 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, #sidebar-page .sb3 .link{
- padding:0.1em;
- border-bottom:1px dotted #c0c0c0;
- color:#5b5b5b;
-}
-
-
-#sidebar-page a{
- display:block;
-}
-#sidebar-page a:hover, #sidebar-page .link: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 : Search */
-/********************/
-
-/* 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;
-}
-
-
-/************************************************/
-/* Albums of the moment */
-/************************************************/
-
-.random_album
-{
- position:relative;
- float:left;
- padding:8px;
- width:80px;
-}
-
-.random_album .play_album
-{
- display:none;
-}
-
-/************************************************/
-/* Now Playing Styles */
-/************************************************/
-#nowplaying{
- clear: both;
- width: 600px;
-}
-
-#np_container1{
- width: 260px;
- height: 18px;
- 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: 1px solid #999;
- border-color:#ddd #999 #999 #ccc;
- padding: 6px;
- font: 10px/12px Verdana, sans-serif;
- background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;
- color: #000;
-}
-.np_row {
- padding: 3px 0;
-}
-.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {
- margin: 10px;
-}
-
-
-/************************************************/
-/* Styles for the star ratings */
-/************************************************/
-.star-rating {
- position:relative;
- display:inline;
-}
-
-.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 .one-stars { width:20%; z-index:6; }
-.star-rating .two-stars { width:40%; z-index:5; }
-.star-rating .three-stars { width:60%; z-index:4; }
-.star-rating .four-stars { width:80%; z-index:3; }
-.star-rating .five-stars { width:100%; z-index:2; }
-.star-rating .current-rating { z-index:1; background-position: left bottom; }
-
-.star-rating a.zero-stars {
- left:80px;
- width:16px;
- background-image: url(../../../images/ratings/x_off.gif);
-}
-
-/* hovering effect only for dynamic star rating */
-.dynamic-star-rating a:hover{
- background-position: left center;
-}
-.dynamic-star-rating a:hover.zero-stars {
- background-image: url(../../../images/ratings/x.gif);
-}
-
-/************************************************/
-/* Box Related Styles */
-/************************************************/
-.box {
- background: #f7f7f7;
- /*clear:left;/*both;*/
-}
-.info-box {
- background: #f7f7f7;
- /*float:left;*/
-}
-.box-title {
- border-bottom: solid 1px #000;
- font-size: 1.05em;
- font-weight: bold;
-}
-.box-list {
- padding-right: 10px;
-}
-
-/* Enclosing Boxes Styles */
-.box-left-top {
- background: url(../images/topleft.gif) no-repeat;
- height:16px;
-}
-.box-left-bottom {
- background: url(../images/bottomleft.gif) no-repeat;
- height:18px;
-}
-.box-left {
- background: url(../images/left.gif);
-}
-.box-bottom {
- background: url(../images/bottom.gif);
- height:18px;
-}
-.box-right-bottom {
- background: url(../images/bottomright.gif) no-repeat;
-}
-.box-right-top {
- background: url(../images/topright.gif) no-repeat;
-}
-.box-right {
- background: url(../images/right.gif);
-}
-.box-top {
- background: url(../images/top.gif);
-}
-
-
-/************************************************/
-/* List Header Styles */
-/************************************************/
-table.list-header {
- margin:3px;
-}
-div.list-header {
- cursor:pointer;
- text-decoration: none;
- font-size: 0.8em;
- padding:2px 4px 0px 4px;
- border: 1px solid #000;
- display:inline;
-}
-div.list-header-selected {
- text-decoration: none;
- font-size: 0.8em;
- padding:2px 4px 0px 4px;
- border: 1px solid #000;
- background: #e0e0e0;
- display:inline;
-}
-div.list-header:hover {
- background: #d0d0d0;
-}
-
-
-/************************************************/
-/* Text Action Styles */
-/************************************************/
-.text-action, .text-action li {
- list-style: none;
- margin:5px 0;
- padding-left:0px;
-}
-.text-action div {
- text-decoration: underline;
- cursor: pointer;
- display:block;
-}
-.text-action #pt_active {
- background: #000;
- color: #fff;
- border:1px solid #ddd;
-}
-
-
-/************************************************/
-/* Styles for Header */
-/*(for ampache admin : installation, update...) */
-/************************************************/
-div#Header{
- height:80px;
- margin-bottom:3px;
-}
-#Header h1 {
- width: 439px;
- height: 84px;
- float: left;
- border:0;
- background: transparent url(../images/bg_login_0.jpg) no-repeat top left;
-}
-#Header h1 span {
- display:none
-}
-#Header h2 {
- float: right;
- margin-top: 75px;
- width: 200px;
- height: 18px;
- background: transparent url(001/h2.gif) no-repeat top left;
-}
-#Header h2 span {
- font-size: 10px;
- margin-left: 10px;
-}
-
-
-/************************************************/
-/* Styles for Login template */
-/************************************************/
-#container{
- margin:100px auto 0 auto;
- width:437px;
- font-size:12px;
- 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.fatalerror {
- display:block;
- height:auto;
- padding:5px;
- margin:10px;
- background:none;
-}
-#container div{
- background:url(../images/bg_login_1.jpg) no-repeat;
- height:285px;
-}
-#loginp_0{
- color:#333;
- margin-top:0;
- padding-top:60px;
-}
-.loginp_1{
- text-align:right;
- padding-right:100px;
-}
-.loginp_1 label{
- font-weight:bold;
-}
-.loginp_1 input{
- border:1px solid #999;
-}
-input.text_input{
-width:12em;
-}
-.loginp_1 input.check_input{
-margin-right:5em;
-}
-
-
-/************************************************/
-/* TV Page Related Styles */
-/************************************************/
-#tv_np{
- float:right;
-}
-#tv_left{
- float:left;
- clear:right;
-}
-#tv_playlist{
- clear:both;
-}
-
-
-/************************************************/
-/* User Online/Offline style, used in users.php */
-/************************************************/
-td.user_online{
- background:#0f0;
-}
-td.user_offline {
- background:#7f0000;
-}
-td.user_disabled {
- background:#ccc;
-}
-
-
-/************************************************/
-/* Additional Information Boxes */
-/************************************************/
-#information_actions {
- margin-left:5px;
-}
-#additional_information {
- float:left;
-}
-
-
-/************************************************/
-/* Misc */
-/************************************************/
-.text-box, .confirmation-box {
- display:table-cell;
- padding:5px 5px 0 5px;
- margin-bottom:10px;
- background:#bbb;
- border:2px solid #000;
-}
-
-#mpdpl td {
- padding:0 2px 0 2px;
- text-align:left;
-}
-.header1 {
- color:#000;
- font:bold 18px Verdana, Helvetica, sans-serif;
-}
-.header2 {
- color:#000;
- font:bold 14px Verdana, Helvetica, sans-serif;
-}
-.error {
- color:#903;
-}
-.fatalerror {
- display:table-cell;
- padding:3px;
- color: #903;
- font-weight:bold;
- border:2px solid #903;
-}
-.disabled {
- text-decoration:line-through;
-}
-#maincontainer{}
-table.tabledata {}
-.display {}
-
-
-.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; */
-}
+/*
+
+ 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 */
+/************************************************/
+:link,:visited { text-decoration:underline; }
+h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */
+a img, :link img, :visited img { border: none; } /* no blue linked image borders */
+ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */
+
+
+/************************************************/
+/* General style rules */
+/************************************************/
+body {
+ background:#d3d3d3;
+ font-family:Arial, Helvetica, Sans-Serif;
+ min-width:1000px;
+}
+p {
+ color: #000;
+ margin:1em 0;
+}
+a, a:visited, a:active{
+ color: #000;
+ font-family: Verdana, Helvetica, sans-serif;
+}
+td {
+ padding: 0 8px;
+ color: #000;
+ font:12px Verdana, Helvetica, sans-serif;
+}
+th {
+ padding-right: 10px;
+ font-family: Verdana, Helvetica, sans-serif;
+ font-size:13px;
+}
+input, select, textarea{
+ font: 12px Verdana, Helvetica, sans-serif;
+ background: #ddd;
+ color: #000;
+}
+input {
+ font-weight: bold;
+ margin: 2px 2px 2px 0;
+}
+
+/************************************************/
+/* IE6 behaviors */
+/* - csshover2: :hover support on any element */
+/************************************************/
+body { behavior:url("csshover2.htc"); }
+
+/************************************************/
+/* Header */
+/************************************************/
+#topbar {
+ height: 85px;
+ padding: 3px 0 0 10px;
+}
+#topbarright {
+ float: right;
+ font-size: 10px;
+}
+#topbarleft, #topbarleft a{
+ float: left;
+}
+/************************************************/
+/* XSPF Player */
+/************************************************/
+
+.xspf_player {
+ right: 20px;
+ position: absolute;
+}
+
+/************************************************/
+/* Footer */
+/************************************************/
+#footer {
+ clear:both;
+ text-align:center;
+ font-size:10px;
+ padding:3px;
+}
+#footer p {
+ color:#999;
+ font-size:10px;
+}
+#footer-content {
+ font-size:10px;
+}
+
+
+/************************************************/
+/* Buttons */
+/************************************************/
+.selected_button {
+ background: #000;
+ color: #fff;
+}
+.unselected_button {
+}
+#sb_Subsearch input{ margin:0; padding:0;}
+.smallbutton {
+ border: 1px solid #f0f0f0;
+ border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;
+ padding: 0 1px;
+ margin:0;
+ font-size: 11px;
+ cursor: pointer;
+ font-weight:bold;
+ background: #d0d0d0;
+}
+.smallbutton:active {
+ border: 1px solid #f0f0f0;
+ border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;
+}
+a.smallbutton {
+ text-decoration:none;
+ padding:1px 2px;
+}
+
+
+/************************************************/
+/* Tables (songs lists...) */
+/************************************************/
+.table-header {
+ font-size:1.1em;
+ vertical-align: top;
+ text-align:center;
+}
+.odd, .odd td {
+ font-size: 12px;
+ border-bottom:1px dotted #c0c0c0;
+}
+.even, .even td {
+ font-size: 12px;
+ border-bottom:1px dotted #c0c0c0;
+}
+.even:hover, .odd:hover {
+ background:#99ccff;
+}
+.headrow {
+ font-size: 12px;
+ background:#ccc;
+}
+.blank {
+ background: #fff;
+}
+.border {
+ background: #000;
+}
+.header {
+ font-size: 12px;
+}
+
+/************************************************/
+/* Content block */
+/************************************************/
+#content {
+ margin: 20px 135px 20px 135px;
+}
+h3#content_title{
+ font: 12px/32px Arial,Helvetica,Sans-Serif;
+ background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;
+ color:#fff;
+}
+h3#content_title span {
+ text-align:left;
+}
+
+/************************************************/
+/* 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;
+}
+#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 { position:relative; z-index:10;}
+#rightbar li#rb_add:hover { background:#99ccff; }
+/* Rightbar AddItems SubMenu */
+#rightbar li:hover #rb_action_additems { display:block; }
+#rightbar #rb_action_additems {
+ 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 #rb_action_additems {right:100px;} /* IE6 fix */
+
+#rightbar #rb_action_additems a {
+ display:block;
+ padding:0.1em;
+ border-bottom:1px dotted #c0c0c0;
+ color:#5b5b5b;
+ text-decoration:none;
+ text-align:right;
+}
+#rightbar #rb_action_additems 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; }
+
+/************************************************/
+/* Sidebar */
+/************************************************/
+#sidebar{
+ /*float:left;*/
+ 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 : Search */
+/********************/
+
+/* 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;
+}
+
+
+
+/************************************************/
+/* Albums of the moment */
+/************************************************/
+
+.random_album
+{
+ position:relative;
+ float:left;
+ padding:8px;
+ width:80px;
+}
+
+.random_album .play_album
+{
+ display:none;
+}
+
+/************************************************/
+/* Now Playing Styles */
+/************************************************/
+#nowplaying{
+ clear: both;
+ width: 600px;
+}
+
+#np_container1{
+ width: 260px;
+ height: 18px;
+ 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: 1px solid #999;
+ border-color:#ddd #999 #999 #ccc;
+ padding: 6px;
+ font: 10px/12px Verdana, sans-serif;
+ background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;
+ color: #000;
+}
+.np_row {
+ padding: 3px 0;
+}
+.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {
+ margin: 10px;
+}
+
+
+/************************************************/
+/* Styles for the star ratings */
+/************************************************/
+.star-rating {
+ position:relative;
+ display:inline;
+}
+
+.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 .one-stars { width:20%; z-index:6; }
+.star-rating .two-stars { width:40%; z-index:5; }
+.star-rating .three-stars { width:60%; z-index:4; }
+.star-rating .four-stars { width:80%; z-index:3; }
+.star-rating .five-stars { width:100%; z-index:2; }
+.star-rating .current-rating { z-index:1; background-position: left bottom; }
+
+.star-rating a.zero-stars {
+ left:80px;
+ width:16px;
+ background-image: url(../../../images/ratings/x_off.gif);
+}
+
+/* hovering effect only for dynamic star rating */
+.dynamic-star-rating a:hover{
+ background-position: left center;
+}
+.dynamic-star-rating a:hover.zero-stars {
+ background-image: url(../../../images/ratings/x.gif);
+}
+
+/************************************************/
+/* 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 boxes */
+.box_newest_albums {}
+.box_newest_artists {clear:none;}
+.box_newest_genres {clear:none;}
+.box_topbarright {display:table;}
+
+/************************************************/
+/* List Header Styles */
+/************************************************/
+table.list-header {
+ margin:3px;
+}
+div.list-header {
+ cursor:pointer;
+ text-decoration: none;
+ font-size: 0.8em;
+ padding:2px 4px 0px 4px;
+ border: 1px solid #000;
+ display:inline;
+}
+div.list-header-selected {
+ text-decoration: none;
+ font-size: 0.8em;
+ padding:2px 4px 0px 4px;
+ border: 1px solid #000;
+ background: #e0e0e0;
+ display:inline;
+}
+div.list-header:hover {
+ background: #d0d0d0;
+}
+
+
+/************************************************/
+/* Text Action Styles */
+/************************************************/
+.text-action, .text-action li {
+ list-style: none;
+ margin:5px 0;
+ padding-left:0px;
+}
+.text-action div {
+ text-decoration: underline;
+ cursor: pointer;
+ display:block;
+}
+.text-action #pt_active {
+ background: #000;
+ color: #fff;
+ border:1px solid #ddd;
+}
+
+
+/************************************************/
+/* Styles for Header */
+/*(for ampache admin : installation, update...) */
+/************************************************/
+div#Header{
+ height:80px;
+ margin-bottom:3px;
+}
+#Header h1 {
+ width: 439px;
+ height: 84px;
+ float: left;
+ border:0;
+ background: transparent url(../images/bg_login_0.jpg) no-repeat top left;
+}
+#Header h1 span {
+ display:none
+}
+#Header h2 {
+ float: right;
+ margin-top: 75px;
+ width: 200px;
+ height: 18px;
+ background: transparent url(001/h2.gif) no-repeat top left;
+}
+#Header h2 span {
+ font-size: 10px;
+ margin-left: 10px;
+}
+
+
+/************************************************/
+/* Styles for Login template */
+/************************************************/
+#container{
+ margin:100px auto 0 auto;
+ width:437px;
+ font-size:12px;
+ 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.fatalerror {
+ display:block;
+ height:auto;
+ padding:5px;
+ margin:10px;
+ background:none;
+}
+#container div{
+ background:url(../images/bg_login_1.jpg) no-repeat;
+ height:285px;
+}
+#loginp_0{
+ color:#333;
+ margin-top:0;
+ padding-top:60px;
+}
+.loginp_1{
+ text-align:right;
+ padding-right:100px;
+}
+.loginp_1 label{
+ font-weight:bold;
+}
+.loginp_1 input{
+ border:1px solid #999;
+}
+input.text_input{
+width:12em;
+}
+.loginp_1 input.check_input{
+margin-right:5em;
+}
+
+
+/************************************************/
+/* TV Page Related Styles */
+/************************************************/
+#tv_np{
+ float:right;
+}
+#tv_left{
+ float:left;
+ clear:right;
+}
+#tv_playlist{
+ clear:both;
+}
+
+
+/************************************************/
+/* User Online/Offline style, used in users.php */
+/************************************************/
+td.user_online{
+ background:#0f0;
+}
+td.user_offline {
+ background:#7f0000;
+}
+td.user_disabled {
+ background:#ccc;
+}
+
+
+/************************************************/
+/* Additional Information Boxes */
+/************************************************/
+#information_actions {
+ margin-left:5px;
+ font-size:0.7em;
+}
+#additional_information {
+ float:left;
+}
+
+
+/************************************************/
+/* Misc */
+/************************************************/
+.text-box, .confirmation-box {
+ display:table-cell;
+ padding:5px 5px 0 5px;
+ margin-bottom:10px;
+ background:#bbb;
+ border:2px solid #000;
+}
+
+#mpdpl td {
+ padding:0 2px 0 2px;
+ text-align:left;
+}
+.header1 {
+ color:#000;
+ font:bold 18px Verdana, Helvetica, sans-serif;
+}
+.header2 {
+ color:#000;
+ font:bold 14px Verdana, Helvetica, sans-serif;
+}
+.error {
+ color:#903;
+}
+.fatalerror {
+ display:table-cell;
+ padding:3px;
+ color: #903;
+ font-weight:bold;
+ border:2px solid #903;
+}
+.disabled {
+ text-decoration:line-through;
+}
+#maincontainer{}
+table.tabledata {}
+.display {}
+
+
+.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; */
+}
generated by cgit (git 2.34.1) at 2025-08-13 09:59:01 +0000