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

Last change on this file since 13196 was 13196, checked in by jordan, 10 years ago

(trunk web) #4731 "'Select All' and 'Deselect All' options missing from Inspector>Files" -- fixed.

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