[Pkg-mozext-commits] [wot] 88/226: New Warning Screen (WOT 2.0 + Blacklisting info): almost done.
David Prévot
taffit at moszumanska.debian.org
Fri May 1 00:35:37 UTC 2015
This is an automated email from the git hooks/post-receive script.
taffit pushed a commit to branch master
in repository wot.
commit ba1ca7b655e211ce47938ad8963228e98a5d12ba
Author: Sergey Andryukhin <sorgoz at yandex.com>
Date: Fri Jul 26 23:29:02 2013 +0300
New Warning Screen (WOT 2.0 + Blacklisting info): almost done.
---
content/categories.js | 30 ++
content/search.js | 2 +
content/ui.js | 2 +-
content/warning.js | 355 ++++++++++++-------
locale/en-US/wot.properties | 17 +-
skin/b/ws/list_c.png | Bin 0 -> 2833 bytes
skin/b/ws/list_l.png | Bin 0 -> 3530 bytes
skin/b/ws/list_r.png | Bin 0 -> 3796 bytes
skin/b/ws/robot.png | Bin 0 -> 13266 bytes
skin/include/blocked.css | 383 ---------------------
skin/include/warning.css | 820 ++++++++++++++++++++++++++++++++++++++++++++
11 files changed, 1104 insertions(+), 505 deletions(-)
diff --git a/content/categories.js b/content/categories.js
index de67d40..8252b14 100644
--- a/content/categories.js
+++ b/content/categories.js
@@ -207,6 +207,36 @@ var wot_categories = {
return cats;
},
+ target_blacklists: function (target) {
+ // return categories reported by API server (both identified and votes) taking them from cache.
+ // Result is an Object.
+
+ var count = wot_cache.get(target, "blacklists", 0),
+ bls = [],
+ attrs_list = [
+ WOT_SERVICE_XML_QUERY_BLACKLIST_TYPE,
+ WOT_SERVICE_XML_QUERY_BLACKLIST_TIME
+ ];
+
+ for (var i = 0, slot=""; i < count; i++) {
+ var obj = {}, val = null;
+ for (var a = 0; a < attrs_list.length; a++) {
+ slot = "blacklist_" + i + "_" + attrs_list[a];
+ val = wot_cache.get(target, slot, null);
+ if (val !== null) {
+ obj[attrs_list[a]] = val;
+ }
+ }
+ if (!wot_util.isEmpty(obj)) {
+ bls.push(obj);
+ }
+ }
+
+// wdump("target_categories:: " + JSON.stringify(cats));
+ return bls;
+
+ },
+
select_identified: function (target_cats) {
// Returns categories identified by community (unsorted!)
var res = {};
diff --git a/content/search.js b/content/search.js
index 90fab2d..4717903 100644
--- a/content/search.js
+++ b/content/search.js
@@ -1182,6 +1182,8 @@ var wot_search =
var r = wot_cache.get(name, "reputation_0");
+ // TODO: respect "Parental control" setting and take the worst reputation between 0 and 4 in this case
+
// TODO: remove below since we don't have this type of logic in settings any more
// if (wot_prefs.search_type == WOT_SEARCH_TYPE_OPTIMIZED) {
// for (var i = 1; i < WOT_APPLICATIONS; ++i) {
diff --git a/content/ui.js b/content/ui.js
index c61d206..00c281d 100644
--- a/content/ui.js
+++ b/content/ui.js
@@ -102,7 +102,7 @@ var wot_status = {
if(type != WOT_WARNING_BLOCK) wot_warning.hide(content);
}
} catch (e) {
- dump("wot_status.update: failed with " + e + "\n");
+ wdump("wot_status.update: failed with " + e);
}
}
};
diff --git a/content/warning.js b/content/warning.js
index 7bf2f84..b56f954 100644
--- a/content/warning.js
+++ b/content/warning.js
@@ -18,59 +18,173 @@
along with WOT. If not, see <http://www.gnu.org/licenses/>.
*/
-const WOT_WARNING_CSS = "@import \"chrome://wot/skin/include/blocked.css\";";
+const WOT_WARNING_CSS = "@import \"chrome://wot/skin/include/warning.css\";";
var wot_warning =
{
minheight: 600,
exit_mode: "back",
is_blocked: false,
-
- make_warning: function()
+ warned: {},
+
+ make_categories_block: function (categories, options) {
+
+ var tmpl = '';
+// console.log("make_categories_block", categories);
+
+ if (!wot_util.isEmpty(categories)) {
+ var lst = [],
+ ordered_cats = wot_categories.rearrange_categories(categories).all;
+ for (var k in ordered_cats) {
+ var cat = ordered_cats[k], cid = cat.id,
+ cconf = wot_util.get_level(WOT_CONFIDENCELEVELS, cat.c).name,
+ css = wot_categories.get_category_css(cid),
+ cat_name = wot_categories.get_category_name(cid),
+ li = "<li class='cat-item " + css + " " + cconf + "'>" + cat_name + "</li>";
+ if (cat_name) {
+ lst.push(li);
+ }
+ }
+
+ tmpl = "<div class='ws-categories-title'>{REASONTITLE}</div>" +
+ "<ul id='ws-categories-list'>" +
+ lst.join("") +
+ "</ul>";
+ }
+
+ return tmpl;
+
+ },
+
+ make_blacklists: function(blacklists, options) {
+
+ var bl = blacklists || [],
+ tmpl = "";
+
+ if (bl && bl.length > 0) {
+ tmpl = "<div class='wot-blacklisting-info'>" +
+ "<div class='wot-blacklist'>" +
+ "<div class='wot-bl-decoration'>" +
+ "<div class='wot-comp-icon wot-bl-decoration-donut' r='{RATING0}'></div>" +
+ "</div>";
+
+ // the blacklist is unordered. We can order it in later versions by time or by risk level.
+ for (var i = 0, bl_type=""; i < 5; i++) {
+ if (bl.length > i) {
+ bl_type = wot_util.getstring("bl_" + bl[i].type);
+ bl_type = bl_type ? bl_type : wot_util.getstring("bl_other");
+
+ tmpl += "<div class='wot-bl-verdict'>" + bl_type + "</div>"
+ } else {
+ tmpl += "<div class='wot-bl-verdict empty'></div>";
+ }
+ }
+
+ tmpl += "</div></div>";
+ }
+
+ return tmpl;
+ },
+
+ make_warning: function(categories, blacklists, options)
{
- var wot_warning = "<div id='wotcontainer' class='wotcontainer {CLASS} {ACCESSIBLE}'>" +
- "<div class='wot-logo'></div>" +
- "<div class='wot-warning'>{WARNING}</div>" +
- "<div class='wot-title'>{TITLE}</div>" +
- "<div class='wot-desc'>{DESC}</div>" +
- "<div class='wot-openscorecard-wrap'>" +
- "<span id='wotinfobutton' class='wot-openscorecard wot-link'>{INFO}</span>" +
- "</div>" +
- "<div id='wot-ws-ratings'>";
-
- for(var c=0; c < WOT_APPLICATIONS; c++) {
-
- if(!wot_prefs["show_application_" + c]) continue;
-
- var S_COMPNAME = "RATINGDESC" + c,
- S_RATING = "RATING" + c,
- S_RATING_EXPL = "RATINGEXPL" + c;
-
- wot_warning += "" +
- "<div class='wot-component'>" +
- "<div class='wot-comp-name'>{" + S_COMPNAME + "}</div>" +
- "<div class='wot-comp-level' r='{" + S_RATING + "}'>{" + S_RATING_EXPL + "}</div>" +
- "<div class='wot-comp-icon' r='{" + S_RATING + "}'></div>" +
- "</div>";
- }
-
- wot_warning +=
- "</div>" +
- "<div class='wot-rateit-wrap'>" +
- "<span>{RATETEXT}</span>" +
- "</div>" +
- "<div class='wot-buttons'>";
-
- if(!this.is_blocked) {
- // don't show "Goto the site" button in "Blocked" mode
- wot_warning += "<div id='wot-btn-hide' class='wot-button'>{GOTOSITE}</div>";
- }
-
- wot_warning += "<div id='wot-btn-leave' class='wot-button'>{LEAVESITE}</div>" +
- "</div>" +
- "</div>";
+ var wot_warning =
+ "<div id='wotcontainer' class='wotcontainer {CLASS} {ACCESSIBLE} {BL_OR_REP} notranslate'>" +
+ "<div class='wot-logo'></div>" +
+ "<div class='wot-warning'>{WARNING}</div>" +
+ "<div class='wot-title'>{TITLE}</div>" +
+ "<div id='wot-wt-warning-wrapper' style='display: none;'>" +
+ "<div class='wot-wt-warning-content'>" +
+ "<div id='wt-logo' class='wot-wt-logo'> </div>" +
+ "<div>{WT_CONTENT}</div>" +
+ "<div><label><input id='wt-warn-turnoff' type='checkbox' class='wot-checkbox' /> {WT_WARN_TURNOFF}</label></div>" +
+ "<div class='wot-wt-warn-footer'>" +
+ "<div id='wt-warn-ok' class='wot-wt-button wot-wt-warn-button'>{WT_BUTTON}</div>" +
+ "</div>" +
+ "</div>" +
+ "</div>" +
+ "<div class='wot-desc'>{DESC}</div>" +
+
+ this.make_blacklists(blacklists, options) +
+
+ "<div class='wot-rep-components-wrapper'>" +
+ "<div class='wot-rep-components'>" +
+ "<div class='wot-component'>" +
+ "<div class='wot-comp-name'>{RATINGDESC0}</div>" +
+ "<div class='wot-rep-data'>" +
+ "<div class='wot-comp-icon' r='{RATING0}'></div>" +
+ "<div class='wot-comp-conf' c='{CONFIDENCE0}'></div>" +
+ "<div class='rating-legend-wrapper'>" +
+ "<div class='rating-legend' r='{RATING0}'>{RATINGEXPL0}</div>" +
+ "</div>" +
+ "</div>" +
+ "</div>" +
+ "<div class='wot-component'>" +
+ "<div class='wot-comp-name'>{RATINGDESC4}</div>" +
+ "<div class='wot-rep-data'>" +
+ "<div class='wot-comp-icon' r='{RATING4}'></div>" +
+ "<div class='wot-comp-conf' c='{CONFIDENCE4}'></div>" +
+ "<div class='rating-legend-wrapper'>" +
+ "<div class='rating-legend' r='{RATING4}'>{RATINGEXPL4}</div>" +
+ "</div>" +
+ "</div>" +
+ "</div>" +
+ "</div>" +
+ "</div>" +
+ "<div class='ws-categories-area'>" +
+
+ this.make_categories_block(categories, options) +
+
+ "</div>"+
+ "<div class='wot-openscorecard-wrap'>" +
+ "<span id='wotinfobutton' class='wot-openscorecard wot-link'>{INFO}</span>" +
+ "</div>" +
+ "<div id='wot-warn-ratings'></div>" +
+ "<div class='wot-rateit-wrap'>" +
+ "<span>{RATETEXT}</span>" +
+ "</div>" +
+ "<div class='wot-buttons'>";
+
+ if(!this.is_blocked) {
+ // don't show "Goto the site" button in "Blocked" mode
+ wot_warning += "<div id='wot-btn-hide' class='wot-button'>{GOTOSITE}</div>";
+ }
+
+ wot_warning += "<div id='wot-btn-leave' class='wot-button'>{LEAVESITE}</div>" +
+ "</div>" +
+ "</div>";
+
+ return wot_warning;
+
+// "<div class='wot-desc'>{DESC}</div>" +
+// "<div class='wot-openscorecard-wrap'>" +
+// "<span id='wotinfobutton' class='wot-openscorecard wot-link'>{INFO}</span>" +
+// "</div>" +
+// "<div id='wot-ws-ratings'>";
+//
+// for(var c=0; c < WOT_APPLICATIONS; c++) {
+//
+// if(!wot_prefs["show_application_" + c]) continue;
+//
+// var S_COMPNAME = "RATINGDESC" + c,
+// S_RATING = "RATING" + c,
+// S_RATING_EXPL = "RATINGEXPL" + c;
+//
+// wot_warning += "" +
+// "<div class='wot-component'>" +
+// "<div class='wot-comp-name'>{" + S_COMPNAME + "}</div>" +
+// "<div class='wot-comp-level' r='{" + S_RATING + "}'>{" + S_RATING_EXPL + "}</div>" +
+// "<div class='wot-comp-icon' r='{" + S_RATING + "}'></div>" +
+// "</div>";
+// }
+//
+// wot_warning +=
+// "</div>" +
+// "<div class='wot-rateit-wrap'>" +
+// "<span>{RATETEXT}</span>" +
+// "</div>" +
+// "<div class='wot-buttons'>";
- return wot_warning;
},
load_delayed: function(blocked)
@@ -81,40 +195,9 @@ var wot_warning =
return;
}
- /* Static strings */
- var replaces = [
- [
- "LANG",
- wot_util.getstring("language")
- ], [
- "INFO",
- wot_util.getstring("warning_info")
- ], [
- "RATINGDESC0",
- wot_util.getstring("rating_0")
- ], [
- "RATINGDESC1",
- wot_util.getstring("rating_1")
- ], [
- "RATINGDESC2",
- wot_util.getstring("rating_2")
- ], [
- "RATINGDESC4",
- wot_util.getstring("rating_4")
- ], [
- "GOTOSITE",
- wot_util.getstring("warning_goto")
- ], [
- "WARNING",
- this.is_blocked ? wot_util.getstring("warning_blocked") : wot_util.getstring("warning_warning")
-
- ]
- ];
-
- this.container = this.processhtml(this.make_warning(), replaces);
this.warned = {};
} catch (e) {
- dump("wot_warning.load: failed with " + e + "\n");
+ wdump("wot_warning.load: failed with " + e);
}
},
@@ -343,33 +426,54 @@ var wot_warning =
if(!forced_reason) wot_warning.set_exitmode(content); // call it only in usual mode
- var rate_site = wot_util.getstring("warning_rate").replace("<a>", "<a id='wotrate-link' class='wot-link'>");
+
+
+ var reason = WOT_WARNING_NONE,
+ normalized_target = wot_cache.get(hostname, "normalized", hostname),
+ accessible = wot_prefs.accessible ? " accessible" : "";
+
+ var categories = wot_categories.target_categories(hostname),
+ blacklists = wot_categories.target_blacklists(hostname),
+ warning_options = {};
+
+ var is_blacklisted = blacklists && blacklists.length > 0;
+
+ // preprocess link "Rate the site"
+ var rate_site = wot_util.getstring("warning_rate").replace("<a>", "<a id='wotrate-link' class='wot-link'>"),
+ wt_text = wot_util.getstring("wt_warning_text") || "";
+
var replaces = [
- [
- "TITLE",
- (wot_shared.decodehostname(hostname) || "")
- .replace(/[<>&="']/g, "")
- ],
- [
- "LEAVESITE",
- wot_util.getstring("warning_" + wot_warning.exit_mode)
- ],
- [
- "RATETEXT", rate_site
- ]
+ /* Static strings */
+ [ "INFO", is_blacklisted ? wot_util.getstring("bl_information") : wot_util.getstring("warning_info") ],
+ [ "BL_OR_REP", is_blacklisted ? "blacklist": "reputation" ],
+ [ "RATINGDESC0", wot_util.getstring("rating_0") ],
+ [ "RATINGDESC1", wot_util.getstring("rating_1") ],
+ [ "RATINGDESC2", wot_util.getstring("rating_2") ],
+ [ "RATINGDESC4", wot_util.getstring("rating_4") ],
+ [ "GOTOSITE", wot_util.getstring("warning_goto") ],
+ [ "WARNING", this.is_blocked ? wot_util.getstring("warning_blocked") : wot_util.getstring("warning_warning") ],
+ [ "RATETEXT", rate_site ],
+ [ "WT_CONTENT", this.processhtml(wt_text, [ "WT_LEARNMORE", wot_util.getstring("wt_learnmore_link") ])],
+ [ "REASONTITLE", wot_util.getstring("warning_reasontitle") ],
+ [ "NOREASONTITLE", wot_util.getstring("warning_noreasontitle") ],
+
+ /* Dynamic strings */
+ [ "TITLE", (wot_shared.decodehostname(normalized_target) || "").replace(/[<>&="']/g, "") ],
+ [ "LEAVESITE", wot_util.getstring("warning_" + wot_warning.exit_mode) ],
+ [ "ACCESSIBLE", accessible ]
];
- var reason = WOT_WARNING_NONE;
- var accessible = wot_prefs.accessible ? " accessible" : "";
+ var warning_template = this.make_warning(wot_categories.select_identified(categories), blacklists, warning_options);
- replaces.push([ "ACCESSIBLE", accessible ]);
+ for (var j = 0; j < WOT_COMPONENTS.length; ++j) {
- for (var i = 0; i < WOT_APPLICATIONS; ++i) {
+ var i = WOT_COMPONENTS[j];
// don't call getwarningtype() if forced_reason is provided
var t = forced_reason ? WOT_WARNING_NONE : this.getwarningtype(hostname, i, true);
- var r = wot_cache.get(hostname, "reputation_" + i);
- var x = wot_cache.get(hostname, "excluded_" + i);
+ var r = wot_cache.get(hostname, "reputation_" + i),
+ x = wot_cache.get(hostname, "excluded_" + i),
+ c = wot_cache.get(hostname, "confidence_" + i);
if (forced_reason) {
reason = forced_reason;
@@ -383,9 +487,12 @@ var wot_warning =
if (r_level >= 0) {
replaces.push([ "RATING" + i, "r" + r_level ]);
replaces.push([ "RATINGEXPL" + i, wot_util.getstring("help_" + r_level) ]);
+ replaces.push([ "CONFIDENCE" + i, wot_util.get_level(WOT_CONFIDENCELEVELS, c).name ]);
+
} else if (x) {
replaces.push([ "RATING" + i, "rx" ]);
replaces.push([ "RATINGEXPL" + i, " " ]);
+ replaces.push([ "CONFIDENCE" + i, "c0" ]);
}
}
@@ -396,29 +503,36 @@ var wot_warning =
warnclass = "wotnoratings";
}
- if (reason == WOT_REASON_UNKNOWN) {
- warnclass += " wotunknown";
- }
-
- if (reason == WOT_REASON_RATING) {
- notification = wot_util.getstring("warning_message_normal");
- replaces.push([ "CLASS", warnclass ]);
- replaces.push([ "DESCCLASS", "wotlongdescription" ]);
- replaces.push([ "DESC",
- wot_util.getstring("warning_desc_normal") ]);
- } else if (reason == WOT_REASON_TESTIMONY) {
- notification = wot_util.getstring("warning_message_userrated");
- replaces.push([ "CLASS", "wotnoratings" ]);
- replaces.push([ "DESCCLASS", "wotlongdescription" ]);
- replaces.push([ "DESC",
- wot_util.getstring("warning_desc_userrated") ]);
- } else {
- notification = wot_util.getstring("warning_message_unknown");
- replaces.push([ "CLASS", warnclass ]);
- replaces.push([ "DESCCLASS", "" ]);
- replaces.push([ "DESC",
- wot_util.getstring("warning_desc_unknown") ]);
- }
+ if (is_blacklisted) { // If warning should show Blacklisted status
+ replaces.push([ "CLASS", warnclass ]);
+
+ var bl_description = blacklists.length == 1 ? wot_util.getstring("bl_description") : wot_util.getstring("bl_description_pl");
+ notification = bl_description;
+ replaces.push([ "DESC", bl_description ]);
+
+ } else { // if Warning should show reputation reason
+
+ if (reason == WOT_REASON_UNKNOWN) {
+ warnclass += " wotunknown";
+ }
+
+ if (reason == WOT_REASON_RATING) {
+ notification = wot_util.getstring("warning_message_normal");
+ replaces.push([ "CLASS", warnclass ]);
+// replaces.push([ "DESCCLASS", "wotlongdescription" ]);
+ replaces.push([ "DESC", wot_util.getstring("warning_desc_normal") ]);
+ } else if (reason == WOT_REASON_TESTIMONY) {
+ notification = wot_util.getstring("warning_message_userrated");
+ replaces.push([ "CLASS", "wotnoratings" ]);
+// replaces.push([ "DESCCLASS", "wotlongdescription" ]);
+ replaces.push([ "DESC", wot_util.getstring("warning_desc_userrated") ]);
+ } else {
+ notification = wot_util.getstring("warning_message_unknown");
+ replaces.push([ "CLASS", warnclass ]);
+// replaces.push([ "DESCCLASS", "" ]);
+ replaces.push([ "DESC", wot_util.getstring("warning_desc_unknown") ]);
+ }
+ }
/* Show the notification bar always */
if (reason != WOT_REASON_UNKNOWN) {
@@ -472,7 +586,8 @@ var wot_warning =
}
wrapper.setAttribute("id", "wotwrapper");
- wrapper.innerHTML = this.processhtml(this.container, replaces);
+
+ wrapper.innerHTML = this.processhtml(warning_template, replaces);
body[0].appendChild(warning);
body[0].appendChild(wrapper);
diff --git a/locale/en-US/wot.properties b/locale/en-US/wot.properties
index e88a5a9..e183a1c 100644
--- a/locale/en-US/wot.properties
+++ b/locale/en-US/wot.properties
@@ -35,13 +35,19 @@ warning_message_normal = This site has a poor reputation based on user ratings.
warning_message_userrated = You have given this site a poor rating.
warning_message_unknown = This site has an unknown rating.
warning_info = View rating details and comments
-warning_rate = This site is safe - I want to <a>rate it</a>
+warning_rate = If you trust this site, please <a>rate it</a>
warning_goto = Go to the site
warning_leave = Leave the site
warning_back = Go back
warning_desc_normal = This site has a poor reputation based on user ratings
warning_desc_userrated = You have given this site a poor rating, which triggered a warning
warning_desc_unknown = This site has an unknown rating
+warning_reasontitle = Users have identified the following issues
+warning_noreasontitle = Users have not identified this site yet and only have rated it
+wt_learnmore_link = <a id='wt-learnmore-link'>Learn more</a> about WOT.
+wt_warning_text = <p class='wot-cb'>Be aware of untrustworthy sites!</p><p>Safe surfing tool WOT shows you a warning if you land on a site that has a bad reputation based on user ratings.</p><p>{WT_LEARNMORE}</p><p>If you don't want to see warnings, you can turn them off.</p>
+wt_warning_turnoff = Turn warnings off
+wt_warning_ok = OK, got it
rating_0 = Trustworthiness
rating_1 = Vendor reliability
rating_2 = Privacy
@@ -55,3 +61,12 @@ user_score_mypage = View my page
user_score_register = Register now
user_score_improve = Improve your activity score by rating new sites.
user_score_top = You are among the %S most active users.
+bl_description = This website appears on a third party blacklist
+bl_description_pl = This website appears on third party blacklists
+bl_information = What does it mean? Read details
+bl_malware = Malware
+bl_phishing = Phishing
+bl_scam = Scam
+bl_spam = SPAM
+bl_tracking = Tracking
+bl_other = Other reason
\ No newline at end of file
diff --git a/skin/b/ws/list_c.png b/skin/b/ws/list_c.png
new file mode 100644
index 0000000..4572e85
Binary files /dev/null and b/skin/b/ws/list_c.png differ
diff --git a/skin/b/ws/list_l.png b/skin/b/ws/list_l.png
new file mode 100644
index 0000000..7d9fdff
Binary files /dev/null and b/skin/b/ws/list_l.png differ
diff --git a/skin/b/ws/list_r.png b/skin/b/ws/list_r.png
new file mode 100644
index 0000000..ee7f93c
Binary files /dev/null and b/skin/b/ws/list_r.png differ
diff --git a/skin/b/ws/robot.png b/skin/b/ws/robot.png
new file mode 100644
index 0000000..acf1dbe
Binary files /dev/null and b/skin/b/ws/robot.png differ
diff --git a/skin/include/blocked.css b/skin/include/blocked.css
deleted file mode 100644
index 5144360..0000000
--- a/skin/include/blocked.css
+++ /dev/null
@@ -1,383 +0,0 @@
-/*
- warning.css
- Copyright © 2009 - 2013 WOT Services Oy <info at mywot.com>
-
- This file is part of WOT.
-
- WOT is free software: you can redistribute it and/or modify it
- under the terms of the GNU General Public License as published by
- the Free Software Foundation, either version 3 of the License, or
- (at your option) any later version.
-
- WOT is distributed in the hope that it will be useful, but WITHOUT
- ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
- or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
- License for more details.
-
- You should have received a copy of the GNU General Public License
- along with WOT. If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/* ! important in an attempt to override conflicting styles on websites where this is included */
-
-/* body of the page which show "Blocked" message */
-#wotblocked {
- margin: 0;
- padding: 0;
- background-color: #333333 !important;
-}
-
-#wotwarning, #wotwrapper {
- position: fixed ! important;
- left: 0 ! important;
- top: 0 ! important;
- height: 100% ! important;
- width: 100% ! important;
- margin: 0 ! important;
- display: block;
- cursor: default;
- -moz-user-select: none;
- user-select: none;
-}
-
-#wotwarning {
- z-index: 2147483645 ! important;
- background-color: #000000 ! important;
- opacity: 0.8 ! important;
-}
-
-#wotwrapper {
- z-index: 2147483646 !important;
- background-color: transparent !important;
- opacity: 1.0 !important;
-}
-
-#wotcontainer {
- position: static !important;
- width: 420px ! important; /* fixed width */
- margin: 0 auto 0 !important;
- outline: 0 !important;
- padding: 0 0 17px !important;
- z-index: 2147483647 !important;
- text-align: center !important;
- font-family: "Verdana", sans-serif !important;
- border-bottom-left-radius: 16px;
- border-bottom-right-radius: 16px;
- border: #babbbb solid 1px;
- box-shadow: 5px 5px 20px #111;
- background-color: #e9e9e9 !important;
- background: -moz-linear-gradient(left, #DBDADA 0%, #F0F0F0 15%, #F4F4F4 50%, #F0F0F0 85%, #DBDADA 100%);
- cursor: default !important;
- color: #504f4f !important;
- direction: ltr; /* fixes chrome issue #64 */
- float: none; /* fixes chrome #90 */
- height: auto; /* fixes chrome #99 */
-}
-
-.wotcontainer * {
- position: static !important;
- line-height: normal !important;
- font-family: "Verdana", sans-serif !important;
- font-weight: normal !important;
- cursor: default !important;
- font-size: 10pt !important;
- letter-spacing: 0 !important;
- opacity: 1.0 !important;
- outline: 0 !important;
- border: 0 !important;
- vertical-align: baseline !important;
- word-spacing: 0 !important;
- padding: 0 0 0 0 !important;
- text-decoration: none !important;
- background-color: transparent !important;
- text-align: center !important;
- margin: 0 !important;
- color: #504f4f !important;
- -moz-user-select: none;
- user-select: none;
- width: auto; /* fixes issue #64 */
- float: none; /* fixes issue #64 */
- left: auto !important;
- right: auto !important;
- top: auto !important;
- height: auto;
-}
-
-.wot-logo {
- position: relative !important;
- top: 14px !important;
- left: 19px !important;
- width: 66px !important;
- height: 28px !important;
- background: url("chrome://wot/skin/b/logo.png") top left no-repeat !important;
-}
-
-.accessible .wot-logo {
- background-image: url("chrome://wot/skin/b/accessible/logo.png") !important;
-}
-
-.wot-warning {
- margin-top: 0.2em !important;
- width: 100% !important;
- text-align: center !important;
- font-size: 26pt !important;
- font-weight: 800 !important;
- color: #504f4f !important;
- text-shadow: 1px 1px 1px #fff !important;
-}
-
-.wot-title {
- margin-top: 17px !important;
- width: 400px !important;
- font-size: 10pt !important;
- font-weight: bold !important;
- color: #504f4f !important;
- text-shadow: 1px 1px 1px #fff !important;
- overflow: hidden !important;
- white-space: nowrap !important;
- padding: 0 0.5em 0.5em 0.5em !important
-}
-
-.wot-desc {
- margin-top: 11px !important;
- width: 100% !important;
- font-size: 11pt !important;
- text-shadow: 1px 1px 1px #fff !important;
- color: black !important;
-}
-
-.wot-openscorecard-wrap {
- margin-top: 1.5em !important;
- width: 100% !important;
-}
-
-#wotinfobutton,
-.wot-openscorecard {
- padding: 0.25em 0 0.3em 30px !important;
- font-size: 10pt !important;
- background: url("chrome://wot/skin/b/i.png") no-repeat !important;
- text-shadow: 2px 2px 2px #fff !important;
-}
-
-.wot-link {
- cursor: pointer !important;
- color: #2353ce !important;
- text-decoration: none !important;
-}
-
-.wot-link:hover {
- text-decoration: underline !important;
-}
-
-/* Section of ratings */
-#wot-ws-ratings {
- width: 63% !important;
- margin: 0.5em auto !important;
-}
-
-#wotcontainer.wotnoratings #wot-ws-ratings {
- display: none !important;
-}
-
-.wot-component {
- position: relative !important;
- margin-top: 1.2em !important;
- text-align: left !important;
-}
-
-.wot-comp-name {
- padding: 0 0 0.5em 1em !important;
- color: #4f4f4e !important;
- text-shadow: 2px 2px 2px #fff !important;
- text-align: left !important;
- font-size: 10pt !important;
-}
-
-.wot-comp-level {
- padding: 0.2em 0 0.3em 1em !important;
- margin-right: 38px !important;
- border-top-left-radius: 10px !important;
- border-bottom-left-radius: 10px !important;
- color: #ffffff !important;
- box-shadow: 2px 2px 6px #b6b6b6 !important;
- text-align: left !important;
- font-size: 10pt !important;
-}
-
-/* Colors for reputation's levels */
-.wot-comp-level[r="r0"]{
- background-image: -moz-linear-gradient(left, #aeafb0, #dddede) !important;
-}
-
-.wot-comp-level[r="r1"]{
- background-image: -moz-linear-gradient(left, #fd0000, #ff6464) !important;
-}
-
-.wot-comp-level[r="r2"]{
- background-image: -moz-linear-gradient(left, #ff5933, #ff9f75) !important;
-}
-
-.wot-comp-level[r="r3"]{
- background-image: -moz-linear-gradient(left, #de7c1b, #ffd100) !important;
-}
-
-.wot-comp-level[r="r4"]{
- background-image: -moz-linear-gradient(left, #5bab28, #a7df21) !important;
-}
-
-.wot-comp-level[r="r5"]{
- background-image: -moz-linear-gradient(left, #3b9013, #68c800) !important;
-}
-
-/* Accessible mode */
-.accessible .wot-comp-level[r="r0"]{
- /* angled stripes */
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAT0lEQVQYV2N88fTFfwYgeP7qOYhCAZJikmA+I0gRPgVgRefPnwebhAxgJsDEMBShKwDZgqIImwIU63ApgCvCpwDuO2RHY/MpOAhginAFBQCXxzf2ZTB/RwAAAABJRU5ErkJggg==) !important;
-}
-
-.accessible .wot-comp-level[r="r1"]{
- background-image: -moz-linear-gradient(left, #000000, #b2b2b2) !important;
-}
-
-.accessible .wot-comp-level[r="r2"]{
- background-image: -moz-linear-gradient(left, #6b5a1a, #948345) !important;
-}
-
-.accessible .wot-comp-level[r="r3"]{
- background-image: -moz-linear-gradient(left, #e0bb2f, #ffe37f) !important;
-}
-
-.accessible .wot-comp-level[r="r4"]{
- background-image: -moz-linear-gradient(left, #b6ad88, #f2e9b2) !important;
-}
-
-.accessible .wot-comp-level[r="r5"] {
- background-image: -moz-linear-gradient(left, #BEBDBD, rgba(255, 255, 255, 0.9) 96%, rgba(255, 255, 255, 0) 100%) !important;
- /* mask right part of label under the thin "green" donut */
- -moz-border-top-right-radius: 13px !important;
- box-shadow: -1px 2px 6px #B6B6B6 !important;
-}
-
-
-/* Donuts icons */
-.wot-comp-icon {
- background-image: url("chrome://wot/skin/b/r0.png") !important;
- background-repeat: no-repeat !important;
- width: 49px !important;
- height: 46px !important;
- position: absolute !important;
- bottom: -7px !important;
- right: 2px !important;
-}
-
-.accessible .wot-comp-icon {
- background-image: url("chrome://wot/skin/b/accessible/r0.png") !important;
-}
-
-.wot-comp-icon[r="r1"] {
- background-image: url("chrome://wot/skin/b/r1.png") !important;
-}
-
-.wot-comp-icon[r="r2"] {
- background-image: url("chrome://wot/skin/b/r2.png") !important;
-}
-
-.wot-comp-icon[r="r3"] {
- background-image: url("chrome://wot/skin/b/r3.png") !important;
-}
-
-.wot-comp-icon[r="r4"] {
- background-image: url("chrome://wot/skin/b/r4.png") !important;
-}
-
-.wot-comp-icon[r="r5"] {
- background-image: url("chrome://wot/skin/b/r5.png") !important;
-}
-
-.accessible .wot-comp-icon[r="r1"] {
- background-image: url("chrome://wot/skin/b/accessible/r1.png") !important;
-}
-
-.accessible .wot-comp-icon[r="r2"] {
- background-image: url("chrome://wot/skin/b/accessible/r2.png") !important;
-}
-
-.accessible .wot-comp-icon[r="r3"] {
- background-image: url("chrome://wot/skin/b/accessible/r3.png") !important;
-}
-
-.accessible .wot-comp-icon[r="r4"] {
- background-image: url("chrome://wot/skin/b/accessible/r4.png") !important;
-}
-
-.accessible .wot-comp-icon[r="r5"] {
- background-image: url("chrome://wot/skin/b/accessible/r5.png") !important;
-}
-
-.wot-rateit-wrap {
- margin-top: 2em !important;
- font-size: 10pt !important;
- text-shadow: 1px 1px 1px #fff !important;
- text-decoration: none !important;
-}
-
-/* bottom buttons row */
-.wot-buttons {
- margin-top: 1.3em !important;
- margin-bottom: 1.2em !important;
- position: relative !important;
- height: 32px !important;
-}
-/* button's style */
-.wot-button {
- border: #babbbb solid 1px !important;
- border-radius: 8px !important;
- height: 24px !important;
- color: #5a5a5a !important;
- min-width: 130px !important;
- padding: 0.7em 0.5em 0 0.5em !important;
- box-shadow: 2px 2px 2px #838181;
- text-shadow: 1px 1px 1px #fff !important;
-
- background-image: -moz-linear-gradient(top, #f9f9f9 60%, #d5d5d5) !important;
- font-size: 10pt !important;
- font-weight: bold !important;
- -moz-transition: box-shadow 0.1s !important;
-}
-
-.wot-button:hover {
- box-shadow: 0 0 20px rgba(121, 180, 42, 0.8) !important;
- border-color: #80ba33 !important;
-}
-
-.accessible .wot-button:hover {
- box-shadow: 0 0 20px rgba(145, 145, 145, 0.8) !important;
- border-color: #8c8d8c !important;
-}
-
-.wot-button:active {
- border-color: #babbbb !important;
- box-shadow: none !important;
- top: 1px !important;
- background-image: -moz-linear-gradient(top, #e2e1e1 71%, #b0afaf) !important;
-}
-
-#wot-btn-hide, #wot-btn-leave {
- position: absolute !important;
-}
-
-#wot-btn-hide {
- left: 50px !important;
-}
-
-#wot-btn-hide:active {
- left: 51px !important;
-}
-
-#wot-btn-leave {
- right: 50px !important;
-}
-
-#wot-btn-leave:active {
- right: 49px !important;
-}
diff --git a/skin/include/warning.css b/skin/include/warning.css
new file mode 100644
index 0000000..ed1e04a
--- /dev/null
+++ b/skin/include/warning.css
@@ -0,0 +1,820 @@
+/*
+ warning.css
+ Copyright © 2009 - 2013 WOT Services Oy <info at mywot.com>
+
+ This file is part of WOT.
+
+ WOT is free software: you can redistribute it and/or modify it
+ under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ WOT is distributed in the hope that it will be useful, but WITHOUT
+ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
+ License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with WOT. If not, see <http://www.gnu.org/licenses/>.
+*/
+
+/* ! important in an attempt to override conflicting styles on websites where this is included */
+
+/* body of the page which show "Blocked" message */
+#wotblocked {
+ margin: 0;
+ padding: 0;
+ background-color: #333333 !important;
+}
+
+#wotwarning, #wotwrapper {
+ position: fixed ! important;
+ left: 0 ! important;
+ top: 0 ! important;
+ height: 100% ! important;
+ width: 100% ! important;
+ margin: 0 ! important;
+ display: block;
+ cursor: default;
+ -moz-user-select: none;
+ user-select: none;
+}
+
+#wotwarning {
+ z-index: 2147483645 ! important;
+ background-color: #000000 ! important;
+ opacity: 0.8 ! important;
+}
+
+#wotwrapper {
+ z-index: 2147483646 !important;
+ background-color: transparent !important;
+ opacity: 1.0 !important;
+}
+
+#wotcontainer {
+ position: static !important;
+ width: 388px ! important;
+ margin: 0 auto 0 !important;
+ outline: 0 !important;
+ padding: 0 0 17px !important;
+ z-index: 2147483647 !important;
+ text-align: center !important;
+ font-family: "Arial", sans-serif !important;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border: #babbbb solid 1px;
+ box-shadow: 5px 5px 20px #111;
+ background-color: #ffffff !important;
+ cursor: default !important;
+ color: #504f4f !important;
+ direction: ltr; /* fixes issue #64 */
+ float: none; /* fixes #90 */
+ height: auto; /* fixes #99 */
+}
+
+.wotcontainer * {
+ position: static !important;
+ line-height: normal !important;
+ font-family: "Arial", sans-serif !important;
+ font-weight: normal !important;
+ cursor: default !important;
+ font-size: 10pt !important;
+ letter-spacing: 0 !important;
+ opacity: 1.0 !important;
+ outline: 0 !important;
+ border: 0 !important;
+ vertical-align: baseline !important;
+ word-spacing: 0 !important;
+ padding: 0 0 0 0 !important;
+ text-decoration: none !important;
+ background-color: transparent !important;
+ text-align: center !important;
+ margin: 0 !important;
+ color: #504f4f !important;
+ width: auto; /* fixes issue #64 */
+ float: none; /* fixes issue #64 */
+ height: auto; /* fixes #99 */
+ -moz-user-select: none;
+ user-select: none;
+ left: auto !important;
+ right: auto !important;
+ top: auto !important;
+}
+
+.wot-logo {
+ position: relative !important;
+ top: 10px !important;
+ left: 12px !important;
+ width: 42px !important;
+ height: 17px !important;
+ background: url("chrome://wot/skin/fusion/logo.png") top left no-repeat !important;
+}
+
+.wot-warning {
+ margin-top: 6px !important;
+ width: 100% !important;
+ text-align: center !important;
+ font-size: 25pt !important;
+ font-weight: 800 !important;
+ color: #504f4f !important;
+ text-shadow: 1px 1px 1px #fff !important;
+}
+
+.wot-title {
+ margin: 4px auto !important;
+ max-width: 90% !important;
+ font-size: 12px !important;
+ font-weight: bold !important;
+ color: #454545 !important;
+ text-shadow: 1px 1px 1px #fff !important;
+ overflow: hidden !important;
+ white-space: nowrap !important;
+ padding: 0 0.5em 0.5em 0.5em !important;
+ text-overflow: ellipsis !important;
+}
+
+.wot-desc {
+ margin-top: 0 !important;
+ font-size: 13px !important;
+ color: #454545 !important;
+ margin-bottom: 1em !important;
+ padding: 0 10px !important;
+ text-align: center !important;
+}
+
+/* Section of ratings */
+#wot-warn-ratings {
+ width: 63% !important;
+ margin: 0.5em auto !important;
+}
+
+#wotcontainer.wotnoratings #wot-warn-ratings {
+ display: none !important;
+}
+
+.wot-rep-components-wrapper {
+ min-height: 105px;
+ background-color: #F5F5F5 !important;
+ border-top: 1px solid #D1D1D1 !important;
+ border-bottom: 1px solid #D1D1D1 !important;
+}
+
+#wotcontainer.blacklist .wot-rep-components-wrapper {
+ /* don't show reputation area in blacklist mode */
+ display: none;
+}
+
+.wot-rep-components {
+ /*clear: left;*/
+ display: inline-block;
+ margin: 0 auto !important;
+ /*padding-left: 20px !important;*/
+}
+
+.wot-component {
+ position: relative !important;
+ text-align: left !important;
+ display: inline;
+ float: left;
+ min-width: 140px !important;
+ /*margin-left: 22px !important;*/
+ margin-top: 10px !important;
+}
+
+.wot-comp-name {
+ padding: 8px 0 0.5em 0 !important;
+ color: #454545 !important;
+ text-align: left !important;
+ font-size: 12px !important;
+ white-space: nowrap;
+ min-height: 18px !important;
+}
+
+/* Accessible mode */
+/*.accessible .wot-comp-level[r="r0"]{*/
+ /* angled stripes */
+ /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAT0lEQVQYV2N88fTFfwYgeP7qOYhCAZJikmA+I0gRPgVgRefPnwebhAxgJsDEMBShKwDZgqIImwIU63ApgCvCpwDuO2RHY/MpOAhginAFBQCXxzf2ZTB/RwAAAABJRU5ErkJggg==) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r1"]{*/
+ /*background-image: -moz-linear-gradient(left, #000000, #b2b2b2) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r2"]{*/
+ /*background-image: -moz-linear-gradient(left, #6b5a1a, #948345) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r3"]{*/
+ /*background-image: -moz-linear-gradient(left, #e0bb2f, #ffe37f) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r4"]{*/
+ /*background-image: -moz-linear-gradient(left, #b6ad88, #f2e9b2) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r5"] {*/
+ /*background-image: -moz-linear-gradient(left, #BEBDBD, rgba(255, 255, 255, 0.9) 96%, rgba(255, 255, 255, 0) 100%) !important;*/
+ /* mask right part of label under the thin "green" donut */
+ /*-moz-border-top-right-radius: 13px !important;*/
+ /*box-shadow: -1px 2px 6px #B6B6B6 !important;*/
+/*}*/
+
+
+.wot-rep-data {
+ position: relative !important;
+ margin-top: 4px !important;
+ margin-left: 0 !important;
+ display: inline !important;
+}
+
+/* Donuts icons */
+.wot-comp-icon {
+ position: absolute !important;
+ background: url("chrome://wot/skin/b/donuts_150.png") top left no-repeat !important;
+ background-position: 0 -165px !important;
+ background-size: 35px 198px !important;
+ height: 33px !important;
+ width: 35px !important;
+ margin-left: -5px !important;
+ margin-top: 10px !important;
+}
+
+/*.accessible .wot-comp-icon {*/
+ /*background-image: url("chrome://wot/skin/b/accessible/r0.png") !important;*/
+/*}*/
+
+.wot-comp-icon[r="r1"] {
+ background-position: 0 -132px !important;
+}
+
+.wot-comp-icon[r="r2"] {
+ background-position: 0 -99px !important;
+}
+
+.wot-comp-icon[r="r3"] {
+ background-position: 0 -66px !important;
+}
+
+.wot-comp-icon[r="r4"] {
+ background-position: 0 -33px !important;
+}
+
+.wot-comp-icon[r="r5"] {
+ background-position: 0 0 !important;
+}
+
+/*.accessible .wot-comp-icon[r="r1"] {*/
+ /*background-image: url("chrome://wot/skin/b/accessible/r1.png") !important;*/
+/*}*/
+
+/*.accessible .wot-comp-icon[r="r2"] {*/
+ /*background-image: url("chrome://wot/skin/b/accessible/r2.png") !important;*/
+/*}*/
+
+/*.accessible .wot-comp-icon[r="r3"] {*/
+ /*background-image: url("chrome://wot/skin/b/accessible/r3.png") !important;*/
+/*}*/
+
+/*.accessible .wot-comp-icon[r="r4"] {*/
+ /*background-image: url("chrome://wot/skin/b/accessible/r4.png") !important;*/
+/*}*/
+
+/*.accessible .wot-comp-icon[r="r5"] {*/
+ /*background-image: url("chrome://wot/skin/b/accessible/r5.png") !important;*/
+/*}*/
+
+.wot-comp-conf {
+ position: absolute !important;
+ height: 42px !important;
+ margin-left: 26px !important;
+ margin-top: -2px !important;
+ width: 34px !important;
+ background: url("chrome://wot/skin/b/confidence_150dpi.png") top left no-repeat !important;
+ background-size: 33px auto !important;
+ background-position: 0 -168px !important;
+}
+
+.wot-comp-conf[c="c1"] {
+ background-position: 0 -126px !important;
+}
+.wot-comp-conf[c="c2"] {
+ background-position: 0 -84px !important;
+}
+.wot-comp-conf[c="c3"] {
+ background-position: 0 -42px !important;
+}
+.wot-comp-conf[c="c4"] {
+ background-position: 0 0 !important;
+}
+.wot-comp-conf[c="c5"] {
+ background-position: 0 -210px !important;
+}
+
+.rating-legend-wrapper {
+ position: relative !important;
+ margin: 3px 18px auto 74px !important;
+ background: url("../b/bubl_speech_c_150.png") top left repeat-x !important;
+ background-size: 1px 23px !important;
+ height: 23px !important;
+ left: 1px;
+ display: inline-block;
+ padding: 4px 0 !important;
+}
+
+.rating-legend-wrapper:before {
+ position: absolute !important;
+ content: "" !important;
+ height: 23px !important;
+ width: 17px !important;
+ background: url("../b/bubl_speech_l_150.png") top left no-repeat !important;
+ background-size: 17px 23px !important;
+ left: -17px;
+ top: 0;
+}
+
+.rating-legend-wrapper:after {
+ position: absolute !important;
+ content: "" !important;
+ height: 23px !important;
+ width: 17px !important;
+ right: -17px !important;
+ background: url("../b/bubl_speech_r_150.png") top left no-repeat !important;
+ background-size: 10px 23px !important;
+ top: 0 !important;
+}
+
+.rating-legend {
+ position: relative !important;
+ height: 24px !important;
+ min-width: 48px !important;
+ margin: 2px 0 0em !important;
+ padding: 3px 4px 0 0px !important;
+ color: #454545 !important;
+ font-size: 12px !important;
+ text-align: center !important;
+ white-space: nowrap !important;
+ display: inline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.ws-categories-area {
+ margin: 4px 0 0 !important;
+ padding: 0.4em 0 0 !important;
+}
+
+#wotcontainer.blacklist .ws-categories-area {
+ /* don't show it in blacklist mode */
+ display: none;
+}
+
+.ws-categories-title {
+ font-size: 12px !important;
+ font-weight: bold !important;
+ color: #888 !important;
+ padding-top: 8px !important;
+}
+
+#ws-categories-list {
+ margin: 8px 25px 0 74px !important;
+ text-align: left !important;
+}
+
+.cat-item {
+ font-size: 9pt !important;
+ color: silver !important;
+ list-style: none !important;
+ padding: 0.25em 0 !important;
+ text-align: left !important;
+ background: none !important; /* issue fix */
+}
+
+.cat-item:before {
+ width: 1em !important;
+ height: 1em !important;
+ border: 1px solid #C0C0C0 !important;
+ background-color: #C0C0C0 !important;
+ border-radius: 50% !important;
+ content: "" !important;
+ position: absolute !important;
+ margin-left: -1.65em !important;
+ margin-top: 1px !important;
+}
+
+.c-neutral.cat-item:before {
+ background-color: #707070 !important;
+ background: -webkit-radial-gradient(center, ellipse cover, #9e9c9c 0%,#707070 100%) !important; /* Chrome10+,Safari5.1+ */
+ border-color: #7d7d7d !important;
+}
+
+.c-questionable.cat-item:before {
+ background-color: #ffd100 !important;
+ background: -webkit-radial-gradient(center, ellipse cover, #f8df68 0%,#f6cd0e 100%) !important; /* Chrome10+,Safari5.1+ */
+ border-color: #f6cd0e !important;
+}
+
+.c-negative.cat-item:before {
+ background-color: #f66d3f !important;
+ background: -webkit-radial-gradient(center, ellipse cover, #fca080 0%,#f77448 100%) !important; /* Chrome10+,Safari5.1+ */
+ border-color: #f66d3f !important;
+}
+
+.c-positive.cat-item:before {
+ background-color: #68c800 !important;
+ background: -webkit-radial-gradient(center, ellipse cover, #83d561 0%,#6dc14a 100%) !important; /* Chrome10+,Safari5.1+ */
+ border-color: #6dc14a !important;
+}
+
+.c0 {
+ font-size: 11px !important;
+ color: #a7a7a7 !important;
+}
+
+.c0.cat-item:before {
+ width: 4px !important;
+ height: 4px !important;
+ margin-left: -19px !important;
+ margin-top: 4px !important;
+}
+
+.c1 {
+ font-size: 12px !important;
+ color: #a7a7a7 !important;
+}
+
+.c1.cat-item:before {
+ width: 6px !important;
+ height: 6px !important;
+ margin-left: -20px !important;
+ margin-top: 3px !important;
+}
+
+.c2,
+.c3 {
+ font-size: 12px !important;
+ color: #646464 !important;
+}
+
+.c2.cat-item:before,
+.c3.cat-item:before {
+ width: 8px !important;
+ height: 8px !important;
+ margin-left: -21px !important;
+ margin-top: 2px !important;
+}
+
+.c4,
+.c5 {
+ font-size: 12px !important;
+ color: #5c5c5c !important;
+ font-weight: bold !important;
+}
+
+.c4.cat-item:before,
+.c5.cat-item:before {
+ width: 10px !important;
+ height: 10px !important;
+ margin-left: -22px !important;
+}
+
+.wot-openscorecard-wrap {
+ margin-top: 14px !important;
+ text-align: left !important;
+ margin-left: 52px !important;
+}
+
+#wotcontainer.blacklist .wot-openscorecard-wrap {
+ /* in blacklist mode, align by center */
+ margin-left: 0 !important;
+ text-align: center !important;
+}
+
+#wotinfobutton,
+.wot-openscorecard {
+ padding: 0.4em 0 0.6em 0px !important;
+ font-size: 13px !important;
+}
+
+.wot-link {
+ cursor: pointer !important;
+ color: #2353ce !important;
+ text-decoration: none !important;
+}
+
+.wot-link:hover {
+ text-decoration: underline !important;
+}
+
+.wot-rateit-wrap {
+ margin: 14px auto 0 !important;
+ width: 80% !important;
+}
+
+.wot-rateit-wrap span {
+ font-size: 12px !important;
+}
+
+#wotrate-link {
+ font-size: 12px !important;
+}
+
+
+/* bottom buttons row */
+.wot-buttons {
+ margin-top: 1em !important;
+ margin-bottom: 0.2em !important;
+ position: relative !important;
+ height: 32px !important;
+}
+/* button's style */
+.wot-button {
+ display: inline !important;
+ float: left !important;
+ border-style: solid !important;
+ border-width: 1px !important;
+ border-top-color: #DFDFDF !important;
+ border-right-color: #C2C2C2 !important;
+ border-left-color: #D1CECE !important;
+ border-bottom-color: #AEAEAE !important;
+ padding: 0.5em 1.5em !important;
+ margin: 0.4em 1em !important;
+ min-width: 95px;
+ border-radius: 2px !important;
+ font-size: 12px !important;
+ font-weight: bold !important;
+ color: #585858 !important;
+
+ background-image: -webkit-linear-gradient(top, #FFF 0%, #e7e5e5 100%) !important;
+ box-shadow: 1px 1px 5px #d2d2d2 !important;
+ text-shadow: 1px 1px rgba(255,255,255,0.75) !important;
+ cursor: pointer !important;
+}
+
+.wot-button:hover {
+ background-image: -webkit-linear-gradient(top, #FFF 0%,#dadada 83%, #f3f1f1 100%) !important;
+ /*color: #6aac43 !important;*/
+}
+
+.wot-button:active {
+ box-shadow: 1px 1px 1px #d2d2d2 inset !important;
+ text-shadow: 0px 0px #DDD !important;
+}
+
+#wot-btn-hide, #wot-btn-leave {
+ position: absolute !important;
+}
+
+#wot-btn-hide {
+ left: 25px !important;
+}
+
+#wot-btn-hide:active {
+ left: 26px !important;
+}
+
+#wot-btn-leave {
+ right: 25px !important;
+}
+
+#wot-btn-leave:active {
+ right: 24px !important;
+}
+
+#wot-wt-warning-wrapper {
+ width: 0;
+ float: left;
+ position: relative !important;
+ left: 390px;
+ top: -40px;
+}
+
+.wot-wt-warning-content {
+ position: absolute !important;
+ width: 215px;
+ padding: 1em 1.5em 5.5em !important;
+ border-color: white;
+ border-radius: 2px !important;
+ color: #757575 !important;
+ background-color: white !important;
+ box-shadow: 0 0 7px 3px #aaa;
+}
+
+.wot-wt-warning-content:before {
+ content: "";
+ background-image: url("chrome://wot/skin/b/welcometips/wt_left_corner_2.png");
+ width: 20px;
+ height: 26px;
+ position: relative !important;
+ top: 50px;
+ left: -230px;
+ float: right;
+}
+
+.wot-wt-warning-content p {
+ text-align: left !important;
+ padding-bottom: 0.8em !important;
+ color: #656565 !important;
+ font-family: Arial !important;
+}
+
+.wot-wt-warning-content label {
+ color: #656565 !important;
+ font-family: Arial !important;
+}
+
+/* Used in W-Tips */
+.wot-wt-warning-content .wot-cb {
+ text-align: center !important;
+ font-weight: bold !important;
+}
+
+.wot-wt-warning-content .wot-cb.latest {
+ padding-bottom: 0 !important;
+}
+
+.wot-wt-warning-content > div:not([class="wot-wt-warn-footer"]) {
+ padding-top: 1em !important;
+}
+
+.wot-wt-logo {
+ background-image: url("chrome://wot/skin/fusion/logo.png");
+ background-repeat: no-repeat;
+ background-position: center;
+ height: 15px !important;
+ cursor: pointer !important;
+}
+
+/* BEGIN: Copy&Paste from welcometips.css */
+.wot-wt-button {
+ -webkit-transition: box-shadow 0.1s !important;
+ width: 12em;
+ height: 24px !important;
+ margin: 1.3em auto 0.5em auto !important;
+ padding: 0.7em 0.5em 0.2em 0.5em !important;
+
+ border: #71A939 solid 1px !important;;
+ border-radius: 3px !important;
+ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.47);;
+ text-shadow: 0px 0px 8px #fff !important;
+ background-image: -webkit-linear-gradient(top, #CCEFAC 0%, #9AD265 39%, #6FA736 83%, #83BC4A) !important;
+
+ color: #375914 !important;
+ font-size: 10pt;
+ font-weight: bold;
+ text-align: center;
+ cursor: pointer;
+}
+
+.wot-wt-button:hover {
+ background-image: -webkit-linear-gradient(top, #e5fad1 0%, #b2e186 39%, #83bc4a 83%, #83BC4A) !important;
+}
+
+.wot-wt-button:active {
+ top: 1px;
+ border-color: #babbbb;
+ box-shadow: none;
+ background-image: -webkit-linear-gradient(top, #a9d185 0%, #8abf58 39%, #6fa736 83%, #83bc4a) !important;
+}
+/* END */
+
+
+.wot-wt-warn-button {
+ font-weight: bold !important;
+ color: #375914 !important;
+}
+
+.wot-wt-warn-footer {
+ position: absolute !important;
+ bottom: 1em !important;
+ width: 215px !important;
+}
+
+.wot-wt-warning-content #wt-learnmore-link {
+ color: #1F7BD6 !important;
+ text-decoration: underline !important;
+ cursor: pointer !important;
+}
+
+.wot-checkbox {
+
+}
+
+.wot-blacklisting-info {
+ display: none;
+ /*min-width: 150px !important;*/
+ max-width: 300px !important;
+ margin: 0 auto !important;
+ margin-top: 66px !important;
+}
+
+#wotcontainer.blacklist .wot-blacklisting-info {
+ display: block;
+}
+
+#wotcontainer.blacklist .wot-openscorecard-wrap {
+ margin-top: 4px !important;
+}
+
+.wot-bl-decoration {
+ position: relative !important;
+ background: url("chrome://wot/skin/b/ws/robot.png") no-repeat;
+ background-size: auto 72px !important;
+ height: 72px !important;
+ margin-left: -52px !important;
+ width: 96px !important;
+ margin-top: -68px !important;
+}
+
+.wot-bl-decoration-donut {
+ left: 86px !important;
+ top: 0 !important;
+ height: 27px !important;
+}
+
+.wot-blacklist {
+ background: transparent !important;
+ background: url("chrome://wot/skin/b/ws/list_c.png") repeat-x !important;
+ display: inline-block !important;
+ padding-top: 18px !important;
+ background-size: 1px 164px !important;
+ height: 154px !important;
+ position: relative !important;
+}
+
+.wot-blacklist:before {
+ content: "";
+ background: url("chrome://wot/skin/b/ws/list_l.png") no-repeat !important;
+ background-size: 36px auto !important;
+ width: 36px !important;
+ height: 164px !important;
+ position: absolute !important;
+ left: -36px !important;
+ top: 0 !important;
+}
+
+.wot-blacklist:after {
+ content: "";
+ background: url("chrome://wot/skin/b/ws/list_r.png") no-repeat !important;
+ background-size: auto 164px !important;
+ width: 30px !important;
+ height: 164px !important;
+ position: absolute !important;
+ right: -30px !important;
+ top: 0 !important;
+}
+
+.wot-bl-verdict {
+ margin: 4px 2px !important;
+ padding: 2px 10px !important;
+ color: #FFF !important;
+ text-align: left !important;
+ font-family: sans-serif !important;
+}
+
+.wot-bl-verdict.empty {
+ min-width: 50px !important;
+ background-color: #606060 !important;
+ padding: 2px 0 3px !important;
+ margin: 14px 8px 10px 12px !important;
+ content: "";
+}
+
+/* ------------------------------------------------------- */
+
+/* Accessible mode */
+/*.accessible .wot-comp-level[r="r0"]{*/
+/* angled stripes */
+/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAT0lEQVQYV2N88fTFfwYgeP7qOYhCAZJikmA+I0gRPgVgRefPnwebhAxgJsDEMBShKwDZgqIImwIU63ApgCvCpwDuO2RHY/MpOAhginAFBQCXxzf2ZTB/RwAAAABJRU5ErkJggg==) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r1"]{*/
+/*background-image: -webkit-linear-gradient(left, #000000, #b2b2b2) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r2"]{*/
+/*background-image: -webkit-linear-gradient(left, #6b5a1a, #948345) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r3"]{*/
+/*background-image: -webkit-linear-gradient(left, #e0bb2f, #ffe37f) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r4"]{*/
+/*background-image: -webkit-linear-gradient(left, #b6ad88, #f2e9b2) !important;*/
+/*}*/
+
+/*.accessible .wot-comp-level[r="r5"] {*/
+/*background-image: -webkit-linear-gradient(left, #BEBDBD, rgba(255, 255, 255, 0.9) 96%, rgba(255, 255, 255, 0) 100%) !important;*/
+/* mask right part of label under the thin "green" donut */
+/*-webkit-border-top-right-radius: 13px !important;*/
+/*box-shadow: -1px 2px 6px #B6B6B6 !important;*/
+/*}*/
+
+
+
+
+
+
+
+
--
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-mozext/wot.git
More information about the Pkg-mozext-commits
mailing list