3
Copyright (c) Ampache.org
6
This program is free software; you can redistribute it and/or
7
modify it under the terms of the GNU General Public License v2
8
as published by the Free Software Foundation
10
This program is distributed in the hope that it will be useful,
11
but WITHOUT ANY WARRANTY; without even the implied warranty of
12
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13
GNU General Public License for more details.
15
You should have received a copy of the GNU General Public License
16
along with this program; if not, write to the Free Software
17
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
22
/************************************************/
23
/* Unify default browsers style rules */
24
/************************************************/
25
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */
26
ol, ul { list-style: none; }
27
table { border-collapse: separate; border-spacing: 0; }
28
caption, th, td { text-align: right; font-weight: normal; }
29
* { margin: 0; padding: 0; } /* White space reset */
30
a img, :link img, :visited img { border: 0; } /* no blue linked image borders */
33
/************************************************/
34
/* General style rules */
35
/************************************************/
38
font-family:Arial, Helvetica, Sans-Serif;
45
a, a:visited, a:active {
47
font-family: Verdana, Helvetica, sans-serif;
52
font:12px Verdana, Helvetica, sans-serif;
56
font-family: Verdana, Helvetica, sans-serif;
60
input, select, textarea{
61
font: 12px Verdana, Helvetica, sans-serif;
69
/************************************************/
71
/* - csshover2: :hover support on any element */
72
/************************************************/
73
body { behavior:url("templates/csshover2.htc"); }
75
/************************************************/
77
/************************************************/
78
/* float clearing for IE6 */
79
* html .clearfix{ height: 1%; overflow: visible; }
80
/* float clearing for IE7 */
81
/**+html .clearfix{ min-height: 1%; }*/
82
/* float clearing for everyone else */
83
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
85
/************************************************/
87
/************************************************/
93
/************************************************/
95
/************************************************/
98
/************************************************/
100
/************************************************/
103
padding: 3px 0 0 10px;
109
#headerlogo, #headerlogo a{
112
.box_headerbox {display:table;}
113
.box_headerbox #loginInfo {font-weight:bold;display:block;text-align:left;margin-bottom:.3em;}
120
/************************************************/
122
/************************************************/
124
margin: 20px 135px 20px 135px;
127
/************************************************/
129
/************************************************/
137
/************************************************/
139
/************************************************/
140
.button, input[type=button], input[type=submit] {
141
border: 1px solid #f0f0f0;
142
border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;
147
text-decoration:none;
150
a.button{padding:1px 3px;}
152
/************************************************/
154
/************************************************/
161
background:#c0c0c0 url(../images/sidebar_top.jpg) no-repeat;
165
#sidebar select { width: 95%; }
166
#sidebar input { vertical-align:middle; background:#fff; }
167
#sidebar ul { list-style:none; }
168
#sidebar a { text-decoration:none; }
171
/* For sidebar tabs */
172
/********************/
174
border-top:1px solid #8b8b8b;
177
#sidebar-tabs li.sb1 {
180
background: #c0c0c0 ;
182
#sidebar-tabs li.active {
183
background: #fff url(../images/top.gif) repeat-x 0 0;
186
#sidebar-tabs li.active img{
187
margin-top:4px;position:relative;z-index:2;
196
background: #fff url(../images/bottom.gif) 0 100% repeat-x;
197
padding-bottom:0.5em;
198
border-left:2px solid #c0c0c0;
202
#sidebar-page ul.sb2 {
205
#sidebar-page ul.sb2 li{
208
padding-bottom: 0.5em;
209
border-bottom: 1px solid #666;
211
#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em; }
213
#sidebar-page ul.sb3, #sidebar-page div.sb3 {
219
#sidebar-page div.sb3 input[type=radio] {
223
#sidebar-page ul.sb3 li{
229
* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */
231
#sidebar-page .sb3 a{
233
border-bottom:1px dotted #c0c0c0;
241
#sidebar-page a:hover {
249
/* SIDEBAR : Browse */
250
/********************/
252
background:transparent; /* fix ie bug */
258
.alphabet span.link {
262
font-family: monospace, Courier, Georgia;
264
.alphabet span.active{ background:#5b5b5b; color:#fff; }
265
.alphabet span.link:hover {
270
#multi_alpha_filter {
275
/* SIDEBAR : Localplay */
276
/***********************/
281
/* SIDEBAR : Preferences */
282
/*************************/
284
/* SIDEBAR : Admin */
285
/*******************/
286
#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;}
287
#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{
294
/************************************************/
296
/************************************************/
301
font-family: Verdana,Helvetica,sans-serif;
304
/************************************************/
306
/************************************************/
311
background:#c0c0c0 url(../images/rightbar_top.jpg) no-repeat;
313
font-family: Verdana,Helvetica,sans-serif;
316
#rightbar ul { list-style:none; }
317
#rightbar a { text-decoration:none; }
321
#rightbar #rb_action {
322
border-top:1px solid #8b8b8b;
325
#rightbar #rb_action li { display:inline; }
327
#rightbar li#rb_add, #rightbar li#pl_add { position:relative; z-index:10;}
328
#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#99ccff; }
329
/* Rightbar AddItems SubMenu */
330
#rightbar li:hover .submenu { display:block; }
337
border:2px solid #c0c0c0;
342
* html #rightbar .submenu {right:100px;} /* IE6 fix */
344
#rightbar .submenu a {
347
border-bottom:1px dotted #c0c0c0;
349
text-decoration:none;
353
#rightbar .submenu a:hover,
354
#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#fff; }
356
/* Rightbar playlist */
357
#rightbar #rb_current_playlist {
358
background: #fff url(../images/bottom.gif) 0 100% repeat-x;
359
padding-bottom:0.5em;
360
border-left:2px solid #c0c0c0;
361
border-right:2px solid #c0c0c0;
363
#rightbar #rb_current_playlist li { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-left:20px;}
364
#rightbar #rb_current_playlist li a { display:block; padding:0.2em;}
365
#rightbar .delitem { position:absolute;left:0;top:0; }
367
/* Rightbar Localplay Controls */
368
#rightbar #localplay-control {
371
#localplay-control span {
376
/************************************************/
377
/* Styles for the star ratings */
378
/************************************************/
382
.dynamic-star-rating{
386
.star-rating a:hover,
387
.star-rating .current-rating{
388
background: url(../../../images/ratings/star_rating.gif) right -1000px repeat-x;
398
background-position: right top;
403
.star-rating a, .star-rating span,
404
.star-rating .current-rating{
415
.star-rating .star1 { width:20%; z-index:6; }
416
.star-rating .star2 { width:40%; z-index:5; }
417
.star-rating .star3 { width:60%; z-index:4; }
418
.star-rating .star4 { width:80%; z-index:3; }
419
.star-rating .star5 { width:100%; z-index:2;}
420
.star-rating .current-rating { z-index:1; background-position: right bottom; }
422
.star-rating a.star0 {
425
background: url(../../../images/ratings/x_off.gif) right top;
428
/* hovering effect only for dynamic star rating */
429
.dynamic-star-rating a:hover {
430
background-position: right center;
432
.dynamic-star-rating a:hover.star0 {
433
background: url(../../../images/ratings/x.gif) right top;
435
.dynamic-star-rating ul {
439
/************************************************/
440
/* Box Related Styles */
441
/************************************************/
444
border-bottom: solid 1px #000;
453
/* Enclosing Boxes Styles */
456
background: #f7f7f7 url(../images/left.gif) top right repeat-y;
459
height:1%; /* IE6 : Holly Hack comes to rescue once again */
462
background: url(../images/right.gif) top left repeat-y;
469
background: url(../images/top.gif) 0 0 repeat-x;
473
background: url(../images/topleft.gif) no-repeat;
476
position:relative;right:0;top:0;
479
background: url(../images/topright.gif) no-repeat;
482
position:absolute;left:0;top:0;
484
* html .box-right-top {left: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */
486
background: url(../images/bottom.gif) 0 0 repeat-x;
487
position:relative;clear:both;
490
background: url(../images/bottomleft.gif) no-repeat;
493
position:relative;right:0;top:0;
496
background: url(../images/bottomright.gif) no-repeat;
499
position:absolute;left:0;top:0;
501
* html .box-right-bottom {left: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */
504
/* Specific to Info Boxes */
505
.info-box { float:right;margin-left:10px; }
506
.album_art { float:right; margin-left:10px; }
507
#information_actions { margin-right:5px; font-size:0.7em; float:right; }
508
#information_actions h3 { font-size:1.2em; margin:0.2em; }
511
.box_newest_albums {}
512
.box_newest_artists {clear:none;}
513
.box_newest_genres {clear:none;}
514
.box_popular_album {}
515
.box_popular_artists {clear:none;}
516
.box_popular_genres {clear:none;}
517
.box_preferences h4 {color:#000;font:bold 14px Verdana, Helvetica, sans-serif;padding:0.8em 0;}
520
/************************************************/
521
/* Tables (songs lists...) */
522
/************************************************/
523
.tabledata .th-top, .tabledata .th-bottom {
534
.tabledata .odd, .tabledata .odd td,
535
.tabledata .even, .tabledata .even td, .row-highlight {
537
border-bottom:1px dotted #c0c0c0;
539
.tabledata .even:hover, .tabledata .odd:hover {
542
.row-highlight:hover {
548
.border { background: #000; }
549
.tabledata input, .tabledata select{ margin:2px 0;}
552
td.cel_cover{padding:6px;}
553
.cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;}
554
/* specific cells : users login state */
555
.user_online{background:#0f0;}
556
.user_offline{background:#7f0000;}
557
.user_disabled{background:#ccc;}
559
/* specific tables */
560
#recently_played .th-bottom {display:none;}
561
.box_preferences .th-bottom {display:none;}
563
/* Inline Editing Tables */
564
.inline-edit input, .inline-edit select {
568
/************************************************/
570
/************************************************/
571
dl.song_details{font-size:0.8em;}
576
min-width:20%; /*Ie bugfix*/
582
min-width:79%; /*Ie bugfix*/
583
margin:0 0 0.2em .3em;
586
dt + dd {border-bottom:1px dotted #c0c0c0;}
587
dt:hover, dt:hover + dd {background:#9cf;}
589
/************************************************/
590
/* Albums of the moment */
591
/************************************************/
599
.random_album .play_album{
603
/************************************************/
605
/************************************************/
636
/************************************************/
638
/************************************************/
644
#shoutbox div.shout {
647
border-top:1px dotted #c0c0c0;
649
#shoutbox div.shout:hover {border-top:1px solid #9cf;}
651
#shoutbox span.information {}
652
#shoutbox .shouttext {display:block;font-size:.9em;margin-top:.5em;}
653
img.shoutboximage { margin:0 3px;}
655
#shoutbox div.odd{margin-left:20%;text-align:right;}
656
#shoutbox div.even{margin-right:20%;text-align:left;}
657
#shoutbox .odd img.shoutboximage {float:right;}
658
#shoutbox .even img.shoutboximage {float:left;}
660
/************************************************/
662
/************************************************/
663
.list-header{margin:7px 0; padding:0 4em; text-align:center; font-size: 0.8em;position:relative;}
664
.list-header .prev{position:absolute; top:0; right:0;}
665
.list-header .next{position:absolute; top:0; left:0;}
666
.list-header .selected{background: #e0e0e0;}
667
.list-header .page-nb{padding:1px;border: 1px solid #ccc;text-decoration: none;}
668
.list-header .page-nb:hover{background: #d0d0d0;}
670
/************************************************/
672
/************************************************/
686
/************************************************/
688
/************************************************/
689
.lp_box_ctrl, .lp_box_vol {
690
text-align: center; /*for compatibility, may be controlled by themers now*/
695
text-decoration:none;
698
/************************************************/
699
/* Styles for Login template */
700
/************************************************/
701
#loginPage #maincontainer{
702
margin:100px auto 0 auto;
711
#loginPage #loginbox{
712
background:url(../images/bg_login.jpg) no-repeat;
725
.loginfield input.text_input{
727
border:1px solid #999;
732
.loginfield #rememberme{
737
#loginPage div.fatalerror {
743
margin:0 auto 0 auto;
747
/************************************************/
749
/************************************************/
755
.text-box, .confirmation-box {
757
padding:5px 5px 0 5px;
760
border:2px solid #000;
770
background: url(../images/ajax-loader.gif) no-repeat;
775
.information,.information a {