release/src/router/transmission/web/style/transmission/common.css

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