Poster ID readability
Conflicts: js/id_colors.js
This commit is contained in:
parent
6133386b82
commit
b34f9c31f9
@ -24,19 +24,23 @@ if (active_page == 'thread' || active_page == 'index') {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function colorPostId(el) {
|
function colorPostId(el) {
|
||||||
var rgb = stringToRGB($(el).text());
|
var rgb = IDToRGB($(el).text());
|
||||||
|
var ft = "#fff";
|
||||||
|
|
||||||
|
if ((rgb[0]*0.299 + rgb[1]*0.587 + rgb[2]*0.114) > 125)
|
||||||
|
ft = "#000";
|
||||||
|
|
||||||
$(el).css({
|
$(el).css({
|
||||||
"background-color": "rgb("+rgb[0]+", "+rgb[1]+", "+rgb[2]+")",
|
"background-color": "rgb("+rgb[0]+", "+rgb[1]+", "+rgb[2]+")",
|
||||||
"padding": "0px 5px",
|
"padding": "0px 5px",
|
||||||
"border-radius": "8px",
|
"border-radius": "8px",
|
||||||
"color": "white"
|
"color": ft
|
||||||
});
|
});
|
||||||
|
|
||||||
$(el).mouseover(function() {
|
$(el).mouseover(function() {
|
||||||
$(this).css('color', '#800000');
|
$(this).css('color', '#800000'); // how about a CSS :hover rule instead?
|
||||||
}).mouseout(function() {
|
}).mouseout(function() {
|
||||||
$(this).css('color', '#FFF');
|
$(this).css('color', ft);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user