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

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