source: trunk/web/style/transmission/mobile.scss @ 13093

Last change on this file since 13093 was 13093, checked in by jordan, 11 years ago

(trunk web) tweak the filterbar's display of the torrent count

File size: 19.7 KB
Line 
1@mixin verticalGradient($topColor, $bottomColor) {
2        background-color: mix($topColor, $bottomColor);
3        background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); 
4        background-image: -webkit-linear-gradient(top, $topColor, $bottomColor); 
5        background-image:    -moz-linear-gradient(top, $topColor, $bottomColor); 
6        background-image:     -ms-linear-gradient(top, $topColor, $bottomColor); 
7        background-image:      -o-linear-gradient(top, $topColor, $bottomColor); 
8        background-image:         linear-gradient(top, $topColor, $bottomColor);
9}
10
11@mixin imageOnVerticalGradient($src, $topColor, $bottomColor) {
12        background-color: mix($topColor, $bottomColor);
13        background-image: url($src); /* fallback */
14        background-image: url($src), -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); /* Saf4+, Chrome */
15        background-image: url($src), -webkit-linear-gradient(top, $topColor, $bottomColor); /* Chrome 10+, Saf5.1+ */
16        background-image: url($src), -moz-linear-gradient(top, $topColor, $bottomColor); /* FF3.6+ */
17        background-image: url($src), -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */
18        background-image: url($src), -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */
19        background-position: center;
20        background-repeat: no-repeat;
21}
22
23@mixin buttonImage($image-url, $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom) {
24        @include imageOnVerticalGradient($image-url, $idle-color-top, $idle-color-bottom);
25        &:active, &.selected {
26                @include imageOnVerticalGradient($image-url, $active-color-top, $active-color-bottom);
27        }
28}
29
30$nonselected-gradient-top: white;
31$nonselected-gradient-bottom: #BBB;
32$selection-color: #cdcdff;
33$selected-gradient-top: $selection-color;
34$selected-gradient-bottom: white;
35
36@mixin button {
37        cursor: pointer;
38        -moz-user-select: none;
39        -webkit-user-select: none;
40        display: inline-block;
41        border-style: solid;
42        border-color: #aaa;
43        border-width: 1px;
44        padding: 3px;
45}
46
47@mixin roundedBox($radius) {
48        -moz-border-radius: $radius;
49        border-radius: $radius;
50}
51
52@mixin leftRoundedBox($radius) {
53        -moz-border-radius-topleft: $radius;
54        -moz-border-radius-bottomleft: $radius;
55        border-top-left-radius: $radius;
56        border-bottom-left-radius: $radius;
57}
58@mixin rightRoundedBox($radius) {
59        -moz-border-radius-topright: $radius;
60        -moz-border-radius-bottomright: $radius;
61        border-top-right-radius: $radius;
62        border-bottom-right-radius: $radius;
63}
64
65@mixin roundedButton($radius) {
66        @include button;
67        @include roundedBox($radius);
68}
69
70/*--------------------------------------
71 *
72 * G L O B A L
73 *
74 *--------------------------------------*/
75
76html {
77        margin: 0;
78        padding: 0;
79}
80
81body {
82        font: 11px Helvetica, Arial, sans-serif;
83        background: #FFF;
84        text-align: center;
85        margin: 0;
86        padding: 0;
87        width: 100%;
88        overflow-x: hidden;
89        img { border: none; }
90        a { outline: 0; }
91        -webkit-text-size-adjust: none;
92
93        div#torrent_container { min-height: 328px; }
94        div.dialog_container { min-height: 326px; }
95        div#torrent_inspector { min-height: 329px; }
96        &.landscape div#torrent_container {     min-height: 147px; }
97        &.landscape div#dialog_container,
98        &.landscape div#torrent_inspector {     min-height: 143px; }
99}
100
101body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container,
102body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector,
103body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container,
104body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
105        display: none !important;
106}
107
108/***
109****
110****  TOOLBAR
111****
112***/
113
114div#toolbar
115{
116        $separator-spacing: 20px;
117
118        width: 100%;
119        height: 35px;
120        margin: 0px;
121        padding: 2px;
122        border-bottom: 1px solid #AAA;
123        background: url('images/red-texture.png') repeat;
124
125        $idle-color-top: $nonselected-gradient-top;
126        $idle-color-bottom: $nonselected-gradient-bottom;
127        $active-color-top: $selected-gradient-top;
128        $active-color-bottom: $selected-gradient-bottom;
129
130        > * {
131                @include button;
132                margin-top: 5px;
133                width: 18px;
134                height: 18px;
135                padding: 2px 8px;
136                float: left;
137                border: 1px solid #888;
138        }
139
140        div#toolbar-open {
141                @include leftRoundedBox(5px);
142                @include buttonImage('images/toolbar-folder.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
143                margin-left: 4px;
144        }
145        > div#toolbar-remove {
146                @include rightRoundedBox(5px);
147                @include buttonImage('images/toolbar-close.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
148        }
149        > div#toolbar-start {
150                @include leftRoundedBox(5px);
151                @include buttonImage('images/toolbar-start.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
152                margin-left: $separator-spacing;
153        }
154        > div#toolbar-pause {
155                @include rightRoundedBox(5px);
156                @include buttonImage('images/toolbar-pause.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
157        }
158        > div#toolbar-select {
159                @include roundedBox(5px);
160                @include buttonImage('images/toolbar-pointer.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
161                margin-left: $separator-spacing;
162        }
163
164        > div#toolbar-inspector {
165                @include roundedBox(5px);
166                @include buttonImage('images/toolbar-info.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
167                float: right;
168                margin-right: 8px;
169        }
170
171        > *.disabled {
172                opacity: 0.25;
173        }
174}
175
176/***
177****
178****  STATUSBAR
179****
180***/
181
182$statusbar-gradient-top: #ddd;
183$statusbar-gradient-bottom: #bbb;
184
185#statusbar
186{
187        height: 24px;
188        width: 100%;
189        border-bottom: 1px solid #AAA;
190        overflow: hidden;
191        position: relative;
192        @include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom);
193
194        #filter
195        {
196                float: left;
197                margin-left: 5px;
198
199                input#torrent_search {
200                        display: none;
201                }
202
203                #filter-count { margin-left: 8px; }
204        }
205
206        #speed-info
207        {
208                float: right;
209                margin-top: 5px;
210                margin-right: 10px;
211
212                * {
213                        display: inline-block;
214                }
215
216                #speed-up-icon {
217                        margin-left: 8px;
218                        width: 8px;
219                        height: 8px;
220                        background: url('images/arrow-up.png') bottom no-repeat;
221                }
222
223                #speed-dn-icon {
224                        width: 8px;
225                        height: 8px;
226                        background: url('images/arrow-down.png') bottom no-repeat;
227                }
228
229                #speed-up-container, #speed-dn-container {
230                        display: inline;
231                }
232        }
233}
234
235/***
236****
237****  FILTER POPUP
238****
239***/
240
241#filter-popup
242{
243        color: #222;/* !important; */
244        background: #FFF;
245        z-index: 100;
246
247        li { text-align: left }
248
249        .count {
250                padding-left: 3px;
251        }
252
253        .row {
254                text-align: left;
255                cursor: pointer;
256                margin: 8px 2px;
257                position: relative;
258                height: 18px;
259                -moz-user-select: none;
260                -webkit-user-select: none;
261
262                .filter-img {
263                        border: none;
264                        width: 16px;
265                        height: 16px;
266                        position: absolute;
267                        left: 0px;
268                }
269                .filter-name {
270                        position: absolute;
271                        left: 20px;
272                }
273                .count {
274                        float: right;
275                        color: #aaa;
276                }
277                &:hover, &.selected {
278                        font-weight: bold;
279                }
280        }
281
282        #filter-by-state {
283                float: left;
284                width: 120px;
285                overflow: hidden;
286                text-overflow: ellipsis;
287                .row .filter-img { display: none; }
288                .row .filter-name { left: 0px; }
289        }
290
291        #filter-by-tracker {
292                float: right;
293                width: 130px;
294                overflow: hidden;
295                text-overflow: ellipsis;
296        }
297}
298
299/***
300****
301****  TORRENT CONTAINER
302****
303***/
304
305$torrent-list-button-width: 0px;
306
307ul.torrent_list
308{
309        width: 100%;
310        margin: 0;
311        padding: 0;
312        text-align: left;
313        cursor: pointer;
314
315        li.torrent
316        {
317                border-bottom: 1px solid #ccc;
318                padding: 4px 30px 5px $torrent-list-button-width;
319                color: #666;
320                background-color: white;
321
322                &.compact { padding: 4px; }
323                &.even { background-color: #F7F7F7; }
324                &.selected { background-color: $selection-color; }
325                &.compact { div.torrent_name { color: black; } }
326
327                // start-stop button
328                a {
329                        display: none;
330                }
331
332                div.torrent_name
333                {
334                        font-size: 1.3em;
335                        font-weight: bold;
336                        overflow: hidden;
337                        text-overflow: ellipsis;
338                        white-space: nowrap;
339                        color: #222;
340                        margin-top: 2px;
341                        margin-bottom: 2px;
342
343                        &.compact { font-size: 1.0em; font-weight: normal; }
344                        &.paused { font-weight: normal; color: #777; }
345                }
346
347                div.torrent_progress_details,
348                div.torrent_peer_details {
349                        clear: left;
350                        overflow: hidden;
351                        text-overflow: ellipsis;
352                        white-space: nowrap;
353                }
354
355                div.torrent_progress_details.error,
356                div.torrent_peer_details.error {
357                        color: #F00;
358                }
359
360                &.selected div.torrent_progress_details.error,
361                &.selected div.torrent_peer_details.error {
362                        color: #FFF;
363                }
364        }
365
366        /**
367         * Progressbar
368         *
369         * Each progressbar has three elemens: a parent container and two children,
370         * complete and incomplete.
371         *
372         * The only thing needed to set the progressbar percentage is to set
373         * the complete child's width as a percentage. This is because incomplete
374         * is pinned to the full width and height of the parent, and complete
375         * is pinned to the left side of the parent and has a higher z-index.
376         *
377         * The progressbar has different colors depending on its state, so there
378         * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
379         */
380        div.torrent_progress_bar_container
381        {
382                height: 10px;
383                position: relative;
384
385                &.compact {
386                        width: 50px;
387                        position: absolute;
388                        right: 10px;
389                        margin-top: 2px;
390                        /*float: right;*/
391                }
392                &.full {
393                        margin-top: 2px;
394                        margin-bottom: 5px;
395                }
396        }
397        div.torrent_peer_details.compact
398        {
399                margin-top: 2px;
400                margin-right: 65px; /* leave room on the right for the progressbar */
401                float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */
402        }
403        div.torrent_progress_bar
404        {
405                height: 100%;
406                position: absolute;
407                top: 0px;
408                left: 0px;
409                background-image: url('images/progress.png');
410                background-repeat: repeat-x;
411                border: 1px solid #888;
412
413                &.complete                   { z-index: 2; }
414                &.complete.paused            { background-position: left -30px; border-color: #989898; }
415                &.complete.magnet            { background-position: left -20px; border-color: #CFCFCF; }
416                &.complete.leeching          { background-position: left   0px; border-color: #3D9DEA; }
417                &.complete.leeching.queued   { background-position: left -70px; border-color: #889CA5; }
418                &.complete.seeding           { background-position: left -40px; border-color: #269E30; }
419                &.complete.seeding.queued    { background-position: left -60px; border-color: #8A998D; }
420                &.incomplete                 { z-index: 1; width: 100%; }
421                &.incomplete.paused          { background-position: left -20px; border-color: #CFCFCF; }
422                &.incomplete.magnet          { background-position: left -50px; border-color: #D47778; }
423                &.incomplete.leeching        { background-position: left -20px; border-color: #CFCFCF; }
424                &.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
425                &.incomplete.seeding         { background-position: left -10px; border-color: #29AD35; }
426        }
427}
428
429/***
430****
431****  PREFERENCES
432****
433***/
434
435#prefs-dialog.ui-tabs .ui-tabs-panel {
436        padding: 0px;
437        -moz-user-select: none;
438        -webkit-user-select: none;
439}
440
441.prefs-section
442{
443        margin: 10px;
444        text-align: left;
445
446        > * {
447                padding-top: 8px;
448                padding-left: 8px;
449        }
450
451        .title {
452                font-weight: bold;
453                font-size: larger;
454                padding-left: 0px;
455        }
456
457        .row {
458                .key {
459                        float: left;
460                        padding-top: 3px;
461                        > * { margin-left: 0px; }
462                }
463                .value {
464                        margin-left: 150px;
465                        > * { width: 100%; }
466                }
467        }
468
469        .checkbox-row {
470                > input { margin: 0px; }
471                > label { margin-left: 5px; }
472        }
473
474        #alternative-speed-limits-title {
475                padding-left: 18px;
476                background: transparent url('images/blue-turtle.png') no-repeat;
477        }
478}
479
480/***
481****
482****  TORRENT INSPECTOR
483****
484***/
485
486div#torrent_inspector
487{
488        overflow: auto;
489        text-align: left;
490        padding: 15px;
491        top: 0;
492        position: relative;
493        width: 100%;
494        z-index: 2;
495
496
497        #inspector-tabs-wrapper
498        {
499                width: 100%;
500                overflow: hidden;
501                text-align: center;
502
503                #inspector-tabs
504                {
505                        $border-radius: 5px;
506                        $idle-color-top: $nonselected-gradient-top;
507                        $idle-color-bottom: $nonselected-gradient-bottom;
508                        $active-color-top: $selected-gradient-top;
509                        $active-color-bottom: $selected-gradient-bottom;
510
511                        display: inline-block;
512
513                        > * {
514                                @include button;
515                                width: 30px;
516                                height: 20px;
517                        }
518
519                        > #inspector-tab-info {
520                                @include leftRoundedBox($border-radius);
521                                @include buttonImage('images/inspector-info.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
522                                border-left-width: 1px;
523                        }
524
525                        > #inspector-tab-peers {
526                                @include buttonImage('images/inspector-peers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
527                        }
528
529                        > #inspector-tab-trackers {
530                                @include buttonImage('images/inspector-trackers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
531                        }
532
533                        > #inspector-tab-files {
534                                @include rightRoundedBox($border-radius);
535                                @include buttonImage('images/inspector-files.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
536                        }
537                }
538        }
539
540        #inspector_header
541        {
542                margin-top: 8px;
543
544                #torrent_inspector_name
545                {
546                        font-weight: bold;
547                        font-size: large;
548                }
549        }
550
551        ul.tier_list
552        {
553                margin: 2px 0 8px 0;
554                width: 100%;
555                padding-left: 0px;
556                text-align: left;
557                display: block;
558                cursor: default;
559                list-style-type: none;
560                list-style: none;
561                list-style-image: none;
562                clear: both;
563
564                li {
565                        overflow: hidden;
566                }
567                .tracker_activity {
568                        float: left;
569                        color: #666;
570                        width: 200px;
571                        display: table;
572                        margin-top: 1px;
573                }
574                .tracker_activity div {
575                        padding: 2px;
576                }
577                table {
578                        float: right;
579                        color: #666;
580                }
581                th {
582                        text-align: right;
583                }
584        }
585
586        li.inspector_tracker_entry {
587                padding: 3px 0 3px 2px;
588                display: block;
589
590                &.odd {
591                        background-color: #EEEEEE;
592                }
593        }
594
595        div.tracker_host {
596                font-size: 1.2em;
597                font-weight: bold;
598                color: #222;
599        }
600
601        /* Files Inspector Tab */
602        #inspector_file_list {
603                padding: 0 0 0 0;
604                margin: 0 0 0 0;
605                text-align: left;
606                cursor: default;
607                overflow: hidden;
608        }
609        #inspector_file_list {
610                border-top: 1px solid #888;
611                width: 100%;
612                margin: 6px 0 0 0;
613                padding-top: 6px;
614                padding-bottom: 10px;
615                text-align: left;
616                display: block;
617                cursor: default;
618                list-style-type: none;
619                list-style: none;
620                list-style-image: none;
621                clear: both;
622        }
623        li.inspector_torrent_file_list_entry {
624                padding: 3px 0 3px 2px;
625                display: block;
626                &.skip { color: #666; }
627                &.even { background-color: #F7F7F7; }
628        }
629
630        div.inspector_torrent_file_list_entry_name {
631                font-size: 1.2em;
632                color: black; 
633                display: inline;
634                margin-left: 0px;
635        }
636        li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
637                color: #999;
638        }
639        div.inspector_torrent_file_list_entry_progress {
640                color: #999;
641                margin-left: 20px;
642        }
643
644        li.inspector_torrent_file_list_entry.skip>.file_wanted_control {
645                background-position: left top;
646        }
647
648        li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
649                background-position: left -19px;
650        }
651
652        ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
653        li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
654                background-position: left -38px;
655                cursor: default;
656        }
657}
658
659/* Peers Inspector Tab */
660#inspector_peers_list {
661        padding: 0 0 0 0;
662        margin: 0 0 0 0;
663        text-align: left;
664        cursor: default;
665        overflow: hidden;
666
667        > div.inspector_group {
668                padding-bottom: 0;
669                margin-bottom: 0;
670        }
671}
672
673table.peer_list {
674        width: 100%;
675        border-collapse: collapse;
676        text-align: left;
677        cursor: default;
678        clear: both;
679        table-layout: fixed;
680
681        .encryptedCol { width: 16px; }
682        .upCol { width: 70px; }
683        .downCol { width: 70px; }
684        .percentCol { width: 30px; padding-right: 5px; text-align: right; }
685        .statusCol { width: 40px; padding-right: 5px; }
686        .addressCol { width: 180px; }
687        .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
688}
689
690tr.inspector_peer_entry
691{
692        div.encrypted-peer-cell
693        {
694                width: 16px;
695                height: 16px;
696                background: transparent url('images/lock_icon.png') no-repeat;
697        }
698
699        &.odd
700        {
701                background-color: #EEEEEE;
702        }
703}
704
705/***
706****  File Priority Buttons
707***/
708
709div.file-priority-radiobox
710{
711        $border-radius: 5px;
712
713        display: inline;
714        float: right;
715        margin: 4px;
716        margin-top: 2px;
717
718        > * {
719                @include button;
720                width: 20px;
721                height: 12px;
722        }
723
724        // We have row after row of these buttons, so the flashy colors used in the inspector tabs look harsh here.
725        // Keep the same basic color theme, but look less harsh, by cutting the gradient's color range.
726        $idle-color-top:      mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 80% );
727        $idle-color-bottom:   mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 20% );
728        $active-color-top:    mix( $selected-gradient-top,    $selected-gradient-bottom,    80% );
729        $active-color-bottom: mix( $selected-gradient-top,    $selected-gradient-bottom,    20% );
730
731        > div.low {
732                @include leftRoundedBox($border-radius);
733                @include buttonImage('images/file-priority-low.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
734                border-right-width: 0px;
735        }
736
737        > div.normal {
738                @include buttonImage('images/file-priority-normal.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
739        }
740
741        > div.high {
742                @include rightRoundedBox($border-radius);
743                @include buttonImage('images/file-priority-high.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
744                border-left-width: 0px;
745        }
746}
747
748
749/****
750*****
751*****  MAIN WINDOW FOOTER
752*****
753****/
754
755div.torrent_footer
756{
757        height: 22px;
758        border-top: 1px solid #555;
759        position: relative;
760        width: 100%;
761        z-index: 3;
762
763        @include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom);
764
765        > * {
766                position: relative;
767                float: left;
768                margin: 2px 4px;
769                width: 18px;
770                height: 12px;
771                padding: 2px 8px;
772                float: left;
773                border: 1px solid #888;
774                -moz-user-select: none;
775                -webkit-user-select: none;
776        }
777
778        $idle-color-top: $nonselected-gradient-top;
779        $idle-color-bottom: $nonselected-gradient-bottom;
780        $active-color-top: $selected-gradient-top;
781        $active-color-bottom: $selected-gradient-bottom;
782
783        div.main_container,
784        ul#settings_menu {
785                display: none;
786        }
787
788        #prefs-button {
789                @include roundedBox(5px);
790                @include buttonImage('images/wrench.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
791        }
792
793        #turtle-button {
794                @include roundedBox(5px);
795                @include buttonImage('images/turtle.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
796        }
797
798        #compact-button {
799                @include roundedBox(5px);
800                @include buttonImage('images/compact.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
801        }
802}
803
804/****
805*****
806*****  DIALOGS
807*****
808****/
809
810div#dialog_message.dialog_message {
811        width: 280px;
812        margin: 10px auto 25px;
813        font-size: 13px;
814        line-height: 14px;
815        word-wrap: break-word;
816        overflow: hidden;
817        padding-bottom: 0;
818}
819
820#torrent_upload_file, label[for="torrent_upload_file"]{
821        display:none;
822}
823
824h2.dialog_heading {
825        text-align: center;
826        width: 300px;
827        margin: 0 auto;
828        font-size: 17px;
829}
830
831div.dialog_container a {
832        color: white;
833        padding: 7px 0;
834        background: #222;
835        text-decoration: none;
836        border: 2px solid white;
837        margin: 5px 5px 0;
838        font-weight: bold;
839        -webkit-border-radius: 16px;
840        display: inline-block;
841        width: 90px;
842        font-size: 12px;
843        text-align: center;
844}
845
846#dialog_container div.dialog_window img {
847        margin: 5px auto 12px;
848}
849
850.landscape {
851        div.dialog_container {
852                a#dialog_cancel_button { left: 155px; }
853                a#dialog_confirm_button { right: 110px; }
854                img { float: left !important; margin: 0 0 0 50px; }
855        }
856        h2#dialog_heading.dialog_heading {
857                margin: 5px auto 0;
858                margin-left: 150px;
859                text-align: left;
860        }
861        div#dialog_message.dialog_message {
862                width: 300px;
863                margin: 10px 0 20px 150px;
864                text-align: left;
865        }
866}
867
868
869// no context menu in the mobile version...
870div#torrent_context_menu {
871        display: none;
872}
873
874iframe#torrent_upload_frame {
875        display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
876        position: absolute;
877        top: -1000px;
878        left: -1000px;
879        width: 0px;
880        height: 0px;
881        border: none;
882        padding: 0;
883        margin: 0;
884}
Note: See TracBrowser for help on using the repository browser.