← Back to branch summary

~ubuntu-branches/ubuntu/precise/transmission/precise

« back to all changes in this revision

Viewing changes to web/stylesheets/common.css

  • Committer: Bazaar Package Importer
  • Author(s): Leo Costela
  • Date: 2009-05-17 19:39:51 UTC
  • mto: (1.3.4 upstream) (2.2.1 squeeze)
  • mto: This revision was merged to the branch mainline in revision 36.
  • Revision ID: james.westby@ubuntu.com-20090517193951-k8x15sqoxzf7cuyx
Import upstream version 1.61

Show diffs side-by-side

added added

removed removed

Lines of Context:
web/stylesheets/common.css
 
1
/*--------------------------------------
 
2
 *
 
3
 * G L O B A L
 
4
 *
 
5
 *--------------------------------------*/
 
6
 
 
7
html {
 
8
        margin: 0;
 
9
/* setting border: 0 hoses ie6 win window inner well border */
 
10
        padding: 0;
 
11
        height: 100%;
 
12
}
 
13
 
 
14
body {
 
15
        font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
 
16
        color: #222 !important;
 
17
        background: #FFF;
 
18
        text-align: center;
 
19
        margin: 0 0 30px;
 
20
        overflow: hidden;
 
21
        z-index: 1;
 
22
}
 
23
 
 
24
img {
 
25
        border: none;
 
26
}
 
27
 
 
28
a {
 
29
        outline: 0;
 
30
        -moz-outline: none;
 
31
}
 
32
 
 
33
/*--------------------------------------
 
34
 *
 
35
 * T O P   M E N U
 
36
 *
 
37
 *--------------------------------------*/
 
38
 
 
39
div.torrent_global_menu {
 
40
        width: 100%;
 
41
        height: 75px;
 
42
        margin: 0;
 
43
        background: transparent url('../images/graphics/chrome.png') left top repeat-x;
 
44
        position: fixed;
 
45
        left: 0;
 
46
        right: 0;
 
47
        top: 0;
 
48
        border-bottom: 1px solid #888;
 
49
        z-index: 3;
 
50
        overflow: hidden;
 
51
        -moz-user-select: none;
 
52
        -webkit-user-select: none;
 
53
}
 
54
 
 
55
div.torrent_global_menu h1 {
 
56
        height: inherit;
 
57
        width: 205px;
 
58
        text-indent: -9000px !important;
 
59
        padding: 0;
 
60
        margin: 0 0 0 5px;
 
61
}
 
62
 
 
63
div.torrent_global_menu ul {
 
64
        height: 50px;
 
65
        margin: 0;
 
66
        padding: 0 7px;
 
67
        text-align: center;
 
68
}
 
69
 
 
70
div.torrent_global_menu ul li {
 
71
        list-style-type: none;
 
72
        list-style-image: none;
 
73
        float: left;
 
74
        padding: 0;
 
75
        margin: 13px 0 0 0;
 
76
        vertical-align: middle;
 
77
        height: 50px;
 
78
}
 
79
 
 
80
div.torrent_global_menu ul li#filter,
 
81
div.torrent_global_menu ul li#inspector {
 
82
        float: right;
 
83
}
 
84
 
 
85
div.torrent_global_menu ul li > div {
 
86
        color: #000;
 
87
        font-size: 1.1em;
 
88
        text-decoration: none;
 
89
        padding: 0 8px;
 
90
        display: block;
 
91
        margin: 0;
 
92
        text-shadow: 0 1px 0 #ccc;
 
93
        min-width: 32px;
 
94
        cursor: pointer;
 
95
}
 
96
 
 
97
div.torrent_global_menu ul li div.toolbar_image {
 
98
        width: 32px;
 
99
        height: 32px;
 
100
        margin: 0 auto 5px;
 
101
        background-image: url('../images/buttons/toolbar_buttons.png');
 
102
}
 
103
 
 
104
li#open div div.toolbar_image, li#open.disabled div:active div.toolbar_image {
 
105
        background-position: left 0;
 
106
}
 
107
 
 
108
li#open div:active div.toolbar_image {
 
109
        background-position: right 0;
 
110
}
 
111
 
 
112
li#remove div div.toolbar_image, li#remove.disabled div:active div.toolbar_image {
 
113
        background-position: left -32px;
 
114
}
 
115
 
 
116
li#removedata div div.toolbar_image, li#removedata.disabled div:active div.toolbar_image {
 
117
        background-position: left -32px;
 
118
}
 
119
 
 
120
li#remove div:active div.toolbar_image {
 
121
        background-position: right -32px;
 
122
}
 
123
 
 
124
li#removedata div:active div.toolbar_image {
 
125
        background-position: right -32px;
 
126
}
 
127
 
 
128
li#resume_selected div div.toolbar_image, li#resume_selected.disabled div:active div.toolbar_image {
 
129
        background-position: left -96px;
 
130
}
 
131
 
 
132
li#resume_selected div:active div.toolbar_image {
 
133
        background-position: right -96px;
 
134
}
 
135
 
 
136
li#pause_selected div div.toolbar_image, li#pause_selected.disabled div:active div.toolbar_image {
 
137
        background-position: left -64px;
 
138
}
 
139
 
 
140
li#pause_selected div:active div.toolbar_image {
 
141
        background-position: right -64px;
 
142
}
 
143
 
 
144
li#pause_all div div.toolbar_image, li#pause_all.disabled div:active div.toolbar_image {
 
145
        background-position: left -128px;
 
146
}
 
147
 
 
148
li#pause_all div:active div.toolbar_image {
 
149
        background-position: right -128px;
 
150
}
 
151
 
 
152
li#resume_all div div.toolbar_image, li#resume_all.disabled div:active div.toolbar_image {
 
153
        background-position: left -160px;
 
154
}
 
155
 
 
156
li#resume_all div:active div.toolbar_image {
 
157
        background-position: right -160px;
 
158
}
 
159
 
 
160
li#filter div div.toolbar_image, li#filter.disabled div:active div.toolbar_image {
 
161
        background-position: left -192px;
 
162
}
 
163
 
 
164
li#filter div:active div.toolbar_image {
 
165
        background-position: right -192px;
 
166
}
 
167
 
 
168
li#inspector div div.toolbar_image, li#inspector.disabled div:active div.toolbar_image {
 
169
        background-position: left -224px;
 
170
}
 
171
 
 
172
li#inspector div:active div.toolbar_image {
 
173
        background-position: right -224px;
 
174
}
 
175
 
 
176
div.torrent_global_menu ul li.disabled > div {
 
177
        text-shadow: 0 1px 0 #fff;
 
178
        opacity: 0.25;
 
179
        cursor: default;
 
180
}
 
181
 
 
182
div.torrent_global_menu ul li.divider {
 
183
        width: 0;
 
184
        border-right: 1px dotted black;
 
185
        opacity: 0.2;
 
186
        margin: 14px 4px 0;
 
187
        height: 49px;
 
188
}
 
189
 
 
190
/*--------------------------------------
 
191
 *
 
192
 * G L O B A L   D E T A I L S
 
193
 *
 
194
 *--------------------------------------*/
 
195
 
 
196
div.torrent_global_details {
 
197
        width: 100%;
 
198
        height: 20px;
 
199
        margin: 0;
 
200
        background: #ddd url('../images/graphics/filter_bar.png') repeat-x left -51px;
 
201
        font-size: 1.1em;
 
202
        font-weight: normal;
 
203
        border-bottom: 1px solid #888;
 
204
        position: fixed;
 
205
        left: 0;
 
206
        right: 0;
 
207
        top: 76px;
 
208
        z-index: 2;
 
209
        color: #000;
 
210
        text-shadow: 0 1px 0 #f4f4f4;
 
211
}
 
212
 
 
213
div.torrent_global_details div {
 
214
        padding: 0 10px 1px 10px;
 
215
        margin: 3px 0 0 0;
 
216
}
 
217
 
 
218
div.torrent_global_details div#torrent_global_transfer {
 
219
        clear: left;
 
220
        float: left;
 
221
}
 
222
 
 
223
div.torrent_global_details div#torrent_global_upload, 
 
224
div.torrent_global_details div#torrent_global_download {
 
225
        float: right;
 
226
        padding-left: 13px;
 
227
}
 
228
 
 
229
div.torrent_global_details div#torrent_global_upload {
 
230
        background: url('../images/graphics/transfer_arrows.png') left -11px no-repeat;
 
231
}
 
232
 
 
233
div.torrent_global_details div#torrent_global_download {
 
234
        background: url('../images/graphics/transfer_arrows.png') left 2px no-repeat;
 
235
}
 
236
 
 
237
/*--------------------------------------
 
238
 *
 
239
 * T O R R E N T   F I L T E R   B A R
 
240
 *
 
241
 *--------------------------------------*/
 
242
 
 
243
div#torrent_filter_bar {
 
244
        margin: 0;
 
245
        height: 24px;
 
246
        background: #ddd url('../images/graphics/filter_bar.png') repeat-x bottom left;
 
247
        border-bottom: 1px solid #888;
 
248
        position: fixed;
 
249
        left: 0;
 
250
        right: 0px;
 
251
        top: 97px;
 
252
        z-index: 2;
 
253
        display: none;
 
254
        overflow: hidden;
 
255
}
 
256
 
 
257
div#torrent_filter_bar ul {
 
258
        height: 17px;
 
259
        margin: 0;
 
260
        padding: 0;
 
261
        text-align: left;
 
262
        display: inline;
 
263
}
 
264
 
 
265
div#torrent_filter_bar ul li {
 
266
        list-style-type: none;
 
267
        list-style-image: none;
 
268
        float: left;
 
269
        padding: 0;
 
270
        margin: 4px 0 0 5px;
 
271
        vertical-align: middle;
 
272
        height: 17px;
 
273
}
 
274
 
 
275
div#torrent_filter_bar ul li a {
 
276
        font-size: 1.2em;
 
277
        color: #222;
 
278
        text-shadow: 0 1px 0 #fff;
 
279
        text-decoration: none;
 
280
        font-weight: bold;
 
281
        padding: 0 7px 0 0;
 
282
        margin: 0 0 0 7px;
 
283
        height: 17px;
 
284
        display: block;
 
285
        cursor: default;
 
286
}
 
287
 
 
288
div#torrent_filter_bar ul li.selected, div#torrent_filter_bar ul li.selected a, div#torrent_filter_bar ul li:hover, div#torrent_filter_bar ul li:hover a, div#torrent_filter_bar ul li:active, div#torrent_filter_bar ul li:active a {
 
289
        background-image: url('../images/graphics/filter_bar.png');
 
290
        background-repeat: no-repeat;
 
291
        text-shadow: 0 1px 0 #444;
 
292
        color: #fff !important;
 
293
}
 
294
 
 
295
div#torrent_filter_bar ul li:hover {
 
296
        background-position: left -17px;
 
297
}
 
298
 
 
299
div#torrent_filter_bar ul li:hover a {
 
300
        background-position: right -17px;
 
301
}
 
302
 
 
303
div#torrent_filter_bar ul li:active {
 
304
        background-position: left -34px;
 
305
}
 
306
 
 
307
div#torrent_filter_bar ul li:active a {
 
308
        background-position: right -34px;
 
309
}
 
310
 
 
311
div#torrent_filter_bar ul li.selected {
 
312
        background-position: left top;
 
313
}
 
314
 
 
315
div#torrent_filter_bar ul li.selected a {
 
316
        background-position: right top;
 
317
}
 
318
 
 
319
div#torrent_filter_bar input#torrent_search {
 
320
        float: right;
 
321
        height: 15px;
 
322
        width: 100px;
 
323
        border: solid 0 #fff;
 
324
        padding: 0 2px;
 
325
        margin: 4px 5px 0 0;
 
326
}
 
327
/* Safari-look filter input for Firefox */
 
328
@-moz-document url-prefix() {
 
329
        div#torrent_filter_bar input#torrent_search {
 
330
                background: #FFF url('../images/graphics/filter_icon.png') top left no-repeat;
 
331
                border: 1px solid #5D80A1;
 
332
                margin-top: 3px;
 
333
                padding: 1px 10px 1px 18px;
 
334
                width: 76px;
 
335
                -moz-border-radius: 10px;
 
336
        }
 
337
        div#torrent_filter_bar input#torrent_search.blur {
 
338
                border-color: #CCC;
 
339
        }
 
340
} 
 
341
 
 
342
div#torrent_filter_bar input#torrent_search.blur {
 
343
        color: #999;
 
344
}
 
345
 
 
346
/*--------------------------------------
 
347
 *
 
348
 * T O R R E N T   C O N T A I N E R
 
349
 *
 
350
 *--------------------------------------*/
 
351
 
 
352
div#torrent_container {
 
353
        position: fixed;
 
354
        top: 97px;
 
355
        bottom: 22px;
 
356
        right: 0px;
 
357
        left: 0px;
 
358
        padding: 0px;
 
359
        margin: 0px;
 
360
        overflow: auto;
 
361
        z-index: 1;
 
362
}
 
363
 
 
364
ul.torrent_list {
 
365
        width: 100%;
 
366
        margin: 0;
 
367
        padding: 0;
 
368
        text-align: left;
 
369
        z-index: 1;
 
370
        cursor: default;
 
371
}
 
372
 
 
373
ul.torrent_list li {
 
374
        list-style-type: none;
 
375
        list-style-image: none;
 
376
        clear: both;
 
377
        display: block;
 
378
        vertical-align: middle;
 
379
        -moz-user-select: none;
 
380
        -webkit-user-select: none;
 
381
}
 
382
 
 
383
ul.torrent_list li.torrent {
 
384
        border-bottom: 1px solid #ccc;
 
385
        padding: 4px 30px 5px 10px; /* Make space for buttons on the right */
 
386
        margin: 0 !important;
 
387
        color: #666;
 
388
}
 
389
 
 
390
ul.torrent_list li.torrent a img {
 
391
        position: relative;
 
392
        right: -10px;
 
393
}
 
394
 
 
395
ul.torrent_list li.torrent.even {
 
396
        background-color: #EDF3FE;
 
397
}
 
398
 
 
399
ul.torrent_list li.torrent.selected {
 
400
        background-color: #3879D7;
 
401
        color: #FFF;
 
402
}
 
403
 
 
404
ul.torrent_list li.torrent div.torrent_name {
 
405
        font-size: 1.3em;
 
406
        font-weight: bold;
 
407
        word-wrap: break-word;
 
408
        overflow: hidden;
 
409
        color: #222;
 
410
        margin-bottom: 2px;
 
411
}
 
412
 
 
413
ul.torrent_list li.torrent.selected div.torrent_name {
 
414
        color: #fff;
 
415
}
 
416
 
 
417
ul.torrent_list li.torrent div.torrent_progress_details,
 
418
ul.torrent_list li.torrent div.torrent_peer_details {
 
419
        font-size: 1em;
 
420
}
 
421
 
 
422
ul.torrent_list li.torrent div.torrent_progress_bar {
 
423
        height: 10px;
 
424
        margin: 3px 0;
 
425
        float: left;
 
426
        line-height: 1px;
 
427
        font-size: 1px;
 
428
        width: 100%;
 
429
        background-image: url('../images/progress/progress.png');
 
430
        background-repeat: repeat-x;
 
431
        background-color: transparent;
 
432
}
 
433
 
 
434
ul.torrent_list li.torrent div.torrent_progress_bar.complete {
 
435
        background-position: left -10px;
 
436
        border: 1px solid #29AD35;
 
437
}
 
438
 
 
439
ul.torrent_list li.torrent div.torrent_progress_bar.in_progress {
 
440
        background-position: left 0px;
 
441
        border: 1px solid #3F79EE;
 
442
        border-right: none;
 
443
}
 
444
 
 
445
ul.torrent_list li.torrent div.torrent_progress_bar.incomplete {
 
446
        margin-right: -10px;
 
447
        background-position: left -20px;
 
448
        border: 1px solid #C8CACD;
 
449
        border-left: none;
 
450
}
 
451
 
 
452
ul.torrent_list li.torrent div.torrent_progress_bar.incomplete_stopped {
 
453
        background-position: left -30px;
 
454
        border: 1px solid #939393;
 
455
        border-right: none;
 
456
}
 
457
 
 
458
ul.torrent_list li.torrent div.torrent_progress_bar.complete_stopped {
 
459
        background-position: left -30px;
 
460
        border: 1px solid #939393;
 
461
}
 
462
 
 
463
ul.torrent_list li.torrent div.torrent_progress_bar.empty {
 
464
        border-color: #c8cacd;
 
465
}
 
466
 
 
467
li.torrent a div {
 
468
        float: right;
 
469
        position: relative;
 
470
        right: -22px;
 
471
        top: -16px;
 
472
        background: url('../images/buttons/torrent_buttons.png');
 
473
        height: 14px;
 
474
        width: 14px;
 
475
}
 
476
 
 
477
li.torrent a div.torrent_pause {
 
478
        background-position: left top;
 
479
}
 
480
 
 
481
li.torrent a:hover div.torrent_pause {
 
482
        background-position: left center;
 
483
}
 
484
 
 
485
li.torrent a:active div.torrent_pause {
 
486
        background-position: left bottom;
 
487
}
 
488
 
 
489
li.torrent a div.torrent_resume {
 
490
        background-position: center top;
 
491
}
 
492
 
 
493
li.torrent a:hover div.torrent_resume {
 
494
        background-position: center center;
 
495
}
 
496
 
 
497
li.torrent a:active div.torrent_resume {
 
498
        background-position: center bottom;
 
499
}
 
500
 
 
501
/*--------------------------------------
 
502
 *
 
503
 * T O R R E N T   I N S P E C T O R
 
504
 *
 
505
 *--------------------------------------*/
 
506
 
 
507
div#torrent_inspector {
 
508
        position: fixed;
 
509
        top: 97px;
 
510
        bottom: 22px;
 
511
        right: 0px;
 
512
        width: 350px;
 
513
        background-color: #ddd;
 
514
        border-left: 1px solid #888;
 
515
        z-index: 2;
 
516
        text-align: left;
 
517
        overflow: auto;
 
518
}
 
519
div#torrent_inspector #torrent_inspector_name {
 
520
        margin: 0;
 
521
        overflow: hidden;
 
522
}
 
523
div#torrent_inspector #torrent_inspector_size {
 
524
        font-size: 1.2em;
 
525
        margin: 3;
 
526
        display: block;
 
527
        padding-top: 2px;
 
528
}
 
529
div#inspector_header {
 
530
        clear: both;
 
531
        padding-top: 10px;
 
532
        padding-left: 10px;
 
533
        padding-right: 10px;
 
534
}
 
535
div#inspector_tabs {
 
536
        width: 189px;
 
537
        margin: 0 auto;
 
538
        padding-top: 10px;
 
539
}
 
540
.inspector_tab {
 
541
        float: left;
 
542
        background: transparent url('../images/buttons/tab_backgrounds.png') left -1px repeat-x;
 
543
        border: 1px solid #888;
 
544
        margin: 0px 1px;
 
545
        padding: 3px 15px; /* 3px == ((bg image height - fg image height) / 2) */
 
546
        cursor: pointer;
 
547
}
 
548
#inspector_tabs > .selected {
 
549
        background-position: left -26px; /* the highlighted part of the image */
 
550
}
 
551
.inspector_container {
 
552
        margin: 3%;
 
553
        width: 96%;
 
554
}
 
555
.inspector_group {
 
556
        display: table;
 
557
        width: 100%;
 
558
        border-top: 1px solid #888;
 
559
        margin: 10px 0px;
 
560
        padding: 10px 0px;
 
561
}
 
562
.inspector_group_label {
 
563
        display: table-header-group;
 
564
        font-weight: bold;
 
565
}
 
566
.inspector_row {
 
567
        display: table-row;
 
568
}
 
569
.inspector_row > .inspector_label {
 
570
        display: table-cell;
 
571
        width: 100px; /* this + the next 230 == inspector_container_with */
 
572
}
 
573
.inspector_row > div {
 
574
        display: table-cell;
 
575
        padding-top: 10px;
 
576
        width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
 
577
}
 
578
 
 
579
/* Files Inspector Tab */
 
580
#inspector_file_list {
 
581
        padding: 0 0 0 0;
 
582
        margin: 0 0 0 0;
 
583
        text-align: left;
 
584
        cursor: default;
 
585
        overflow: hidden;
 
586
}
 
587
ul.inspector_torrent_file_list {
 
588
        width: 100%;
 
589
        margin: 0  0 0 0;
 
590
        padding-bottom: 10px;
 
591
        text-align: left;
 
592
        display: block;
 
593
        cursor: default;
 
594
        list-style-type: none;
 
595
        list-style: none;
 
596
        list-style-image: none;
 
597
}
 
598
li.inspector_torrent_file_list_entry {
 
599
        padding: 3px 0 3px 2px;
 
600
        display: block;
 
601
}
 
602
 
 
603
li.inspector_torrent_file_list_entry.skip {
 
604
        color: #666;
 
605
}
 
606
 
 
607
li.inspector_torrent_file_list_entry.even {
 
608
        background-color: #EEEEEE;
 
609
}
 
610
div.inspector_torrent_file_list_entry_name {
 
611
        font-size: 1.2em;
 
612
        font-weight: bold;
 
613
        color: #222;
 
614
        margin-left: 20px;
 
615
}
 
616
li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
 
617
        color: #666;
 
618
}
 
619
li.inspector_torrent_file_list_entry.even {
 
620
        background-color: #EEEEEE;
 
621
}
 
622
div.inspector_torrent_file_list_entry_progress {
 
623
        font-size: 1em;
 
624
        color: #666;
 
625
        margin-left: 20px;
 
626
} 
 
627
div.file_wanted_control {
 
628
        background-position: left -19px;
 
629
        float: left;
 
630
        position: absolute;
 
631
        cursor: pointer;
 
632
        margin: 3px 0 0 0;
 
633
        width: 19px;
 
634
        height: 19px;
 
635
        background-image: url('../images/buttons/file_wanted_buttons.png');
 
636
        background-repeat: no-repeat;
 
637
        background-color: transparent;
 
638
}
 
639
 
 
640
li.inspector_torrent_file_list_entry.skip>.file_wanted_control {
 
641
        background-position: left top;
 
642
}
 
643
 
 
644
li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
 
645
        background-position: left -19px;
 
646
}
 
647
 
 
648
ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
 
649
li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
 
650
        background-position: left -38px;
 
651
        cursor: default;
 
652
}
 
653
 
 
654
div.file_priority_control {
 
655
        float: right;
 
656
        margin: 4px 0 0 0;
 
657
        width: 35px;
 
658
        height: 19px;
 
659
        background-image: url('../images/buttons/file_priority_buttons.png');
 
660
        background-repeat: no-repeat;
 
661
        background-color: transparent;
 
662
        cursor: pointer;
 
663
}
 
664
div.file_priority_control.normal {
 
665
        background-position: left top;
 
666
}
 
667
div.file_priority_control.normal:hover {
 
668
        background-position: right top;
 
669
}
 
670
div.file_priority_control.high {
 
671
        background-position: left -19px;
 
672
}
 
673
div.file_priority_control.high:hover {
 
674
        background-position: right -19px;
 
675
}
 
676
div.file_priority_control.low {
 
677
        background-position: left -38px;
 
678
}
 
679
div.file_priority_control.low:hover {
 
680
        background-position: right -38px;
 
681
}
 
682
ul.single_file li.inspector_torrent_file_list_entry>.file_priority_control,
 
683
li.inspector_torrent_file_list_entry.complete div.file_priority_control {
 
684
  background-position: left -57px;
 
685
  cursor: default;
 
686
}
 
687
 
 
688
/*--------------------------------------
 
689
 *
 
690
 * T O R R E N T   F O O T E R
 
691
 *
 
692
 *--------------------------------------*/
 
693
 
 
694
div.torrent_footer {
 
695
        width: 100%;
 
696
        height: 22px;
 
697
        margin: 0;
 
698
        padding: 0;
 
699
        border-top: 1px solid #555;
 
700
        background: #aaa url('../images/graphics/chrome.png') left bottom repeat-x;
 
701
        position: fixed;
 
702
        left: 0px;
 
703
        right: 0px;
 
704
        bottom: 0;
 
705
        z-index: 2;
 
706
        color: #000;
 
707
        text-shadow: 0 1px 0 #ccc;
 
708
}
 
709
 
 
710
div.torrent_footer ul#settings_menu li#button {
 
711
        height: 22px;
 
712
        width: 32px !important;
 
713
        background: transparent url('../images/graphics/chrome.png') left -75px no-repeat;
 
714
        margin: 0 0 0 3px;
 
715
        padding: 0;
 
716
        float: left;
 
717
        position: relative;
 
718
        -moz-user-select: none;
 
719
        -webkit-user-select: none;
 
720
}
 
721
 
 
722
div.torrent_footer ul#settings_menu li#button:active {
 
723
        /background: transparent url('../images/graphics/chrome.png') -32px -75px no-repeat;
 
724
}
 
725
 
 
726
div.torrent_footer ul#settings_menu li#button:hover {
 
727
        /background: transparent url('../images/graphics/chrome.png') -32px -75px no-repeat;
 
728
}
 
729
 
 
730
div.torrent_footer div#disk_space_container {
 
731
        float: right;
 
732
        font-size: 1.1em;
 
733
        line-height: 22px;
 
734
        vertical-align: middle;
 
735
        margin: 0 20px 0 0;
 
736
        padding: 0px;
 
737
}
 
738
 
 
739
/*--------------------------------------
 
740
 *
 
741
 * D I A L O G S
 
742
 *
 
743
 *--------------------------------------*/
 
744
 
 
745
div.dialog_container {
 
746
        position: absolute;
 
747
        top: 0;
 
748
        left: 0px;
 
749
        margin: 0px;
 
750
        width: 100%;
 
751
        height: 100%;
 
752
        z-index: 2;
 
753
        text-align: center;
 
754
        color: black;
 
755
        font-size: 1.1em;
 
756
}
 
757
 
 
758
div.dialog_container div.dialog_window {
 
759
        background-color: #eee;
 
760
        margin: -210px auto 0;
 
761
        filter: alpha(opacity=95);
 
762
        -moz-opacity: .95;
 
763
        opacity: .95;
 
764
        border-top: none;
 
765
        text-align: left;
 
766
        width: 420px;
 
767
        overflow: hidden;
 
768
        position: relative;
 
769
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.7);
 
770
        top: 50%;
 
771
}
 
772
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
773
        div.dialog_container div.dialog_window {
 
774
                top: 0;
 
775
                margin-top: 71px;
 
776
        }
 
777
} 
 
778
 
 
779
div#prefs_container div.dialog_window {
 
780
        width: 410px;
 
781
        padding: 0 15px;
 
782
        line-height: 14pt;
 
783
}
 
784
 
 
785
div.dialog_container div.dialog_window img {
 
786
        margin: 20px 20px 0 20px;
 
787
        float: left;
 
788
}
 
789
 
 
790
div.dialog_container div.dialog_window h2.dialog_heading {
 
791
        display: block;
 
792
        float: left;
 
793
        width: 305px;
 
794
        font-size: 1.2em;
 
795
        color: black;
 
796
        margin-top: 20px;
 
797
}
 
798
 
 
799
div.dialog_container div.dialog_window div.dialog_message {
 
800
        float: left;
 
801
        padding-left: 3px;
 
802
        margin-left: -3px;
 
803
        width: 305px;
 
804
        overflow: hidden;
 
805
}
 
806
 
 
807
div.dialog_container div.dialog_window a {
 
808
        display: block;
 
809
        float: right;
 
810
        margin: 10px 20px 10px -8px;
 
811
        padding: 5px;
 
812
        background-color: #EEE;
 
813
        border: 1px solid #787878;
 
814
        width: 50px;
 
815
        text-align: center;
 
816
        font-weight: bold;
 
817
        text-decoration: none;
 
818
        color: #323232;
 
819
        -webkit-appearance: button;
 
820
        font: -webkit-control;
 
821
        cursor: default;
 
822
}
 
823
 
 
824
div.dialog_container div.dialog_window a:hover,
 
825
div.dialog_container div.dialog_window a:active {
 
826
        background: #C0C8D6 url('../images/graphics/filter_bar_bg.png') repeat-x;
 
827
}
 
828
 
 
829
div#upload_container div.dialog_window {
 
830
        height: 200px !important;
 
831
        position: relative;
 
832
}
 
833
 
 
834
div#upload_container div.dialog_window div.dialog_message {
 
835
        height: 110px;
 
836
}
 
837
 
 
838
div#upload_container div.dialog_window div.dialog_message label {
 
839
        margin-top: 15px;
 
840
        display: block;
 
841
}
 
842
 
 
843
div#upload_container div.dialog_window div.dialog_message input {
 
844
        width: 249px;
 
845
        margin: 3px 0 0 0;
 
846
        display: block;
 
847
}
 
848
 
 
849
div#upload_container div.dialog_window div.dialog_message input[type=text] {
 
850
        width: 245px;
 
851
        padding: 2px;
 
852
}
 
853
 
 
854
div.dialog_container div.dialog_window form {
 
855
        margin: 0;
 
856
        padding: 0px;
 
857
}
 
858
 
 
859
iframe#torrent_upload_frame {
 
860
        display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
 
861
        position: absolute;
 
862
        top: -1000px;
 
863
        left: -1000px;
 
864
        width: 0px;
 
865
        height: 0px;
 
866
        border: none;
 
867
        padding: 0;
 
868
        margin: 0;
 
869
}
 
870
 
 
871
div#prefs_container label {
 
872
        display: block;
 
873
}
 
874
 
 
875
div#prefs_container label.category {
 
876
        clear: both;
 
877
        font-size: 1.2em;
 
878
        margin: 0 0 0 2px;
 
879
}
 
880
 
 
881
div#prefs_container label.item {
 
882
        font-size: 11px !important;
 
883
        margin: 0 5px 0 20px;
 
884
        float: left;
 
885
}
 
886
 
 
887
div#prefs_container label.suffix {
 
888
        margin: 0 5px 0 10px;
 
889
        float: left;
 
890
}
 
891
 
 
892
div#prefs_container div.formdiv.checkbox label.item {
 
893
        margin: 0 5px 0 2px;
 
894
}
 
895
 
 
896
div#prefs_container div.limit_total label.item {
 
897
        width: 91px;
 
898
}
 
899
 
 
900
div#prefs_container div.preference input[type=checkbox] {
 
901
        float: left;
 
902
        margin-left: 20px;
 
903
        margin-top: 9px;
 
904
}
 
905
@-moz-document url-prefix() {
 
906
        div#prefs_container div.preference input[type=checkbox] {
 
907
                margin-top: 8px;
 
908
        }
 
909
}
 
910
 
 
911
div#prefs_container div.preference input[type=text] {
 
912
        width: 50px;
 
913
        padding: 0px !important;
 
914
        height: 18px;
 
915
        margin-top: 2px;
 
916
}
 
917
 
 
918
div#prefs_container div.preference input {
 
919
        float: left;
 
920
}
 
921
 
 
922
div#prefs_container div.download_location input {
 
923
        width: 256px !important;
 
924
}
 
925
div#prefs_container div.download_location .checkbox input {
 
926
        width: auto !important;
 
927
}
 
928
 
 
929
div#prefs_container div.formdiv {
 
930
        clear: both;
 
931
        line-height: 30px;
 
932
}
 
933
 
 
934
div#prefs_container a {
 
935
        clear: left;
 
936
        margin: 10px 5px 10px 7px;
 
937
}
 
938
 
 
939
div#prefs_container h2.dialog_heading {
 
940
        display: none;
 
941
}
 
942
 
 
943
div#prefs_container div#pref_error {
 
944
        display: none;
 
945
        width: 395px;
 
946
        margin: 6px auto 6px auto;
 
947
        padding: 3px 0 3px 0;
 
948
        border: 2px solid #cc3333;
 
949
        color: #cc3333;
 
950
        font-size: 1.2em;
 
951
        vertical-align: middle;
 
952
        text-align: center;
 
953
        height: 20px;
 
954
        line-height: 20px;
 
955
        background-color: #FFEFEF;
 
956
}
 
957
 
 
958
/*--------------------------------------
 
959
 *
 
960
 * T R A N S   M E N U
 
961
 *
 
962
 *--------------------------------------*/
 
963
 
 
964
.trans_menu {
 
965
        margin: 0;
 
966
        padding: 0;
 
967
        cursor: default;
 
968
}
 
969
 
 
970
.trans_menu, .trans_menu ul {
 
971
        list-style: none;
 
972
}
 
973
 
 
974
.trans_menu ul {
 
975
        min-width: 210px;
 
976
        background-color: #fff;
 
977
        filter: alpha(opacity=98);
 
978
        -moz-opacity: .98;
 
979
        opacity: .98;
 
980
        padding: 5px 0;
 
981
        text-align: left;
 
982
        list-style: none;
 
983
        -webkit-border-radius: 5px;
 
984
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
 
985
}
 
986
 
 
987
.trans_menu ul ul {
 
988
        min-width: 150px;
 
989
}
 
990
 
 
991
.trans_menu ul ul#footer_sort_menu {
 
992
        min-width: 175px;
 
993
}
 
994
 
 
995
.trans_menu li {
 
996
        margin: 0;
 
997
        padding: 0 10px 2px 20px !important;
 
998
        color: #000;
 
999
        font-size: 14px;
 
1000
        cursor: default;
 
1001
        text-indent: auto !important;
 
1002
        width: inherit;
 
1003
}
 
1004
 
 
1005
.trans_menu li.hover {
 
1006
        z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 
1007
        background-color: #24e;
 
1008
        color: #fff;
 
1009
        text-shadow: none;
 
1010
}
 
1011
 
 
1012
.trans_menu li.separator, .trans_menu li.separator.hover {
 
1013
        border-top: 1px solid #ddd;
 
1014
        margin: 5px 0;
 
1015
        padding: 0px;
 
1016
        background: transparent;
 
1017
}
 
1018
 
 
1019
.trans_menu li span.arrow {
 
1020
        float: right;
 
1021
        margin: 3px 0 0;
 
1022
        font-size: 11px;
 
1023
        color: #333;
 
1024
        text-shadow: none;
 
1025
}
 
1026
 
 
1027
.trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
 
1028
        color: #fff;
 
1029
}
 
1030
 
 
1031
.trans_menu span.selected {
 
1032
        margin: 0 3px 0 -15px;
 
1033
        font-size: 14px;
 
1034
        color: #666;
 
1035
        float: left;
 
1036
}
 
1037
 
 
1038
.trans_menu div.outerbox {
 
1039
        display: none;
 
1040
        background: transparent;
 
1041
        border: 1px solid rgba(0,0,0,0.1);
 
1042
        -webkit-border-radius: 5px;
 
1043
}
 
1044
 
 
1045
.trans_menu div.inner {
 
1046
        left: 0;
 
1047
        margin: 0;
 
1048
}
 
1049
 
 
1050
.trans_menu li.main {
 
1051
        float: left;
 
1052
        padding: 0 !important;
 
1053
        width: 30px !important;
 
1054
}
 
1055
 
 
1056
.trans_menu li.main li {
 
1057
        z-index: 2;
 
1058
        min-width: 78px;
 
1059
}
 
1060
 
 
1061
.trans_menu li.main.active {
 
1062
        background: transparent url('../images/graphics/chrome.png') right -75px no-repeat !important;
 
1063
}
 
1064
 
 
1065
.trans_menu a {
 
1066
        text-decoration: none;
 
1067
        cursor: default;
 
1068
}
 
1069
 
 
1070
/*--------------------------------------
 
1071
 *
 
1072
 * C O N T E X T   M E N U
 
1073
 *
 
1074
 *--------------------------------------*/
 
1075
 
 
1076
div#jqContextMenu {
 
1077
        -webkit-border-radius: 5px;
 
1078
        border: 1px solid rgba(0,0,0,0.1);
 
1079
        -moz-user-select: none;
 
1080
        -webkit-user-select: none;
 
1081
}
 
1082
 
 
1083
div#jqContextMenu ul {
 
1084
        filter: alpha(opacity=98);
 
1085
        -moz-opacity: .98;
 
1086
        opacity: .98;
 
1087
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
 
1088
        -webkit-border-radius: 5px;
 
1089
}
 
1090
 
 
1091
div#jqContextMenu li.separator, div#jqContextMenu li.separator:hover {
 
1092
        background: inherit !important;
 
1093
        border-top: 1px solid #ddd !important;
 
1094
        margin: 5px 0 !important;
 
1095
        padding: 0px;
 
1096
}