Changeset 13081


Ignore:
Timestamp:
Nov 11, 2011, 4:44:49 AM (11 years ago)
Author:
jordan
Message:

(trunk web) #4168 "web client in r13075 not working in IE8" -- fixed, sort of.

IE8 can't handle the W3C method of stacking an image on a linear gradient. Since all supported browsers have other ways besides the W3C method of doing this, we can 'fix' this by removing the W3C method. At some point in the future when browsers all use the W3C method, we can look for a different solution, or drop IE8 support ;)

Location:
trunk/web
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/web/javascript/common.js

    r13077 r13081  
    3535
    3636$(document).ready(function() {
    37         // Initialise the dialog controller
    38         dialog = new Dialog();
    39 
    40         // Initialise the main Transmission controller
    41         transmission = new Transmission();
    4237
    4338        // IE8 and below don’t support ES5 Date.now()
    … …  
    4742                };
    4843        }
     44
     45        // Initialise the dialog controller
     46        dialog = new Dialog();
     47
     48        // Initialise the main Transmission controller
     49        transmission = new Transmission();
    4950
    5051        // IE specific fixes here

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

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

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

    r13074 r13081  
    1717        background-image: url($src), -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */
    1818        background-image: url($src), -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */
    19         background-image: url($src), linear-gradient(top, $topColor, $bottomColor); /* W3C */
    2019        background-position: center;
    2120        background-repeat: no-repeat;
Note: See TracChangeset for help on using the changeset viewer.