Changeset 13083


Ignore:
Timestamp:
Nov 11, 2011, 5:58:51 AM (10 years ago)
Author:
jordan
Message:

(trunk web) #4606 "make selected torrents in webui more discernible" -- fixed.

Location:
trunk/web/style/transmission
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/style/transmission/common.css

    r13081 r13083  
    8888    margin-left: 4px; }
    8989    div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected {
    90       background-color: #eedddd;
     90      background-color: #e6e6ff;
    9191      background-image: url("images/toolbar-folder.png");
    9292      /* fallback */
    93       background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     93      background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    9494      /* Saf4+, Chrome */
    95       background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     95      background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #cdcdff, white);
    9696      /* Chrome 10+, Saf5.1+ */
    97       background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white);
     97      background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #cdcdff, white);
    9898      /* FF3.6+ */
    99       background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white);
     99      background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #cdcdff, white);
    100100      /* IE10 */
    101       background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white);
     101      background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #cdcdff, white);
    102102      /* Opera 11.10+ */
    103103      background-position: center;
     
    124124    background-repeat: no-repeat; }
    125125    div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected {
    126       background-color: #eedddd;
     126      background-color: #e6e6ff;
    127127      background-image: url("images/toolbar-close.png");
    128128      /* fallback */
    129       background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     129      background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    130130      /* Saf4+, Chrome */
    131       background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     131      background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #cdcdff, white);
    132132      /* Chrome 10+, Saf5.1+ */
    133       background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white);
     133      background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #cdcdff, white);
    134134      /* FF3.6+ */
    135       background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white);
     135      background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #cdcdff, white);
    136136      /* IE10 */
    137       background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white);
     137      background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #cdcdff, white);
    138138      /* Opera 11.10+ */
    139139      background-position: center;
     
    161161    margin-left: 20px; }
    162162    div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected {
    163       background-color: #eedddd;
     163      background-color: #e6e6ff;
    164164      background-image: url("images/toolbar-start.png");
    165165      /* fallback */
    166       background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     166      background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    167167      /* Saf4+, Chrome */
    168       background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     168      background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #cdcdff, white);
    169169      /* Chrome 10+, Saf5.1+ */
    170       background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white);
     170      background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #cdcdff, white);
    171171      /* FF3.6+ */
    172       background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white);
     172      background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #cdcdff, white);
    173173      /* IE10 */
    174       background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white);
     174      background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #cdcdff, white);
    175175      /* Opera 11.10+ */
    176176      background-position: center;
     
    197197    background-repeat: no-repeat; }
    198198    div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected {
    199       background-color: #eedddd;
     199      background-color: #e6e6ff;
    200200      background-image: url("images/toolbar-pause.png");
    201201      /* fallback */
    202       background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     202      background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    203203      /* Saf4+, Chrome */
    204       background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     204      background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #cdcdff, white);
    205205      /* Chrome 10+, Saf5.1+ */
    206       background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white);
     206      background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #cdcdff, white);
    207207      /* FF3.6+ */
    208       background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white);
     208      background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #cdcdff, white);
    209209      /* IE10 */
    210       background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white);
     210      background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #cdcdff, white);
    211211      /* Opera 11.10+ */
    212212      background-position: center;
     
    232232    margin-left: 20px; }
    233233    div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected {
    234       background-color: #eedddd;
     234      background-color: #e6e6ff;
    235235      background-image: url("images/toolbar-pointer.png");
    236236      /* fallback */
    237       background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     237      background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    238238      /* Saf4+, Chrome */
    239       background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     239      background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #cdcdff, white);
    240240      /* Chrome 10+, Saf5.1+ */
    241       background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white);
     241      background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #cdcdff, white);
    242242      /* FF3.6+ */
    243       background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white);
     243      background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #cdcdff, white);
    244244      /* IE10 */
    245       background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white);
     245      background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #cdcdff, white);
    246246      /* Opera 11.10+ */
    247247      background-position: center;
     
    268268    margin-right: 8px; }
    269269    div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected {
    270       background-color: #eedddd;
     270      background-color: #e6e6ff;
    271271      background-image: url("images/toolbar-info.png");
    272272      /* fallback */
    273       background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     273      background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    274274      /* Saf4+, Chrome */
    275       background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     275      background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #cdcdff, white);
    276276      /* Chrome 10+, Saf5.1+ */
    277       background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
     277      background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #cdcdff, white);
    278278      /* FF3.6+ */
    279       background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
     279      background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #cdcdff, white);
    280280      /* IE10 */
    281       background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white);
     281      background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #cdcdff, white);
    282282      /* Opera 11.10+ */
    283283      background-position: center;
     
    444444      background-color: #F7F7F7; }
    445445    ul.torrent_list li.torrent.selected {
    446       background-color: #ffe4e1; }
     446      background-color: #cdcdff; }
    447447    ul.torrent_list li.torrent.compact div.torrent_name {
    448448      color: black; }
     
    657657        border-left-width: 1px; }
    658658        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
    659           background-color: #eedddd;
     659          background-color: #e6e6ff;
    660660          background-image: url("images/inspector-info.png");
    661661          /* fallback */
    662           background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     662          background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    663663          /* Saf4+, Chrome */
    664           background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     664          background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white);
    665665          /* Chrome 10+, Saf5.1+ */
    666           background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
     666          background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white);
    667667          /* FF3.6+ */
    668           background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
     668          background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white);
    669669          /* IE10 */
    670           background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white);
     670          background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white);
    671671          /* Opera 11.10+ */
    672672          background-position: center;
     
    689689        background-repeat: no-repeat; }
    690690        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
    691           background-color: #eedddd;
     691          background-color: #e6e6ff;
    692692          background-image: url("images/inspector-peers.png");
    693693          /* fallback */
    694           background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     694          background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    695695          /* Saf4+, Chrome */
    696           background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     696          background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white);
    697697          /* Chrome 10+, Saf5.1+ */
    698           background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white);
     698          background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white);
    699699          /* FF3.6+ */
    700           background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white);
     700          background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white);
    701701          /* IE10 */
    702           background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white);
     702          background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white);
    703703          /* Opera 11.10+ */
    704704          background-position: center;
     
    721721        background-repeat: no-repeat; }
    722722        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
    723           background-color: #eedddd;
     723          background-color: #e6e6ff;
    724724          background-image: url("images/inspector-trackers.png");
    725725          /* fallback */
    726           background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     726          background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    727727          /* Saf4+, Chrome */
    728           background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     728          background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white);
    729729          /* Chrome 10+, Saf5.1+ */
    730           background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white);
     730          background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white);
    731731          /* FF3.6+ */
    732           background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white);
     732          background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white);
    733733          /* IE10 */
    734           background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white);
     734          background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white);
    735735          /* Opera 11.10+ */
    736736          background-position: center;
     
    757757        background-repeat: no-repeat; }
    758758        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
    759           background-color: #eedddd;
     759          background-color: #e6e6ff;
    760760          background-image: url("images/inspector-files.png");
    761761          /* fallback */
    762           background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     762          background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    763763          /* Saf4+, Chrome */
    764           background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     764          background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white);
    765765          /* Chrome 10+, Saf5.1+ */
    766           background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white);
     766          background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white);
    767767          /* FF3.6+ */
    768           background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white);
     768          background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white);
    769769          /* IE10 */
    770           background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white);
     770          background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white);
    771771          /* Opera 11.10+ */
    772772          background-position: center;
     
    943943    border-right-width: 0px; }
    944944    div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected {
    945       background-color: #eddcdc;
     945      background-color: #e6e6ff;
    946946      background-image: url("images/file-priority-low.png");
    947947      /* fallback */
    948       background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
     948      background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
    949949      /* Saf4+, Chrome */
    950       background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
     950      background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
    951951      /* Chrome 10+, Saf5.1+ */
    952       background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
     952      background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
    953953      /* FF3.6+ */
    954       background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
     954      background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
    955955      /* IE10 */
    956       background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
     956      background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
    957957      /* Opera 11.10+ */
    958958      background-position: center;
     
    975975    background-repeat: no-repeat; }
    976976    div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected {
    977       background-color: #eddcdc;
     977      background-color: #e6e6ff;
    978978      background-image: url("images/file-priority-normal.png");
    979979      /* fallback */
    980       background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
     980      background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
    981981      /* Saf4+, Chrome */
    982       background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
     982      background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
    983983      /* Chrome 10+, Saf5.1+ */
    984       background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
     984      background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
    985985      /* FF3.6+ */
    986       background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
     986      background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
    987987      /* IE10 */
    988       background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
     988      background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
    989989      /* Opera 11.10+ */
    990990      background-position: center;
     
    10121012    border-left-width: 0px; }
    10131013    div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected {
    1014       background-color: #eddcdc;
     1014      background-color: #e6e6ff;
    10151015      background-image: url("images/file-priority-high.png");
    10161016      /* fallback */
    1017       background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
     1017      background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
    10181018      /* Saf4+, Chrome */
    1019       background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
     1019      background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
    10201020      /* Chrome 10+, Saf5.1+ */
    1021       background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
     1021      background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
    10221022      /* FF3.6+ */
    1023       background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
     1023      background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
    10241024      /* IE10 */
    1025       background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
     1025      background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
    10261026      /* Opera 11.10+ */
    10271027      background-position: center;
     
    10761076    background-repeat: no-repeat; }
    10771077    div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected {
    1078       background-color: #eedddd;
     1078      background-color: #e6e6ff;
    10791079      background-image: url("images/settings.png");
    10801080      /* fallback */
    1081       background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     1081      background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    10821082      /* Saf4+, Chrome */
    1083       background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     1083      background-image: url("images/settings.png"), -webkit-linear-gradient(top, #cdcdff, white);
    10841084      /* Chrome 10+, Saf5.1+ */
    1085       background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white);
     1085      background-image: url("images/settings.png"), -moz-linear-gradient(top, #cdcdff, white);
    10861086      /* FF3.6+ */
    1087       background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white);
     1087      background-image: url("images/settings.png"), -ms-linear-gradient(top, #cdcdff, white);
    10881088      /* IE10 */
    1089       background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white);
     1089      background-image: url("images/settings.png"), -o-linear-gradient(top, #cdcdff, white);
    10901090      /* Opera 11.10+ */
    10911091      background-position: center;
     
    11101110    background-repeat: no-repeat; }
    11111111    div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected {
    1112       background-color: #eedddd;
     1112      background-color: #e6e6ff;
    11131113      background-image: url("images/wrench.png");
    11141114      /* fallback */
    1115       background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     1115      background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    11161116      /* Saf4+, Chrome */
    1117       background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     1117      background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white);
    11181118      /* Chrome 10+, Saf5.1+ */
    1119       background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white);
     1119      background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white);
    11201120      /* FF3.6+ */
    1121       background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white);
     1121      background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white);
    11221122      /* IE10 */
    1123       background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white);
     1123      background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white);
    11241124      /* Opera 11.10+ */
    11251125      background-position: center;
     
    11441144    background-repeat: no-repeat; }
    11451145    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected {
    1146       background-color: #eedddd;
     1146      background-color: #e6e6ff;
    11471147      background-image: url("images/turtle.png");
    11481148      /* fallback */
    1149       background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     1149      background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    11501150      /* Saf4+, Chrome */
    1151       background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     1151      background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
    11521152      /* Chrome 10+, Saf5.1+ */
    1153       background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white);
     1153      background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
    11541154      /* FF3.6+ */
    1155       background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white);
     1155      background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
    11561156      /* IE10 */
    1157       background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white);
     1157      background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white);
    11581158      /* Opera 11.10+ */
    11591159      background-position: center;
     
    11781178    background-repeat: no-repeat; }
    11791179    div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected {
    1180       background-color: #eedddd;
     1180      background-color: #e6e6ff;
    11811181      background-image: url("images/compact.png");
    11821182      /* fallback */
    1183       background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
     1183      background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
    11841184      /* Saf4+, Chrome */
    1185       background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white);
     1185      background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white);
    11861186      /* Chrome 10+, Saf5.1+ */
    1187       background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white);
     1187      background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white);
    11881188      /* FF3.6+ */
    1189       background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white);
     1189      background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white);
    11901190      /* IE10 */
    1191       background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white);
     1191      background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white);
    11921192      /* Opera 11.10+ */
    11931193      background-position: center;
  • trunk/web/style/transmission/common.scss

    r13081 r13083  
    3030$nonselected-gradient-top: white;
    3131$nonselected-gradient-bottom: #BBB;
    32 $selected-gradient-top: #DBB;
     32$selection-color: #cdcdff;
     33$selected-gradient-top: $selection-color;
    3334$selected-gradient-bottom: white;
    3435
     
    359360                &.compact { padding: 4px; }
    360361                &.even { background-color: #F7F7F7; }
    361                 &.selected { background-color: #ffe4e1; }
     362                &.selected { background-color: $selection-color; }
    362363                &.compact { div.torrent_name { color: black; } }
    363364
  • trunk/web/style/transmission/mobile.css

    r13074 r13083  
    1 /*--------------------------------------  G L O B A L  --------------------------------------*/
    2 html { margin: 0; padding: 0; }
    3 
    4 body { font: 11px Helvetica, Arial, sans-serif; background: #FFF; text-align: center; margin: 0; padding: 0; width: 100%; overflow-x: hidden; -webkit-text-size-adjust: none; }
    5 body img { border: none; }
    6 body a { outline: 0; }
    7 body div#torrent_container { min-height: 328px; }
    8 body div.dialog_container { min-height: 326px; }
    9 body div#torrent_inspector { min-height: 329px; }
    10 body.landscape div#torrent_container { min-height: 147px; }
    11 body.landscape div#dialog_container, body.landscape div#torrent_inspector { min-height: 143px; }
    12 
    13 body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container, body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector, body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container, body.open_showing #torrent_filter_bar, body.open_showing #torrent_container { display: none !important; }
     1/*--------------------------------------
     2 *
     3 * G L O B A L
     4 *
     5 *--------------------------------------*/
     6html {
     7  margin: 0;
     8  padding: 0; }
     9
     10body {
     11  font: 11px Helvetica, Arial, sans-serif;
     12  background: #FFF;
     13  text-align: center;
     14  margin: 0;
     15  padding: 0;
     16  width: 100%;
     17  overflow-x: hidden;
     18  -webkit-text-size-adjust: none; }
     19  body img {
     20    border: none; }
     21  body a {
     22    outline: 0; }
     23  body div#torrent_container {
     24    min-height: 328px; }
     25  body div.dialog_container {
     26    min-height: 326px; }
     27  body div#torrent_inspector {
     28    min-height: 329px; }
     29  body.landscape div#torrent_container {
     30    min-height: 147px; }
     31  body.landscape div#dialog_container, body.landscape div#torrent_inspector {
     32    min-height: 143px; }
     33
     34body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container,
     35body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector,
     36body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container,
     37body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
     38  display: none !important; }
    1439
    1540/***
     
    1843****
    1944***/
    20 div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; }
    21 div#toolbar > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; margin-top: 5px; width: 18px; height: 18px; padding: 2px 8px; float: left; border: 1px solid #888; }
    22 div#toolbar div#toolbar-open { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 4px; }
    23 div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open.selected { background-color: #eedddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    24 div#toolbar > div#toolbar-remove { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    25 div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove.selected { background-color: #eedddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    26 div#toolbar > div#toolbar-start { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; }
    27 div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start.selected { background-color: #eedddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    28 div#toolbar > div#toolbar-pause { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    29 div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause.selected { background-color: #eedddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    30 div#toolbar > div#toolbar-select { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; }
    31 div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select.selected { background-color: #eedddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    32 div#toolbar > div#toolbar-inspector { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; float: right; margin-right: 8px; }
    33 div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector.selected { background-color: #eedddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    34 div#toolbar > *.disabled { opacity: 0.25; }
     45div#toolbar {
     46  width: 100%;
     47  height: 35px;
     48  margin: 0px;
     49  padding: 2px;
     50  border-bottom: 1px solid #AAA;
     51  background: url("images/red-texture.png") repeat; }
     52  div#toolbar > * {
     53    cursor: pointer;
     54    -moz-user-select: none;
     55    -webkit-user-select: none;
     56    display: inline-block;
     57    border-style: solid;
     58    border-color: #aaa;
     59    border-width: 1px;
     60    padding: 3px;
     61    margin-top: 5px;
     62    width: 18px;
     63    height: 18px;
     64    padding: 2px 8px;
     65    float: left;
     66    border: 1px solid #888; }
     67  div#toolbar div#toolbar-open {
     68    -moz-border-radius-topleft: 5px;
     69    -moz-border-radius-bottomleft: 5px;
     70    border-top-left-radius: 5px;
     71    border-bottom-left-radius: 5px;
     72    background-color: #dddddd;
     73    background-image: url("images/toolbar-folder.png");
     74    /* fallback */
     75    background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     76    /* Saf4+, Chrome */
     77    background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     78    /* Chrome 10+, Saf5.1+ */
     79    background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb);
     80    /* FF3.6+ */
     81    background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb);
     82    /* IE10 */
     83    background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb);
     84    /* Opera 11.10+ */
     85    background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb);
     86    /* W3C */
     87    background-position: center;
     88    background-repeat: no-repeat;
     89    margin-left: 4px; }
     90    div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open.selected {
     91      background-color: #e6e6ff;
     92      background-image: url("images/toolbar-folder.png");
     93      /* fallback */
     94      background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     95      /* Saf4+, Chrome */
     96      background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #cdcdff, white);
     97      /* Chrome 10+, Saf5.1+ */
     98      background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #cdcdff, white);
     99      /* FF3.6+ */
     100      background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #cdcdff, white);
     101      /* IE10 */
     102      background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #cdcdff, white);
     103      /* Opera 11.10+ */
     104      background-image: url("images/toolbar-folder.png"), linear-gradient(top, #cdcdff, white);
     105      /* W3C */
     106      background-position: center;
     107      background-repeat: no-repeat; }
     108  div#toolbar > div#toolbar-remove {
     109    -moz-border-radius-topright: 5px;
     110    -moz-border-radius-bottomright: 5px;
     111    border-top-right-radius: 5px;
     112    border-bottom-right-radius: 5px;
     113    background-color: #dddddd;
     114    background-image: url("images/toolbar-close.png");
     115    /* fallback */
     116    background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     117    /* Saf4+, Chrome */
     118    background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     119    /* Chrome 10+, Saf5.1+ */
     120    background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb);
     121    /* FF3.6+ */
     122    background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb);
     123    /* IE10 */
     124    background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb);
     125    /* Opera 11.10+ */
     126    background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb);
     127    /* W3C */
     128    background-position: center;
     129    background-repeat: no-repeat; }
     130    div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove.selected {
     131      background-color: #e6e6ff;
     132      background-image: url("images/toolbar-close.png");
     133      /* fallback */
     134      background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     135      /* Saf4+, Chrome */
     136      background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #cdcdff, white);
     137      /* Chrome 10+, Saf5.1+ */
     138      background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #cdcdff, white);
     139      /* FF3.6+ */
     140      background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #cdcdff, white);
     141      /* IE10 */
     142      background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #cdcdff, white);
     143      /* Opera 11.10+ */
     144      background-image: url("images/toolbar-close.png"), linear-gradient(top, #cdcdff, white);
     145      /* W3C */
     146      background-position: center;
     147      background-repeat: no-repeat; }
     148  div#toolbar > div#toolbar-start {
     149    -moz-border-radius-topleft: 5px;
     150    -moz-border-radius-bottomleft: 5px;
     151    border-top-left-radius: 5px;
     152    border-bottom-left-radius: 5px;
     153    background-color: #dddddd;
     154    background-image: url("images/toolbar-start.png");
     155    /* fallback */
     156    background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     157    /* Saf4+, Chrome */
     158    background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     159    /* Chrome 10+, Saf5.1+ */
     160    background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb);
     161    /* FF3.6+ */
     162    background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb);
     163    /* IE10 */
     164    background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb);
     165    /* Opera 11.10+ */
     166    background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb);
     167    /* W3C */
     168    background-position: center;
     169    background-repeat: no-repeat;
     170    margin-left: 20px; }
     171    div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start.selected {
     172      background-color: #e6e6ff;
     173      background-image: url("images/toolbar-start.png");
     174      /* fallback */
     175      background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     176      /* Saf4+, Chrome */
     177      background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #cdcdff, white);
     178      /* Chrome 10+, Saf5.1+ */
     179      background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #cdcdff, white);
     180      /* FF3.6+ */
     181      background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #cdcdff, white);
     182      /* IE10 */
     183      background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #cdcdff, white);
     184      /* Opera 11.10+ */
     185      background-image: url("images/toolbar-start.png"), linear-gradient(top, #cdcdff, white);
     186      /* W3C */
     187      background-position: center;
     188      background-repeat: no-repeat; }
     189  div#toolbar > div#toolbar-pause {
     190    -moz-border-radius-topright: 5px;
     191    -moz-border-radius-bottomright: 5px;
     192    border-top-right-radius: 5px;
     193    border-bottom-right-radius: 5px;
     194    background-color: #dddddd;
     195    background-image: url("images/toolbar-pause.png");
     196    /* fallback */
     197    background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     198    /* Saf4+, Chrome */
     199    background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     200    /* Chrome 10+, Saf5.1+ */
     201    background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb);
     202    /* FF3.6+ */
     203    background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb);
     204    /* IE10 */
     205    background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb);
     206    /* Opera 11.10+ */
     207    background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb);
     208    /* W3C */
     209    background-position: center;
     210    background-repeat: no-repeat; }
     211    div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause.selected {
     212      background-color: #e6e6ff;
     213      background-image: url("images/toolbar-pause.png");
     214      /* fallback */
     215      background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     216      /* Saf4+, Chrome */
     217      background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #cdcdff, white);
     218      /* Chrome 10+, Saf5.1+ */
     219      background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #cdcdff, white);
     220      /* FF3.6+ */
     221      background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #cdcdff, white);
     222      /* IE10 */
     223      background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #cdcdff, white);
     224      /* Opera 11.10+ */
     225      background-image: url("images/toolbar-pause.png"), linear-gradient(top, #cdcdff, white);
     226      /* W3C */
     227      background-position: center;
     228      background-repeat: no-repeat; }
     229  div#toolbar > div#toolbar-select {
     230    -moz-border-radius: 5px;
     231    border-radius: 5px;
     232    background-color: #dddddd;
     233    background-image: url("images/toolbar-pointer.png");
     234    /* fallback */
     235    background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     236    /* Saf4+, Chrome */
     237    background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     238    /* Chrome 10+, Saf5.1+ */
     239    background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb);
     240    /* FF3.6+ */
     241    background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb);
     242    /* IE10 */
     243    background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb);
     244    /* Opera 11.10+ */
     245    background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb);
     246    /* W3C */
     247    background-position: center;
     248    background-repeat: no-repeat;
     249    margin-left: 20px; }
     250    div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select.selected {
     251      background-color: #e6e6ff;
     252      background-image: url("images/toolbar-pointer.png");
     253      /* fallback */
     254      background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     255      /* Saf4+, Chrome */
     256      background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #cdcdff, white);
     257      /* Chrome 10+, Saf5.1+ */
     258      background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #cdcdff, white);
     259      /* FF3.6+ */
     260      background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #cdcdff, white);
     261      /* IE10 */
     262      background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #cdcdff, white);
     263      /* Opera 11.10+ */
     264      background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #cdcdff, white);
     265      /* W3C */
     266      background-position: center;
     267      background-repeat: no-repeat; }
     268  div#toolbar > div#toolbar-inspector {
     269    -moz-border-radius: 5px;
     270    border-radius: 5px;
     271    background-color: #dddddd;
     272    background-image: url("images/toolbar-info.png");
     273    /* fallback */
     274    background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     275    /* Saf4+, Chrome */
     276    background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     277    /* Chrome 10+, Saf5.1+ */
     278    background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
     279    /* FF3.6+ */
     280    background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
     281    /* IE10 */
     282    background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb);
     283    /* Opera 11.10+ */
     284    background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb);
     285    /* W3C */
     286    background-position: center;
     287    background-repeat: no-repeat;
     288    float: right;
     289    margin-right: 8px; }
     290    div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector.selected {
     291      background-color: #e6e6ff;
     292      background-image: url("images/toolbar-info.png");
     293      /* fallback */
     294      background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     295      /* Saf4+, Chrome */
     296      background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #cdcdff, white);
     297      /* Chrome 10+, Saf5.1+ */
     298      background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #cdcdff, white);
     299      /* FF3.6+ */
     300      background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #cdcdff, white);
     301      /* IE10 */
     302      background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #cdcdff, white);
     303      /* Opera 11.10+ */
     304      background-image: url("images/toolbar-info.png"), linear-gradient(top, #cdcdff, white);
     305      /* W3C */
     306      background-position: center;
     307      background-repeat: no-repeat; }
     308  div#toolbar > *.disabled {
     309    opacity: 0.25; }
    35310
    36311/***
     
    39314****
    40315***/
    41 #statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
    42 #statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; }
    43 #statusbar #speed-info * { display: inline-block; }
    44 #statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; }
    45 #statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; }
    46 #statusbar #speed-info #speed-up-container { display: none; }
    47 #statusbar #speed-info #speed-up-container.active { display: inline; }
    48 #statusbar #speed-info #speed-dn-container { display: none; }
    49 #statusbar #speed-info #speed-dn-container.active { display: inline; }
    50 #statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; }
    51 #statusbar #filter-button:hover { cursor: pointer; }
    52 #statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; }
    53 #statusbar input#torrent_search { display: none; }
     316#statusbar {
     317  height: 24px;
     318  width: 100%;
     319  border-bottom: 1px solid #AAA;
     320  overflow: hidden;
     321  position: relative;
     322  background-color: #cccccc;
     323  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
     324  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
     325  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
     326  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
     327  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
     328  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
     329  #statusbar #speed-info {
     330    margin-top: 5px;
     331    margin-left: 45%;
     332    text-align: left; }
     333    #statusbar #speed-info * {
     334      display: inline-block; }
     335    #statusbar #speed-info #speed-up-icon {
     336      margin-left: 8px;
     337      width: 8px;
     338      height: 8px;
     339      background: url("images/arrow-up.png") bottom no-repeat; }
     340    #statusbar #speed-info #speed-dn-icon {
     341      width: 8px;
     342      height: 8px;
     343      background: url("images/arrow-down.png") bottom no-repeat; }
     344    #statusbar #speed-info #speed-up-container {
     345      display: none; }
     346      #statusbar #speed-info #speed-up-container.active {
     347        display: inline; }
     348    #statusbar #speed-info #speed-dn-container {
     349      display: none; }
     350      #statusbar #speed-info #speed-dn-container.active {
     351        display: inline; }
     352  #statusbar #filter-button {
     353    float: left;
     354    text-shadow: 0 1px 0 #ccc;
     355    margin: 5px 8px;
     356    -moz-user-select: none;
     357    -webkit-user-select: none; }
     358    #statusbar #filter-button:hover {
     359      cursor: pointer; }
     360    #statusbar #filter-button #filter-button .filter-selection {
     361      text-decoration: underline; }
     362  #statusbar input#torrent_search {
     363    display: none; }
    54364
    55365/***
     
    58368****
    59369***/
    60 #filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; }
    61 #filter-popup li { text-align: left; }
    62 #filter-popup .count { padding-left: 3px; }
    63 #filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; }
    64 #filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; }
    65 #filter-popup .row .filter-name { position: absolute; left: 20px; }
    66 #filter-popup .row .count { float: right; color: #aaa; }
    67 #filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; }
    68 #filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; }
    69 #filter-popup #filter-by-state .row .filter-img { display: none; }
    70 #filter-popup #filter-by-state .row .filter-name { left: 0px; }
    71 #filter-popup #filter-by-tracker { float: right; width: 130px; overflow: hidden; text-overflow: ellipsis; }
     370#filter-popup {
     371  color: #222;
     372  /* !important; */
     373  background: #FFF;
     374  z-index: 100; }
     375  #filter-popup li {
     376    text-align: left; }
     377  #filter-popup .count {
     378    padding-left: 3px; }
     379  #filter-popup .row {
     380    text-align: left;
     381    cursor: pointer;
     382    margin: 8px 2px;
     383    position: relative;
     384    height: 18px;
     385    -moz-user-select: none;
     386    -webkit-user-select: none; }
     387    #filter-popup .row .filter-img {
     388      border: none;
     389      width: 16px;
     390      height: 16px;
     391      position: absolute;
     392      left: 0px; }
     393    #filter-popup .row .filter-name {
     394      position: absolute;
     395      left: 20px; }
     396    #filter-popup .row .count {
     397      float: right;
     398      color: #aaa; }
     399    #filter-popup .row:hover, #filter-popup .row.selected {
     400      font-weight: bold; }
     401  #filter-popup #filter-by-state {
     402    float: left;
     403    width: 120px;
     404    overflow: hidden;
     405    text-overflow: ellipsis; }
     406    #filter-popup #filter-by-state .row .filter-img {
     407      display: none; }
     408    #filter-popup #filter-by-state .row .filter-name {
     409      left: 0px; }
     410  #filter-popup #filter-by-tracker {
     411    float: right;
     412    width: 130px;
     413    overflow: hidden;
     414    text-overflow: ellipsis; }
    72415
    73416/***
     
    76419****
    77420***/
    78 ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; /** Progressbar  Each progressbar has three elemens: a parent container and two children, complete and incomplete.  The only thing needed to set the progressbar percentage is to set the complete child's width as a percentage. This is because incomplete is pinned to the full width and height of the parent, and complete is pinned to the left side of the parent and has a higher z-index.  The progressbar has different colors depending on its state, so there are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. */ }
    79 ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 0px; color: #666; background-color: white; }
    80 ul.torrent_list li.torrent.compact { padding: 4px; }
    81 ul.torrent_list li.torrent.even { background-color: #F7F7F7; }
    82 ul.torrent_list li.torrent.selected { background-color: #ffe4e1; }
    83 ul.torrent_list li.torrent.compact div.torrent_name { color: black; }
    84 ul.torrent_list li.torrent a { display: none; }
    85 ul.torrent_list li.torrent div.torrent_name { font-size: 1.3em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; margin-top: 2px; margin-bottom: 2px; }
    86 ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; }
    87 ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; }
    88 ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    89 ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; }
    90 ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; }
    91 ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; }
    92 ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ }
    93 ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; }
    94 ul.torrent_list div.torrent_peer_details.compact { margin-top: 2px; margin-right: 65px; /* leave room on the right for the progressbar */ float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
    95 ul.torrent_list div.torrent_progress_bar { height: 100%; position: absolute; top: 0px; left: 0px; background-image: url("images/progress.png"); background-repeat: repeat-x; border: 1px solid #888; }
    96 ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; }
    97 ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; }
    98 ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; }
    99 ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left   0px; border-color: #3D9DEA; }
    100 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; }
    101 ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; }
    102 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; }
    103 ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; }
    104 ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; }
    105 ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; }
    106 ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; }
    107 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
    108 ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; }
     421ul.torrent_list {
     422  width: 100%;
     423  margin: 0;
     424  padding: 0;
     425  text-align: left;
     426  cursor: pointer;
     427  /**
     428   * Progressbar
     429   *
     430   * Each progressbar has three elemens: a parent container and two children,
     431   * complete and incomplete.
     432   *
     433   * The only thing needed to set the progressbar percentage is to set
     434   * the complete child's width as a percentage. This is because incomplete
     435   * is pinned to the full width and height of the parent, and complete
     436   * is pinned to the left side of the parent and has a higher z-index.
     437   *
     438   * The progressbar has different colors depending on its state, so there
     439   * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
     440   */ }
     441  ul.torrent_list li.torrent {
     442    border-bottom: 1px solid #ccc;
     443    padding: 4px 30px 5px 0px;
     444    color: #666;
     445    background-color: white; }
     446    ul.torrent_list li.torrent.compact {
     447      padding: 4px; }
     448    ul.torrent_list li.torrent.even {
     449      background-color: #F7F7F7; }
     450    ul.torrent_list li.torrent.selected {
     451      background-color: #cdcdff; }
     452    ul.torrent_list li.torrent.compact div.torrent_name {
     453      color: black; }
     454    ul.torrent_list li.torrent a {
     455      display: none; }
     456    ul.torrent_list li.torrent div.torrent_name {
     457      font-size: 1.3em;
     458      font-weight: bold;
     459      overflow: hidden;
     460      text-overflow: ellipsis;
     461      white-space: nowrap;
     462      color: #222;
     463      margin-top: 2px;
     464      margin-bottom: 2px; }
     465      ul.torrent_list li.torrent div.torrent_name.compact {
     466        font-size: 1.0em;
     467        font-weight: normal; }
     468      ul.torrent_list li.torrent div.torrent_name.paused {
     469        font-weight: normal;
     470        color: #777; }
     471    ul.torrent_list li.torrent div.torrent_progress_details,
     472    ul.torrent_list li.torrent div.torrent_peer_details {
     473      clear: left;
     474      overflow: hidden;
     475      text-overflow: ellipsis;
     476      white-space: nowrap; }
     477    ul.torrent_list li.torrent div.torrent_progress_details.error,
     478    ul.torrent_list li.torrent div.torrent_peer_details.error {
     479      color: #F00; }
     480    ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
     481      color: #FFF; }
     482  ul.torrent_list div.torrent_progress_bar_container {
     483    height: 10px;
     484    position: relative; }
     485    ul.torrent_list div.torrent_progress_bar_container.compact {
     486      width: 50px;
     487      position: absolute;
     488      right: 10px;
     489      margin-top: 2px;
     490      /*float: right;*/ }
     491    ul.torrent_list div.torrent_progress_bar_container.full {
     492      margin-top: 2px;
     493      margin-bottom: 5px; }
     494  ul.torrent_list div.torrent_peer_details.compact {
     495    margin-top: 2px;
     496    margin-right: 65px;
     497    /* leave room on the right for the progressbar */
     498    float: right;
     499    /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
     500  ul.torrent_list div.torrent_progress_bar {
     501    height: 100%;
     502    position: absolute;
     503    top: 0px;
     504    left: 0px;
     505    background-image: url("images/progress.png");
     506    background-repeat: repeat-x;
     507    border: 1px solid #888; }
     508    ul.torrent_list div.torrent_progress_bar.complete {
     509      z-index: 2; }
     510    ul.torrent_list div.torrent_progress_bar.complete.paused {
     511      background-position: left -30px;
     512      border-color: #989898; }
     513    ul.torrent_list div.torrent_progress_bar.complete.magnet {
     514      background-position: left -20px;
     515      border-color: #CFCFCF; }
     516    ul.torrent_list div.torrent_progress_bar.complete.leeching {
     517      background-position: left   0px;
     518      border-color: #3D9DEA; }
     519    ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
     520      background-position: left -70px;
     521      border-color: #889CA5; }
     522    ul.torrent_list div.torrent_progress_bar.complete.seeding {
     523      background-position: left -40px;
     524      border-color: #269E30; }
     525    ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
     526      background-position: left -60px;
     527      border-color: #8A998D; }
     528    ul.torrent_list div.torrent_progress_bar.incomplete {
     529      z-index: 1;
     530      width: 100%; }
     531    ul.torrent_list div.torrent_progress_bar.incomplete.paused {
     532      background-position: left -20px;
     533      border-color: #CFCFCF; }
     534    ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
     535      background-position: left -50px;
     536      border-color: #D47778; }
     537    ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
     538      background-position: left -20px;
     539      border-color: #CFCFCF; }
     540    ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
     541      background-position: left -80px;
     542      border-color: #C4C4C4; }
     543    ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
     544      background-position: left -10px;
     545      border-color: #29AD35; }
    109546
    110547/***
     
    113550****
    114551***/
    115 #prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
    116 
    117 .prefs-section { margin: 10px; text-align: left; }
    118 .prefs-section > * { padding-top: 8px; padding-left: 8px; }
    119 .prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; }
    120 .prefs-section .row .key { float: left; padding-top: 3px; }
    121 .prefs-section .row .key > * { margin-left: 0px; }
    122 .prefs-section .row .value { margin-left: 150px; }
    123 .prefs-section .row .value > * { width: 100%; }
    124 .prefs-section .checkbox-row > input { margin: 0px; }
    125 .prefs-section .checkbox-row > label { margin-left: 5px; }
    126 .prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; }
     552#prefs-dialog.ui-tabs .ui-tabs-panel {
     553  padding: 0px;
     554  -moz-user-select: none;
     555  -webkit-user-select: none; }
     556
     557.prefs-section {
     558  margin: 10px;
     559  text-align: left; }
     560  .prefs-section > * {
     561    padding-top: 8px;
     562    padding-left: 8px; }
     563  .prefs-section .title {
     564    font-weight: bold;
     565    font-size: larger;
     566    padding-left: 0px; }
     567  .prefs-section .row .key {
     568    float: left;
     569    padding-top: 3px; }
     570    .prefs-section .row .key > * {
     571      margin-left: 0px; }
     572  .prefs-section .row .value {
     573    margin-left: 150px; }
     574    .prefs-section .row .value > * {
     575      width: 100%; }
     576  .prefs-section .checkbox-row > input {
     577    margin: 0px; }
     578  .prefs-section .checkbox-row > label {
     579    margin-left: 5px; }
     580  .prefs-section #alternative-speed-limits-title {
     581    padding-left: 18px;
     582    background: transparent url("images/blue-turtle.png") no-repeat; }
    127583
    128584/***
     
    131587****
    132588***/
    133 div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 0; position: relative; width: 100%; z-index: 2; /* Files Inspector Tab */ }
    134 div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
    135 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; }
    136 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 20px; }
    137 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 1px; }
    138 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { background-color: #eedddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    139 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { background-color: #dddddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    140 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { background-color: #eedddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    141 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { background-color: #dddddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    142 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { background-color: #eedddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    143 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    144 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { background-color: #eedddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    145 div#torrent_inspector #inspector_header { margin-top: 8px; }
    146 div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; }
    147 div#torrent_inspector ul.tier_list { margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; }
    148 div#torrent_inspector ul.tier_list li { overflow: hidden; }
    149 div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; }
    150 div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; }
    151 div#torrent_inspector ul.tier_list table { float: right; color: #666; }
    152 div#torrent_inspector ul.tier_list th { text-align: right; }
    153 div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; }
    154 div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; }
    155 div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; }
    156 div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
    157 div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; }
    158 div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
    159 div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
    160 div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
    161 div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
    162 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
    163 div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; }
    164 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; }
    165 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; }
    166 div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -38px; cursor: default; }
     589div#torrent_inspector {
     590  overflow: auto;
     591  text-align: left;
     592  padding: 15px;
     593  top: 0;
     594  position: relative;
     595  width: 100%;
     596  z-index: 2;
     597  /* Files Inspector Tab */ }
     598  div#torrent_inspector #inspector-tabs-wrapper {
     599    width: 100%;
     600    overflow: hidden;
     601    text-align: center; }
     602    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
     603      display: inline-block; }
     604      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
     605        cursor: pointer;
     606        -moz-user-select: none;
     607        -webkit-user-select: none;
     608        display: inline-block;
     609        border-style: solid;
     610        border-color: #aaa;
     611        border-width: 1px;
     612        padding: 3px;
     613        width: 30px;
     614        height: 20px; }
     615      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
     616        -moz-border-radius-topleft: 5px;
     617        -moz-border-radius-bottomleft: 5px;
     618        border-top-left-radius: 5px;
     619        border-bottom-left-radius: 5px;
     620        background-color: #dddddd;
     621        background-image: url("images/inspector-info.png");
     622        /* fallback */
     623        background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     624        /* Saf4+, Chrome */
     625        background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     626        /* Chrome 10+, Saf5.1+ */
     627        background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
     628        /* FF3.6+ */
     629        background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
     630        /* IE10 */
     631        background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
     632        /* Opera 11.10+ */
     633        background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb);
     634        /* W3C */
     635        background-position: center;
     636        background-repeat: no-repeat;
     637        border-left-width: 1px; }
     638        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
     639          background-color: #e6e6ff;
     640          background-image: url("images/inspector-info.png");
     641          /* fallback */
     642          background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     643          /* Saf4+, Chrome */
     644          background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white);
     645          /* Chrome 10+, Saf5.1+ */
     646          background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white);
     647          /* FF3.6+ */
     648          background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white);
     649          /* IE10 */
     650          background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white);
     651          /* Opera 11.10+ */
     652          background-image: url("images/inspector-info.png"), linear-gradient(top, #cdcdff, white);
     653          /* W3C */
     654          background-position: center;
     655          background-repeat: no-repeat; }
     656      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
     657        background-color: #dddddd;
     658        background-image: url("images/inspector-peers.png");
     659        /* fallback */
     660        background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     661        /* Saf4+, Chrome */
     662        background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     663        /* Chrome 10+, Saf5.1+ */
     664        background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
     665        /* FF3.6+ */
     666        background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
     667        /* IE10 */
     668        background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
     669        /* Opera 11.10+ */
     670        background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb);
     671        /* W3C */
     672        background-position: center;
     673        background-repeat: no-repeat; }
     674        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
     675          background-color: #e6e6ff;
     676          background-image: url("images/inspector-peers.png");
     677          /* fallback */
     678          background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     679          /* Saf4+, Chrome */
     680          background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white);
     681          /* Chrome 10+, Saf5.1+ */
     682          background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white);
     683          /* FF3.6+ */
     684          background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white);
     685          /* IE10 */
     686          background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white);
     687          /* Opera 11.10+ */
     688          background-image: url("images/inspector-peers.png"), linear-gradient(top, #cdcdff, white);
     689          /* W3C */
     690          background-position: center;
     691          background-repeat: no-repeat; }
     692      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
     693        background-color: #dddddd;
     694        background-image: url("images/inspector-trackers.png");
     695        /* fallback */
     696        background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     697        /* Saf4+, Chrome */
     698        background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     699        /* Chrome 10+, Saf5.1+ */
     700        background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
     701        /* FF3.6+ */
     702        background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
     703        /* IE10 */
     704        background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
     705        /* Opera 11.10+ */
     706        background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb);
     707        /* W3C */
     708        background-position: center;
     709        background-repeat: no-repeat; }
     710        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
     711          background-color: #e6e6ff;
     712          background-image: url("images/inspector-trackers.png");
     713          /* fallback */
     714          background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     715          /* Saf4+, Chrome */
     716          background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white);
     717          /* Chrome 10+, Saf5.1+ */
     718          background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white);
     719          /* FF3.6+ */
     720          background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white);
     721          /* IE10 */
     722          background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white);
     723          /* Opera 11.10+ */
     724          background-image: url("images/inspector-trackers.png"), linear-gradient(top, #cdcdff, white);
     725          /* W3C */
     726          background-position: center;
     727          background-repeat: no-repeat; }
     728      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
     729        -moz-border-radius-topright: 5px;
     730        -moz-border-radius-bottomright: 5px;
     731        border-top-right-radius: 5px;
     732        border-bottom-right-radius: 5px;
     733        background-color: #dddddd;
     734        background-image: url("images/inspector-files.png");
     735        /* fallback */
     736        background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     737        /* Saf4+, Chrome */
     738        background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     739        /* Chrome 10+, Saf5.1+ */
     740        background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
     741        /* FF3.6+ */
     742        background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
     743        /* IE10 */
     744        background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
     745        /* Opera 11.10+ */
     746        background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb);
     747        /* W3C */
     748        background-position: center;
     749        background-repeat: no-repeat; }
     750        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
     751          background-color: #e6e6ff;
     752          background-image: url("images/inspector-files.png");
     753          /* fallback */
     754          background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     755          /* Saf4+, Chrome */
     756          background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white);
     757          /* Chrome 10+, Saf5.1+ */
     758          background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white);
     759          /* FF3.6+ */
     760          background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white);
     761          /* IE10 */
     762          background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white);
     763          /* Opera 11.10+ */
     764          background-image: url("images/inspector-files.png"), linear-gradient(top, #cdcdff, white);
     765          /* W3C */
     766          background-position: center;
     767          background-repeat: no-repeat; }
     768  div#torrent_inspector #inspector_header {
     769    margin-top: 8px; }
     770    div#torrent_inspector #inspector_header #torrent_inspector_name {
     771      font-weight: bold;
     772      font-size: large; }
     773  div#torrent_inspector ul.tier_list {
     774    margin: 2px 0 8px 0;
     775    width: 100%;
     776    padding-left: 0px;
     777    text-align: left;
     778    display: block;
     779    cursor: default;
     780    list-style-type: none;
     781    list-style: none;
     782    list-style-image: none;
     783    clear: both; }
     784    div#torrent_inspector ul.tier_list li {
     785      overflow: hidden; }
     786    div#torrent_inspector ul.tier_list .tracker_activity {
     787      float: left;
     788      color: #666;
     789      width: 200px;
     790      display: table;
     791      margin-top: 1px; }
     792    div#torrent_inspector ul.tier_list .tracker_activity div {
     793      padding: 2px; }
     794    div#torrent_inspector ul.tier_list table {
     795      float: right;
     796      color: #666; }
     797    div#torrent_inspector ul.tier_list th {
     798      text-align: right; }
     799  div#torrent_inspector li.inspector_tracker_entry {
     800    padding: 3px 0 3px 2px;
     801    display: block; }
     802    div#torrent_inspector li.inspector_tracker_entry.odd {
     803      background-color: #EEEEEE; }
     804  div#torrent_inspector div.tracker_host {
     805    font-size: 1.2em;
     806    font-weight: bold;
     807    color: #222; }
     808  div#torrent_inspector #inspector_file_list {
     809    padding: 0 0 0 0;
     810    margin: 0 0 0 0;
     811    text-align: left;
     812    cursor: default;
     813    overflow: hidden; }
     814  div#torrent_inspector #inspector_file_list {
     815    border-top: 1px solid #888;
     816    width: 100%;
     817    margin: 6px 0 0 0;
     818    padding-top: 6px;
     819    padding-bottom: 10px;
     820    text-align: left;
     821    display: block;
     822    cursor: default;
     823    list-style-type: none;
     824    list-style: none;
     825    list-style-image: none;
     826    clear: both; }
     827  div#torrent_inspector li.inspector_torrent_file_list_entry {
     828    padding: 3px 0 3px 2px;
     829    display: block; }
     830    div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
     831      color: #666; }
     832    div#torrent_inspector li.inspector_torrent_file_list_entry.even {
     833      background-color: #F7F7F7; }
     834  div#torrent_inspector div.inspector_torrent_file_list_entry_name {
     835    font-size: 1.2em;
     836    color: black;
     837    display: inline;
     838    margin-left: 0px; }
     839  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
     840    color: #999; }
     841  div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
     842    color: #999;
     843    margin-left: 20px; }
     844  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
     845    background-position: left top; }
     846  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
     847    background-position: left -19px; }
     848  div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
     849  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
     850    background-position: left -38px;
     851    cursor: default; }
    167852
    168853/* Peers Inspector Tab */
    169 #inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
    170 #inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; }
    171 
    172 table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; }
    173 table.peer_list .encryptedCol { width: 16px; }
    174 table.peer_list .upCol { width: 70px; }
    175 table.peer_list .downCol { width: 70px; }
    176 table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; }
    177 table.peer_list .statusCol { width: 40px; padding-right: 5px; }
    178 table.peer_list .addressCol { width: 180px; }
    179 table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    180 
    181 tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; }
    182 tr.inspector_peer_entry.odd { background-color: #EEEEEE; }
     854#inspector_peers_list {
     855  padding: 0 0 0 0;
     856  margin: 0 0 0 0;
     857  text-align: left;
     858  cursor: default;
     859  overflow: hidden; }
     860  #inspector_peers_list > div.inspector_group {
     861    padding-bottom: 0;
     862    margin-bottom: 0; }
     863
     864table.peer_list {
     865  width: 100%;
     866  border-collapse: collapse;
     867  text-align: left;
     868  cursor: default;
     869  clear: both;
     870  table-layout: fixed; }
     871  table.peer_list .encryptedCol {
     872    width: 16px; }
     873  table.peer_list .upCol {
     874    width: 70px; }
     875  table.peer_list .downCol {
     876    width: 70px; }
     877  table.peer_list .percentCol {
     878    width: 30px;
     879    padding-right: 5px;
     880    text-align: right; }
     881  table.peer_list .statusCol {
     882    width: 40px;
     883    padding-right: 5px; }
     884  table.peer_list .addressCol {
     885    width: 180px; }
     886  table.peer_list .clientCol {
     887    white-space: nowrap;
     888    overflow: hidden;
     889    text-overflow: ellipsis; }
     890
     891tr.inspector_peer_entry div.encrypted-peer-cell {
     892  width: 16px;
     893  height: 16px;
     894  background: transparent url("images/lock_icon.png") no-repeat; }
     895tr.inspector_peer_entry.odd {
     896  background-color: #EEEEEE; }
    183897
    184898/***
    185899****  File Priority Buttons
    186900***/
    187 div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
    188 div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; }
    189 div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; }
    190 div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
    191 div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; }
    192 div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
    193 div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; }
    194 div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
     901div.file-priority-radiobox {
     902  display: inline;
     903  float: right;
     904  margin: 4px;
     905  margin-top: 2px; }
     906  div.file-priority-radiobox > * {
     907    cursor: pointer;
     908    -moz-user-select: none;
     909    -webkit-user-select: none;
     910    display: inline-block;
     911    border-style: solid;
     912    border-color: #aaa;
     913    border-width: 1px;
     914    padding: 3px;
     915    width: 20px;
     916    height: 12px; }
     917  div.file-priority-radiobox > div.low {
     918    -moz-border-radius-topleft: 5px;
     919    -moz-border-radius-bottomleft: 5px;
     920    border-top-left-radius: 5px;
     921    border-bottom-left-radius: 5px;
     922    background-color: #dcdcdc;
     923    background-image: url("images/file-priority-low.png");
     924    /* fallback */
     925    background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
     926    /* Saf4+, Chrome */
     927    background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
     928    /* Chrome 10+, Saf5.1+ */
     929    background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
     930    /* FF3.6+ */
     931    background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
     932    /* IE10 */
     933    background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
     934    /* Opera 11.10+ */
     935    background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
     936    /* W3C */
     937    background-position: center;
     938    background-repeat: no-repeat;
     939    border-right-width: 0px; }
     940    div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {
     941      background-color: #e6e6ff;
     942      background-image: url("images/file-priority-low.png");
     943      /* fallback */
     944      background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
     945      /* Saf4+, Chrome */
     946      background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
     947      /* Chrome 10+, Saf5.1+ */
     948      background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
     949      /* FF3.6+ */
     950      background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
     951      /* IE10 */
     952      background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
     953      /* Opera 11.10+ */
     954      background-image: url("images/file-priority-low.png"), linear-gradient(top, #d7d7ff, #f5f5ff);
     955      /* W3C */
     956      background-position: center;
     957      background-repeat: no-repeat; }
     958  div.file-priority-radiobox > div.normal {
     959    background-color: #dcdcdc;
     960    background-image: url("images/file-priority-normal.png");
     961    /* fallback */
     962    background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
     963    /* Saf4+, Chrome */
     964    background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
     965    /* Chrome 10+, Saf5.1+ */
     966    background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
     967    /* FF3.6+ */
     968    background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
     969    /* IE10 */
     970    background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
     971    /* Opera 11.10+ */
     972    background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
     973    /* W3C */
     974    background-position: center;
     975    background-repeat: no-repeat; }
     976    div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {
     977      background-color: #e6e6ff;
     978      background-image: url("images/file-priority-normal.png");
     979      /* fallback */
     980      background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
     981      /* Saf4+, Chrome */
     982      background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
     983      /* Chrome 10+, Saf5.1+ */
     984      background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
     985      /* FF3.6+ */
     986      background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
     987      /* IE10 */
     988      background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
     989      /* Opera 11.10+ */
     990      background-image: url("images/file-priority-normal.png"), linear-gradient(top, #d7d7ff, #f5f5ff);
     991      /* W3C */
     992      background-position: center;
     993      background-repeat: no-repeat; }
     994  div.file-priority-radiobox > div.high {
     995    -moz-border-radius-topright: 5px;
     996    -moz-border-radius-bottomright: 5px;
     997    border-top-right-radius: 5px;
     998    border-bottom-right-radius: 5px;
     999    background-color: #dcdcdc;
     1000    background-image: url("images/file-priority-high.png");
     1001    /* fallback */
     1002    background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
     1003    /* Saf4+, Chrome */
     1004    background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
     1005    /* Chrome 10+, Saf5.1+ */
     1006    background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
     1007    /* FF3.6+ */
     1008    background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
     1009    /* IE10 */
     1010    background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
     1011    /* Opera 11.10+ */
     1012    background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
     1013    /* W3C */
     1014    background-position: center;
     1015    background-repeat: no-repeat;
     1016    border-left-width: 0px; }
     1017    div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {
     1018      background-color: #e6e6ff;
     1019      background-image: url("images/file-priority-high.png");
     1020      /* fallback */
     1021      background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
     1022      /* Saf4+, Chrome */
     1023      background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
     1024      /* Chrome 10+, Saf5.1+ */
     1025      background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
     1026      /* FF3.6+ */
     1027      background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
     1028      /* IE10 */
     1029      background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
     1030      /* Opera 11.10+ */
     1031      background-image: url("images/file-priority-high.png"), linear-gradient(top, #d7d7ff, #f5f5ff);
     1032      /* W3C */
     1033      background-position: center;
     1034      background-repeat: no-repeat; }
    1951035
    1961036/****
     
    1991039*****
    2001040****/
    201 div.torrent_footer { height: 22px; border-top: 1px solid #555; position: relative; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
    202 div.torrent_footer > * { position: relative; float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; }
    203 div.torrent_footer div.main_container, div.torrent_footer ul#settings_menu { display: none; }
    204 div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    205 div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { background-color: #eedddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    206 div.torrent_footer #turtle-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    207 div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { background-color: #eedddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
    208 div.torrent_footer #compact-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
    209 div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { background-color: #eedddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
     1041div.torrent_footer {
     1042  height: 22px;
     1043  border-top: 1px solid #555;
     1044  position: relative;
     1045  width: 100%;
     1046  z-index: 3;
     1047  background-color: #cccccc;
     1048  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
     1049  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
     1050  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
     1051  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
     1052  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
     1053  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
     1054  div.torrent_footer > * {
     1055    position: relative;
     1056    float: left;
     1057    margin: 2px 4px;
     1058    width: 18px;
     1059    height: 12px;
     1060    padding: 2px 8px;
     1061    float: left;
     1062    border: 1px solid #888;
     1063    -moz-user-select: none;
     1064    -webkit-user-select: none; }
     1065  div.torrent_footer div.main_container,
     1066  div.torrent_footer ul#settings_menu {
     1067    display: none; }
     1068  div.torrent_footer #prefs-button {
     1069    -moz-border-radius: 5px;
     1070    border-radius: 5px;
     1071    background-color: #dddddd;
     1072    background-image: url("images/wrench.png");
     1073    /* fallback */
     1074    background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     1075    /* Saf4+, Chrome */
     1076    background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     1077    /* Chrome 10+, Saf5.1+ */
     1078    background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
     1079    /* FF3.6+ */
     1080    background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
     1081    /* IE10 */
     1082    background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
     1083    /* Opera 11.10+ */
     1084    background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb);
     1085    /* W3C */
     1086    background-position: center;
     1087    background-repeat: no-repeat; }
     1088    div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {
     1089      background-color: #e6e6ff;
     1090      background-image: url("images/wrench.png");
     1091      /* fallback */
     1092      background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     1093      /* Saf4+, Chrome */
     1094      background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white);
     1095      /* Chrome 10+, Saf5.1+ */
     1096      background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white);
     1097      /* FF3.6+ */
     1098      background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white);
     1099      /* IE10 */
     1100      background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white);
     1101      /* Opera 11.10+ */
     1102      background-image: url("images/wrench.png"), linear-gradient(top, #cdcdff, white);
     1103      /* W3C */
     1104      background-position: center;
     1105      background-repeat: no-repeat; }
     1106  div.torrent_footer #turtle-button {
     1107    -moz-border-radius: 5px;
     1108    border-radius: 5px;
     1109    background-color: #dddddd;
     1110    background-image: url("images/turtle.png");
     1111    /* fallback */
     1112    background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     1113    /* Saf4+, Chrome */
     1114    background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     1115    /* Chrome 10+, Saf5.1+ */
     1116    background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
     1117    /* FF3.6+ */
     1118    background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
     1119    /* IE10 */
     1120    background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
     1121    /* Opera 11.10+ */
     1122    background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb);
     1123    /* W3C */
     1124    background-position: center;
     1125    background-repeat: no-repeat; }
     1126    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
     1127      background-color: #e6e6ff;
     1128      background-image: url("images/turtle.png");
     1129      /* fallback */
     1130      background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     1131      /* Saf4+, Chrome */
     1132      background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
     1133      /* Chrome 10+, Saf5.1+ */
     1134      background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
     1135      /* FF3.6+ */
     1136      background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
     1137      /* IE10 */
     1138      background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white);
     1139      /* Opera 11.10+ */
     1140      background-image: url("images/turtle.png"), linear-gradient(top, #cdcdff, white);
     1141      /* W3C */
     1142      background-position: center;
     1143      background-repeat: no-repeat; }
     1144  div.torrent_footer #compact-button {
     1145    -moz-border-radius: 5px;
     1146    border-radius: 5px;
     1147    background-color: #dddddd;
     1148    background-image: url("images/compact.png");
     1149    /* fallback */
     1150    background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     1151    /* Saf4+, Chrome */
     1152    background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
     1153    /* Chrome 10+, Saf5.1+ */
     1154    background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
     1155    /* FF3.6+ */
     1156    background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
     1157    /* IE10 */
     1158    background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
     1159    /* Opera 11.10+ */
     1160    background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb);
     1161    /* W3C */
     1162    background-position: center;
     1163    background-repeat: no-repeat; }
     1164    div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {
     1165      background-color: #e6e6ff;
     1166      background-image: url("images/compact.png");
     1167      /* fallback */
     1168      background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     1169      /* Saf4+, Chrome */
     1170      background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white);
     1171      /* Chrome 10+, Saf5.1+ */
     1172      background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white);
     1173      /* FF3.6+ */
     1174      background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white);
     1175      /* IE10 */
     1176      background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white);
     1177      /* Opera 11.10+ */
     1178      background-image: url("images/compact.png"), linear-gradient(top, #cdcdff, white);
     1179      /* W3C */
     1180      background-position: center;
     1181      background-repeat: no-repeat; }
    2101182
    2111183/****
     
    2141186*****
    2151187****/
    216 div#dialog_message.dialog_message { width: 280px; margin: 10px auto 25px; font-size: 13px; line-height: 14px; word-wrap: break-word; overflow: hidden; padding-bottom: 0; }
    217 
    218 #torrent_upload_file, label[for="torrent_upload_file"] { display: none; }
    219 
    220 h2.dialog_heading { text-align: center; width: 300px; margin: 0 auto; font-size: 17px; }
    221 
    222 div.dialog_container a { color: white; padding: 7px 0; background: #222; text-decoration: none; border: 2px solid white; margin: 5px 5px 0; font-weight: bold; -webkit-border-radius: 16px; display: inline-block; width: 90px; font-size: 12px; text-align: center; }
    223 
    224 #dialog_container div.dialog_window img { margin: 5px auto 12px; }
    225 
    226 .landscape div.dialog_container a#dialog_cancel_button { left: 155px; }
    227 .landscape div.dialog_container a#dialog_confirm_button { right: 110px; }
    228 .landscape div.dialog_container img { float: left !important; margin: 0 0 0 50px; }
    229 .landscape h2#dialog_heading.dialog_heading { margin: 5px auto 0; margin-left: 150px; text-align: left; }
    230 .landscape div#dialog_message.dialog_message { width: 300px; margin: 10px 0 20px 150px; text-align: left; }
    231 
    232 div#torrent_context_menu { display: none; }
    233 
    234 iframe#torrent_upload_frame { display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */ position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; border: none; padding: 0; margin: 0; }
     1188div#dialog_message.dialog_message {
     1189  width: 280px;
     1190  margin: 10px auto 25px;
     1191  font-size: 13px;
     1192  line-height: 14px;
     1193  word-wrap: break-word;
     1194  overflow: hidden;
     1195  padding-bottom: 0; }
     1196
     1197#torrent_upload_file, label[for="torrent_upload_file"] {
     1198  display: none; }
     1199
     1200h2.dialog_heading {
     1201  text-align: center;
     1202  width: 300px;
     1203  margin: 0 auto;
     1204  font-size: 17px; }
     1205
     1206div.dialog_container a {
     1207  color: white;
     1208  padding: 7px 0;
     1209  background: #222;
     1210  text-decoration: none;
     1211  border: 2px solid white;
     1212  margin: 5px 5px 0;
     1213  font-weight: bold;
     1214  -webkit-border-radius: 16px;
     1215  display: inline-block;
     1216  width: 90px;
     1217  font-size: 12px;
     1218  text-align: center; }
     1219
     1220#dialog_container div.dialog_window img {
     1221  margin: 5px auto 12px; }
     1222
     1223.landscape div.dialog_container a#dialog_cancel_button {
     1224  left: 155px; }
     1225.landscape div.dialog_container a#dialog_confirm_button {
     1226  right: 110px; }
     1227.landscape div.dialog_container img {
     1228  float: left !important;
     1229  margin: 0 0 0 50px; }
     1230.landscape h2#dialog_heading.dialog_heading {
     1231  margin: 5px auto 0;
     1232  margin-left: 150px;
     1233  text-align: left; }
     1234.landscape div#dialog_message.dialog_message {
     1235  width: 300px;
     1236  margin: 10px 0 20px 150px;
     1237  text-align: left; }
     1238
     1239div#torrent_context_menu {
     1240  display: none; }
     1241
     1242iframe#torrent_upload_frame {
     1243  display: block;
     1244  /* Don't change this : safari forms won't target hidden frames (they open a new window) */
     1245  position: absolute;
     1246  top: -1000px;
     1247  left: -1000px;
     1248  width: 0px;
     1249  height: 0px;
     1250  border: none;
     1251  padding: 0;
     1252  margin: 0; }
  • trunk/web/style/transmission/mobile.scss

    r13074 r13083  
    3131$nonselected-gradient-top: white;
    3232$nonselected-gradient-bottom: #BBB;
    33 $selected-gradient-top: #DBB;
     33$selection-color: #cdcdff;
     34$selected-gradient-top: $selection-color;
    3435$selected-gradient-bottom: white;
    3536
     
    330331                &.compact { padding: 4px; }
    331332                &.even { background-color: #F7F7F7; }
    332                 &.selected { background-color: #ffe4e1; }
     333                &.selected { background-color: $selection-color; }
    333334                &.compact { div.torrent_name { color: black; } }
    334335
Note: See TracChangeset for help on using the changeset viewer.