Changeset 13074


Ignore:
Timestamp:
Nov 4, 2011, 9:05:24 PM (11 years ago)
Author:
jordan
Message:

(trunk web) sync the web client's inspector's info tab with the one in the GTK+ and Qt clients. This fixes #4609 and #4608.

Location:
trunk/web
Files:
1 deleted
8 edited

Legend:

Unmodified
Added
Removed

  • trunk/web/index.html

    r13073 r13074  
    180180                        <div id="inspector-tabs-wrapper">
    181181                        <div id="inspector-tabs">
    182                                 <div class="inspector-tab selected" id="inspector-tab-info" title="Info"><a href="#info"></a></div><div class="inspector-tab" id="inspector-tab-activity" title="Activity"><a href="#activity"></a></div><div class="inspector-tab" id="inspector-tab-peers" title="Peers"><a href="#peers"></a></div><div class="inspector-tab" id="inspector-tab-trackers" title="Trackers"><a href="#trackers"></a></div><div class="inspector-tab" id="inspector-tab-files" title="Files"><a href="#files"></a></div>
     182                                <div class="inspector-tab selected" id="inspector-tab-info" title="Info"><a href="#info"></a></div><div class="inspector-tab" id="inspector-tab-peers" title="Peers"><a href="#peers"></a></div><div class="inspector-tab" id="inspector-tab-trackers" title="Trackers"><a href="#trackers"></a></div><div class="inspector-tab" id="inspector-tab-files" title="Files"><a href="#files"></a></div>
    183183                        </div><!-- inspector-tabs -->
    184184                        </div><!-- inspector-tabs-wrapper -->
    … …  
    190190
    191191                        <div class="inspector-page" id="inspector-page-info">
    192                                 <div class="inspector_group">
    193                                         <div class="inspector_group_label">Information</div>
    194                                         <div class="inspector_row">
    195                                                 <div class="inspector_label">Pieces:</div>
    196                                                 <div id="torrent_inspector_pieces"></div>
    197                                         </div>
    198                                         <div class="inspector_row">
    199                                                 <div class="inspector_label">Hash:</div>
    200                                                 <div id="torrent_inspector_hash"></div>
    201                                         </div>
    202                                         <div class="inspector_row">
    203                                                 <div class="inspector_label">Secure:</div>
    204                                                 <div id="torrent_inspector_secure"></div>
    205                                         </div>
    206                                         <div class="inspector_row">
    207                                                 <div class="inspector_label">Comment:</div>
    208                                                 <div id="torrent_inspector_comment"></div>
    209                                         </div>
    210                                 </div><!-- class="inspector_group"-->
    211 
    212                                 <div class="inspector_group">
    213                                         <div class="inspector_group_label">Created By</div>
    214                                         <div class="inspector_row">
    215                                                 <div class="inspector_label">Creator:</div>
    216                                                 <div id="torrent_inspector_creator">N/A</div>
    217                                         </div>
    218                                         <div class="inspector_row">
    219                                                 <div class="inspector_label">Date:</div>
    220                                                 <div id="torrent_inspector_creator_date">N/A</div>
    221                                         </div>
    222                                 </div><!-- class="inspector_group"-->
    223 
    224                                 <div class="inspector_group">
    225                                         <div class="inspector_group_label">Where</div>
    226                                         <div class="inspector_row">
    227                                                 <div class="inspector_label">Download Dir:</div>
    228                                                 <div id="torrent_inspector_download_dir">N/A</div>
    229                                         </div>
    230                                 </div><!-- class="inspector_group"-->
     192                                <div class="prefs-section">
     193                                        <div class="title">Activity</div>
     194                                        <div class="row"><div class="key">Have:</div><div class="value" id="inspector-info-have">&nbsp;</div></div>
     195                                        <div class="row"><div class="key">Availability:</div><div class="value" id="inspector-info-availability">&nbsp;</div></div>
     196                                        <div class="row"><div class="key">Downloaded:</div><div class="value" id="inspector-info-downloaded">&nbsp;</div></div>
     197                                        <div class="row"><div class="key">Uploaded:</div><div class="value" id="inspector-info-uploaded">&nbsp;</div></div>
     198                                        <div class="row"><div class="key">State:</div><div class="value" id="inspector-info-state">&nbsp;</div></div>
     199                                        <div class="row"><div class="key">Running Time:</div><div class="value" id="inspector-info-running-time">&nbsp;</div></div>
     200                                        <div class="row"><div class="key">Remaining Time:</div><div class="value" id="inspector-info-remaining-time">&nbsp;</div></div>
     201                                        <div class="row"><div class="key">Last Activity:</div><div class="value" id="inspector-info-last-activity">&nbsp;</div></div>
     202                                        <div class="row"><div class="key">Error:</div><div class="value" id="inspector-info-error">&nbsp;</div></div>
     203                                </div>
     204                                <div class="prefs-section">
     205                                        <div class="title">Details</div>
     206                                        <div class="row"><div class="key">Size:</div><div class="value" id="inspector-info-size">&nbsp;</div></div>
     207                                        <div class="row"><div class="key">Location:</div><div class="value" id="inspector-info-location">&nbsp;</div></div>
     208                                        <div class="row"><div class="key">Hash:</div><div class="value" id="inspector-info-hash">&nbsp;</div></div>
     209                                        <div class="row"><div class="key">Privacy:</div><div class="value" id="inspector-info-privacy">&nbsp;</div></div>
     210                                        <div class="row"><div class="key">Origin:</div><div class="value" id="inspector-info-origin">&nbsp;</div></div>
     211                                        <div class="row"><div class="key">Comment:</div><div class="value" id="inspector-info-comment">&nbsp;</div></div>
     212                                </div>
    231213                        </div><!-- id="inspector_tab_info_container" -->
    232 
    233                         <div style="display:none;" class="inspector-page" id="inspector-page-activity">
    234 
    235                                 <div class="inspector_group">
    236                                         <div class="inspector_group_label">Activity</div>
    237                                         <div class="inspector_row">
    238                                                 <div class="inspector_label">State:</div>
    239                                                 <div id="torrent_inspector_state">N/A</div>
    240                                         </div>
    241                                         <div class="inspector_row">
    242                                                 <div class="inspector_label">Progress:</div>
    243                                                 <div id="torrent_inspector_progress">N/A</div>
    244                                         </div>
    245                                         <div class="inspector_row">
    246                                                 <div class="inspector_label">Have:</div>
    247                                                 <div id="torrent_inspector_have">N/A</div>
    248                                         </div>
    249                                         <div class="inspector_row">
    250                                                 <div class="inspector_label">Availability:</div>
    251                                                 <div id="torrent_inspector_availability">N/A</div>
    252                                         </div>
    253                                         <div class="inspector_row">
    254                                                 <div class="inspector_label">Downloaded:</div>
    255                                                 <div id="torrent_inspector_downloaded">N/A</div>
    256                                         </div>
    257                                         <div class="inspector_row">
    258                                                 <div class="inspector_label">Uploaded:</div>
    259                                                 <div id="torrent_inspector_uploaded">N/A</div>
    260                                         </div>
    261                                         <div class="inspector_row">
    262                                                 <div class="inspector_label">Ratio:</div>
    263                                                 <div id="torrent_inspector_ratio">N/A</div>
    264                                         </div>
    265                                         <div class="inspector_row">
    266                                                 <div class="inspector_label">Error:</div>
    267                                                 <div id="torrent_inspector_error">N/A</div>
    268                                         </div>
    269                                         <div class="inspector_row">
    270                                                 <div class="inspector_label">DL Speed:</div>
    271                                                 <div id="torrent_inspector_download_speed">N/A</div>
    272                                         </div>
    273                                         <div class="inspector_row">
    274                                                 <div class="inspector_label">UL Speed:</div>
    275                                                 <div id="torrent_inspector_upload_speed">N/A</div>
    276                                         </div>
    277                                 </div><!-- class="inspector_group"-->
    278 
    279                                 <div class="inspector_group">
    280                                         <div class="inspector_group_label">Peers</div>
    281                                         <div class="inspector_row">
    282                                                 <div class="inspector_label">UL To:</div>
    283                                                 <div id="torrent_inspector_upload_to">N/A</div>
    284                                         </div>
    285                                         <div class="inspector_row">
    286                                                 <div class="inspector_label">DL From:</div>
    287                                                 <div id="torrent_inspector_download_from">N/A</div>
    288                                         </div>
    289                                 </div><!-- class="inspector_group"-->
    290                         </div><!-- id="inspector_tab_activity_container" -->
    291214
    292215                        <div style="display:none;" class="inspector-page" id="inspector-page-peers">

  • trunk/web/javascript/inspector.js

    r13042 r13074  
    4949
    5050        // show this tab and hide the others
    51         console.log('#' + tab.id.replace('tab','page'));
    5251        $('#' + tab.id.replace('tab','page')).show().siblings('.inspector-page').hide();
    5352
    … …  
    6766        else
    6867            name = '' + torrents.length+' Transfers Selected';
    69         setInnerHTML(e.name, name || na);
     68        setInnerHTML(e.name_lb, name || na);
    7069
    7170        // update the visible page
    7271        if ($(e.info_page).is(':visible'))
    7372            updateInfoPage();
    74         else if ($(e.activity_page).is(':visible'))
    75             updateActivityPage();
    7673        else if ($(e.peers_page).is(':visible'))
    7774            updatePeersPage();
    … …  
    9895            e = data.elements,
    9996            fmt = Transmission.fmt,
    100             na = 'N/A',
     97            none = 'None',
     98            mixed = 'Mixed',
     99            unknown = 'Unknown',
     100            isMixed, allPaused, allFinished,
     101            str,
    101102            name = '',
    102103            pieceCount = 0,
    … …  
    108109            date = '',
    109110            directory = '',
    110             s, i, t;
    111 
    112         for (i=0; t=torrents[i]; ++i) {
    113             name        = accumulateString(name, t.getName());
    114             pieceCount += t.getPieceCount();
    115             pieceSize   = accumulateString(pieceSize, fmt.mem(t.getPieceSize()));
    116             hash        = accumulateString(hash, t.getHashString());
    117             secure      = accumulateString(secure, (t.getPrivateFlag() ? 'Private' : 'Public')+' Torrent');
    118             comment     = accumulateString(comment, t.getComment() || 'N/A');
    119             creator     = accumulateString(creator, t.getCreator());
    120             date        = accumulateString(date, fmt.timestamp(t.getDateCreated()));
    121             directory   = accumulateString(directory, t.getDownloadDir());
    122         }
    123 
    124         if (!pieceCount)
    125             setInnerHTML(e.pieces, na);
    126         else if (pieceSize == 'Mixed')
    127             setInnerHTML(e.pieces, 'Mixed');
     111            baseline, it,  ref, s, i, t,
     112            sizeWhenDone = 0,
     113            leftUntilDone = 0,
     114            available = 0,
     115            haveTotal = 0,
     116            haveVerified = 0,
     117            haveUnverified = 0,
     118            verifiedPieces = 0,
     119            stateString,
     120            latest,
     121            pieces,
     122            size,
     123            pieceSize,
     124            creator, mixed_creator,
     125            date, mixed_date,
     126            v, u, f, d, pct, now;
     127
     128        //
     129        //  state_lb
     130        //
     131
     132        if(torrents.length <1)
     133            str = none;
     134        else {
     135            isMixed = false;
     136            allPaused = true;
     137            allFinished = true;
     138
     139            baseline = torrents[0].getStatus();
     140            for(i=0; t=torrents[i]; ++i) {
     141                it = t.getStatus();
     142                if(it != baseline)
     143                    isMixed = true;
     144                if(!t.isStopped())
     145                    allPaused = allFinished = false;
     146                if(!t.isFinished())
     147                    allFinished = false;
     148            }
     149            if( isMixed )
     150                str = mixed;
     151            else if( allFinished )
     152                str = 'Finished';
     153            else if( allPaused )
     154                str = 'Paused';
     155            else
     156                str = torrents[0].getStateString();
     157        }
     158        setInnerHTML(e.state_lb, str);
     159        stateString = str;
     160
     161        //
     162        //  have_lb
     163        //
     164
     165        if(torrents.length < 1)
     166            str = none;
     167        else {
     168            baseline = torrents[0].getStatus();
     169            for(i=0; t=torrents[i]; ++i) {
     170                if(!t.needsMetaData()) {
     171                    haveTotal += t.getHave();
     172                    haveUnverified += t.getHaveUnchecked();
     173                    v = t.getHaveValid();
     174                    haveVerified += v;
     175                    if(t.getPieceSize())
     176                        verifiedPieces += v / t.getPieceSize();
     177                    sizeWhenDone += t.getSizeWhenDone();
     178                    leftUntilDone += t.getLeftUntilDone();
     179                    available += (t.getHave()) + t.getDesiredAvailable();
     180                }
     181            }
     182
     183            d = 100.0 * ( sizeWhenDone ? ( sizeWhenDone - leftUntilDone ) / sizeWhenDone : 1 );
     184            str = fmt.percentString( d );
     185
     186            if( !haveUnverified && !leftUntilDone )
     187                str = fmt.size(haveVerified) + ' (100%)';
     188            else if( !haveUnverified )
     189                str = fmt.size(haveVerified) + ' of ' + fmt.size(sizeWhenDone) + ' (' + str +'%)';
     190            else
     191                str = fmt.size(haveVerified) + ' of ' + fmt.size(sizeWhenDone) + ' (' + str +'%), ' + fmt.size(haveUnverified) + ' Unverified';
     192        }
     193        setInnerHTML(e.have_lb, str);
     194
     195        //
     196        //  availability_lb
     197        //
     198
     199        if(torrents.length < 1)
     200            str = none;
     201        else if( sizeWhenDone == 0 )
     202            str = none;
    128203        else
    129             setInnerHTML(e.pieces, pieceCount + ' pieces @ ' + pieceSize);
    130 
    131         setInnerHTML(e.hash, hash || na);
    132         setInnerHTML(e.secure, secure || na);
    133         setInnerHTML(e.comment, comment.replace(/(https?|ftp):\/\/([\w\-]+(\.[\w\-]+)*(\.[a-z]{2,4})?)(\d{1,5})?(\/([^<>\s]*))?/g, '<a target="_blank" href="$&">$&</a>') || na);
    134         setInnerHTML(e.creator, creator || na);
    135         setInnerHTML(e.date, date || na);
    136         setInnerHTML(e.directory, directory || na);
    137 
    138         $("#inspector_tab_info_container .inspector_row > div").css('color', '#222');
    139         $("#inspector_tab_info_container .inspector_row > div:contains('N/A')").css('color', '#666');
    140     },
    141 
    142     /****
    143     *****  ACTIVITY PAGE
    144     ****/
    145 
    146     updateActivityPage = function() {
    147 
    148         var i, t, l, d, na='N/A',
    149             fmt = Transmission.fmt,
    150             e = data.elements,
    151             torrents = data.torrents,
    152             state = '',
    153             have = 0,
    154             sizeWhenDone = 0,
    155             progress = '',
    156             have = 0,
    157             verified = 0,
    158             availability = 0,
    159             downloaded = 0,
    160             uploaded = 0,
    161             error = '',
    162             uploadSpeed = 0,
    163             uploadPeers = 0,
    164             downloadSpeed = 0,
    165             downloadPeers = 0,
    166             availability = 0;
    167 
    168         for (i=0; t=torrents[i]; ++i)
    169         {
    170             l = t.getLeftUntilDone();
    171             d = t.getSizeWhenDone();
    172 
    173             state = accumulateString(state, t.getStateString());
    174             error = accumulateString(error, t.getErrorString());
    175 
    176             have           += t.getHave();
    177             verified       += t.getHaveValid();
    178             sizeWhenDone   += d;
    179             availability   += (d - l + t.getDesiredAvailable());
    180 
    181             uploaded       += t.getUploadedEver();
    182             uploadSpeed    += t.getUploadSpeed();
    183             uploadPeers    += t.getPeersGettingFromUs();
    184 
    185             downloaded     += t.getDownloadedEver();
    186             downloadSpeed  += t.getDownloadSpeed();
    187             downloadPeers  += t.getPeersSendingToUs();
    188         }
    189 
    190         setInnerHTML(e.state, state);
    191         setInnerHTML(e.progress, torrents.length ? fmt.percentString(Math.ratio(have*100, sizeWhenDone)) + '%' : na);
    192         setInnerHTML(e.have, torrents.length ? fmt.size(have) + ' (' + fmt.size(verified) + ' verified)' : na);
    193         setInnerHTML(e.availability, torrents.length ? fmt.percentString(Math.ratio(availability*100, sizeWhenDone)) + '%' : na);
    194         setInnerHTML(e.uploaded, torrents.length ? fmt.size(uploaded) : na);
    195         setInnerHTML(e.downloaded, torrents.length ? fmt.size(downloaded) : na);
    196         setInnerHTML(e.ratio, torrents.length ? fmt.ratioString(Math.ratio(uploaded, downloaded)) : na);
    197         setInnerHTML(e.error, error);
    198         setInnerHTML(e.upload_speed, torrents.length ? fmt.speedBps(uploadSpeed) : na);
    199         setInnerHTML(e.download_speed, torrents.length ? fmt.speedBps(downloadSpeed) : na);
    200         setInnerHTML(e.upload_to, torrents.length ? uploadPeers : na);
    201         setInnerHTML(e.download_from, torrents.length ? downloadPeers : na);
    202 
    203         $("#inspector_tab_activity_container .inspector_row > div").css('color', '#222');
    204         $("#inspector_tab_activity_container .inspector_row > div:contains('N/A')").css('color', '#666');
     204            str = '' + fmt.percentString( ( 100.0 * available ) / sizeWhenDone ) +  '%';
     205        setInnerHTML(e.availability_lb, str);
     206
     207        //
     208        //  downloaded_lb
     209        //
     210
     211        if(torrents.length < 1)
     212            str = none;
     213        else {
     214            d = f = 0;
     215            for(i=0; t=torrents[i]; ++i) {
     216                d = t.getDownloadedEver();
     217                f = t.getFailedEver();
     218            }
     219            if(f)
     220                str = fmt.size(d) + ' (' + fmt.size(f) + ' corrupt)';
     221            else
     222                str = fmt.size(d);
     223        }
     224        setInnerHTML(e.downloaded_lb, str);
     225
     226        //
     227        //  uploaded_lb
     228        //
     229
     230        if(torrents.length < 1)
     231            str = none;
     232        else {
     233            d = u = 0;
     234            for(i=0; t=torrents[i]; ++i) {
     235                d = t.getDownloadedEver();
     236                u = t.getUploadedEver();
     237            }
     238            str = fmt.size(u) + ' (Ratio: ' + fmt.ratioString( Math.ratio(u,d))+')';
     239        }
     240        setInnerHTML(e.uploaded_lb, str);
     241
     242        //
     243        // running time
     244        //
     245
     246        if(torrents.length < 1)
     247            str = none;
     248        else {
     249            allPaused = true;
     250            baseline = torrents[0].getStartDate();
     251            for(i=0; t=torrents[i]; ++i) {
     252                if(baseline != t.getStartDate())
     253                    baseline = 0;
     254                if(!t.isStopped())
     255                    allPaused = false;
     256            }
     257            if(allPaused)
     258                str = stateString; // paused || finished
     259            else if(!baseline)
     260                str = mixed;
     261            else
     262                str = fmt.timeInterval(Date.now()/1000 - baseline);
     263        }
     264        setInnerHTML(e.running_time_lb, str);
     265
     266        //
     267        // remaining time
     268        //
     269
     270        str = '';
     271        if(torrents.length < 1)
     272            str = none;
     273        else {
     274            baseline = torrents[0].getETA();
     275            for(i=0; t=torrents[i]; ++i) {
     276                if(baseline != t.getETA()) {
     277                    str = mixed;
     278                    break;
     279                }
     280            }
     281        }
     282        if(!str.length) {
     283            if(baseline < 0)
     284                str = unknown;
     285            else
     286                str = fmt.timeInterval(baseline);
     287        }
     288        setInnerHTML(e.remaining_time_lb, str);
     289
     290        //
     291        // last activity
     292        //
     293
     294        latest = -1;
     295        if(torrents.length < 1)
     296            str = none;
     297        else {
     298            baseline = torrents[0].getLastActivity();
     299            for(i=0; t=torrents[i]; ++i) {
     300                d = t.getLastActivity();
     301                if(latest < d)
     302                    latest = d;
     303            }
     304            d = Date.now()/1000 - latest; // seconds since last activity
     305            if(d < 0)
     306                str = none;
     307            else if(d < 5)
     308                str = 'Active now';
     309            else
     310                str = fmt.timeInterval(d) + ' ago';
     311        }
     312        setInnerHTML(e.last_activity_lb, str);
     313
     314        //
     315        // error
     316        //
     317
     318        if(torrents.length < 1)
     319            str = none;
     320        else {
     321            str = torrents[0].getErrorString();
     322            for(i=0; t=torrents[i]; ++i) {
     323                if(str != t.getErrorString()) {
     324                    str = mixed;
     325                    break;
     326                }
     327            }
     328        }
     329        setInnerHTML(e.error_lb, str || none);
     330
     331        //
     332        // size
     333        //
     334
     335        if(torrents.length < 1)
     336            str = none;
     337        else {
     338            pieces = 0;
     339            size = 0;
     340            pieceSize = torrents[0].getPieceSize();
     341            for(i=0; t=torrents[i]; ++i) {
     342                pieces += t.getPieceCount();
     343                size += t.getTotalSize();
     344                if(pieceSize != t.getPieceSize())
     345                    pieceSize = 0;
     346            }
     347            if(!size)
     348                str = none;
     349            else if(pieceSize > 0)
     350                str = fmt.size(size) + ' (' + pieces.toStringWithCommas() + ' pieces @ ' + fmt.mem(pieceSize) + ')';
     351            else
     352                str = fmt.size(size) + ' (' + pieces.toStringWithCommas() + ' pieces)';
     353        }
     354        setInnerHTML(e.size_lb, str);
     355
     356        //
     357        //  hash
     358        //
     359
     360        if(torrents.length < 1)
     361            str = none;
     362        else {
     363            str = torrents[0].getHashString();
     364            for(i=0; t=torrents[i]; ++i) {
     365                if(str != t.getHashString()) {
     366                    str = mixed;
     367                    break;
     368                }
     369            }
     370        }
     371        setInnerHTML(e.hash_lb, str);
     372
     373        //
     374        //  privacy
     375        //
     376
     377        if(torrents.length < 1)
     378            str = none;
     379        else {
     380            baseline = torrents[0].getPrivateFlag();
     381            str = baseline ? 'Private to this tracker -- DHT and PEX disabled' : 'Public torrent';
     382            for(i=0; t=torrents[i]; ++i) {
     383                if(baseline != t.getPrivateFlag()) {
     384                    str = mixed;
     385                    break;
     386                }
     387            }
     388        }
     389        setInnerHTML(e.privacy_lb, str);
     390
     391        //
     392        //  comment
     393        //
     394
     395        if(torrents.length < 1)
     396            str = none;
     397        else {
     398            str = torrents[0].getComment();
     399            for(i=0; t=torrents[i]; ++i) {
     400                if(str != t.getComment()) {
     401                    str = mixed;
     402                    break;
     403                }
     404            }
     405        }
     406        if(!str)
     407            str = none; 
     408        setInnerHTML(e.comment_lb, str.replace(/(https?|ftp):\/\/([\w\-]+(\.[\w\-]+)*(\.[a-z]{2,4})?)(\d{1,5})?(\/([^<>\s]*))?/g, '<a target="_blank" href="$&">$&</a>'));
     409
     410        //
     411        //  origin
     412        //
     413
     414        if(torrents.length < 1)
     415            str = none;
     416        else {
     417            mixed_creator = false;
     418            mixed_date = false;
     419            creator = torrents[0].getCreator();
     420            date = torrents[0].getDateCreated();
     421            for(i=0; t=torrents[i]; ++i) {
     422                if(creator != t.getCreator())
     423                    mixed_creator = true;
     424                if(date != t.getDateCreated())
     425                    mixed_date = true;
     426            }
     427            if(mixed_creator && mixed_date)
     428                str = mixed;
     429            else if(mixed_date && creator.length)
     430                str = 'Created by ' + creator;
     431            else if(mixed_creator && date)
     432                str = 'Created on ' + (new Date(date*1000)).toDateString();
     433            else
     434                str = 'Created by ' + creator + ' on ' + (new Date(date*1000)).toDateString();
     435        }
     436        setInnerHTML(e.origin_lb, str);
     437
     438        //
     439        //  foldername
     440        //
     441
     442        if(torrents.length < 1)
     443            str = none;
     444        else {
     445            str = torrents[0].getDownloadDir();
     446            for(i=0; t=torrents[i]; ++i) {
     447                if(str != t.getDownloadDir()) {
     448                    str = mixed;
     449                    break;
     450                }
     451            }
     452        }
     453        setInnerHTML(e.foldername_lb, str);
    205454    },
    206455
    … …  
    454703        data.elements.peers_page     = $('#inspector-page-peers')[0];
    455704        data.elements.trackers_page  = $('#inspector-page-trackers')[0];
    456         data.elements.activity_page  = $('#inspector-page-activity')[0];
    457705
    458706        data.elements.file_list      = $('#inspector_file_list')[0];
    … …  
    460708        data.elements.trackers_list  = $('#inspector_trackers_list')[0];
    461709
    462         data.elements.availability   = $(ti+'availability')[0];
    463         data.elements.comment        = $(ti+'comment')[0];
    464         data.elements.date           = $(ti+'creator_date')[0];
    465         data.elements.creator        = $(ti+'creator')[0];
    466         data.elements.directory      = $(ti+'download_dir')[0];
    467         data.elements.downloaded     = $(ti+'downloaded')[0];
    468         data.elements.download_from  = $(ti+'download_from')[0];
    469         data.elements.download_speed = $(ti+'download_speed')[0];
    470         data.elements.error          = $(ti+'error')[0];
    471         data.elements.hash           = $(ti+'hash')[0];
    472         data.elements.have           = $(ti+'have')[0];
    473         data.elements.name           = $(ti+'name')[0];
    474         data.elements.progress       = $(ti+'progress')[0];
    475         data.elements.ratio          = $(ti+'ratio')[0];
    476         data.elements.secure         = $(ti+'secure')[0];
    477         data.elements.size           = $(ti+'size')[0];
    478         data.elements.state          = $(ti+'state')[0];
    479         data.elements.pieces         = $(ti+'pieces')[0];
    480         data.elements.uploaded       = $(ti+'uploaded')[0];
    481         data.elements.upload_speed   = $(ti+'upload_speed')[0];
    482         data.elements.upload_to      = $(ti+'upload_to')[0];
     710        data.elements.have_lb           = $('#inspector-info-have')[0];
     711        data.elements.availability_lb   = $('#inspector-info-availability')[0];
     712        data.elements.downloaded_lb     = $('#inspector-info-downloaded')[0];
     713        data.elements.uploaded_lb       = $('#inspector-info-uploaded')[0];
     714        data.elements.state_lb          = $('#inspector-info-state')[0];
     715        data.elements.running_time_lb   = $('#inspector-info-running-time')[0];
     716        data.elements.remaining_time_lb = $('#inspector-info-remaining-time')[0];
     717        data.elements.last_activity_lb  = $('#inspector-info-last-activity')[0];
     718        data.elements.error_lb          = $('#inspector-info-error')[0];
     719        data.elements.size_lb           = $('#inspector-info-size')[0];
     720        data.elements.foldername_lb     = $('#inspector-info-location')[0];
     721        data.elements.hash_lb           = $('#inspector-info-hash')[0];
     722        data.elements.privacy_lb        = $('#inspector-info-privacy')[0];
     723        data.elements.origin_lb         = $('#inspector-info-origin')[0];
     724        data.elements.comment_lb        = $('#inspector-info-comment')[0];
     725        data.elements.name_lb           = $('#torrent_inspector_name')[0];
    483726
    484727        // force initial 'N/A' updates on all the pages
    485728        updateInspector();
    486729        updateInfoPage();
    487         updateActivityPage();
    488730        updatePeersPage();
    489731        updateTrackersPage();

  • trunk/web/javascript/torrent.js

    r12865 r13074  
    9494// fields used in the inspector which need to be periodically refreshed
    9595Torrent.Fields.StatsExtra = [
     96        'activityDate',
     97        'corruptEver',
    9698        'desiredAvailable',
    9799        'downloadDir',
    … …  
    102104        'peers',
    103105        'seedRatioLimit',
     106        'startDate',
    104107        'trackerStats',
    105108        'webseedsSendingToUs'
    … …  
    204207        getErrorString: function() { return this.fields.errorString; },
    205208        getETA: function() { return this.fields.eta; },
     209        getFailedEver: function(i) { return this.fields.corruptEver; },
    206210        getFile: function(i) { return this.fields.files[i]; },
    207211        getFileCount: function() { return this.fields.files ? this.fields.files.length : 0; },
    208212        getHashString: function() { return this.fields.hashString; },
     213        getHave: function() { return this.getHaveValid() + this.getHaveUnchecked() },
     214        getHaveUnchecked: function() { return this.fields.haveUnchecked; },
    209215        getHaveValid: function() { return this.fields.haveValid; },
    210         getHave: function() { return this.getHaveValid() + this.fields.haveUnchecked; },
    211216        getId: function() { return this.fields.id; },
     217        getLastActivity: function() { return this.fields.activityDate; },
    212218        getLeftUntilDone: function() { return this.fields.leftUntilDone; },
    213219        getMetadataPercentComplete: function() { return this.fields.metadataPercentComplete; },
    … …  
    225231        getSeedRatioMode: function() { return this.fields.seedRatioMode; },
    226232        getSizeWhenDone: function() { return this.fields.sizeWhenDone; },
     233        getStartDate: function() { return this.fields.startDate; },
    227234        getStatus: function() { return this.fields.status; },
    228235        getTotalSize: function() { return this.fields.totalSize; },

  • trunk/web/style/transmission/common.css

    r13063 r13074  
    1 /*--------------------------------------
    2  *
    3  * G L O B A L
    4  *
    5  *--------------------------------------*/
    6 html {
    7   margin: 0;
    8   padding: 0;
    9   height: 100%; }
    10 
    11 body {
    12   font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    13   /* Resets 1em to 10px */
    14   color: #222;
    15   /* !important; */
    16   background: #FFF;
    17   text-align: center;
    18   margin: 0 0 30px;
    19   overflow: hidden; }
    20   body img {
    21     border: none; }
    22   body a {
    23     outline: 0; }
     1/*--------------------------------------  G L O B A L  --------------------------------------*/
     2html { margin: 0; padding: 0; height: 100%; }
     3
     4body { font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */ color: #222; /* !important; */ background: #FFF; text-align: center; margin: 0 0 30px; overflow: hidden; }
     5body img { border: none; }
     6body a { outline: 0; }
    247
    258/***
    … …  
    2811****
    2912***/
    30 #about-dialog > * {
    31   text-align: center; }
    32 #about-dialog > #about-logo {
    33   background: transparent url("images/logo.png") top left no-repeat;
    34   width: 64px;
    35   height: 64px;
    36   margin-left: 100px; }
    37 #about-dialog > #about-title {
    38   font-size: 1.3em;
    39   font-weight: bold; }
     13#about-dialog > * { text-align: center; }
     14#about-dialog > #about-logo { background: transparent url("images/logo.png") top left no-repeat; width: 64px; height: 64px; margin-left: 100px; }
     15#about-dialog > #about-title { font-size: 1.3em; font-weight: bold; }
    4016
    4117/***
    … …  
    4420****
    4521***/
    46 div#toolbar {
    47   width: 100%;
    48   height: 35px;
    49   margin: 0px;
    50   padding: 2px;
    51   border-bottom: 1px solid #AAA;
    52   background: url("images/red-texture.png") repeat; }
    53   div#toolbar > * {
    54     cursor: pointer;
    55     -moz-user-select: none;
    56     -webkit-user-select: none;
    57     display: inline-block;
    58     border-style: solid;
    59     border-color: #aaa;
    60     border-width: 1px;
    61     padding: 3px;
    62     margin-top: 5px;
    63     width: 18px;
    64     height: 18px;
    65     padding: 2px 8px;
    66     float: left;
    67     border: 1px solid #888; }
    68   div#toolbar div#toolbar-open {
    69     -moz-border-radius-topleft: 5px;
    70     -moz-border-radius-bottomleft: 5px;
    71     border-top-left-radius: 5px;
    72     border-bottom-left-radius: 5px;
    73     background-color: #dddddd;
    74     background-image: url("images/toolbar-folder.png");
    75     /* fallback */
    76     background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    77     /* Saf4+, Chrome */
    78     background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    79     /* Chrome 10+, Saf5.1+ */
    80     background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb);
    81     /* FF3.6+ */
    82     background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb);
    83     /* IE10 */
    84     background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb);
    85     /* Opera 11.10+ */
    86     background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb);
    87     /* W3C */
    88     background-position: center;
    89     background-repeat: no-repeat;
    90     margin-left: 4px; }
    91     div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected {
    92       background-color: #eedddd;
    93       background-image: url("images/toolbar-folder.png");
    94       /* fallback */
    95       background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    96       /* Saf4+, Chrome */
    97       background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    98       /* Chrome 10+, Saf5.1+ */
    99       background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white);
    100       /* FF3.6+ */
    101       background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white);
    102       /* IE10 */
    103       background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white);
    104       /* Opera 11.10+ */
    105       background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white);
    106       /* W3C */
    107       background-position: center;
    108       background-repeat: no-repeat; }
    109   div#toolbar > div#toolbar-remove {
    110     -moz-border-radius-topright: 5px;
    111     -moz-border-radius-bottomright: 5px;
    112     border-top-right-radius: 5px;
    113     border-bottom-right-radius: 5px;
    114     background-color: #dddddd;
    115     background-image: url("images/toolbar-close.png");
    116     /* fallback */
    117     background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    118     /* Saf4+, Chrome */
    119     background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    120     /* Chrome 10+, Saf5.1+ */
    121     background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb);
    122     /* FF3.6+ */
    123     background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb);
    124     /* IE10 */
    125     background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb);
    126     /* Opera 11.10+ */
    127     background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb);
    128     /* W3C */
    129     background-position: center;
    130     background-repeat: no-repeat; }
    131     div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected {
    132       background-color: #eedddd;
    133       background-image: url("images/toolbar-close.png");
    134       /* fallback */
    135       background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    136       /* Saf4+, Chrome */
    137       background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    138       /* Chrome 10+, Saf5.1+ */
    139       background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white);
    140       /* FF3.6+ */
    141       background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white);
    142       /* IE10 */
    143       background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white);
    144       /* Opera 11.10+ */
    145       background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white);
    146       /* W3C */
    147       background-position: center;
    148       background-repeat: no-repeat; }
    149   div#toolbar > div#toolbar-start {
    150     -moz-border-radius-topleft: 5px;
    151     -moz-border-radius-bottomleft: 5px;
    152     border-top-left-radius: 5px;
    153     border-bottom-left-radius: 5px;
    154     background-color: #dddddd;
    155     background-image: url("images/toolbar-start.png");
    156     /* fallback */
    157     background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    158     /* Saf4+, Chrome */
    159     background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    160     /* Chrome 10+, Saf5.1+ */
    161     background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb);
    162     /* FF3.6+ */
    163     background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb);
    164     /* IE10 */
    165     background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb);
    166     /* Opera 11.10+ */
    167     background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb);
    168     /* W3C */
    169     background-position: center;
    170     background-repeat: no-repeat;
    171     margin-left: 20px; }
    172     div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected {
    173       background-color: #eedddd;
    174       background-image: url("images/toolbar-start.png");
    175       /* fallback */
    176       background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    177       /* Saf4+, Chrome */
    178       background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    179       /* Chrome 10+, Saf5.1+ */
    180       background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white);
    181       /* FF3.6+ */
    182       background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white);
    183       /* IE10 */
    184       background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white);
    185       /* Opera 11.10+ */
    186       background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white);
    187       /* W3C */
    188       background-position: center;
    189       background-repeat: no-repeat; }
    190   div#toolbar > div#toolbar-pause {
    191     -moz-border-radius-topright: 5px;
    192     -moz-border-radius-bottomright: 5px;
    193     border-top-right-radius: 5px;
    194     border-bottom-right-radius: 5px;
    195     background-color: #dddddd;
    196     background-image: url("images/toolbar-pause.png");
    197     /* fallback */
    198     background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    199     /* Saf4+, Chrome */
    200     background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    201     /* Chrome 10+, Saf5.1+ */
    202     background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb);
    203     /* FF3.6+ */
    204     background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb);
    205     /* IE10 */
    206     background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb);
    207     /* Opera 11.10+ */
    208     background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb);
    209     /* W3C */
    210     background-position: center;
    211     background-repeat: no-repeat; }
    212     div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected {
    213       background-color: #eedddd;
    214       background-image: url("images/toolbar-pause.png");
    215       /* fallback */
    216       background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    217       /* Saf4+, Chrome */
    218       background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    219       /* Chrome 10+, Saf5.1+ */
    220       background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white);
    221       /* FF3.6+ */
    222       background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white);
    223       /* IE10 */
    224       background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white);
    225       /* Opera 11.10+ */
    226       background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white);
    227       /* W3C */
    228       background-position: center;
    229       background-repeat: no-repeat; }
    230   div#toolbar > div#toolbar-select {
    231     -moz-border-radius: 5px;
    232     border-radius: 5px;
    233     background-color: #dddddd;
    234     background-image: url("images/toolbar-pointer.png");
    235     /* fallback */
    236     background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    237     /* Saf4+, Chrome */
    238     background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    239     /* Chrome 10+, Saf5.1+ */
    240     background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb);
    241     /* FF3.6+ */
    242     background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb);
    243     /* IE10 */
    244     background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb);
    245     /* Opera 11.10+ */
    246     background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb);
    247     /* W3C */
    248     background-position: center;
    249     background-repeat: no-repeat;
    250     margin-left: 20px; }
    251     div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected {
    252       background-color: #eedddd;
    253       background-image: url("images/toolbar-pointer.png");
    254       /* fallback */
    255       background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    256       /* Saf4+, Chrome */
    257       background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    258       /* Chrome 10+, Saf5.1+ */
    259       background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white);
    260       /* FF3.6+ */
    261       background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white);
    262       /* IE10 */
    263       background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white);
    264       /* Opera 11.10+ */
    265       background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white);
    266       /* W3C */
    267       background-position: center;
    268       background-repeat: no-repeat; }
    269   div#toolbar > div#toolbar-inspector {
    270     -moz-border-radius: 5px;
    271     border-radius: 5px;
    272     background-color: #dddddd;
    273     background-image: url("images/toolbar-info.png");
    274     /* fallback */
    275     background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    276     /* Saf4+, Chrome */
    277     background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    278     /* Chrome 10+, Saf5.1+ */
    279     background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
    280     /* FF3.6+ */
    281     background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
    282     /* IE10 */
    283     background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb);
    284     /* Opera 11.10+ */
    285     background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb);
    286     /* W3C */
    287     background-position: center;
    288     background-repeat: no-repeat;
    289     float: right;
    290     margin-right: 8px; }
    291     div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected {
    292       background-color: #eedddd;
    293       background-image: url("images/toolbar-info.png");
    294       /* fallback */
    295       background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    296       /* Saf4+, Chrome */
    297       background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    298       /* Chrome 10+, Saf5.1+ */
    299       background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
    300       /* FF3.6+ */
    301       background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
    302       /* IE10 */
    303       background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white);
    304       /* Opera 11.10+ */
    305       background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white);
    306       /* W3C */
    307       background-position: center;
    308       background-repeat: no-repeat; }
    309   div#toolbar > *.disabled {
    310     opacity: 0.25; }
     22div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; }
     23div#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; }
     24div#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; }
     25div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, 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; }
     26div#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; }
     27div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, 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; }
     28div#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; }
     29div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, 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; }
     30div#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; }
     31div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, 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; }
     32div#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; }
     33div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, 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; }
     34div#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; }
     35div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, 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; }
     36div#toolbar > *.disabled { opacity: 0.25; }
    31137
    31238/***
    … …  
    31541****
    31642***/
    317 #statusbar {
    318   height: 24px;
    319   width: 100%;
    320   border-bottom: 1px solid #AAA;
    321   overflow: hidden;
    322   position: relative;
    323   background-color: #cccccc;
    324   background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    325   background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    326   background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    327   background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    328   background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    329   background-image: linear-gradient(top, #dddddd, #bbbbbb); }
    330   #statusbar #speed-info {
    331     margin-top: 5px;
    332     margin-left: 45%;
    333     text-align: left; }
    334     #statusbar #speed-info * {
    335       display: inline-block; }
    336     #statusbar #speed-info #speed-up-icon {
    337       margin-left: 8px;
    338       width: 8px;
    339       height: 8px;
    340       background: url("images/arrow-up.png") bottom no-repeat; }
    341     #statusbar #speed-info #speed-dn-icon {
    342       width: 8px;
    343       height: 8px;
    344       background: url("images/arrow-down.png") bottom no-repeat; }
    345     #statusbar #speed-info #speed-up-container {
    346       display: none; }
    347       #statusbar #speed-info #speed-up-container.active {
    348         display: inline; }
    349     #statusbar #speed-info #speed-dn-container {
    350       display: none; }
    351       #statusbar #speed-info #speed-dn-container.active {
    352         display: inline; }
    353   #statusbar #filter-button {
    354     float: left;
    355     text-shadow: 0 1px 0 #ccc;
    356     margin: 5px 8px;
    357     -moz-user-select: none;
    358     -webkit-user-select: none; }
    359     #statusbar #filter-button:hover {
    360       cursor: pointer; }
    361     #statusbar #filter-button #filter-button .filter-selection {
    362       text-decoration: underline; }
    363   #statusbar input#torrent_search {
    364     float: right;
    365     height: 15px;
    366     width: 100px;
    367     border: solid 0 #fff;
    368     padding: 2px;
    369     margin: 4px 5px 0 0;
    370     border-radius: 10px; }
    371     #statusbar input#torrent_search.blur {
    372       color: #999; }
     43#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); }
     44#statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; }
     45#statusbar #speed-info * { display: inline-block; }
     46#statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; }
     47#statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; }
     48#statusbar #speed-info #speed-up-container { display: none; }
     49#statusbar #speed-info #speed-up-container.active { display: inline; }
     50#statusbar #speed-info #speed-dn-container { display: none; }
     51#statusbar #speed-info #speed-dn-container.active { display: inline; }
     52#statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; }
     53#statusbar #filter-button:hover { cursor: pointer; }
     54#statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; }
     55#statusbar input#torrent_search { float: right; height: 15px; width: 100px; border: solid 0 #fff; padding: 2px; margin: 4px 5px 0 0; border-radius: 10px; }
     56#statusbar input#torrent_search.blur { color: #999; }
    37357
    37458/***
    … …  
    37761****
    37862***/
    379 #filter-popup {
    380   color: #222;
    381   /* !important; */
    382   background: #FFF;
    383   z-index: 100; }
    384   #filter-popup li {
    385     text-align: left; }
    386   #filter-popup .count {
    387     padding-left: 3px; }
    388   #filter-popup .row {
    389     text-align: left;
    390     cursor: pointer;
    391     margin: 8px 2px;
    392     position: relative;
    393     height: 18px;
    394     -moz-user-select: none;
    395     -webkit-user-select: none; }
    396     #filter-popup .row .filter-img {
    397       border: none;
    398       width: 16px;
    399       height: 16px;
    400       position: absolute;
    401       left: 0px; }
    402     #filter-popup .row .filter-name {
    403       position: absolute;
    404       left: 20px; }
    405     #filter-popup .row .count {
    406       float: right;
    407       color: #aaa; }
    408     #filter-popup .row:hover, #filter-popup .row.selected {
    409       font-weight: bold; }
    410   #filter-popup #filter-by-state {
    411     float: left;
    412     width: 120px;
    413     overflow: hidden;
    414     text-overflow: ellipsis; }
    415     #filter-popup #filter-by-state .row .filter-img {
    416       display: none; }
    417     #filter-popup #filter-by-state .row .filter-name {
    418       left: 0px; }
    419   #filter-popup #filter-by-tracker {
    420     float: right;
    421     width: 130px;
    422     overflow: hidden;
    423     text-overflow: ellipsis; }
     63#filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; }
     64#filter-popup li { text-align: left; }
     65#filter-popup .count { padding-left: 3px; }
     66#filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; }
     67#filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; }
     68#filter-popup .row .filter-name { position: absolute; left: 20px; }
     69#filter-popup .row .count { float: right; color: #aaa; }
     70#filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; }
     71#filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; }
     72#filter-popup #filter-by-state .row .filter-img { display: none; }
     73#filter-popup #filter-by-state .row .filter-name { left: 0px; }
     74#filter-popup #filter-by-tracker { float: right; width: 130px; overflow: hidden; text-overflow: ellipsis; }
    42475
    42576/***
    … …  
    42879****
    42980***/
    430 div#torrent_container {
    431   position: fixed;
    432   top: 65px;
    433   bottom: 22px;
    434   right: 0px;
    435   left: 0px;
    436   padding: 0px;
    437   margin: 0px;
    438   overflow: auto; }
    439 
    440 ul.torrent_list {
    441   width: 100%;
    442   margin: 0;
    443   padding: 0;
    444   text-align: left;
    445   cursor: pointer;
    446   /**
    447    * Progressbar
    448    *
    449    * Each progressbar has three elemens: a parent container and two children,
    450    * complete and incomplete.
    451    *
    452    * The only thing needed to set the progressbar percentage is to set
    453    * the complete child's width as a percentage. This is because incomplete
    454    * is pinned to the full width and height of the parent, and complete
    455    * is pinned to the left side of the parent and has a higher z-index.
    456    *
    457    * The progressbar has different colors depending on its state, so there
    458    * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
    459    */ }
    460   ul.torrent_list li.torrent {
    461     border-bottom: 1px solid #ccc;
    462     padding: 4px 30px 5px 14px;
    463     color: #666;
    464     background-color: white; }
    465     ul.torrent_list li.torrent.compact {
    466       padding: 4px; }
    467     ul.torrent_list li.torrent.even {
    468       background-color: #F7F7F7; }
    469     ul.torrent_list li.torrent.selected {
    470       background-color: #ffe4e1; }
    471     ul.torrent_list li.torrent.compact div.torrent_name {
    472       color: black; }
    473     ul.torrent_list li.torrent a {
    474       float: right;
    475       position: relative;
    476       right: -22px;
    477       top: 1px; }
    478       ul.torrent_list li.torrent a img {
    479         position: relative;
    480         right: -10px; }
    481       ul.torrent_list li.torrent a div {
    482         background: url("images/buttons/torrent_buttons.png");
    483         height: 14px;
    484         width: 14px; }
    485       ul.torrent_list li.torrent a div.torrent_pause {
    486         background-position: left top; }
    487       ul.torrent_list li.torrent a div.torrent_resume {
    488         background-position: center top; }
    489       ul.torrent_list li.torrent a:active div.torrent_pause {
    490         background-position: left bottom; }
    491       ul.torrent_list li.torrent a:active div.torrent_resume {
    492         background-position: center bottom; }
    493       ul.torrent_list li.torrent a:hover div.torrent_pause {
    494         background-position: left center; }
    495       ul.torrent_list li.torrent a:hover div.torrent_resume {
    496         background-position: center center; }
    497     ul.torrent_list li.torrent div.torrent_name {
    498       font-size: 1.3em;
    499       font-weight: bold;
    500       overflow: hidden;
    501       text-overflow: ellipsis;
    502       white-space: nowrap;
    503       color: #222;
    504       margin-top: 2px;
    505       margin-bottom: 2px; }
    506       ul.torrent_list li.torrent div.torrent_name.compact {
    507         font-size: 1.0em;
    508         font-weight: normal; }
    509       ul.torrent_list li.torrent div.torrent_name.paused {
    510         font-weight: normal;
    511         color: #777; }
    512     ul.torrent_list li.torrent div.torrent_progress_details,
    513     ul.torrent_list li.torrent div.torrent_peer_details {
    514       clear: left;
    515       overflow: hidden;
    516       text-overflow: ellipsis;
    517       white-space: nowrap; }
    518     ul.torrent_list li.torrent div.torrent_progress_details.error,
    519     ul.torrent_list li.torrent div.torrent_peer_details.error {
    520       color: #F00; }
    521     ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
    522       color: #FFF; }
    523   ul.torrent_list div.torrent_progress_bar_container {
    524     height: 10px;
    525     position: relative; }
    526     ul.torrent_list div.torrent_progress_bar_container.compact {
    527       width: 50px;
    528       position: absolute;
    529       right: 10px;
    530       margin-top: 2px;
    531       /*float: right;*/ }
    532     ul.torrent_list div.torrent_progress_bar_container.full {
    533       margin-top: 2px;
    534       margin-bottom: 5px; }
    535   ul.torrent_list div.torrent_peer_details.compact {
    536     margin-top: 2px;
    537     margin-right: 65px;
    538     /* leave room on the right for the progressbar */
    539     float: right;
    540     /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
    541   ul.torrent_list div.torrent_progress_bar {
    542     height: 100%;
    543     position: absolute;
    544     top: 0px;
    545     left: 0px;
    546     background-image: url("images/progress.png");
    547     background-repeat: repeat-x;
    548     border: 1px solid #888; }
    549     ul.torrent_list div.torrent_progress_bar.complete {
    550       z-index: 2; }
    551     ul.torrent_list div.torrent_progress_bar.complete.paused {
    552       background-position: left -30px;
    553       border-color: #989898; }
    554     ul.torrent_list div.torrent_progress_bar.complete.magnet {
    555       background-position: left -20px;
    556       border-color: #CFCFCF; }
    557     ul.torrent_list div.torrent_progress_bar.complete.leeching {
    558       background-position: left   0px;
    559       border-color: #3D9DEA; }
    560     ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
    561       background-position: left -70px;
    562       border-color: #889CA5; }
    563     ul.torrent_list div.torrent_progress_bar.complete.seeding {
    564       background-position: left -40px;
    565       border-color: #269E30; }
    566     ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
    567       background-position: left -60px;
    568       border-color: #8A998D; }
    569     ul.torrent_list div.torrent_progress_bar.incomplete {
    570       z-index: 1;
    571       width: 100%; }
    572     ul.torrent_list div.torrent_progress_bar.incomplete.paused {
    573       background-position: left -20px;
    574       border-color: #CFCFCF; }
    575     ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
    576       background-position: left -50px;
    577       border-color: #D47778; }
    578     ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
    579       background-position: left -20px;
    580       border-color: #CFCFCF; }
    581     ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
    582       background-position: left -80px;
    583       border-color: #C4C4C4; }
    584     ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
    585       background-position: left -10px;
    586       border-color: #29AD35; }
     81div#torrent_container { position: fixed; top: 65px; bottom: 22px; right: 0px; left: 0px; padding: 0px; margin: 0px; overflow: auto; }
     82
     83ul.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. */ }
     84ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 14px; color: #666; background-color: white; }
     85ul.torrent_list li.torrent.compact { padding: 4px; }
     86ul.torrent_list li.torrent.even { background-color: #F7F7F7; }
     87ul.torrent_list li.torrent.selected { background-color: #ffe4e1; }
     88ul.torrent_list li.torrent.compact div.torrent_name { color: black; }
     89ul.torrent_list li.torrent a { float: right; position: relative; right: -22px; top: 1px; }
     90ul.torrent_list li.torrent a img { position: relative; right: -10px; }
     91ul.torrent_list li.torrent a div { background: url("images/buttons/torrent_buttons.png"); height: 14px; width: 14px; }
     92ul.torrent_list li.torrent a div.torrent_pause { background-position: left top; }
     93ul.torrent_list li.torrent a div.torrent_resume { background-position: center top; }
     94ul.torrent_list li.torrent a:active div.torrent_pause { background-position: left bottom; }
     95ul.torrent_list li.torrent a:active div.torrent_resume { background-position: center bottom; }
     96ul.torrent_list li.torrent a:hover div.torrent_pause { background-position: left center; }
     97ul.torrent_list li.torrent a:hover div.torrent_resume { background-position: center center; }
     98ul.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; }
     99ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; }
     100ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; }
     101ul.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; }
     102ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; }
     103ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; }
     104ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; }
     105ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ }
     106ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; }
     107ul.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 */ }
     108ul.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; }
     109ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; }
     110ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; }
     111ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; }
     112ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left   0px; border-color: #3D9DEA; }
     113ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; }
     114ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; }
     115ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; }
     116ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; }
     117ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; }
     118ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; }
     119ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; }
     120ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
     121ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; }
    587122
    588123/***
    … …  
    591126****
    592127***/
    593 #prefs-dialog.ui-tabs .ui-tabs-panel {
    594   padding: 0px;
    595   -moz-user-select: none;
    596   -webkit-user-select: none; }
    597 
    598 .prefs-section {
    599   margin: 10px;
    600   text-align: left; }
    601   .prefs-section > * {
    602     padding-top: 8px;
    603     padding-left: 8px; }
    604   .prefs-section .title {
    605     font-weight: bold;
    606     padding-left: 0px; }
    607   .prefs-section .row .key {
    608     float: left;
    609     padding-top: 3px; }
    610     .prefs-section .row .key > * {
    611       margin-left: 0px; }
    612   .prefs-section .row .value {
    613     margin-left: 150px; }
    614     .prefs-section .row .value > * {
    615       width: 100%; }
    616   .prefs-section .checkbox-row > input {
    617     margin: 0px; }
    618   .prefs-section .checkbox-row > label {
    619     margin-left: 5px; }
    620   .prefs-section #alternative-speed-limits-title {
    621     padding-left: 18px;
    622     background: transparent url("images/blue-turtle.png") no-repeat; }
     128#prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
     129
     130.prefs-section { margin: 10px; text-align: left; }
     131.prefs-section > * { padding-top: 8px; padding-left: 8px; }
     132.prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; }
     133.prefs-section .row .key { float: left; padding-top: 3px; }
     134.prefs-section .row .key > * { margin-left: 0px; }
     135.prefs-section .row .value { margin-left: 150px; }
     136.prefs-section .row .value > * { width: 100%; }
     137.prefs-section .checkbox-row > input { margin: 0px; }
     138.prefs-section .checkbox-row > label { margin-left: 5px; }
     139.prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; }
    623140
    624141/***
    … …  
    627144****
    628145***/
    629 div#torrent_inspector {
    630   overflow: auto;
    631   text-align: left;
    632   padding: 15px;
    633   top: 65px;
    634   position: fixed;
    635   width: 570px;
    636   z-index: 5;
    637   border-left: 1px solid #888;
    638   bottom: 22px;
    639   right: 0px;
    640   /* Files Inspector Tab */ }
    641   div#torrent_inspector #inspector-close {
    642     display: none; }
    643   div#torrent_inspector #inspector-tabs-wrapper {
    644     width: 100%;
    645     overflow: hidden;
    646     text-align: center; }
    647     div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
    648       display: inline-block; }
    649       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
    650         cursor: pointer;
    651         -moz-user-select: none;
    652         -webkit-user-select: none;
    653         display: inline-block;
    654         border-style: solid;
    655         border-color: #aaa;
    656         border-width: 1px;
    657         padding: 3px;
    658         width: 30px;
    659         height: 20px; }
    660       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
    661         -moz-border-radius-topleft: 5px;
    662         -moz-border-radius-bottomleft: 5px;
    663         border-top-left-radius: 5px;
    664         border-bottom-left-radius: 5px;
    665         background-color: #dddddd;
    666         background-image: url("images/inspector-info.png");
    667         /* fallback */
    668         background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    669         /* Saf4+, Chrome */
    670         background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    671         /* Chrome 10+, Saf5.1+ */
    672         background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
    673         /* FF3.6+ */
    674         background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
    675         /* IE10 */
    676         background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
    677         /* Opera 11.10+ */
    678         background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb);
    679         /* W3C */
    680         background-position: center;
    681         background-repeat: no-repeat;
    682         border-left-width: 1px; }
    683         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 {
    684           background-color: #eedddd;
    685           background-image: url("images/inspector-info.png");
    686           /* fallback */
    687           background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    688           /* Saf4+, Chrome */
    689           background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    690           /* Chrome 10+, Saf5.1+ */
    691           background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
    692           /* FF3.6+ */
    693           background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
    694           /* IE10 */
    695           background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white);
    696           /* Opera 11.10+ */
    697           background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white);
    698           /* W3C */
    699           background-position: center;
    700           background-repeat: no-repeat; }
    701       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity {
    702         background-color: #dddddd;
    703         background-image: url("images/inspector-activity.png");
    704         /* fallback */
    705         background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    706         /* Saf4+, Chrome */
    707         background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    708         /* Chrome 10+, Saf5.1+ */
    709         background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, white, #bbbbbb);
    710         /* FF3.6+ */
    711         background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, white, #bbbbbb);
    712         /* IE10 */
    713         background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, white, #bbbbbb);
    714         /* Opera 11.10+ */
    715         background-image: url("images/inspector-activity.png"), linear-gradient(top, white, #bbbbbb);
    716         /* W3C */
    717         background-position: center;
    718         background-repeat: no-repeat; }
    719         div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity.selected {
    720           background-color: #eedddd;
    721           background-image: url("images/inspector-activity.png");
    722           /* fallback */
    723           background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    724           /* Saf4+, Chrome */
    725           background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    726           /* Chrome 10+, Saf5.1+ */
    727           background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #ddbbbb, white);
    728           /* FF3.6+ */
    729           background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #ddbbbb, white);
    730           /* IE10 */
    731           background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #ddbbbb, white);
    732           /* Opera 11.10+ */
    733           background-image: url("images/inspector-activity.png"), linear-gradient(top, #ddbbbb, white);
    734           /* W3C */
    735           background-position: center;
    736           background-repeat: no-repeat; }
    737       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
    738         background-color: #dddddd;
    739         background-image: url("images/inspector-peers.png");
    740         /* fallback */
    741         background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    742         /* Saf4+, Chrome */
    743         background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    744         /* Chrome 10+, Saf5.1+ */
    745         background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
    746         /* FF3.6+ */
    747         background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
    748         /* IE10 */
    749         background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
    750         /* Opera 11.10+ */
    751         background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb);
    752         /* W3C */
    753         background-position: center;
    754         background-repeat: no-repeat; }
    755         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 {
    756           background-color: #eedddd;
    757           background-image: url("images/inspector-peers.png");
    758           /* fallback */
    759           background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    760           /* Saf4+, Chrome */
    761           background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    762           /* Chrome 10+, Saf5.1+ */
    763           background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white);
    764           /* FF3.6+ */
    765           background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white);
    766           /* IE10 */
    767           background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white);
    768           /* Opera 11.10+ */
    769           background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white);
    770           /* W3C */
    771           background-position: center;
    772           background-repeat: no-repeat; }
    773       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
    774         background-color: #dddddd;
    775         background-image: url("images/inspector-trackers.png");
    776         /* fallback */
    777         background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    778         /* Saf4+, Chrome */
    779         background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    780         /* Chrome 10+, Saf5.1+ */
    781         background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
    782         /* FF3.6+ */
    783         background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
    784         /* IE10 */
    785         background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
    786         /* Opera 11.10+ */
    787         background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb);
    788         /* W3C */
    789         background-position: center;
    790         background-repeat: no-repeat; }
    791         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 {
    792           background-color: #eedddd;
    793           background-image: url("images/inspector-trackers.png");
    794           /* fallback */
    795           background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    796           /* Saf4+, Chrome */
    797           background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    798           /* Chrome 10+, Saf5.1+ */
    799           background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white);
    800           /* FF3.6+ */
    801           background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white);
    802           /* IE10 */
    803           background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white);
    804           /* Opera 11.10+ */
    805           background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white);
    806           /* W3C */
    807           background-position: center;
    808           background-repeat: no-repeat; }
    809       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
    810         -moz-border-radius-topright: 5px;
    811         -moz-border-radius-bottomright: 5px;
    812         border-top-right-radius: 5px;
    813         border-bottom-right-radius: 5px;
    814         background-color: #dddddd;
    815         background-image: url("images/inspector-files.png");
    816         /* fallback */
    817         background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    818         /* Saf4+, Chrome */
    819         background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    820         /* Chrome 10+, Saf5.1+ */
    821         background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
    822         /* FF3.6+ */
    823         background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
    824         /* IE10 */
    825         background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
    826         /* Opera 11.10+ */
    827         background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb);
    828         /* W3C */
    829         background-position: center;
    830         background-repeat: no-repeat; }
    831         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 {
    832           background-color: #eedddd;
    833           background-image: url("images/inspector-files.png");
    834           /* fallback */
    835           background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    836           /* Saf4+, Chrome */
    837           background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    838           /* Chrome 10+, Saf5.1+ */
    839           background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white);
    840           /* FF3.6+ */
    841           background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white);
    842           /* IE10 */
    843           background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white);
    844           /* Opera 11.10+ */
    845           background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white);
    846           /* W3C */
    847           background-position: center;
    848           background-repeat: no-repeat; }
    849   div#torrent_inspector #inspector_header {
    850     margin-top: 8px; }
    851     div#torrent_inspector #inspector_header #torrent_inspector_name {
    852       font-weight: bold;
    853       font-size: large; }
    854   div#torrent_inspector .inspector_group {
    855     display: table;
    856     width: 100%;
    857     border-top: 1px solid #888;
    858     margin: 10px 0px;
    859     padding: 10px 0px;
    860     /* Trackers Inspector Tab */ }
    861     div#torrent_inspector .inspector_group .inspector_group_label {
    862       display: table-header-group;
    863       font-weight: bold; }
    864     div#torrent_inspector .inspector_group .inspector_row {
    865       display: table-row; }
    866       div#torrent_inspector .inspector_group .inspector_row > .inspector_label {
    867         display: table-cell;
    868         width: 100px;
    869         /* this + the next 380 == inspector_container_with */ }
    870       div#torrent_inspector .inspector_group .inspector_row > div {
    871         padding-top: 10px;
    872         width: 380px;
    873         /* inspector_container_width==480 - inspector_label_width==100 */ }
    874     div#torrent_inspector .inspector_group #inspector_trackers_list {
    875       padding: 0 0 0 0;
    876       margin: 0 0 0 0;
    877       text-align: left;
    878       cursor: default;
    879       overflow: hidden; }
    880       div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group {
    881         padding-bottom: 0;
    882         margin-bottom: 0; }
    883   div#torrent_inspector ul.tier_list {
    884     margin: 2px 0 8px 0;
    885     width: 100%;
    886     padding-left: 0px;
    887     text-align: left;
    888     display: block;
    889     cursor: default;
    890     list-style-type: none;
    891     list-style: none;
    892     list-style-image: none;
    893     clear: both; }
    894     div#torrent_inspector ul.tier_list li {
    895       overflow: hidden; }
    896     div#torrent_inspector ul.tier_list .tracker_activity {
    897       float: left;
    898       color: #666;
    899       width: 330px;
    900       display: table;
    901       margin-top: 1px; }
    902     div#torrent_inspector ul.tier_list .tracker_activity div {
    903       padding: 2px; }
    904     div#torrent_inspector ul.tier_list table {
    905       float: right;
    906       color: #666; }
    907     div#torrent_inspector ul.tier_list th {
    908       text-align: right; }
    909   div#torrent_inspector li.inspector_tracker_entry {
    910     padding: 3px 0 3px 2px;
    911     display: block; }
    912     div#torrent_inspector li.inspector_tracker_entry.odd {
    913       background-color: #EEEEEE; }
    914   div#torrent_inspector div.tracker_host {
    915     font-size: 1.2em;
    916     font-weight: bold;
    917     color: #222; }
    918   div#torrent_inspector #inspector_file_list {
    919     padding: 0 0 0 0;
    920     margin: 0 0 0 0;
    921     text-align: left;
    922     cursor: default;
    923     overflow: hidden; }
    924   div#torrent_inspector #inspector_file_list {
    925     border-top: 1px solid #888;
    926     width: 100%;
    927     margin: 6px 0 0 0;
    928     padding-top: 6px;
    929     padding-bottom: 10px;
    930     text-align: left;
    931     display: block;
    932     cursor: default;
    933     list-style-type: none;
    934     list-style: none;
    935     list-style-image: none;
    936     clear: both; }
    937   div#torrent_inspector li.inspector_torrent_file_list_entry {
    938     padding: 3px 0 3px 2px;
    939     display: block; }
    940     div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
    941       color: #666; }
    942     div#torrent_inspector li.inspector_torrent_file_list_entry.even {
    943       background-color: #F7F7F7; }
    944   div#torrent_inspector div.inspector_torrent_file_list_entry_name {
    945     font-size: 1.2em;
    946     color: black;
    947     display: inline;
    948     margin-left: 0px; }
    949   div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
    950     color: #999; }
    951   div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
    952     color: #999;
    953     margin-left: 20px; }
    954   div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
    955     background-position: left top; }
    956   div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
    957     background-position: left -19px; }
    958   div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
    959   div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
    960     background-position: left -38px;
    961     cursor: default; }
     146div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 65px; position: fixed; width: 570px; z-index: 5; border-left: 1px solid #888; bottom: 22px; right: 0px; /* Files Inspector Tab */ }
     147div#torrent_inspector #inspector-close { display: none; }
     148div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
     149div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; }
     150div#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; }
     151div#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; }
     152div#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 { 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; }
     153div#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; }
     154div#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 { 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; }
     155div#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; }
     156div#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 { 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; }
     157div#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; }
     158div#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 { 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; }
     159div#torrent_inspector #inspector_header { margin-top: 8px; }
     160div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; }
     161div#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; }
     162div#torrent_inspector ul.tier_list li { overflow: hidden; }
     163div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 330px; display: table; margin-top: 1px; }
     164div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; }
     165div#torrent_inspector ul.tier_list table { float: right; color: #666; }
     166div#torrent_inspector ul.tier_list th { text-align: right; }
     167div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; }
     168div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; }
     169div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; }
     170div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
     171div#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; }
     172div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
     173div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
     174div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
     175div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
     176div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
     177div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; }
     178div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; }
     179div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; }
     180div#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; }
    962181
    963182/* Peers Inspector Tab */
    964 #inspector_peers_list {
    965   padding: 0 0 0 0;
    966   margin: 0 0 0 0;
    967   text-align: left;
    968   cursor: default;
    969   overflow: hidden; }
    970   #inspector_peers_list > div.inspector_group {
    971     padding-bottom: 0;
    972     margin-bottom: 0; }
    973 
    974 table.peer_list {
    975   width: 100%;
    976   border-collapse: collapse;
    977   text-align: left;
    978   cursor: default;
    979   clear: both;
    980   table-layout: fixed; }
    981   table.peer_list .encryptedCol {
    982     width: 16px; }
    983   table.peer_list .upCol {
    984     width: 70px; }
    985   table.peer_list .downCol {
    986     width: 70px; }
    987   table.peer_list .percentCol {
    988     width: 30px;
    989     padding-right: 5px;
    990     text-align: right; }
    991   table.peer_list .statusCol {
    992     width: 40px;
    993     padding-right: 5px; }
    994   table.peer_list .addressCol {
    995     width: 180px; }
    996   table.peer_list .clientCol {
    997     white-space: nowrap;
    998     overflow: hidden;
    999     text-overflow: ellipsis; }
    1000 
    1001 tr.inspector_peer_entry div.encrypted-peer-cell {
    1002   width: 16px;
    1003   height: 16px;
    1004   background: transparent url("images/lock_icon.png") no-repeat; }
    1005 tr.inspector_peer_entry.odd {
    1006   background-color: #EEEEEE; }
     183#inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
     184#inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; }
     185
     186table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; }
     187table.peer_list .encryptedCol { width: 16px; }
     188table.peer_list .upCol { width: 70px; }
     189table.peer_list .downCol { width: 70px; }
     190table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; }
     191table.peer_list .statusCol { width: 40px; padding-right: 5px; }
     192table.peer_list .addressCol { width: 180px; }
     193table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
     194
     195tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; }
     196tr.inspector_peer_entry.odd { background-color: #EEEEEE; }
    1007197
    1008198/***
    1009199****  File Priority Buttons
    1010200***/
    1011 div.file-priority-radiobox {
    1012   display: inline;
    1013   float: right;
    1014   margin: 4px;
    1015   margin-top: 2px; }
    1016   div.file-priority-radiobox > * {
    1017     cursor: pointer;
    1018     -moz-user-select: none;
    1019     -webkit-user-select: none;
    1020     display: inline-block;
    1021     border-style: solid;
    1022     border-color: #aaa;
    1023     border-width: 1px;
    1024     padding: 3px;
    1025     width: 20px;
    1026     height: 12px; }
    1027   div.file-priority-radiobox > div.low {
    1028     -moz-border-radius-topleft: 5px;
    1029     -moz-border-radius-bottomleft: 5px;
    1030     border-top-left-radius: 5px;
    1031     border-bottom-left-radius: 5px;
    1032     background-color: #dcdcdc;
    1033     background-image: url("images/file-priority-low.png");
    1034     /* fallback */
    1035     background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    1036     /* Saf4+, Chrome */
    1037     background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    1038     /* Chrome 10+, Saf5.1+ */
    1039     background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    1040     /* FF3.6+ */
    1041     background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    1042     /* IE10 */
    1043     background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    1044     /* Opera 11.10+ */
    1045     background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
    1046     /* W3C */
    1047     background-position: center;
    1048     background-repeat: no-repeat;
    1049     border-right-width: 0px; }
    1050     div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected {
    1051       background-color: #eddcdc;
    1052       background-image: url("images/file-priority-low.png");
    1053       /* fallback */
    1054       background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
    1055       /* Saf4+, Chrome */
    1056       background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
    1057       /* Chrome 10+, Saf5.1+ */
    1058       background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
    1059       /* FF3.6+ */
    1060       background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
    1061       /* IE10 */
    1062       background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
    1063       /* Opera 11.10+ */
    1064       background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
    1065       /* W3C */
    1066       background-position: center;
    1067       background-repeat: no-repeat; }
    1068   div.file-priority-radiobox > div.normal {
    1069     background-color: #dcdcdc;
    1070     background-image: url("images/file-priority-normal.png");
    1071     /* fallback */
    1072     background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    1073     /* Saf4+, Chrome */
    1074     background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    1075     /* Chrome 10+, Saf5.1+ */
    1076     background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    1077     /* FF3.6+ */
    1078     background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    1079     /* IE10 */
    1080     background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    1081     /* Opera 11.10+ */
    1082     background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
    1083     /* W3C */
    1084     background-position: center;
    1085     background-repeat: no-repeat; }
    1086     div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected {
    1087       background-color: #eddcdc;
    1088       background-image: url("images/file-priority-normal.png");
    1089       /* fallback */
    1090       background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
    1091       /* Saf4+, Chrome */
    1092       background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
    1093       /* Chrome 10+, Saf5.1+ */
    1094       background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
    1095       /* FF3.6+ */
    1096       background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
    1097       /* IE10 */
    1098       background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
    1099       /* Opera 11.10+ */
    1100       background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
    1101       /* W3C */
    1102       background-position: center;
    1103       background-repeat: no-repeat; }
    1104   div.file-priority-radiobox > div.high {
    1105     -moz-border-radius-topright: 5px;
    1106     -moz-border-radius-bottomright: 5px;
    1107     border-top-right-radius: 5px;
    1108     border-bottom-right-radius: 5px;
    1109     background-color: #dcdcdc;
    1110     background-image: url("images/file-priority-high.png");
    1111     /* fallback */
    1112     background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    1113     /* Saf4+, Chrome */
    1114     background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    1115     /* Chrome 10+, Saf5.1+ */
    1116     background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    1117     /* FF3.6+ */
    1118     background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    1119     /* IE10 */
    1120     background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    1121     /* Opera 11.10+ */
    1122     background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
    1123     /* W3C */
    1124     background-position: center;
    1125     background-repeat: no-repeat;
    1126     border-left-width: 0px; }
    1127     div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected {
    1128       background-color: #eddcdc;
    1129       background-image: url("images/file-priority-high.png");
    1130       /* fallback */
    1131       background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
    1132       /* Saf4+, Chrome */
    1133       background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
    1134       /* Chrome 10+, Saf5.1+ */
    1135       background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
    1136       /* FF3.6+ */
    1137       background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
    1138       /* IE10 */
    1139       background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
    1140       /* Opera 11.10+ */
    1141       background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
    1142       /* W3C */
    1143       background-position: center;
    1144       background-repeat: no-repeat; }
     201div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
     202div.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; }
     203div.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; }
     204div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, 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; }
     205div.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; }
     206div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, 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; }
     207div.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; }
     208div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, 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; }
    1145209
    1146210/****
    … …  
    1149213*****
    1150214****/
    1151 div.torrent_footer {
    1152   height: 22px;
    1153   border-top: 1px solid #555;
    1154   bottom: 0;
    1155   position: fixed;
    1156   width: 100%;
    1157   z-index: 3;
    1158   background-color: #cccccc;
    1159   background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    1160   background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    1161   background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    1162   background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    1163   background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    1164   background-image: linear-gradient(top, #dddddd, #bbbbbb); }
    1165   div.torrent_footer > * {
    1166     float: left;
    1167     margin: 2px 4px;
    1168     width: 18px;
    1169     height: 12px;
    1170     padding: 2px 8px;
    1171     float: left;
    1172     border: 1px solid #888;
    1173     -moz-user-select: none;
    1174     -webkit-user-select: none; }
    1175   div.torrent_footer div.main_container {
    1176     -moz-border-radius: 5px;
    1177     border-radius: 5px;
    1178     background-color: #dddddd;
    1179     background-image: url("images/settings.png");
    1180     /* fallback */
    1181     background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1182     /* Saf4+, Chrome */
    1183     background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1184     /* Chrome 10+, Saf5.1+ */
    1185     background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1186     /* FF3.6+ */
    1187     background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1188     /* IE10 */
    1189     background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb);
    1190     /* Opera 11.10+ */
    1191     background-image: url("images/settings.png"), linear-gradient(top, white, #bbbbbb);
    1192     /* W3C */
    1193     background-position: center;
    1194     background-repeat: no-repeat; }
    1195     div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected {
    1196       background-color: #eedddd;
    1197       background-image: url("images/settings.png");
    1198       /* fallback */
    1199       background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1200       /* Saf4+, Chrome */
    1201       background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1202       /* Chrome 10+, Saf5.1+ */
    1203       background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1204       /* FF3.6+ */
    1205       background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1206       /* IE10 */
    1207       background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white);
    1208       /* Opera 11.10+ */
    1209       background-image: url("images/settings.png"), linear-gradient(top, #ddbbbb, white);
    1210       /* W3C */
    1211       background-position: center;
    1212       background-repeat: no-repeat; }
    1213   div.torrent_footer #prefs-button {
    1214     -moz-border-radius: 5px;
    1215     border-radius: 5px;
    1216     background-color: #dddddd;
    1217     background-image: url("images/wrench.png");
    1218     /* fallback */
    1219     background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1220     /* Saf4+, Chrome */
    1221     background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1222     /* Chrome 10+, Saf5.1+ */
    1223     background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1224     /* FF3.6+ */
    1225     background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1226     /* IE10 */
    1227     background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
    1228     /* Opera 11.10+ */
    1229     background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb);
    1230     /* W3C */
    1231     background-position: center;
    1232     background-repeat: no-repeat; }
    1233     div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected {
    1234       background-color: #eedddd;
    1235       background-image: url("images/wrench.png");
    1236       /* fallback */
    1237       background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1238       /* Saf4+, Chrome */
    1239       background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1240       /* Chrome 10+, Saf5.1+ */
    1241       background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1242       /* FF3.6+ */
    1243       background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1244       /* IE10 */
    1245       background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white);
    1246       /* Opera 11.10+ */
    1247       background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white);
    1248       /* W3C */
    1249       background-position: center;
    1250       background-repeat: no-repeat; }
    1251   div.torrent_footer #turtle-button {
    1252     -moz-border-radius: 5px;
    1253     border-radius: 5px;
    1254     background-color: #dddddd;
    1255     background-image: url("images/turtle.png");
    1256     /* fallback */
    1257     background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1258     /* Saf4+, Chrome */
    1259     background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1260     /* Chrome 10+, Saf5.1+ */
    1261     background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1262     /* FF3.6+ */
    1263     background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1264     /* IE10 */
    1265     background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
    1266     /* Opera 11.10+ */
    1267     background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb);
    1268     /* W3C */
    1269     background-position: center;
    1270     background-repeat: no-repeat; }
    1271     div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected {
    1272       background-color: #eedddd;
    1273       background-image: url("images/turtle.png");
    1274       /* fallback */
    1275       background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1276       /* Saf4+, Chrome */
    1277       background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1278       /* Chrome 10+, Saf5.1+ */
    1279       background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1280       /* FF3.6+ */
    1281       background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1282       /* IE10 */
    1283       background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white);
    1284       /* Opera 11.10+ */
    1285       background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white);
    1286       /* W3C */
    1287       background-position: center;
    1288       background-repeat: no-repeat; }
    1289   div.torrent_footer #compact-button {
    1290     -moz-border-radius: 5px;
    1291     border-radius: 5px;
    1292     background-color: #dddddd;
    1293     background-image: url("images/compact.png");
    1294     /* fallback */
    1295     background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1296     /* Saf4+, Chrome */
    1297     background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1298     /* Chrome 10+, Saf5.1+ */
    1299     background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1300     /* FF3.6+ */
    1301     background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1302     /* IE10 */
    1303     background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
    1304     /* Opera 11.10+ */
    1305     background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb);
    1306     /* W3C */
    1307     background-position: center;
    1308     background-repeat: no-repeat; }
    1309     div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected {
    1310       background-color: #eedddd;
    1311       background-image: url("images/compact.png");
    1312       /* fallback */
    1313       background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1314       /* Saf4+, Chrome */
    1315       background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1316       /* Chrome 10+, Saf5.1+ */
    1317       background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1318       /* FF3.6+ */
    1319       background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1320       /* IE10 */
    1321       background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white);
    1322       /* Opera 11.10+ */
    1323       background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white);
    1324       /* W3C */
    1325       background-position: center;
    1326       background-repeat: no-repeat; }
     215div.torrent_footer { height: 22px; border-top: 1px solid #555; bottom: 0; position: fixed; 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); }
     216div.torrent_footer > * { 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; }
     217div.torrent_footer div.main_container { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
     218div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected { background-color: #eedddd; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
     219div.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; }
     220div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, 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; }
     221div.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; }
     222div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, 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; }
     223div.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; }
     224div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, 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; }
    1327225
    1328226/****
    … …  
    1331229*****
    1332230****/
    1333 div.dialog_container {
    1334   position: absolute;
    1335   top: 0;
    1336   left: 0px;
    1337   margin: 0px;
    1338   width: 100%;
    1339   height: 100%;
    1340   text-align: center;
    1341   color: black;
    1342   font-size: 1.1em; }
    1343 
    1344 div.dialog_container div.dialog_window {
    1345   background-color: #eee;
    1346   margin: 0 auto;
    1347   opacity: .95;
    1348   border-top: none;
    1349   text-align: left;
    1350   width: 420px;
    1351   z-index: 10;
    1352   overflow: hidden;
    1353   position: relative;
    1354   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
    1355   top: 80px; }
    1356 
    1357 @media screen and (-webkit-min-device-pixel-ratio:0) {
    1358   div.dialog_container div.dialog_window {
    1359     top: 0;
    1360     margin-top: 71px; } }
    1361 div.dialog_container .dialog_logo {
    1362   width: 64px;
    1363   height: 64px;
    1364   margin: 20px 20px 0 20px;
    1365   float: left;
    1366   background: transparent url("images/logo.png") top left no-repeat; }
    1367 
    1368 div.dialog_container div.dialog_window h2.dialog_heading {
    1369   display: block;
    1370   float: left;
    1371   width: 305px;
    1372   font-size: 1.2em;
    1373   color: black;
    1374   margin-top: 20px; }
    1375 
    1376 div.dialog_container div.dialog_window div.dialog_message {
    1377   float: left;
    1378   padding-left: 3px;
    1379   margin-left: -3px;
    1380   width: 305px;
    1381   overflow: hidden; }
    1382 
    1383 div.dialog_container div.dialog_window a {
    1384   display: block;
    1385   float: right;
    1386   margin: 10px 20px 10px -8px;
    1387   padding: 5px;
    1388   background-color: #EEE;
    1389   border: 1px solid #787878;
    1390   width: 50px;
    1391   height: 15px;
    1392   text-align: center;
    1393   font-weight: bold;
    1394   text-decoration: none;
    1395   color: #323232;
    1396   -webkit-appearance: button;
    1397   font: -webkit-control;
    1398   cursor: default; }
    1399 
    1400 div.dialog_container div.dialog_window a:hover,
    1401 div.dialog_container div.dialog_window a:active {
    1402   background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
    1403 
    1404 div#upload_container div.dialog_window div.dialog_message label {
    1405   margin-top: 15px;
    1406   display: block; }
    1407 
    1408 div#upload_container div.dialog_window div.dialog_message input {
    1409   width: 249px;
    1410   margin: 3px 0 0 0;
    1411   display: block; }
    1412 
    1413 div#upload_container div.dialog_window div.dialog_message input[type=text] {
    1414   width: 245px;
    1415   padding: 2px; }
    1416 
    1417 div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
    1418   margin: 15px 3px 0 0;
    1419   display: inline;
    1420   width: auto; }
    1421 
    1422 div#upload_container div.dialog_window div.dialog_message #auto_start_label {
    1423   display: inline; }
    1424 
    1425 div.dialog_container div.dialog_window form {
    1426   margin: 0;
    1427   padding: 0px; }
    1428 
    1429 iframe#torrent_upload_frame {
    1430   display: block;
    1431   /* Don't change this : safari forms won't target hidden frames (they open a new window) */
    1432   position: absolute;
    1433   top: -1000px;
    1434   left: -1000px;
    1435   width: 0px;
    1436   height: 0px;
    1437   border: none;
    1438   padding: 0;
    1439   margin: 0; }
     231div.dialog_container { position: absolute; top: 0; left: 0px; margin: 0px; width: 100%; height: 100%; text-align: center; color: black; font-size: 1.1em; }
     232
     233div.dialog_container div.dialog_window { background-color: #eee; margin: 0 auto; opacity: .95; border-top: none; text-align: left; width: 420px; z-index: 10; overflow: hidden; position: relative; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); top: 80px; }
     234
     235@media screen and (-webkit-min-device-pixel-ratio:0) { div.dialog_container div.dialog_window { top: 0; margin-top: 71px; } }
     236div.dialog_container .dialog_logo { width: 64px; height: 64px; margin: 20px 20px 0 20px; float: left; background: transparent url("images/logo.png") top left no-repeat; }
     237
     238div.dialog_container div.dialog_window h2.dialog_heading { display: block; float: left; width: 305px; font-size: 1.2em; color: black; margin-top: 20px; }
     239
     240div.dialog_container div.dialog_window div.dialog_message { float: left; padding-left: 3px; margin-left: -3px; width: 305px; overflow: hidden; }
     241
     242div.dialog_container div.dialog_window a { display: block; float: right; margin: 10px 20px 10px -8px; padding: 5px; background-color: #EEE; border: 1px solid #787878; width: 50px; height: 15px; text-align: center; font-weight: bold; text-decoration: none; color: #323232; -webkit-appearance: button; font: -webkit-control; cursor: default; }
     243
     244div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active { background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
     245
     246div#upload_container div.dialog_window div.dialog_message label { margin-top: 15px; display: block; }
     247
     248div#upload_container div.dialog_window div.dialog_message input { width: 249px; margin: 3px 0 0 0; display: block; }
     249
     250div#upload_container div.dialog_window div.dialog_message input[type=text] { width: 245px; padding: 2px; }
     251
     252div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { margin: 15px 3px 0 0; display: inline; width: auto; }
     253
     254div#upload_container div.dialog_window div.dialog_message #auto_start_label { display: inline; }
     255
     256div.dialog_container div.dialog_window form { margin: 0; padding: 0px; }
     257
     258iframe#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; }
    1440259
    1441260/****
    … …  
    1444263*****
    1445264****/
    1446 .trans_menu {
    1447   margin: 0;
    1448   padding: 0; }
    1449 
    1450 .trans_menu,
    1451 .trans_menu ul {
    1452   list-style: none; }
    1453 
    1454 .trans_menu ul {
    1455   /* place it right above the button */
    1456   position: relative;
    1457   bottom: 18px;
    1458   min-width: 210px;
    1459   background-color: white;
    1460   padding: 5px 0;
    1461   text-align: left;
    1462   list-style: none;
    1463   -webkit-border-radius: 5px;
    1464   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
    1465 
    1466 .trans_menu ul ul {
    1467   min-width: 150px; }
    1468 
    1469 .trans_menu ul ul#footer_sort_menu {
    1470   min-width: 175px; }
    1471 
    1472 .trans_menu > * li {
    1473   margin: 0;
    1474   padding: 3px 10px 3px 20px !important;
    1475   color: #000;
    1476   cursor: default;
    1477   text-indent: auto !important;
    1478   width: inherit; }
    1479 
    1480 .trans_menu li.separator,
    1481 .trans_menu li.separator.hover {
    1482   border-top: 1px solid #ddd;
    1483   margin: 5px 0;
    1484   padding: 0px;
    1485   background: transparent; }
    1486 
    1487 .trans_menu li span.arrow {
    1488   float: right; }
    1489 
    1490 .trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
    1491   color: white; }
    1492 
    1493 .trans_menu span.selected {
    1494   margin: 0 3px 0 -15px;
    1495   color: #666;
    1496   float: left; }
    1497 
    1498 .trans_menu div.outerbox {
    1499   display: none;
    1500   background: transparent;
    1501   border: 1px solid rgba(0, 0, 0, 0.1);
    1502   -webkit-border-radius: 5px; }
    1503 
    1504 .trans_menu div.inner {
    1505   left: 0;
    1506   margin: 0; }
    1507 
    1508 .trans_menu li.main li {
    1509   z-index: 2;
    1510   min-width: 78px; }
    1511 
    1512 .trans_menu a {
    1513   text-decoration: none;
    1514   cursor: default; }
    1515 
    1516 /*--------------------------------------
    1517  *
    1518  * C O N T E X T   M E N U
    1519  *
    1520  *--------------------------------------*/
    1521 div#jqContextMenu {
    1522   -webkit-border-radius: 5px;
    1523   border: 1px solid rgba(0, 0, 0, 0.1);
    1524   -moz-user-select: none;
    1525   -webkit-user-select: none; }
    1526   div#jqContextMenu ul {
    1527     filter: alpha(opacity=98);
    1528     -moz-opacity: .98;
    1529     opacity: .98;
    1530     -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    1531     -webkit-border-radius: 5px; }
    1532   div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover {
    1533     background: inherit !important;
    1534     border-top: 1px solid #ddd !important;
    1535     margin: 5px 0 !important;
    1536     padding: 0px; }
     265.trans_menu { margin: 0; padding: 0; }
     266
     267.trans_menu, .trans_menu ul { list-style: none; }
     268
     269.trans_menu ul { /* place it right above the button */ position: relative; bottom: 18px; min-width: 210px; background-color: white; padding: 5px 0; text-align: left; list-style: none; -webkit-border-radius: 5px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
     270
     271.trans_menu ul ul { min-width: 150px; }
     272
     273.trans_menu ul ul#footer_sort_menu { min-width: 175px; }
     274
     275.trans_menu > * li { margin: 0; padding: 3px 10px 3px 20px !important; color: #000; cursor: default; text-indent: auto !important; width: inherit; }
     276
     277.trans_menu li.separator, .trans_menu li.separator.hover { border-top: 1px solid #ddd; margin: 5px 0; padding: 0px; background: transparent; }
     278
     279.trans_menu li span.arrow { float: right; }
     280
     281.trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected { color: white; }
     282
     283.trans_menu span.selected { margin: 0 3px 0 -15px; color: #666; float: left; }
     284
     285.trans_menu div.outerbox { display: none; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; }
     286
     287.trans_menu div.inner { left: 0; margin: 0; }
     288
     289.trans_menu li.main li { z-index: 2; min-width: 78px; }
     290
     291.trans_menu a { text-decoration: none; cursor: default; }
     292
     293/*--------------------------------------  C O N T E X T   M E N U  --------------------------------------*/
     294div#jqContextMenu { -webkit-border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); -moz-user-select: none; -webkit-user-select: none; }
     295div#jqContextMenu ul { filter: alpha(opacity=98); -moz-opacity: .98; opacity: .98; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; }
     296div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover { background: inherit !important; border-top: 1px solid #ddd !important; margin: 5px 0 !important; padding: 0px; }

  • trunk/web/style/transmission/common.scss

    r13063 r13074  
    515515        .title {
    516516                font-weight: bold;
     517                font-size: larger;
    517518                padding-left: 0px;
    518519        }
    … …  
    595596                        }
    596597
    597                         > #inspector-tab-activity {
    598                                 @include buttonImage('images/inspector-activity.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
    599                         }
    600 
    601598                        > #inspector-tab-peers {
    602599                                @include buttonImage('images/inspector-peers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
    … …  
    622619                        font-weight: bold;
    623620                        font-size: large;
    624                 }
    625         }
    626 
    627         .inspector_group
    628         {
    629                 display: table;
    630                 width: 100%;
    631                 border-top: 1px solid #888;
    632                 margin: 10px 0px;
    633                 padding: 10px 0px;
    634 
    635                 .inspector_group_label
    636                 {
    637                         display: table-header-group;
    638                         font-weight: bold;
    639                 }
    640 
    641                 .inspector_row
    642                 {
    643                         display: table-row;
    644 
    645                         > .inspector_label {
    646                                 display: table-cell;
    647                                 width: 100px; /* this + the next 380 == inspector_container_with */
    648                         }
    649 
    650                         > div {
    651                                 padding-top: 10px;
    652                                 width: 380px; /* inspector_container_width==480 - inspector_label_width==100 */
    653                         }
    654                 }
    655 
    656                 /* Trackers Inspector Tab */
    657                 #inspector_trackers_list
    658                 {
    659                         padding: 0 0 0 0;
    660                         margin: 0 0 0 0;
    661                         text-align: left;
    662                         cursor: default;
    663                         overflow: hidden;
    664 
    665                         & > div.inspector_group {
    666                                 padding-bottom: 0;
    667                                 margin-bottom: 0;
    668                         }
    669621                }
    670622        }

  • trunk/web/style/transmission/images/Makefile.am

    r13063 r13074  
    1212  filter_bar.png \
    1313  filter_icon.png \
    14   inspector-activity.png \
    1514  inspector-files.png \
    1615  inspector-info.png \

  • trunk/web/style/transmission/mobile.css

    r13063 r13074  
    1 /*--------------------------------------
    2  *
    3  * G L O B A L
    4  *
    5  *--------------------------------------*/
    6 html {
    7   margin: 0;
    8   padding: 0; }
    9 
    10 body {
    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 
    34 body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container,
    35 body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector,
    36 body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container,
    37 body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
    38   display: none !important; }
     1/*--------------------------------------  G L O B A L  --------------------------------------*/
     2html { margin: 0; padding: 0; }
     3
     4body { 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; }
     5body img { border: none; }
     6body a { outline: 0; }
     7body div#torrent_container { min-height: 328px; }
     8body div.dialog_container { min-height: 326px; }
     9body div#torrent_inspector { min-height: 329px; }
     10body.landscape div#torrent_container { min-height: 147px; }
     11body.landscape div#dialog_container, body.landscape div#torrent_inspector { min-height: 143px; }
     12
     13body.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; }
    3914
    4015/***
    … …  
    4318****
    4419***/
    45 div#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: #eedddd;
    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(#ddbbbb), to(white));
    95       /* Saf4+, Chrome */
    96       background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    97       /* Chrome 10+, Saf5.1+ */
    98       background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white);
    99       /* FF3.6+ */
    100       background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white);
    101       /* IE10 */
    102       background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white);
    103       /* Opera 11.10+ */
    104       background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, 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: #eedddd;
    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(#ddbbbb), to(white));
    135       /* Saf4+, Chrome */
    136       background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    137       /* Chrome 10+, Saf5.1+ */
    138       background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white);
    139       /* FF3.6+ */
    140       background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white);
    141       /* IE10 */
    142       background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white);
    143       /* Opera 11.10+ */
    144       background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, 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: #eedddd;
    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(#ddbbbb), to(white));
    176       /* Saf4+, Chrome */
    177       background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    178       /* Chrome 10+, Saf5.1+ */
    179       background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white);
    180       /* FF3.6+ */
    181       background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white);
    182       /* IE10 */
    183       background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white);
    184       /* Opera 11.10+ */
    185       background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, 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: #eedddd;
    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(#ddbbbb), to(white));
    216       /* Saf4+, Chrome */
    217       background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    218       /* Chrome 10+, Saf5.1+ */
    219       background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white);
    220       /* FF3.6+ */
    221       background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white);
    222       /* IE10 */
    223       background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white);
    224       /* Opera 11.10+ */
    225       background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, 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: #eedddd;
    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(#ddbbbb), to(white));
    255       /* Saf4+, Chrome */
    256       background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    257       /* Chrome 10+, Saf5.1+ */
    258       background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white);
    259       /* FF3.6+ */
    260       background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white);
    261       /* IE10 */
    262       background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white);
    263       /* Opera 11.10+ */
    264       background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, 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: #eedddd;
    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(#ddbbbb), to(white));
    295       /* Saf4+, Chrome */
    296       background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    297       /* Chrome 10+, Saf5.1+ */
    298       background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
    299       /* FF3.6+ */
    300       background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
    301       /* IE10 */
    302       background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white);
    303       /* Opera 11.10+ */
    304       background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white);
    305       /* W3C */
    306       background-position: center;
    307       background-repeat: no-repeat; }
    308   div#toolbar > *.disabled {
    309     opacity: 0.25; }
     20div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; }
     21div#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; }
     22div#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; }
     23div#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; }
     24div#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; }
     25div#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; }
     26div#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; }
     27div#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; }
     28div#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; }
     29div#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; }
     30div#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; }
     31div#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; }
     32div#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; }
     33div#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; }
     34div#toolbar > *.disabled { opacity: 0.25; }
    31035
    31136/***
    … …  
    31439****
    31540***/
    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; }
     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; }
    36454
    36555/***
    … …  
    36858****
    36959***/
    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; }
     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; }
    41572
    41673/***
    … …  
    41976****
    42077***/
    421 ul.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: #ffe4e1; }
    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; }
     78ul.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. */ }
     79ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 0px; color: #666; background-color: white; }
     80ul.torrent_list li.torrent.compact { padding: 4px; }
     81ul.torrent_list li.torrent.even { background-color: #F7F7F7; }
     82ul.torrent_list li.torrent.selected { background-color: #ffe4e1; }
     83ul.torrent_list li.torrent.compact div.torrent_name { color: black; }
     84ul.torrent_list li.torrent a { display: none; }
     85ul.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; }
     86ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; }
     87ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; }
     88ul.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; }
     89ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; }
     90ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; }
     91ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; }
     92ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ }
     93ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; }
     94ul.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 */ }
     95ul.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; }
     96ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; }
     97ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; }
     98ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; }
     99ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left   0px; border-color: #3D9DEA; }
     100ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; }
     101ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; }
     102ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; }
     103ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; }
     104ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; }
     105ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; }
     106ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; }
     107ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
     108ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; }
    546109
    547110/***
    … …  
    550113****
    551114***/
    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     padding-left: 0px; }
    566   .prefs-section .row .key {
    567     float: left;
    568     padding-top: 3px; }
    569     .prefs-section .row .key > * {
    570       margin-left: 0px; }
    571   .prefs-section .row .value {
    572     margin-left: 150px; }
    573     .prefs-section .row .value > * {
    574       width: 100%; }
    575   .prefs-section .checkbox-row > input {
    576     margin: 0px; }
    577   .prefs-section .checkbox-row > label {
    578     margin-left: 5px; }
    579   .prefs-section #alternative-speed-limits-title {
    580     padding-left: 18px;
    581     background: transparent url("images/blue-turtle.png") no-repeat; }
     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; }
    582127
    583128/***
    … …  
    586131****
    587132***/
    588 div#torrent_inspector {
    589   overflow: auto;
    590   text-align: left;
    591   padding: 15px;
    592   top: 0;
    593   position: relative;
    594   width: 100%;
    595   z-index: 2;
    596   /* Files Inspector Tab */ }
    597   div#torrent_inspector #inspector-tabs-wrapper {
    598     width: 100%;
    599     overflow: hidden;
    600     text-align: center; }
    601     div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
    602       display: inline-block; }
    603       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
    604         cursor: pointer;
    605         -moz-user-select: none;
    606         -webkit-user-select: none;
    607         display: inline-block;
    608         border-style: solid;
    609         border-color: #aaa;
    610         border-width: 1px;
    611         padding: 3px;
    612         width: 30px;
    613         height: 20px; }
    614       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
    615         -moz-border-radius-topleft: 5px;
    616         -moz-border-radius-bottomleft: 5px;
    617         border-top-left-radius: 5px;
    618         border-bottom-left-radius: 5px;
    619         background-color: #dddddd;
    620         background-image: url("images/inspector-info.png");
    621         /* fallback */
    622         background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    623         /* Saf4+, Chrome */
    624         background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    625         /* Chrome 10+, Saf5.1+ */
    626         background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
    627         /* FF3.6+ */
    628         background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
    629         /* IE10 */
    630         background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
    631         /* Opera 11.10+ */
    632         background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb);
    633         /* W3C */
    634         background-position: center;
    635         background-repeat: no-repeat;
    636         border-left-width: 1px; }
    637         div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
    638           background-color: #eedddd;
    639           background-image: url("images/inspector-info.png");
    640           /* fallback */
    641           background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    642           /* Saf4+, Chrome */
    643           background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    644           /* Chrome 10+, Saf5.1+ */
    645           background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
    646           /* FF3.6+ */
    647           background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
    648           /* IE10 */
    649           background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white);
    650           /* Opera 11.10+ */
    651           background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white);
    652           /* W3C */
    653           background-position: center;
    654           background-repeat: no-repeat; }
    655       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity {
    656         background-color: #dddddd;
    657         background-image: url("images/inspector-activity.png");
    658         /* fallback */
    659         background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    660         /* Saf4+, Chrome */
    661         background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    662         /* Chrome 10+, Saf5.1+ */
    663         background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, white, #bbbbbb);
    664         /* FF3.6+ */
    665         background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, white, #bbbbbb);
    666         /* IE10 */
    667         background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, white, #bbbbbb);
    668         /* Opera 11.10+ */
    669         background-image: url("images/inspector-activity.png"), linear-gradient(top, white, #bbbbbb);
    670         /* W3C */
    671         background-position: center;
    672         background-repeat: no-repeat; }
    673         div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity.selected {
    674           background-color: #eedddd;
    675           background-image: url("images/inspector-activity.png");
    676           /* fallback */
    677           background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    678           /* Saf4+, Chrome */
    679           background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    680           /* Chrome 10+, Saf5.1+ */
    681           background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #ddbbbb, white);
    682           /* FF3.6+ */
    683           background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #ddbbbb, white);
    684           /* IE10 */
    685           background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #ddbbbb, white);
    686           /* Opera 11.10+ */
    687           background-image: url("images/inspector-activity.png"), linear-gradient(top, #ddbbbb, white);
    688           /* W3C */
    689           background-position: center;
    690           background-repeat: no-repeat; }
    691       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
    692         background-color: #dddddd;
    693         background-image: url("images/inspector-peers.png");
    694         /* fallback */
    695         background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    696         /* Saf4+, Chrome */
    697         background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    698         /* Chrome 10+, Saf5.1+ */
    699         background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
    700         /* FF3.6+ */
    701         background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
    702         /* IE10 */
    703         background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
    704         /* Opera 11.10+ */
    705         background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb);
    706         /* W3C */
    707         background-position: center;
    708         background-repeat: no-repeat; }
    709         div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
    710           background-color: #eedddd;
    711           background-image: url("images/inspector-peers.png");
    712           /* fallback */
    713           background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    714           /* Saf4+, Chrome */
    715           background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    716           /* Chrome 10+, Saf5.1+ */
    717           background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white);
    718           /* FF3.6+ */
    719           background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white);
    720           /* IE10 */
    721           background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white);
    722           /* Opera 11.10+ */
    723           background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white);
    724           /* W3C */
    725           background-position: center;
    726           background-repeat: no-repeat; }
    727       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
    728         background-color: #dddddd;
    729         background-image: url("images/inspector-trackers.png");
    730         /* fallback */
    731         background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    732         /* Saf4+, Chrome */
    733         background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    734         /* Chrome 10+, Saf5.1+ */
    735         background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
    736         /* FF3.6+ */
    737         background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
    738         /* IE10 */
    739         background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
    740         /* Opera 11.10+ */
    741         background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb);
    742         /* W3C */
    743         background-position: center;
    744         background-repeat: no-repeat; }
    745         div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
    746           background-color: #eedddd;
    747           background-image: url("images/inspector-trackers.png");
    748           /* fallback */
    749           background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    750           /* Saf4+, Chrome */
    751           background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    752           /* Chrome 10+, Saf5.1+ */
    753           background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white);
    754           /* FF3.6+ */
    755           background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white);
    756           /* IE10 */
    757           background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white);
    758           /* Opera 11.10+ */
    759           background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white);
    760           /* W3C */
    761           background-position: center;
    762           background-repeat: no-repeat; }
    763       div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
    764         -moz-border-radius-topright: 5px;
    765         -moz-border-radius-bottomright: 5px;
    766         border-top-right-radius: 5px;
    767         border-bottom-right-radius: 5px;
    768         background-color: #dddddd;
    769         background-image: url("images/inspector-files.png");
    770         /* fallback */
    771         background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    772         /* Saf4+, Chrome */
    773         background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    774         /* Chrome 10+, Saf5.1+ */
    775         background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
    776         /* FF3.6+ */
    777         background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
    778         /* IE10 */
    779         background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
    780         /* Opera 11.10+ */
    781         background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb);
    782         /* W3C */
    783         background-position: center;
    784         background-repeat: no-repeat; }
    785         div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
    786           background-color: #eedddd;
    787           background-image: url("images/inspector-files.png");
    788           /* fallback */
    789           background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    790           /* Saf4+, Chrome */
    791           background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    792           /* Chrome 10+, Saf5.1+ */
    793           background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white);
    794           /* FF3.6+ */
    795           background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white);
    796           /* IE10 */
    797           background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white);
    798           /* Opera 11.10+ */
    799           background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white);
    800           /* W3C */
    801           background-position: center;
    802           background-repeat: no-repeat; }
    803   div#torrent_inspector #inspector_header {
    804     margin-top: 8px; }
    805     div#torrent_inspector #inspector_header #torrent_inspector_name {
    806       font-weight: bold;
    807       font-size: large; }
    808   div#torrent_inspector .inspector_group {
    809     display: table;
    810     width: 100%;
    811     border-top: 1px solid #888;
    812     margin: 10px 0px;
    813     padding: 10px 0px;
    814     /* Trackers Inspector Tab */ }
    815     div#torrent_inspector .inspector_group .inspector_group_label {
    816       display: table-header-group;
    817       font-weight: bold; }
    818     div#torrent_inspector .inspector_group .inspector_row {
    819       display: table-row; }
    820       div#torrent_inspector .inspector_group .inspector_row > .inspector_label {
    821         display: table-cell;
    822         width: 100px;
    823         /* this + the next 230 == inspector_container_with */ }
    824       div#torrent_inspector .inspector_group .inspector_row > div {
    825         padding-top: 10px;
    826         width: 230px;
    827         /* inspector_container_width==330 - inspector_label_width==100 */ }
    828     div#torrent_inspector .inspector_group #inspector_trackers_list {
    829       padding: 0 0 0 0;
    830       margin: 0 0 0 0;
    831       text-align: left;
    832       cursor: default;
    833       overflow: hidden; }
    834       div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group {
    835         padding-bottom: 0;
    836         margin-bottom: 0; }
    837   div#torrent_inspector ul.tier_list {
    838     margin: 2px 0 8px 0;
    839     width: 100%;
    840     padding-left: 0px;
    841     text-align: left;
    842     display: block;
    843     cursor: default;
    844     list-style-type: none;
    845     list-style: none;
    846     list-style-image: none;
    847     clear: both; }
    848     div#torrent_inspector ul.tier_list li {
    849       overflow: hidden; }
    850     div#torrent_inspector ul.tier_list .tracker_activity {
    851       float: left;
    852       color: #666;
    853       width: 200px;
    854       display: table;
    855       margin-top: 1px; }
    856     div#torrent_inspector ul.tier_list .tracker_activity div {
    857       padding: 2px; }
    858     div#torrent_inspector ul.tier_list table {
    859       float: right;
    860       color: #666; }
    861     div#torrent_inspector ul.tier_list th {
    862       text-align: right; }
    863   div#torrent_inspector li.inspector_tracker_entry {
    864     padding: 3px 0 3px 2px;
    865     display: block; }
    866     div#torrent_inspector li.inspector_tracker_entry.odd {
    867       background-color: #EEEEEE; }
    868   div#torrent_inspector div.tracker_host {
    869     font-size: 1.2em;
    870     font-weight: bold;
    871     color: #222; }
    872   div#torrent_inspector #inspector_file_list {
    873     padding: 0 0 0 0;
    874     margin: 0 0 0 0;
    875     text-align: left;
    876     cursor: default;
    877     overflow: hidden; }
    878   div#torrent_inspector #inspector_file_list {
    879     border-top: 1px solid #888;
    880     width: 100%;
    881     margin: 6px 0 0 0;
    882     padding-top: 6px;
    883     padding-bottom: 10px;
    884     text-align: left;
    885     display: block;
    886     cursor: default;
    887     list-style-type: none;
    888     list-style: none;
    889     list-style-image: none;
    890     clear: both; }
    891   div#torrent_inspector li.inspector_torrent_file_list_entry {
    892     padding: 3px 0 3px 2px;
    893     display: block; }
    894     div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
    895       color: #666; }
    896     div#torrent_inspector li.inspector_torrent_file_list_entry.even {
    897       background-color: #F7F7F7; }
    898   div#torrent_inspector div.inspector_torrent_file_list_entry_name {
    899     font-size: 1.2em;
    900     color: black;
    901     display: inline;
    902     margin-left: 0px; }
    903   div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
    904     color: #999; }
    905   div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
    906     color: #999;
    907     margin-left: 20px; }
    908   div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
    909     background-position: left top; }
    910   div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
    911     background-position: left -19px; }
    912   div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
    913   div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
    914     background-position: left -38px;
    915     cursor: default; }
     133div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 0; position: relative; width: 100%; z-index: 2; /* Files Inspector Tab */ }
     134div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
     135div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; }
     136div#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; }
     137div#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; }
     138div#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; }
     139div#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; }
     140div#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; }
     141div#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; }
     142div#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; }
     143div#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; }
     144div#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; }
     145div#torrent_inspector #inspector_header { margin-top: 8px; }
     146div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; }
     147div#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; }
     148div#torrent_inspector ul.tier_list li { overflow: hidden; }
     149div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; }
     150div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; }
     151div#torrent_inspector ul.tier_list table { float: right; color: #666; }
     152div#torrent_inspector ul.tier_list th { text-align: right; }
     153div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; }
     154div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; }
     155div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; }
     156div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
     157div#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; }
     158div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
     159div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
     160div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
     161div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
     162div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
     163div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; }
     164div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; }
     165div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; }
     166div#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; }
    916167
    917168/* Peers Inspector Tab */
    918 #inspector_peers_list {
    919   padding: 0 0 0 0;
    920   margin: 0 0 0 0;
    921   text-align: left;
    922   cursor: default;
    923   overflow: hidden; }
    924   #inspector_peers_list > div.inspector_group {
    925     padding-bottom: 0;
    926     margin-bottom: 0; }
    927 
    928 table.peer_list {
    929   width: 100%;
    930   border-collapse: collapse;
    931   text-align: left;
    932   cursor: default;
    933   clear: both;
    934   table-layout: fixed; }
    935   table.peer_list .encryptedCol {
    936     width: 16px; }
    937   table.peer_list .upCol {
    938     width: 70px; }
    939   table.peer_list .downCol {
    940     width: 70px; }
    941   table.peer_list .percentCol {
    942     width: 30px;
    943     padding-right: 5px;
    944     text-align: right; }
    945   table.peer_list .statusCol {
    946     width: 40px;
    947     padding-right: 5px; }
    948   table.peer_list .addressCol {
    949     width: 180px; }
    950   table.peer_list .clientCol {
    951     white-space: nowrap;
    952     overflow: hidden;
    953     text-overflow: ellipsis; }
    954 
    955 tr.inspector_peer_entry div.encrypted-peer-cell {
    956   width: 16px;
    957   height: 16px;
    958   background: transparent url("images/lock_icon.png") no-repeat; }
    959 tr.inspector_peer_entry.odd {
    960   background-color: #EEEEEE; }
     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
     172table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; }
     173table.peer_list .encryptedCol { width: 16px; }
     174table.peer_list .upCol { width: 70px; }
     175table.peer_list .downCol { width: 70px; }
     176table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; }
     177table.peer_list .statusCol { width: 40px; padding-right: 5px; }
     178table.peer_list .addressCol { width: 180px; }
     179table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
     180
     181tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; }
     182tr.inspector_peer_entry.odd { background-color: #EEEEEE; }
    961183
    962184/***
    963185****  File Priority Buttons
    964186***/
    965 div.file-priority-radiobox {
    966   display: inline;
    967   float: right;
    968   margin: 4px;
    969   margin-top: 2px; }
    970   div.file-priority-radiobox > * {
    971     cursor: pointer;
    972     -moz-user-select: none;
    973     -webkit-user-select: none;
    974     display: inline-block;
    975     border-style: solid;
    976     border-color: #aaa;
    977     border-width: 1px;
    978     padding: 3px;
    979     width: 20px;
    980     height: 12px; }
    981   div.file-priority-radiobox > div.low {
    982     -moz-border-radius-topleft: 5px;
    983     -moz-border-radius-bottomleft: 5px;
    984     border-top-left-radius: 5px;
    985     border-bottom-left-radius: 5px;
    986     background-color: #dcdcdc;
    987     background-image: url("images/file-priority-low.png");
    988     /* fallback */
    989     background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    990     /* Saf4+, Chrome */
    991     background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    992     /* Chrome 10+, Saf5.1+ */
    993     background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    994     /* FF3.6+ */
    995     background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    996     /* IE10 */
    997     background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    998     /* Opera 11.10+ */
    999     background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
    1000     /* W3C */
    1001     background-position: center;
    1002     background-repeat: no-repeat;
    1003     border-right-width: 0px; }
    1004     div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {
    1005       background-color: #eddcdc;
    1006       background-image: url("images/file-priority-low.png");
    1007       /* fallback */
    1008       background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
    1009       /* Saf4+, Chrome */
    1010       background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
    1011       /* Chrome 10+, Saf5.1+ */
    1012       background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
    1013       /* FF3.6+ */
    1014       background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
    1015       /* IE10 */
    1016       background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
    1017       /* Opera 11.10+ */
    1018       background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
    1019       /* W3C */
    1020       background-position: center;
    1021       background-repeat: no-repeat; }
    1022   div.file-priority-radiobox > div.normal {
    1023     background-color: #dcdcdc;
    1024     background-image: url("images/file-priority-normal.png");
    1025     /* fallback */
    1026     background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    1027     /* Saf4+, Chrome */
    1028     background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    1029     /* Chrome 10+, Saf5.1+ */
    1030     background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    1031     /* FF3.6+ */
    1032     background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    1033     /* IE10 */
    1034     background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    1035     /* Opera 11.10+ */
    1036     background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
    1037     /* W3C */
    1038     background-position: center;
    1039     background-repeat: no-repeat; }
    1040     div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {
    1041       background-color: #eddcdc;
    1042       background-image: url("images/file-priority-normal.png");
    1043       /* fallback */
    1044       background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
    1045       /* Saf4+, Chrome */
    1046       background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
    1047       /* Chrome 10+, Saf5.1+ */
    1048       background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
    1049       /* FF3.6+ */
    1050       background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
    1051       /* IE10 */
    1052       background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
    1053       /* Opera 11.10+ */
    1054       background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
    1055       /* W3C */
    1056       background-position: center;
    1057       background-repeat: no-repeat; }
    1058   div.file-priority-radiobox > div.high {
    1059     -moz-border-radius-topright: 5px;
    1060     -moz-border-radius-bottomright: 5px;
    1061     border-top-right-radius: 5px;
    1062     border-bottom-right-radius: 5px;
    1063     background-color: #dcdcdc;
    1064     background-image: url("images/file-priority-high.png");
    1065     /* fallback */
    1066     background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    1067     /* Saf4+, Chrome */
    1068     background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    1069     /* Chrome 10+, Saf5.1+ */
    1070     background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    1071     /* FF3.6+ */
    1072     background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    1073     /* IE10 */
    1074     background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    1075     /* Opera 11.10+ */
    1076     background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
    1077     /* W3C */
    1078     background-position: center;
    1079     background-repeat: no-repeat;
    1080     border-left-width: 0px; }
    1081     div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {
    1082       background-color: #eddcdc;
    1083       background-image: url("images/file-priority-high.png");
    1084       /* fallback */
    1085       background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
    1086       /* Saf4+, Chrome */
    1087       background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
    1088       /* Chrome 10+, Saf5.1+ */
    1089       background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
    1090       /* FF3.6+ */
    1091       background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
    1092       /* IE10 */
    1093       background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
    1094       /* Opera 11.10+ */
    1095       background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
    1096       /* W3C */
    1097       background-position: center;
    1098       background-repeat: no-repeat; }
     187div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
     188div.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; }
     189div.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; }
     190div.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; }
     191div.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; }
     192div.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; }
     193div.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; }
     194div.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; }
    1099195
    1100196/****
    … …  
    1103199*****
    1104200****/
    1105 div.torrent_footer {
    1106   height: 22px;
    1107   border-top: 1px solid #555;
    1108   position: relative;
    1109   width: 100%;
    1110   z-index: 3;
    1111   background-color: #cccccc;
    1112   background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    1113   background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    1114   background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    1115   background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    1116   background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    1117   background-image: linear-gradient(top, #dddddd, #bbbbbb); }
    1118   div.torrent_footer > * {
    1119     position: relative;
    1120     float: left;
    1121     margin: 2px 4px;
    1122     width: 18px;
    1123     height: 12px;
    1124     padding: 2px 8px;
    1125     float: left;
    1126     border: 1px solid #888;
    1127     -moz-user-select: none;
    1128     -webkit-user-select: none; }
    1129   div.torrent_footer div.main_container,
    1130   div.torrent_footer ul#settings_menu {
    1131     display: none; }
    1132   div.torrent_footer #prefs-button {
    1133     -moz-border-radius: 5px;
    1134     border-radius: 5px;
    1135     background-color: #dddddd;
    1136     background-image: url("images/wrench.png");
    1137     /* fallback */
    1138     background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1139     /* Saf4+, Chrome */
    1140     background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1141     /* Chrome 10+, Saf5.1+ */
    1142     background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1143     /* FF3.6+ */
    1144     background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1145     /* IE10 */
    1146     background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
    1147     /* Opera 11.10+ */
    1148     background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb);
    1149     /* W3C */
    1150     background-position: center;
    1151     background-repeat: no-repeat; }
    1152     div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {
    1153       background-color: #eedddd;
    1154       background-image: url("images/wrench.png");
    1155       /* fallback */
    1156       background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1157       /* Saf4+, Chrome */
    1158       background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1159       /* Chrome 10+, Saf5.1+ */
    1160       background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1161       /* FF3.6+ */
    1162       background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1163       /* IE10 */
    1164       background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white);
    1165       /* Opera 11.10+ */
    1166       background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white);
    1167       /* W3C */
    1168       background-position: center;
    1169       background-repeat: no-repeat; }
    1170   div.torrent_footer #turtle-button {
    1171     -moz-border-radius: 5px;
    1172     border-radius: 5px;
    1173     background-color: #dddddd;
    1174     background-image: url("images/turtle.png");
    1175     /* fallback */
    1176     background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1177     /* Saf4+, Chrome */
    1178     background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1179     /* Chrome 10+, Saf5.1+ */
    1180     background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1181     /* FF3.6+ */
    1182     background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1183     /* IE10 */
    1184     background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
    1185     /* Opera 11.10+ */
    1186     background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb);
    1187     /* W3C */
    1188     background-position: center;
    1189     background-repeat: no-repeat; }
    1190     div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
    1191       background-color: #eedddd;
    1192       background-image: url("images/turtle.png");
    1193       /* fallback */
    1194       background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1195       /* Saf4+, Chrome */
    1196       background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1197       /* Chrome 10+, Saf5.1+ */
    1198       background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1199       /* FF3.6+ */
    1200       background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1201       /* IE10 */
    1202       background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white);
    1203       /* Opera 11.10+ */
    1204       background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white);
    1205       /* W3C */
    1206       background-position: center;
    1207       background-repeat: no-repeat; }
    1208   div.torrent_footer #compact-button {
    1209     -moz-border-radius: 5px;
    1210     border-radius: 5px;
    1211     background-color: #dddddd;
    1212     background-image: url("images/compact.png");
    1213     /* fallback */
    1214     background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    1215     /* Saf4+, Chrome */
    1216     background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    1217     /* Chrome 10+, Saf5.1+ */
    1218     background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
    1219     /* FF3.6+ */
    1220     background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
    1221     /* IE10 */
    1222     background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
    1223     /* Opera 11.10+ */
    1224     background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb);
    1225     /* W3C */
    1226     background-position: center;
    1227     background-repeat: no-repeat; }
    1228     div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {
    1229       background-color: #eedddd;
    1230       background-image: url("images/compact.png");
    1231       /* fallback */
    1232       background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
    1233       /* Saf4+, Chrome */
    1234       background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white);
    1235       /* Chrome 10+, Saf5.1+ */
    1236       background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white);
    1237       /* FF3.6+ */
    1238       background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white);
    1239       /* IE10 */
    1240       background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white);
    1241       /* Opera 11.10+ */
    1242       background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white);
    1243       /* W3C */
    1244       background-position: center;
    1245       background-repeat: no-repeat; }
     201div.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); }
     202div.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; }
     203div.torrent_footer div.main_container, div.torrent_footer ul#settings_menu { display: none; }
     204div.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; }
     205div.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; }
     206div.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; }
     207div.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; }
     208div.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; }
     209div.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; }
    1246210
    1247211/****
    … …  
    1250214*****
    1251215****/
    1252 div#dialog_message.dialog_message {
    1253   width: 280px;
    1254   margin: 10px auto 25px;
    1255   font-size: 13px;
    1256   line-height: 14px;
    1257   word-wrap: break-word;
    1258   overflow: hidden;
    1259   padding-bottom: 0; }
    1260 
    1261 #torrent_upload_file, label[for="torrent_upload_file"] {
    1262   display: none; }
    1263 
    1264 h2.dialog_heading {
    1265   text-align: center;
    1266   width: 300px;
    1267   margin: 0 auto;
    1268   font-size: 17px; }
    1269 
    1270 div.dialog_container a {
    1271   color: white;
    1272   padding: 7px 0;
    1273   background: #222;
    1274   text-decoration: none;
    1275   border: 2px solid white;
    1276   margin: 5px 5px 0;
    1277   font-weight: bold;
    1278   -webkit-border-radius: 16px;
    1279   display: inline-block;
    1280   width: 90px;
    1281   font-size: 12px;
    1282   text-align: center; }
    1283 
    1284 #dialog_container div.dialog_window img {
    1285   margin: 5px auto 12px; }
    1286 
    1287 .landscape div.dialog_container a#dialog_cancel_button {
    1288   left: 155px; }
    1289 .landscape div.dialog_container a#dialog_confirm_button {
    1290   right: 110px; }
    1291 .landscape div.dialog_container img {
    1292   float: left !important;
    1293   margin: 0 0 0 50px; }
    1294 .landscape h2#dialog_heading.dialog_heading {
    1295   margin: 5px auto 0;
    1296   margin-left: 150px;
    1297   text-align: left; }
    1298 .landscape div#dialog_message.dialog_message {
    1299   width: 300px;
    1300   margin: 10px 0 20px 150px;
    1301   text-align: left; }
    1302 
    1303 div#torrent_context_menu {
    1304   display: none; }
    1305 
    1306 iframe#torrent_upload_frame {
    1307   display: block;
    1308   /* Don't change this : safari forms won't target hidden frames (they open a new window) */
    1309   position: absolute;
    1310   top: -1000px;
    1311   left: -1000px;
    1312   width: 0px;
    1313   height: 0px;
    1314   border: none;
    1315   padding: 0;
    1316   margin: 0; }
     216div#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
     220h2.dialog_heading { text-align: center; width: 300px; margin: 0 auto; font-size: 17px; }
     221
     222div.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
     232div#torrent_context_menu { display: none; }
     233
     234iframe#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; }

  • trunk/web/style/transmission/mobile.scss

    r13063 r13074  
    459459        .title {
    460460                font-weight: bold;
     461                font-size: larger;
    461462                padding-left: 0px;
    462463        }
    … …  
    530531                        }
    531532
    532                         > #inspector-tab-activity {
    533                                 @include buttonImage('images/inspector-activity.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
    534                         }
    535 
    536533                        > #inspector-tab-peers {
    537534                                @include buttonImage('images/inspector-peers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
    … …  
    557554                        font-weight: bold;
    558555                        font-size: large;
    559                 }
    560         }
    561 
    562         .inspector_group
    563         {
    564                 display: table;
    565                 width: 100%;
    566                 border-top: 1px solid #888;
    567                 margin: 10px 0px;
    568                 padding: 10px 0px;
    569 
    570                 .inspector_group_label
    571                 {
    572                         display: table-header-group;
    573                         font-weight: bold;
    574                 }
    575 
    576                 .inspector_row
    577                 {
    578                         display: table-row;
    579 
    580                         > .inspector_label {
    581                                 display: table-cell;
    582                                 width: 100px; /* this + the next 230 == inspector_container_with */
    583                         }
    584 
    585                         > div {
    586                                 padding-top: 10px;
    587                                 width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
    588                         }
    589                 }
    590 
    591                 /* Trackers Inspector Tab */
    592                 #inspector_trackers_list
    593                 {
    594                         padding: 0 0 0 0;
    595                         margin: 0 0 0 0;
    596                         text-align: left;
    597                         cursor: default;
    598                         overflow: hidden;
    599 
    600                         & > div.inspector_group {
    601                                 padding-bottom: 0;
    602                                 margin-bottom: 0;
    603                         }
    604556                }
    605557        }
Note: See TracChangeset for help on using the changeset viewer.