← Back to branch summary

~cjsmo/+junk/ampache-themes2

« back to all changes in this revision

Viewing changes to trunk/ampache-themes-3.5.0/Touchtone/templates/default.css

  • Committer: Charlie Smotherman
  • Date: 2010-05-17 22:27:29 UTC
  • Revision ID: cjsmo@cableone.net-20100517222729-32obb40513adecaj
now we have all the pieces for leo coda touchtone and touchtone_blue

Show diffs side-by-side

added added

removed removed

Lines of Context:
trunk/ampache-themes-3.5.0/Touchtone/templates/default.css
 
1
/*
 
2
 
 
3
 Copyright (c) Ampache.org
 
4
 All rights reserved.
 
5
 
 
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
 
9
 
 
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.
 
14
 
 
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.
 
18
 
 
19
*/
 
20
 
 
21
 
 
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: left;       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 */
 
31
 
 
32
 
 
33
/************************************************/
 
34
/*           General style rules                */
 
35
/************************************************/
 
36
body { 
 
37
        background:#000000;
 
38
        font-family:Arial, Helvetica, Sans-Serif;
 
39
        color:#8b8b8b;
 
40
        min-width:1000px;
 
41
}
 
42
p { 
 
43
        color: #5b5b5b;
 
44
        margin:1em 0;
 
45
}
 
46
a, a:visited, a:active{ 
 
47
        color: #5b5b5b; 
 
48
        font-family: Verdana, Helvetica, sans-serif; 
 
49
}
 
50
td { 
 
51
        padding: 0 8px;
 
52
        color: #5b5b5b; 
 
53
        font:12px Verdana, Helvetica, sans-serif;
 
54
}
 
55
th {
 
56
        padding-right: 10px;
 
57
        font-family: Verdana, Helvetica, sans-serif;
 
58
  font-size:13px; 
 
59
  font-weight:bold;
 
60
        color:#6b6b6b;
 
61
}
 
62
input, select, textarea{
 
63
        font: 12px Verdana, Helvetica, sans-serif; 
 
64
        background: #4b4b4b; 
 
65
        color: #9b9b9b; 
 
66
}
 
67
input {
 
68
        font-weight: bold;
 
69
}
 
70
 
 
71
/************************************************/
 
72
/*             IE6 behaviors                    */
 
73
/* - csshover2: :hover support on any element   */
 
74
/************************************************/
 
75
body { behavior:url("templates/csshover2.htc"); }
 
76
 
 
77
/************************************************/
 
78
/*         Float Clearer                        */
 
79
/************************************************/
 
80
/* float clearing for IE6 */
 
81
* html .clearfix{ height: 1%; overflow: visible; }
 
82
/* float clearing for IE7 */
 
83
/**+html .clearfix{ min-height: 1%; }*/
 
84
/* float clearing for everyone else */
 
85
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
 
86
 
 
87
/************************************************/
 
88
/*                XSPF Player                   */
 
89
/************************************************/
 
90
.xspf_player {
 
91
    right: 20px;
 
92
    position: absolute;
 
93
}
 
94
 
 
95
/************************************************/
 
96
/*             Main Container                   */
 
97
/************************************************/
 
98
#maincontainer{}
 
99
 
 
100
/************************************************/
 
101
/*             Header                           */
 
102
/************************************************/
 
103
#header {
 
104
  position:absolute;
 
105
  left:400px;
 
106
 
 
107
 
 
108
}
 
109
#headerbox { 
 
110
 
 
111
        
 
112
}
 
113
#headerlogo, #headerlogo a{ 
 
114
position:absolute;
 
115
left:10px;
 
116
top:47px;
 
117
 
 
118
        
 
119
}
 
120
#headerlogo a img{ 
 
121
   width:179px;
 
122
   height:68px;
 
123
}
 
124
.box_headerbox    {display:table;}
 
125
.box_headerbox #loginInfo {display:none;}
 
126
#headerbox .box-content { padding: 0px; }
 
127
 
 
128
#play_type_switch { 
 
129
        
 
130
} 
 
131
 
 
132
#sb_Subsearch #searchBtn { font-size:1.2em; }
 
133
#sb_Subsearch #searchString { font-size:1.2em;}
 
134
#sb_Subsearch #searchString { width:100px; }
 
135
#play_type_switch #play_type_select { font-size:1.2em; }
 
136
/************************************************/
 
137
/*               Content block                  */
 
138
/************************************************/
 
139
#content {
 
140
margin: 10px 180px 20px 160px;
 
141
padding-top:165px;
 
142
        
 
143
}
 
144
 
 
145
/************************************************/
 
146
/*                Footer                        */
 
147
/************************************************/
 
148
#footer {
 
149
  clear:both;
 
150
        text-align:center;
 
151
        font-size:10px;
 
152
        padding:3px;
 
153
  
 
154
}
 
155
 
 
156
/************************************************/
 
157
/*                  Buttons                     */
 
158
/************************************************/
 
159
.button, input[type=button], input[type=submit] {
 
160
  
 
161
        cursor: pointer;
 
162
}
 
163
a.button{padding:1px 3px;}
 
164
 
 
165
/************************************************/
 
166
/*                  Sidebar                     */
 
167
/************************************************/
 
168
#sidebar{
 
169
position:absolute;
 
170
  left:0;
 
171
  top:24px;
 
172
        padding-bottom:0.5em;
 
173
        font-size: 0.9em;
 
174
  width:370px;
 
175
  
 
176
}
 
177
 
 
178
#sidebar select {       width: 95%; }
 
179
#sidebar input  { vertical-align:middle; background:#4B4B4B; }
 
180
#sidebar ul     { list-style:none; }
 
181
#sidebar a      {       text-decoration:none; } 
 
182
 
 
183
 
 
184
/* For sidebar tabs */
 
185
/********************/
 
186
#sidebar-tabs{
 
187
        
 
188
}
 
189
 
 
190
#sidebar-tabs li.sb1 {
 
191
  float: left;
 
192
        padding:0px;
 
193
}
 
194
#sidebar-tabs li.active { 
 
195
        margin-top:0px;
 
196
} 
 
197
#sidebar-tabs li.active img{ 
 
198
        margin-top:0px;position:relative;z-index:2;
 
199
        border:2px solid grey;
 
200
        
 
201
} 
 
202
 
 
203
 
 
204
/* Tabs content */
 
205
/****************/
 
206
#sidebar-page {
 
207
  position:absolute;
 
208
  left:0;
 
209
  top:150px;
 
210
        padding-bottom:0.5em;
 
211
        font-size: 1em;
 
212
  width:140px;
 
213
} 
 
214
#sidebar-page ul.sb2 {
 
215
 padding:2px 4px;
 
216
}
 
217
#sidebar-page ul.sb2 li{
 
218
  font-weight:bold;
 
219
  margin:1em auto;
 
220
  padding-bottom: 0.5em;
 
221
  border-bottom: 1px solid #666;
 
222
}
 
223
#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em;color:#5b5b5b; }
 
224
 
 
225
#sidebar-page ul.sb3, #sidebar-page div.sb3 {
 
226
  font-size:0.9em;
 
227
  margin-left:2px;
 
228
  font-weight:normal;
 
229
  color:#5b5b5b;
 
230
        
 
231
}
 
232
#sidebar-page div.sb3 input[type=radio] { 
 
233
        margin-left:2px;
 
234
} 
 
235
 
 
236
#sidebar-page ul.sb3 li{
 
237
  margin:0;
 
238
  padding:0;
 
239
  border:none;
 
240
  font-weight:normal;
 
241
        
 
242
        
 
243
}
 
244
#sidebar-page ul.sb3 li a{
 
245
background:url(../images/backgroundmenuleft.jpg) left top;
 
246
height:32px;
 
247
}
 
248
* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */
 
249
 
 
250
#sidebar-page .sb3 a{
 
251
 padding:0.1em;
 
252
 color:#b0b0b0;
 
253
 
 
254
}
 
255
 
 
256
 
 
257
#sidebar-page a{
 
258
  display:block;
 
259
}
 
260
#sidebar-page a:hover{
 
261
  background:#99ccff;
 
262
  color:#000000;
 
263
}
 
264
/* SIDEBAR : Home */
 
265
/******************/
 
266
 
 
267
/* SIDEBAR : Browse */
 
268
/********************/
 
269
 
 
270
.alphabet { 
 
271
  
 
272
}
 
273
.alphabet span.link { 
 
274
        
 
275
} 
 
276
.alphabet span.active{ background:#5b5b5b; color:#000000; }
 
277
.alphabet span.link:hover { 
 
278
        
 
279
} 
 
280
 
 
281
#multi_alpha_filter { 
 
282
        width:40px; 
 
283
        margin-bottom:4px;
 
284
} 
 
285
 
 
286
/* SIDEBAR : Localplay */
 
287
/***********************/
 
288
.active_instance {
 
289
        
 
290
}
 
291
 
 
292
/* SIDEBAR : Preferences */
 
293
/*************************/
 
294
 
 
295
/* SIDEBAR : Admin */
 
296
/*******************/
 
297
#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;}
 
298
#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{
 
299
  
 
300
}
 
301
 
 
302
 
 
303
/************************************************/
 
304
/*                  XSPF Player                 */
 
305
/************************************************/
 
306
#xspf_player { 
 
307
        
 
308
} 
 
309
 
 
310
/************************************************/
 
311
/*                  Rightbar                    */
 
312
/************************************************/
 
313
#rightbar { 
 
314
width:160px;
 
315
float: right;
 
316
clear:right;
 
317
 
 
318
  
 
319
} 
 
320
#rightbar ul                      {     list-style:none; }
 
321
#rightbar a  { text-decoration:none; }
 
322
#rightbar a#localplay_control_previous  { padding:2px; }
 
323
#rightbar a#localplay_control_next  { padding:2px; }
 
324
#rightbar a#rb_clear_playlist img {width:40px; height:40px;}
 
325
#rightbar li#rb_add img {width:40px; height:40px;}
 
326
#rightbar a#rightbar_play img {width:40px; height:40px;}
 
327
#rightbar li#pl_add img {width:40px; height:40px;}
 
328
 
 
329
/* Rightbar Menu */
 
330
#rightbar #rb_action {  
 
331
position:relative;
 
332
left:-25px;
 
333
width:175px;
 
334
padding-top:140px;
 
335
 
 
336
}
 
337
#rightbar #rb_action li         {       display:inline; }
 
338
 
 
339
#rightbar li#rb_add, #rightbar li#pl_add             { position:relative; z-index:10;}
 
340
#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#111111; } 
 
341
/* Rightbar AddItems SubMenu */
 
342
#rightbar li:hover .submenu {   display:block; } 
 
343
#rightbar .submenu  { 
 
344
display:none;   
 
345
  position:absolute;
 
346
        right:0px;
 
347
        top:18px;
 
348
        background:#000000;
 
349
        border:2px solid #c0c0c0;
 
350
        width:120px;
 
351
        font-size:0.7em;
 
352
        padding:0.3em;
 
353
  
 
354
}
 
355
* html #rightbar .submenu {right:100px;} /* IE6 fix */
 
356
 
 
357
#rightbar .submenu a {
 
358
display:block;
 
359
 padding:0.1em;
 
360
 border-bottom:1px dotted #c0c0c0;
 
361
 color:#5b5b5b;
 
362
 text-decoration:none;
 
363
 text-align:right;
 
364
 
 
365
}
 
366
 
 
367
#rightbar .submenu a:hover,
 
368
#rightbar #rb_current_playlist a:hover {  color:#ffffff; }
 
369
 
 
370
/* Rightbar playlist */
 
371
#rightbar #rb_current_playlist    {
 
372
 
 
373
  }
 
374
#rightbar #rb_current_playlist li   { position:relative; font-size:1.1em;line-height:16px; color:#9b9b9b; padding-right:16px; }
 
375
#rightbar #rb_current_playlist li a { display:block;padding-right:15px;padding-left:0.2em;padding-bottom:0.2em; padding-top:0.2em;border-left:1px solid #9b9b9b;background:#4b4b4b;color:#9b9b9b;}
 
376
 
 
377
#rightbar .delitem img              {position:relative; left:122px;top:-27px; width:30px; height:30px; }
 
378
 
 
379
/* Rightbar Localplay Controls */
 
380
#rightbar #localplay-control { 
 
381
 position:relative;
 
382
 Top:-170px;
 
383
 Left:-195px;
 
384
 width:350px;
 
385
 padding:0px; 
 
386
} 
 
387
#localplay-control span { 
 
388
        
 
389
} 
 
390
 
 
391
 
 
392
/************************************************/
 
393
/*        Styles for the star ratings           */
 
394
/************************************************/
 
395
.star-rating {
 
396
  position:relative;
 
397
        padding:10px;
 
398
}
 
399
 
 
400
.dynamic-star-rating{
 
401
  width:95px;
 
402
        padding:5px;
 
403
}
 
404
 
 
405
.star-rating ul,
 
406
.star-rating a:hover,
 
407
.star-rating .current-rating{
 
408
  background: url(../../../images/ratings/star_rating.gif) left -1000px repeat-x;
 
409
}
 
410
 
 
411
.star-rating ul{
 
412
  position:relative;
 
413
  width:80px;
 
414
  height:15px;
 
415
  overflow:hidden;
 
416
  list-style:none;
 
417
  margin:0;
 
418
  padding:0;
 
419
  background-position: left top;
 
420
}
 
421
.star-rating li{
 
422
  display: inline;
 
423
}
 
424
.star-rating a, .star-rating span,  
 
425
.star-rating .current-rating{
 
426
 position:absolute;
 
427
  top:0;
 
428
  left:0;
 
429
  text-indent:-1000em;
 
430
  height:15px;
 
431
  line-height:15px;
 
432
  outline:none;
 
433
  overflow:hidden;
 
434
  border:none;
 
435
}
 
436
.star-rating .star1 { width:20%; z-index:6; }
 
437
.star-rating .star2 { width:40%; z-index:5; }
 
438
.star-rating .star3 { width:60%; z-index:4; }
 
439
.star-rating .star4 { width:80%; z-index:3; }
 
440
.star-rating .star5 { width:100%; z-index:2;}
 
441
.star-rating .current-rating { z-index:1; background-position: left bottom; }
 
442
 
 
443
.star-rating a.star0 {
 
444
  left:0px;
 
445
  width:16px;
 
446
  background: url(../../../images/ratings/x_off.gif) left top;
 
447
}
 
448
 
 
449
/* hovering effect only for dynamic star rating */
 
450
.dynamic-star-rating a:hover{
 
451
  background-position: left center;
 
452
}
 
453
.dynamic-star-rating a:hover.star0 {
 
454
  background: url(../../../images/ratings/x.gif) left top;
 
455
}
 
456
.dynamic-star-rating ul {
 
457
  left:16px;
 
458
}
 
459
 
 
460
/************************************************/
 
461
/*              Box Related Styles              */
 
462
/************************************************/
 
463
 
 
464
 
 
465
.box-title { 
 
466
        border-bottom: solid 1px #5b5b5b;
 
467
        font-size: 1.05em;
 
468
        font-weight: bold;
 
469
        margin: 0 10px;
 
470
        color:#5b5b5b;
 
471
}
 
472
.box-list { 
 
473
        padding-right: 10px;
 
474
}
 
475
 
 
476
/* Enclosing Boxes Styles */
 
477
 
 
478
.box, .info-box { 
 
479
        
 
480
        float:left;
 
481
  clear:left;
 
482
        height:1%; /* IE6 : Holly Hack comes to rescue once again */
 
483
}
 
484
.box-inside { 
 
485
        
 
486
}
 
487
.box-content {
 
488
        padding:8px 15px;
 
489
}
 
490
 
 
491
.box-top { 
 
492
        
 
493
        position:relative;
 
494
}
 
495
.box-left-top { 
 
496
        
 
497
        height:16px;
 
498
        width:16px;
 
499
        position:relative;left:0;top:0;
 
500
}
 
501
.box-right-top {
 
502
        
 
503
        height:16px;
 
504
        width:20px;
 
505
        position:absolute;right:0;top:0;
 
506
}
 
507
* html .box-right-top {right: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */
 
508
.box-bottom { 
 
509
        
 
510
        position:relative;clear:both;
 
511
}
 
512
.box-left-bottom {
 
513
        
 
514
        height:18px;
 
515
        width:16px;
 
516
        position:relative;left:0;top:0;
 
517
}
 
518
.box-right-bottom { 
 
519
        
 
520
        height:18px;
 
521
        width:20px;
 
522
        position:absolute;right:0;top:0;
 
523
}
 
524
* html .box-right-bottom {right: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */
 
525
 
 
526
 
 
527
/* Specific to Info Boxes */
 
528
.info-box { float:left;margin-right:10px; }
 
529
.album_art { float:left; margin-right:10px; } 
 
530
#information_actions { margin-left:5px; font-size:0.7em; float:left;} 
 
531
#information_actions h3 { font-size:1.2em; margin:0.2em;color:#5b5b5b; }
 
532
#information_actions li {color:#5b5b5b;font-size:1.5em;}
 
533
#information_actions li a img {
 
534
   width:40px;
 
535
         height:40px;
 
536
         }
 
537
/* Specific boxes */
 
538
.box_newest_albums  {}
 
539
.box_newest_artists {clear:none;}
 
540
.box_newest_genres  {clear:none;}
 
541
.box_popular_album  {}
 
542
.box_popular_artists {clear:none;}
 
543
.box_popular_genres {clear:none;}
 
544
.box_preferences h4 {color:#5b5b5b;font:bold 14px Verdana, Helvetica, sans-serif;padding:0.8em 0;}
 
545
 
 
546
 
 
547
/************************************************/
 
548
/*         Tables (songs lists...)              */
 
549
/************************************************/
 
550
.tabledata .th-top, .tabledata .th-bottom {
 
551
        font-size:1.1em;
 
552
        vertical-align: top;
 
553
        text-align:center;
 
554
}
 
555
 
 
556
.tableform select { 
 
557
        width: 150px; 
 
558
} 
 
559
 
 
560
/* table rows */
 
561
.tabledata .odd, .tabledata .odd td,
 
562
.tabledata .even, .tabledata .even td, .row-highlight {
 
563
        font-size: 12px;
 
564
        border-bottom:1px dotted #c0c0c0;
 
565
}
 
566
.tabledata a
 
567
    {
 
568
                color:#9b9b9b;
 
569
                }
 
570
.tabledata .even:hover, .tabledata .odd:hover { 
 
571
        background:#3b3b3b;
 
572
} 
 
573
.row-highlight:hover { 
 
574
        background:#3b3b3b;
 
575
} 
 
576
        
 
577
 
 
578
/* Misc */
 
579
.border         { background: #5b5b5b; }
 
580
.tabledata input, .tabledata select{ margin:2px 0;}
 
581
 
 
582
/* specific cells */
 
583
td.cel_cover{padding:6px;}
 
584
.cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;}
 
585
.cel_add img {
 
586
width:30px;
 
587
height:30px;
 
588
}
 
589
.cel_action img{
 
590
width:30px;
 
591
height:30px;
 
592
}
 
593
/* specific cells : users login state */
 
594
.user_online{background:#0f0;}
 
595
.user_offline{background:#7f0000;}
 
596
.user_disabled{background:#ccc;}
 
597
 
 
598
/* specific tables */
 
599
#recently_played .th-bottom {display:none;}
 
600
.box_preferences .th-bottom {display:none;}
 
601
 
 
602
/* Inline Editing Tables */
 
603
.inline-edit input, .inline-edit select {
 
604
        font-size: 0.8em; 
 
605
} 
 
606
 
 
607
/************************************************/
 
608
/*          Song details                        */
 
609
/************************************************/
 
610
dl.song_details{font-size:0.8em;}
 
611
.song_details dt {
 
612
   float:left;
 
613
   clear:both;
 
614
   width:20%;
 
615
   min-width:20%; /*Ie bugfix*/
 
616
   font-weight:bold;
 
617
         color:#7b7b7b;
 
618
}
 
619
.song_details dd {
 
620
   float:left;
 
621
   width:79%;
 
622
   min-width:79%; /*Ie bugfix*/
 
623
   margin:0 0 0.2em .3em;
 
624
   padding-left:.2em;
 
625
         color:#7b7b7b;
 
626
}
 
627
dt + dd {border-bottom:1px dotted #c0c0c0;}
 
628
dt:hover, dt:hover + dd {background:#2b2b2b;}
 
629
 
 
630
/************************************************/
 
631
/*          Albums of the moment                */
 
632
/************************************************/
 
633
.random_album{
 
634
  position:relative;
 
635
  float:left;
 
636
  padding:8px;
 
637
  width:80px;
 
638
}
 
639
 
 
640
.random_album .play_album{
 
641
  display:none;
 
642
}
 
643
 
 
644
/************************************************/
 
645
/*          Now Playing                         */
 
646
/************************************************/
 
647
#now_playing{
 
648
}
 
649
 
 
650
.np_row {
 
651
        padding: 3px;
 
652
        float:left;
 
653
        font-size:0.75em;
 
654
        display:block;
 
655
        
 
656
}
 
657
.np_cell {
 
658
  padding-left:5px;
 
659
  margin-left:5px;
 
660
}
 
661
 
 
662
.np_row label {
 
663
  display:block;
 
664
  font-weight:bold;
 
665
  margin:2px 0 0 -5px;
 
666
}
 
667
 
 
668
.np_group {
 
669
  float:left;
 
670
  padding-right:15px;
 
671
}
 
672
 
 
673
.np_row a {
 
674
  font-size:0.8em;
 
675
}
 
676
 
 
677
/************************************************/
 
678
/*               Shoutbox                       */
 
679
/************************************************/
 
680
 
 
681
#shoutbox {
 
682
        font-size:0.8em;
 
683
} 
 
684
 
 
685
#shoutbox div.shout {
 
686
  padding-top:0.5em; 
 
687
        margin:10px 5px 0 0;
 
688
  border-top:1px dotted #c0c0c0;
 
689
} 
 
690
#shoutbox div.shout:hover{border-top:1px solid #9cf;}
 
691
 
 
692
#shoutbox span.information {}
 
693
#shoutbox .shouttext{display:block;font-size:.9em;margin-top:.5em;}
 
694
img.shoutboximage {     margin:0 3px;}
 
695
 
 
696
#shoutbox div.odd{margin-right:20%;text-align:left;}
 
697
#shoutbox div.even{margin-left:20%;text-align:right;}
 
698
#shoutbox .odd img.shoutboximage {float:left;}
 
699
#shoutbox .even img.shoutboximage {float:right;}
 
700
 
 
701
/************************************************/
 
702
/*             List Header                      */
 
703
/************************************************/
 
704
.list-header{margin:7px 0; padding:0 4em; text-align:center; font-size: 0.8em;position:relative;} 
 
705
.list-header .prev{position:absolute; top:0; left:0;font-size:1.3em;}
 
706
.list-header .next{position:absolute; top:0; right:0;font-size:1.3em;}
 
707
.list-header .selected{background: #e0e0e0;}
 
708
.list-header .page-nb{padding:1px;border: 1px solid #ccc;text-decoration: none;}
 
709
.list-header .page-nb:hover{background: #d0d0d0;}
 
710
 
 
711
/************************************************/
 
712
/*             Errors                           */
 
713
/************************************************/
 
714
.error { 
 
715
        color:#903; 
 
716
}
 
717
 
 
718
.fatalerror {
 
719
        display:table-cell;
 
720
        padding:3px;
 
721
        color:#903; 
 
722
        font-weight:bold;
 
723
        font-size:1.2em;
 
724
}
 
725
 
 
726
 
 
727
/************************************************/
 
728
/*             LocalPlay                        */
 
729
/************************************************/
 
730
.lp_box_ctrl, .lp_box_vol {
 
731
        text-align: center; /*for compatibility, may be controlled by themers now*/
 
732
}
 
733
 
 
734
td.lp_current a { 
 
735
        font-weight:bold;
 
736
        text-decoration:none;
 
737
} 
 
738
#localplay_clear_all img {
 
739
 width:40px;
 
740
 height:40px;
 
741
}
 
742
 
 
743
/************************************************/
 
744
/*         Styles for Login template            */
 
745
/************************************************/
 
746
#loginPage #maincontainer{
 
747
        margin:100px auto 0 auto;
 
748
        width:437px;
 
749
        font-size:12px;
 
750
        text-align:center;
 
751
}
 
752
#loginPage #header{
 
753
  padding:0;
 
754
}
 
755
 
 
756
#loginPage #loginbox{
 
757
        background:url(../images/bg_login.jpg) no-repeat;
 
758
        height:292px;
 
759
}
 
760
#loginPage h2{
 
761
  color:#333;
 
762
  padding-top:60px;
 
763
  font-weight: normal;
 
764
}
 
765
.loginfield{
 
766
        text-align:right;
 
767
        padding-right:100px;
 
768
        margin: 1em 0;
 
769
}
 
770
.loginfield input.text_input{
 
771
  width:12em;
 
772
  border:1px solid #999;
 
773
}
 
774
.loginfield label{
 
775
        font-weight:bold;
 
776
}
 
777
.loginfield #rememberme{
 
778
  margin-right:5em;
 
779
  background:none;
 
780
} 
 
781
 
 
782
#loginPage div.fatalerror {
 
783
        padding:5px;
 
784
        margin:10px;
 
785
}
 
786
 
 
787
#motd { 
 
788
        margin:0 auto 0 auto;
 
789
        width: 437px;
 
790
}
 
791
 
 
792
/************************************************/
 
793
/*                Misc                          */
 
794
/************************************************/
 
795
.formValidation{
 
796
  margin-top:1em;
 
797
  text-align:center;
 
798
}
 
799
 
 
800
.text-box, .confirmation-box {
 
801
        display:table-cell;
 
802
        padding:5px 5px 0 5px;
 
803
        margin-bottom:10px;
 
804
        background:#bbb;
 
805
        border:2px solid #5b5b5b;
 
806
}
 
807
 
 
808
#ajax-loading { 
 
809
        position: absolute;  
 
810
  top:150px;
 
811
  left:11px; 
 
812
  width:43px;
 
813
  height:11px;
 
814
        z-index:100;
 
815
  background: url(../images/ajax-loader.gif) no-repeat;
 
816
        display: none;
 
817
        text-indent:-9999em;
 
818
} 
 
819
 
 
820
.information,.information a { 
 
821
        font-size: 0.9em; 
 
822
        font-style: italic; 
 
823
        color: #c0c0c0; 
 
824
} 
 
825
/************************************************/
 
826
/*                Playlist                          */
 
827
/************************************************/
 
828
 
 
829
#play_playlist_random img{
 
830
 
 
831
  width:50px;
 
832
        height:50px;
 
833
        }
 
834
 
 
835
#play_playlist img{
 
836
 
 
837
  width:50px;
 
838
        height:50px;
 
839
        }
 
 
b'\\ No newline at end of file'