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

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