(trunk web) #3862 "on iPhone web ui, some buttons are too small to tap" -- fix file priority buttons.
This commit is contained in:
parent
86cb95820d
commit
b677c18b03
|
@ -19,7 +19,9 @@ function FileRow(torrent, i)
|
||||||
},
|
},
|
||||||
|
|
||||||
elements = {
|
elements = {
|
||||||
priority_control: null,
|
priority_low_button: null,
|
||||||
|
priority_normal_button: null,
|
||||||
|
priority_high_button: null,
|
||||||
progress: null,
|
progress: null,
|
||||||
root: null
|
root: null
|
||||||
},
|
},
|
||||||
|
@ -51,24 +53,15 @@ function FileRow(torrent, i)
|
||||||
|
|
||||||
refreshWantedHTML = function()
|
refreshWantedHTML = function()
|
||||||
{
|
{
|
||||||
var e = elements.root,
|
var e = $(elements.root);
|
||||||
c = [ e.classNameConst ];
|
e.toggleClass('skip', !fields.isWanted);
|
||||||
|
e.toggleClass('complete', isDone());
|
||||||
if (!fields.isWanted) { c.push('skip'); }
|
|
||||||
if (isDone()) { c.push('complete'); }
|
|
||||||
e.className = c.join(' ');
|
|
||||||
},
|
},
|
||||||
refreshPriorityHTML = function()
|
refreshPriorityHTML = function()
|
||||||
{
|
{
|
||||||
var e = elements.priority_control,
|
$(elements.priority_high_button ).toggleClass('selected', fields.priority === 1 );
|
||||||
c = [ e.classNameConst ];
|
$(elements.priority_normal_button).toggleClass('selected', fields.priority === 0 );
|
||||||
|
$(elements.priority_low_button ).toggleClass('selected', fields.priority === -1 );
|
||||||
switch(fields.priority) {
|
|
||||||
case -1 : c.push('low'); break;
|
|
||||||
case 1 : c.push('high'); break;
|
|
||||||
default : c.push('normal'); break;
|
|
||||||
}
|
|
||||||
e.className = c.join(' ');
|
|
||||||
},
|
},
|
||||||
refreshProgressHTML = function()
|
refreshProgressHTML = function()
|
||||||
{
|
{
|
||||||
|
@ -99,60 +92,57 @@ function FileRow(torrent, i)
|
||||||
},
|
},
|
||||||
|
|
||||||
createRow = function(torrent, i) {
|
createRow = function(torrent, i) {
|
||||||
var file = torrent.getFile(i),
|
var file = torrent.getFile(i), e, name, root, box;
|
||||||
name, root, wanted_div, pri_div, file_div, prog_div;
|
|
||||||
|
|
||||||
root = document.createElement('li');
|
root = document.createElement('li');
|
||||||
root.id = 't' + fields.torrent.getId() + 'f' + fields.index;
|
root.id = 't' + fields.torrent.getId() + 'f' + fields.index;
|
||||||
root.classNameConst = 'inspector_torrent_file_list_entry ' + ((i%2)?'odd':'even');
|
root.className = 'inspector_torrent_file_list_entry ' + ((i%2)?'odd':'even');
|
||||||
root.className = root.classNameConst;
|
elements.root = root;
|
||||||
|
|
||||||
wanted_div = document.createElement('div');
|
e = document.createElement('div');
|
||||||
wanted_div.className = "file_wanted_control";
|
e.className = "file_wanted_control";
|
||||||
$(wanted_div).click(function(){ fireWantedChanged(!fields.isWanted); });
|
$(e).click(function(){ fireWantedChanged(!fields.isWanted); });
|
||||||
|
root.appendChild(e);
|
||||||
|
|
||||||
pri_div = document.createElement('div');
|
e = document.createElement('div');
|
||||||
pri_div.classNameConst = "file_priority_control";
|
e.className = 'file-priority-radiobox';
|
||||||
pri_div.className = pri_div.classNameConst;
|
box = e;
|
||||||
$(pri_div).bind('click',function(ev){
|
|
||||||
var prio,
|
e = document.createElement('div');
|
||||||
x = ev.pageX,
|
e.className = 'low';
|
||||||
e = ev.target;
|
e.title = 'Low Priority';
|
||||||
while (e) {
|
$(e).click(function(){ firePriorityChanged(-1); });
|
||||||
x -= e.offsetLeft;
|
elements.priority_low_button = e;
|
||||||
e = e.offsetParent;
|
box.appendChild(e);
|
||||||
}
|
|
||||||
// ugh.
|
e = document.createElement('div');
|
||||||
if (isMobileDevice) {
|
e.className = 'normal';
|
||||||
if (x < 8) prio = -1;
|
e.title = 'Normal Priority';
|
||||||
else if (x < 27) prio = 0;
|
$(e).click(function(){ firePriorityChanged(0); });
|
||||||
else prio = 1;
|
elements.priority_normal_button = e;
|
||||||
} else {
|
box.appendChild(e);
|
||||||
if (x < 12) prio = -1;
|
|
||||||
else if (x < 23) prio = 0;
|
e = document.createElement('div');
|
||||||
else prio = 1;
|
e.title = 'High Priority';
|
||||||
}
|
e.className = 'high';
|
||||||
firePriorityChanged(prio);
|
$(e).click(function(){ firePriorityChanged(1); });
|
||||||
});
|
elements.priority_high_button = e;
|
||||||
|
box.appendChild(e);
|
||||||
|
|
||||||
|
root.appendChild(box);
|
||||||
|
|
||||||
name = file.name || 'Unknown';
|
name = file.name || 'Unknown';
|
||||||
name = name.substring(name.lastIndexOf('/')+1);
|
name = name.substring(name.lastIndexOf('/')+1);
|
||||||
name = name.replace(/([\/_\.])/g, "$1​");
|
name = name.replace(/([\/_\.])/g, "$1​");
|
||||||
file_div = document.createElement('div');
|
e = document.createElement('div');
|
||||||
file_div.className = "inspector_torrent_file_list_entry_name";
|
e.className = "inspector_torrent_file_list_entry_name";
|
||||||
file_div.innerHTML = name;
|
e.innerHTML = name;
|
||||||
|
root.appendChild(e);
|
||||||
|
|
||||||
prog_div = document.createElement('div');
|
e = document.createElement('div');
|
||||||
prog_div.className = "inspector_torrent_file_list_entry_progress";
|
e.className = "inspector_torrent_file_list_entry_progress";
|
||||||
|
root.appendChild(e);
|
||||||
root.appendChild(wanted_div);
|
elements.progress = e;
|
||||||
root.appendChild(pri_div);
|
|
||||||
root.appendChild(file_div);
|
|
||||||
root.appendChild(prog_div);
|
|
||||||
|
|
||||||
elements.root = root;
|
|
||||||
elements.priority_control = pri_div;
|
|
||||||
elements.progress = prog_div;
|
|
||||||
|
|
||||||
refresh();
|
refresh();
|
||||||
return root;
|
return root;
|
||||||
|
|
|
@ -923,38 +923,110 @@ li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.file_priority_control {
|
div.file-priority-radiobox {
|
||||||
|
display: inline;
|
||||||
float: right;
|
float: right;
|
||||||
margin: 4px 0 0 0;
|
margin: 4px;
|
||||||
width: 35px;
|
margin-top: 2px;
|
||||||
height: 19px;
|
}
|
||||||
background-image: url('images/buttons/file_priority_buttons.png');
|
div.file-priority-radiobox > * {
|
||||||
background-repeat: no-repeat;
|
font-size: 20px;
|
||||||
background-color: transparent;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
height: 12px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #aaa;
|
||||||
|
border-width: 1px;
|
||||||
|
padding: 3px;
|
||||||
}
|
}
|
||||||
div.file_priority_control.normal {
|
|
||||||
background-position: left top;
|
div.file-priority-radiobox > div.low {
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-right-width: 0px;
|
||||||
|
|
||||||
|
background: #D7D7D7;
|
||||||
|
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(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-low.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.normal:hover {
|
div.file-priority-radiobox > div.low.selected {
|
||||||
background-position: right top;
|
background: #93e8ff;
|
||||||
|
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(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-low.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.high {
|
|
||||||
background-position: left -19px;
|
|
||||||
|
div.file-priority-radiobox > div.normal {
|
||||||
|
background: #D7D7D7;
|
||||||
|
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(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.high:hover {
|
div.file-priority-radiobox > div.normal.selected {
|
||||||
background-position: right -19px;
|
background: #93e8ff;
|
||||||
|
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(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.low {
|
|
||||||
background-position: left -38px;
|
|
||||||
|
div.file-priority-radiobox > div.high {
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
border-left-width: 0px;
|
||||||
|
background: #D7D7D7;
|
||||||
|
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(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-high.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.low:hover {
|
div.file-priority-radiobox > div.high.selected {
|
||||||
background-position: right -38px;
|
background: #93e8ff;
|
||||||
}
|
background-image: url(images/file-priority-high.png); /* fallback */
|
||||||
ul.single_file li.inspector_torrent_file_list_entry>.file_priority_control,
|
background-image: url(images/file-priority-high.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
|
||||||
li.inspector_torrent_file_list_entry.complete div.file_priority_control {
|
background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
|
||||||
background-position: left -57px;
|
background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
|
||||||
cursor: default;
|
background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-high.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -4,6 +4,9 @@ datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
|
||||||
dist_data_DATA = \
|
dist_data_DATA = \
|
||||||
blue-turtle.png \
|
blue-turtle.png \
|
||||||
chrome.png \
|
chrome.png \
|
||||||
|
file-priority-high.png \
|
||||||
|
file-priority-low.png \
|
||||||
|
file-priority-normal.png \
|
||||||
filter_bar.png \
|
filter_bar.png \
|
||||||
filter_icon.png \
|
filter_icon.png \
|
||||||
iphone_chrome.png \
|
iphone_chrome.png \
|
||||||
|
|
|
@ -2,7 +2,6 @@ datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
|
||||||
|
|
||||||
dist_data_DATA = \
|
dist_data_DATA = \
|
||||||
cancel.png \
|
cancel.png \
|
||||||
file_priority_buttons.png \
|
|
||||||
file_wanted_buttons.png \
|
file_wanted_buttons.png \
|
||||||
info_activity.png \
|
info_activity.png \
|
||||||
info_files.png \
|
info_files.png \
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
After Width: | Height: | Size: 340 B |
Binary file not shown.
After Width: | Height: | Size: 335 B |
Binary file not shown.
After Width: | Height: | Size: 185 B |
|
@ -792,37 +792,110 @@ li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.file_priority_control {
|
div.file-priority-radiobox {
|
||||||
|
display: inline;
|
||||||
float: right;
|
float: right;
|
||||||
margin: 4px 0 0 0;
|
margin: 4px;
|
||||||
width: 35px;
|
margin-top: 2px;
|
||||||
height: 19px;
|
}
|
||||||
background-image: url('images/buttons/file_priority_buttons.png');
|
div.file-priority-radiobox > * {
|
||||||
background-repeat: no-repeat;
|
font-size: 20px;
|
||||||
background-color: transparent;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
height: 12px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #aaa;
|
||||||
|
border-width: 1px;
|
||||||
|
padding: 3px;
|
||||||
}
|
}
|
||||||
div.file_priority_control.normal {
|
|
||||||
background-position: left top;
|
div.file-priority-radiobox > div.low {
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-right-width: 0px;
|
||||||
|
|
||||||
|
background: #D7D7D7;
|
||||||
|
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(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-low.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.normal:hover {
|
div.file-priority-radiobox > div.low.selected {
|
||||||
background-position: right top;
|
background: #93e8ff;
|
||||||
|
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(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-low.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.high {
|
|
||||||
background-position: left -19px;
|
|
||||||
|
div.file-priority-radiobox > div.normal {
|
||||||
|
background: #D7D7D7;
|
||||||
|
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(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.high:hover {
|
div.file-priority-radiobox > div.normal.selected {
|
||||||
background-position: right -19px;
|
background: #93e8ff;
|
||||||
|
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(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-normal.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.low {
|
|
||||||
background-position: left -38px;
|
|
||||||
|
div.file-priority-radiobox > div.high {
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
border-left-width: 0px;
|
||||||
|
background: #D7D7D7;
|
||||||
|
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(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
|
||||||
|
background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
|
||||||
|
background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-high.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
div.file_priority_control.low:hover {
|
div.file-priority-radiobox > div.high.selected {
|
||||||
background-position: right -38px;
|
background: #93e8ff;
|
||||||
}
|
background-image: url(images/file-priority-high.png); /* fallback */
|
||||||
ul.single_file li.inspector_torrent_file_list_entry>.file_priority_control, li.inspector_torrent_file_list_entry.complete div.file_priority_control {
|
background-image: url(images/file-priority-high.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
|
||||||
background-position: left -57px;
|
background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
|
||||||
cursor: default;
|
background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
|
||||||
|
background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
|
||||||
|
background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
|
||||||
|
background-image: url(images/file-priority-high.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue