/*-------------------------------------- * * G L O B A L * *--------------------------------------*/ html { margin: 0; padding: 0; } body { font: 11px Helvetica, Arial, sans-serif; background: #FFF; text-align: center; margin: 0; padding: 0; width: 100%; overflow-x: hidden; -webkit-text-size-adjust: none; } body img { border: none; } body a { outline: 0; } body div#torrent_container { min-height: 328px; } body div.dialog_container { min-height: 326px; } body div#torrent_inspector { min-height: 329px; } body.landscape div#torrent_container { min-height: 147px; } body.landscape div#dialog_container, body.landscape div#torrent_inspector { min-height: 143px; } body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container, body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector, body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container, body.open_showing #torrent_filter_bar, body.open_showing #torrent_container { display: none !important; } /*** **** **** TOOLBAR **** ***/ div#toolbar { width: 100%; height: 39px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); background-image: -webkit-linear-gradient(top, #ddd, #bbb); background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); background-image: linear-gradient(top, #ddd, #bbb); } div#toolbar > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; margin-top: 5px; width: 34px; height: 34px; float: left; border: none; padding: 0px 3px; background-position: center center; background-repeat: no-repeat; } div#toolbar > div.toolbar-separator { height: 25px; margin-top: 8px; margin-bottom: 8px; border-left: 1px solid #aaa; width: 3px; } div#toolbar > div#toolbar-open { background-image: url("images/toolbar-folder.png"); } div#toolbar > div#toolbar-remove { background-image: url("images/toolbar-close.png"); } div#toolbar > div#toolbar-start { background-image: url("images/toolbar-start.png"); } div#toolbar > div#toolbar-pause { background-image: url("images/toolbar-pause.png"); } div#toolbar > div#toolbar-start-all { background-image: url("images/toolbar-start-all.png"); } div#toolbar > div#toolbar-pause-all { background-image: url("images/toolbar-pause-all.png"); } div#toolbar > div#toolbar-inspector { background-image: url("images/toolbar-info.png"); float: right; } div#toolbar > *.disabled { opacity: 0.25; } /*** **** **** STATUSBAR **** ***/ #statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); background-image: -webkit-linear-gradient(top, #ddd, #bbb); background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); background-image: linear-gradient(top, #ddd, #bbb); } #statusbar #filter { float: left; margin-left: 5px; } #statusbar #filter input#torrent_search { display: none; } #statusbar #filter #filter-count { margin-left: 8px; } #statusbar #speed-info { float: right; margin-top: 5px; margin-right: 10px; } #statusbar #speed-info * { display: inline-block; } #statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; } #statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; } #statusbar #speed-info #speed-up-container, #statusbar #speed-info #speed-dn-container { display: inline; } /*** **** **** TORRENT CONTAINER **** ***/ ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; /** * Progressbar * * Each progressbar has three elemens: a parent container and two children, * complete and incomplete. * * The only thing needed to set the progressbar percentage is to set * the complete child's width as a percentage. This is because incomplete * is pinned to the full width and height of the parent, and complete * is pinned to the left side of the parent and has a higher z-index. * * The progressbar has different colors depending on its state, so there * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. */ } ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 14px; color: #666; background-color: white; } ul.torrent_list li.torrent.compact { padding: 4px; } ul.torrent_list li.torrent.even { background-color: #F7F7F7; } ul.torrent_list li.torrent.selected { background-color: #cdcdff; } ul.torrent_list li.torrent.compact div.torrent_name { color: black; } ul.torrent_list li.torrent a { display: none; } ul.torrent_list li.torrent div.torrent_name { font-size: 1.3em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; margin-top: 2px; margin-bottom: 2px; } ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1em; font-weight: normal; } ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; } ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; } ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; } ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; } ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ } ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; } ul.torrent_list div.torrent_peer_details.compact { margin-top: 2px; margin-right: 65px; /* leave room on the right for the progressbar */ float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ } ul.torrent_list div.torrent_progress_bar { height: 100%; position: absolute; top: 0px; left: 0px; background-image: url("images/progress.png"); background-repeat: repeat-x; border: 1px solid #888; } ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; } ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; } ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; } ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; border-color: #3D9DEA; } ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; } ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; } ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; } ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; } ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; } ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; } ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; } ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; } ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; } /*** **** **** PREFERENCES **** ***/ #prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; } .prefs-section { margin: 10px; text-align: left; } .prefs-section > * { padding-top: 8px; padding-left: 8px; } .prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; } .prefs-section .row .key { float: left; padding-top: 3px; } .prefs-section .row .key > * { margin-left: 0px; } .prefs-section .row .value { margin-left: 150px; } .prefs-section .row .value > * { width: 100%; } .prefs-section .checkbox-row > input { margin: 0px; } .prefs-section .checkbox-row > label { margin-left: 5px; } .prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; } /*** **** **** TORRENT INSPECTOR **** ***/ div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 0; position: relative; width: 100%; z-index: 2; /* Files Inspector Tab */ } div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 20px; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; border-left-width: 1px; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { background-color: #e6e6ff; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { background-color: #dddddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { background-color: #e6e6ff; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { background-color: #dddddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { background-color: #e6e6ff; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { background-color: #e6e6ff; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div#torrent_inspector #inspector_header { margin-top: 8px; } div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; } div#torrent_inspector ul.tier_list { margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } div#torrent_inspector ul.tier_list li { overflow: hidden; } div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; } div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; } div#torrent_inspector ul.tier_list table { float: right; color: #666; } div#torrent_inspector ul.tier_list th { text-align: right; } div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; } div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; } div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; } div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; } div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; } div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; } div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; } div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; } div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; } div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { cursor: default; } /* Peers Inspector Tab */ #inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } #inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; } table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; } table.peer_list .encryptedCol { width: 16px; } table.peer_list .upCol { width: 70px; } table.peer_list .downCol { width: 70px; } table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; } table.peer_list .statusCol { width: 40px; padding-right: 5px; } table.peer_list .addressCol { width: 180px; } table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; } tr.inspector_peer_entry.odd { background-color: #EEEEEE; } /*** **** File Priority Buttons ***/ div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; } div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; } div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { background-color: #e6e6ff; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.file-priority-radiobox > div.normal { background-color: #dddddd; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { background-color: #e6e6ff; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { background-color: #e6e6ff; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } /**** ***** ***** MAIN WINDOW FOOTER ***** ****/ div.torrent_footer { height: 22px; border-top: 1px solid #555; position: relative; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); background-image: -webkit-linear-gradient(top, #ddd, #bbb); background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); background-image: linear-gradient(top, #ddd, #bbb); } div.torrent_footer > div { position: relative; float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; } div.torrent_footer #settings_menu { display: none; } div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { background-color: #e6e6ff; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.torrent_footer #turtle-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { background-color: #e6e6ff; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { background-color: #e6e6ff; background-image: url("images/blue-turtle.png"); /* fallback */ background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.torrent_footer #compact-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #BBB); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #BBB); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { background-color: #e6e6ff; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); /* Opera 11.10+ */ background-position: center; background-repeat: no-repeat; } /**** ***** ***** DIALOGS ***** ****/ div#dialog_message.dialog_message { width: 280px; margin: 10px auto 25px; font-size: 13px; line-height: 14px; word-wrap: break-word; overflow: hidden; padding-bottom: 0; } div#upload_container div.dialog_window div.dialog_message label { margin-top: 15px; display: block; } div#upload_container div.dialog_window div.dialog_message input { margin: 3px auto; display: block; } div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { margin: 15px 3px 0 0; display: inline; width: auto; } div#upload_container div.dialog_window div.dialog_message #auto_start_label { display: inline; } h2.dialog_heading { text-align: center; width: 300px; margin: 0 auto; font-size: 17px; } div.dialog_container a { color: white; padding: 7px 0; background: #222; text-decoration: none; border: 2px solid white; margin: 5px 5px 0; font-weight: bold; -webkit-border-radius: 16px; display: inline-block; width: 90px; font-size: 12px; text-align: center; } #dialog_container div.dialog_window img { margin: 5px auto 12px; } .landscape div.dialog_container a#dialog_cancel_button { left: 155px; } .landscape div.dialog_container a#dialog_confirm_button { right: 110px; } .landscape div.dialog_container img { float: left !important; margin: 0 0 0 50px; } .landscape h2#dialog_heading.dialog_heading { margin: 5px auto 0; margin-left: 150px; text-align: left; } .landscape div#dialog_message.dialog_message { width: 300px; margin: 10px 0 20px 150px; text-align: left; } .ui-menu-item { text-align: left; white-space: nowrap; } #torrent_context_menu { font-size: 1em; z-index: 3; } iframe#torrent_upload_frame { display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */ position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; border: none; padding: 0; margin: 0; } /*# sourceMappingURL=mobile.css.map */