From a3d16d1cd6ec1b2fbba373177468a91a6ab49c99 Mon Sep 17 00:00:00 2001 From: spocky Date: Sun, 23 Sep 2007 20:06:37 +0000 Subject: - modified sidebar css - modified rightbar html/css - added patch to enabled ie6 :hover pseudo classes - modified boxes html/css to remove table tags and enable box floating - added 1st version of 3.4 greysme theme (needs more work, especially on ie6) --- themes/classic/images/rightbar_top.jpg | Bin 0 -> 21471 bytes themes/classic/templates/default.css | 1511 +++++++++++++++++--------------- 2 files changed, 785 insertions(+), 726 deletions(-) create mode 100644 themes/classic/images/rightbar_top.jpg (limited to 'themes/classic') diff --git a/themes/classic/images/rightbar_top.jpg b/themes/classic/images/rightbar_top.jpg new file mode 100644 index 00000000..196fa41b Binary files /dev/null and b/themes/classic/images/rightbar_top.jpg differ 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; */ +} -- cgit