mirror of
https://github.com/transmission/transmission
synced 2025-03-15 16:29:34 +00:00
Add keyboard hotkeys for web interface
This commit is contained in:
Sven Depondt
parent
6c30359beb
commit
a52ef89161
4 changed files with 322 additions and 93 deletions
|
|
@ -281,6 +281,83 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ui-helper-hidden" id="hotkeys-dialog">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Key</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>/</td>
|
||||
<td>Show hotkeys dialog</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>,</td>
|
||||
<td>Open preferences</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Enter</td>
|
||||
<td>Confirm dialog</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ESC</td>
|
||||
<td>Close/cancel dialog</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>a</td>
|
||||
<td>Select all torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SHIFT + a</td>
|
||||
<td>Deselect all torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>c</td>
|
||||
<td>Toggle compact view</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>d</td>
|
||||
<td>Delete selected torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Backspace</td>
|
||||
<td>Delete selected torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DEL</td>
|
||||
<td>Delete selected torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>m</td>
|
||||
<td>Move torrent/Set location</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>o</td>
|
||||
<td>Add/open a torrent</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>u</td>
|
||||
<td>Add/open a torrent</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p</td>
|
||||
<td>Pause selected torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>r</td>
|
||||
<td>Resume selected torrents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>t</td>
|
||||
<td>Toggle turtle mode</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="dialog_container ui-helper-hidden" id="upload_container">
|
||||
<div class="dialog_top_bar"></div>
|
||||
<div class="dialog_window">
|
||||
|
|
@ -348,6 +425,7 @@
|
|||
<li id="tipjar">Transmission Tip Jar</li>
|
||||
<li>---</li>
|
||||
<li id="statistics">Statistics</li>
|
||||
<li id="hotkeys">Hotkeys</li>
|
||||
<!--
|
||||
<li id="toggle_notifications">Notifcations</li>
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -455,11 +455,111 @@ Transmission.prototype = {
|
|||
keyDown: function (ev) {
|
||||
var handled = false;
|
||||
var rows = this._rows;
|
||||
var up = ev.keyCode === 38; // up key pressed
|
||||
var dn = ev.keyCode === 40; // down key pressed
|
||||
var shift = ev.keyCode === 16; // shift key pressed
|
||||
var up_key = ev.keyCode === 38; // up key pressed
|
||||
var dn_key = ev.keyCode === 40; // down key pressed
|
||||
var a_key = ev.keyCode === 65; // a key pressed
|
||||
var c_key = ev.keyCode === 67; // c key pressed
|
||||
var d_key = ev.keyCode === 68; // d key pressed
|
||||
var m_key = ev.keyCode === 77; // m key pressed
|
||||
var o_key = ev.keyCode === 79; // o key pressed
|
||||
var p_key = ev.keyCode === 80; // p key pressed
|
||||
var r_key = ev.keyCode === 82; // r key pressed
|
||||
var t_key = ev.keyCode === 84; // t key pressed
|
||||
var u_key = ev.keyCode === 85; // u key pressed
|
||||
var shift_key = ev.keyCode === 16; // shift key pressed
|
||||
var slash_key = ev.keyCode === 191; // slash (/) key pressed
|
||||
var backspace_key = ev.keyCode === 8; // backspace key pressed
|
||||
var del_key = ev.keyCode === 46; // delete key pressed
|
||||
var enter_key = ev.keyCode === 13; // enter key pressed
|
||||
var esc_key = ev.keyCode === 27; // esc key pressed
|
||||
var comma_key = ev.keyCode === 188; // comma key pressed
|
||||
|
||||
if ((up || dn) && rows.length) {
|
||||
if ($('.dialog_heading:visible').length == 0) {
|
||||
if (comma_key) {
|
||||
this.togglePrefsDialogClicked();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (a_key) {
|
||||
if (ev.shiftKey) {
|
||||
this.deselectAll();
|
||||
} else {
|
||||
this.selectAll();
|
||||
}
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (c_key) {
|
||||
this.toggleCompactClicked();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if ((backspace_key || del_key || d_key) && rows.length) {
|
||||
this.removeSelectedTorrents();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (m_key) {
|
||||
this.moveSelectedTorrents()
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (o_key || u_key) {
|
||||
$('body').addClass('open_showing');
|
||||
this.uploadTorrentFile();
|
||||
this.updateButtonStates();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (p_key) {
|
||||
this.stopSelectedTorrents();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (r_key) {
|
||||
this.startSelectedTorrents();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (t_key) {
|
||||
this.toggleTurtleClicked();
|
||||
handled = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (enter_key) {
|
||||
// check if remove dialog
|
||||
if ($('.dialog_heading:visible').text().match("Remove") != null) {
|
||||
$("#dialog_confirm_button").click();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
// check if upload torrent dialog
|
||||
if ($('.dialog_heading:visible').text() == "Upload Torrent Files") {
|
||||
this.confirmUploadClicked();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
// check if location dialog
|
||||
if ($('.dialog_heading:visible').text() == "Set Location") {
|
||||
this.confirmMoveClicked();
|
||||
handled = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (slash_key) {
|
||||
this.showHotkeysDialog();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if (esc_key) {
|
||||
this.hideMoveDialog();
|
||||
this.hideUploadDialog();
|
||||
dialog.hideDialog();
|
||||
handled = true;
|
||||
}
|
||||
|
||||
if ((up_key || dn_key) && rows.length) {
|
||||
var last = this.indexOfLastTorrent(),
|
||||
i = last,
|
||||
anchor = this._shift_index,
|
||||
|
|
@ -467,9 +567,9 @@ Transmission.prototype = {
|
|||
min = 0,
|
||||
max = rows.length - 1;
|
||||
|
||||
if (dn && (i + 1 <= max)) {
|
||||
if (dn_key && (i + 1 <= max)) {
|
||||
++i;
|
||||
} else if (up && (i - 1 >= min)) {
|
||||
} else if (up_key && (i - 1 >= min)) {
|
||||
--i;
|
||||
};
|
||||
|
||||
|
|
@ -493,7 +593,7 @@ Transmission.prototype = {
|
|||
this._last_torrent_clicked = r.getTorrentId();
|
||||
this.scrollToRow(r);
|
||||
handled = true;
|
||||
} else if (shift) {
|
||||
} else if (shift_key) {
|
||||
this._shift_index = this.indexOfLastTorrent();
|
||||
}
|
||||
|
||||
|
|
@ -722,6 +822,10 @@ Transmission.prototype = {
|
|||
this.showStatsDialog();
|
||||
break;
|
||||
|
||||
case 'hotkeys':
|
||||
this.showHotkeysDialog();
|
||||
break;
|
||||
|
||||
case 'about-button':
|
||||
o = 'Transmission ' + this.serverVersion;
|
||||
$('#about-dialog #about-title').html(o);
|
||||
|
|
@ -1764,5 +1868,18 @@ Transmission.prototype = {
|
|||
onStatsDialogClosed: function () {
|
||||
this.hideMobileAddressbar();
|
||||
this.togglePeriodicStatsRefresh(false);
|
||||
},
|
||||
|
||||
/***
|
||||
****
|
||||
**** Hotkeys
|
||||
****
|
||||
***/
|
||||
showHotkeysDialog: function () {
|
||||
$('#hotkeys-dialog').dialog({
|
||||
title: 'Hotkeys',
|
||||
show: 'fade',
|
||||
hide: 'fade'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -38,6 +38,17 @@ body {
|
|||
font-size: 1.3em;
|
||||
font-weight: bold; }
|
||||
|
||||
/***
|
||||
****
|
||||
**** HOTKEYS DIALOG
|
||||
****
|
||||
***/
|
||||
#hotkeys-dialog table {
|
||||
width: 100%;
|
||||
border-collapse: collapse; }
|
||||
#hotkeys-dialog table th, #hotkeys-dialog table td {
|
||||
border: 1px solid #AAA; }
|
||||
|
||||
/***
|
||||
****
|
||||
**** TOOLBAR
|
||||
|
|
@ -50,12 +61,12 @@ div#toolbar {
|
|||
padding: 2px;
|
||||
border-bottom: 1px solid #AAA;
|
||||
background-color: #cccccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
|
||||
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: linear-gradient(top, #dddddd, #bbbbbb); }
|
||||
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;
|
||||
|
|
@ -109,12 +120,12 @@ div#toolbar {
|
|||
overflow: hidden;
|
||||
position: relative;
|
||||
background-color: #cccccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
|
||||
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: linear-gradient(top, #dddddd, #bbbbbb); }
|
||||
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; }
|
||||
|
|
@ -396,15 +407,15 @@ div#torrent_inspector {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/inspector-info.png");
|
||||
/* fallback */
|
||||
background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -429,15 +440,15 @@ div#torrent_inspector {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/inspector-peers.png");
|
||||
/* fallback */
|
||||
background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -461,15 +472,15 @@ div#torrent_inspector {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/inspector-trackers.png");
|
||||
/* fallback */
|
||||
background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -497,15 +508,15 @@ div#torrent_inspector {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/inspector-files.png");
|
||||
/* fallback */
|
||||
background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -673,18 +684,18 @@ div.file-priority-radiobox {
|
|||
-moz-border-radius-bottomleft: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
background-color: #dcdcdc;
|
||||
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(#c8c8c8));
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -706,18 +717,18 @@ div.file-priority-radiobox {
|
|||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
div.file-priority-radiobox > div.normal {
|
||||
background-color: #dcdcdc;
|
||||
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(#c8c8c8));
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -742,18 +753,18 @@ div.file-priority-radiobox {
|
|||
-moz-border-radius-bottomright: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: #dcdcdc;
|
||||
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(#c8c8c8));
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
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, #c8c8c8);
|
||||
background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -788,12 +799,12 @@ div.torrent_footer {
|
|||
width: 100%;
|
||||
z-index: 3;
|
||||
background-color: #cccccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
|
||||
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: linear-gradient(top, #dddddd, #bbbbbb); }
|
||||
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 {
|
||||
float: left;
|
||||
margin: 2px 4px;
|
||||
|
|
@ -810,15 +821,15 @@ div.torrent_footer {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/settings.png");
|
||||
/* fallback */
|
||||
background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
|
||||
/* Saf4+, Chrome */
|
||||
background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #BBB);
|
||||
/* Chrome 10+, Saf5.1+ */
|
||||
background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #BBB);
|
||||
/* FF3.6+ */
|
||||
background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #BBB);
|
||||
/* IE10 */
|
||||
background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/settings.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -844,15 +855,15 @@ div.torrent_footer {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/wrench.png");
|
||||
/* fallback */
|
||||
background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB);
|
||||
/* IE10 */
|
||||
background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -878,15 +889,15 @@ div.torrent_footer {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/turtle.png");
|
||||
/* fallback */
|
||||
background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB);
|
||||
/* IE10 */
|
||||
background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -928,15 +939,15 @@ div.torrent_footer {
|
|||
background-color: #dddddd;
|
||||
background-image: url("images/compact.png");
|
||||
/* fallback */
|
||||
background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
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, #bbbbbb);
|
||||
background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB);
|
||||
/* IE10 */
|
||||
background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
|
||||
background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB);
|
||||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
|
@ -956,6 +967,11 @@ div.torrent_footer {
|
|||
/* Opera 11.10+ */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
div.torrent_footer #freespace-info {
|
||||
float: right;
|
||||
text-align: right;
|
||||
border: 0px;
|
||||
width: 100px; }
|
||||
|
||||
/****
|
||||
*****
|
||||
|
|
@ -986,7 +1002,7 @@ div.dialog_container div.dialog_window {
|
|||
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
|
||||
top: 80px; }
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
div.dialog_container div.dialog_window {
|
||||
top: 0;
|
||||
margin-top: 71px; } }
|
||||
|
|
@ -1031,7 +1047,7 @@ div.dialog_container div.dialog_window a {
|
|||
|
||||
div.dialog_container div.dialog_window a:hover,
|
||||
div.dialog_container div.dialog_window a:active {
|
||||
background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
|
||||
background: #C0C8D6 url("images/filter_bar.png") bottom repeat-x; }
|
||||
|
||||
div#upload_container div.dialog_window div.dialog_message label {
|
||||
margin-top: 15px;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
@mixin verticalGradient($topColor, $bottomColor) {
|
||||
background-color: mix($topColor, $bottomColor);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor));
|
||||
background-image: -webkit-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -moz-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -ms-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -o-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor));
|
||||
background-image: -webkit-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -moz-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -ms-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: -o-linear-gradient(top, $topColor, $bottomColor);
|
||||
background-image: linear-gradient(top, $topColor, $bottomColor);
|
||||
}
|
||||
|
||||
|
|
@ -113,6 +113,24 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
/***
|
||||
****
|
||||
**** HOTKEYS DIALOG
|
||||
****
|
||||
***/
|
||||
|
||||
#hotkeys-dialog {
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
th, td {
|
||||
border: 1px solid #AAA;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
****
|
||||
**** TOOLBAR
|
||||
|
|
@ -305,10 +323,10 @@ ul.torrent_list
|
|||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
|
||||
div.torrent_pause { background-position: left top; }
|
||||
div.torrent_resume { background-position: center top; }
|
||||
|
||||
|
||||
&:active {
|
||||
div.torrent_pause { background-position: left bottom; }
|
||||
div.torrent_resume { background-position: center bottom; }
|
||||
|
|
@ -641,7 +659,7 @@ div#torrent_inspector
|
|||
|
||||
div.inspector_torrent_file_list_entry_name {
|
||||
font-size: 1.2em;
|
||||
color: black;
|
||||
color: black;
|
||||
display: inline;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue