[Pkg-mozext-commits] [wot] 130/226: Added one time WelcomeTip for the Rating Window

David Prévot taffit at moszumanska.debian.org
Fri May 1 00:35:43 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 f4a10ae82fc87cf7911ba914c22c15615ca649eb
Author: Sergey Andryukhin <sorgoz at yandex.com>
Date:   Mon Sep 2 13:23:50 2013 +0300

    Added one time WelcomeTip for the Rating Window
---
 content/config.js                       |   3 +
 content/injections/ga_configure.js      |  57 +++++++--
 content/ratingwindow.js                 |   9 +-
 content/rw/proxies.js                   |  41 +++++-
 content/rw/ratingwindow.html            |  27 ++--
 content/rw/ratingwindow.js              |  63 ++++------
 skin/b/welcometips/close_icon.png       | Bin 0 -> 314 bytes
 skin/b/welcometips/logo_WS.png          | Bin 0 -> 4436 bytes
 skin/b/welcometips/orange_badge.png     | Bin 0 -> 2196 bytes
 skin/b/welcometips/wt_intro_0.png       | Bin 0 -> 8672 bytes
 skin/b/welcometips/wt_intro_top.png     | Bin 0 -> 3045 bytes
 skin/b/welcometips/wt_left_corner.png   | Bin 0 -> 3527 bytes
 skin/b/welcometips/wt_left_corner_2.png | Bin 0 -> 3142 bytes
 skin/welcometips.css                    | 214 ++++++++++++++++++++++++++++++++
 14 files changed, 349 insertions(+), 65 deletions(-)

diff --git a/content/config.js b/content/config.js
index 27178b6..0271eaf 100644
--- a/content/config.js
+++ b/content/config.js
@@ -279,6 +279,7 @@ const wot_prefs_bool = [
 	[ "feedback_enabled",			true  ],
 	[ "feedback_optedout",			false ],
 	[ "show_fulllist",			    false ],
+	[ "wt_rw_ok",			        false ],
 	[ "super_showtestimonies",	    false ], // show my rating on the search popup at bottom corners of the popup
     [ "settingsui_parental",        false ]  // this is should not be considered by the add-on. Only to render prefs on the settings page
 ];
@@ -298,6 +299,7 @@ const wot_prefs_char = [
 	[ "witness_id",					""	],
 	[ "witness_key",				""	],
 	[ "feedback_lasttimeasked",  	""	],
+    [ "wt_rw_shown_dt",			    "" ],    // timestamp when RW WelcomeTip was shown last time
 	[ "settingsui_warnlevel",  	    "normal" ], // this is should not be considered by the add-on. Only to render prefs on the settings page
 	[ "settingsui_searchlevel",  	"normal" ]
 ];
@@ -308,6 +310,7 @@ const wot_prefs_int = [
 	[ "popup_show_delay",			200 ],
 	[ "ratingwindow_shown",			0 ],
 	[ "activity_score",			    0 ],
+	[ "wt_rw_shown",			    0 ],    // How many times RW WT was shown
 	[ "search_level",				WOT_MIN_REPUTATION_4 ],
 	[ "search_type",				WOT_SEARCH_TYPE_OPTIMIZED ],
 	[ "update_interval",			WOT_INTERVAL_UPDATE_CHECK ],
diff --git a/content/injections/ga_configure.js b/content/injections/ga_configure.js
index 237a53b..f3f2045 100644
--- a/content/injections/ga_configure.js
+++ b/content/injections/ga_configure.js
@@ -1,6 +1,6 @@
 /*
  ga_configure.js
- Copyright © 2009 - 2012  WOT Services Oy <info at mywot.com>
+ Copyright © 2012 - 2013  WOT Services Oy <info at mywot.com>
 
  This file is part of WOT.
 
@@ -24,11 +24,10 @@
 
 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', wot.ga_id]);
-_gaq.push(['_trackPageview']);
-
 // provide version number to GA
 _gaq.push(['_setCustomVar', 1, 'Version', String(wot.version), 2]); // scope = 2 (session level)
-
+_gaq.push(['_setReferrerOverride', '']);    // clear the referrer in GA cookie. Issue #75 on GH.
+_gaq.push(['_trackPageview']);
 
 /* This adds logic for counting events to wot object */
 
@@ -60,20 +59,27 @@ $.extend(wot, { ga: {
 		GEN_LAUNCHED:   "WOT_launched",
 
 		WT_INTRO_0_SHOWN: "WT_Intro0_shown",
+		WT_INTRO_0_LEARN: "WT_Intro0_learnmore",
 		WT_INTRO_0_OK:  "WT_Intro0_ok",
 		WT_WS_SHOWN:    "WT_WS_shown",
 		WT_WS_OK:       "WT_WS_ok",
 		WT_WS_OPTEDOUT: "WT_WS_optedout",
+		WT_WS_LEARN:    "WT_WS_learnmore",
 		WT_RW_SHOWN:    "WT_RW_shown",
 		WT_RW_OK:       "WT_RW_ok",
+		WT_RW_LEARN:    "WT_RW_learnmore",
 		WT_DONUTS_SHOWN:"WT_Donuts_shown",
 		WT_DONUTS_OK:   "WT_Donuts_ok",
+		WT_DONUTS_LEARN:"WT_Donuts_learnmore",
 
 		FBL_shown:       "FBL_shown",
 		FBL_submit:      "FBL_submit",
 		FBL_closed:      "FBL_closed",
+		FBL_dismiss:     "FBL_dismiss",
 		FBL_optout_shown:"FBL_optout_shown",
+		FBL_optout_shown_smb: "FBL_optout_shown:smb", // used for additional stats purposes: tells submittions number
 		FBL_optout_yes:  "FBL_optout_yes",
+		FBL_optout_yes_smb: "FBL_optout_yes:smb",  // used for additional stats purposes: tells submittions number
 		FBL_optout_no:   "FBL_optout_no",
 		FBL_whatisthis:  "FBL_whatisthis",
 		FBL_bottom_close:"FBL_bottom_close",
@@ -98,21 +104,58 @@ $.extend(wot, { ga: {
 		return !!wot.ga._tracker;
 	},
 
-	fire_event: function (category, action, label, value) {
+	fire_event: function (category, action, label) {
 
 		if (wot.ga.disable) return;
 
 		try {
 			if (wot.ga.init_tracker()) {
-				wot.ga._tracker._trackEvent(category, action, label, value);
+				wot.ga._tracker._trackEvent(category, action, label);
 			} else {
 				// backup option, if AsyncTracker still isn't inited
-				_gaq.push(['_trackEvent', category, action, label, value]);
+				_gaq.push(['_trackEvent', category, action, label]);
 			}
 		} catch (e) {
 			// silence...
 			//console.log("Error in wot.ga.fire_event(). Msg: ", e);
 		}
+	},
+
+	post_init: function() {
+		// Finalize setting up GA environment after wot.core is initialized fully
+
+		/* CustomVars slots:
+		 *  1. version
+		 *  2. partner = "undefined" | mailru
+		 *  3. registered = yes | no    ; since 24.05.2013
+		 *  4. experiments
+		 *  5. FBL_QID (page level). Was accessible = acc | normal until 28.03.2013
+   	     * */
+
+		// let's measure how many "accessible" users do we have on Chrome
+//		var accessible = wot.env.is_accessible ? "acc" : "normal",
+		var partner = wot.prefs.get("partner") || "undefined";  // set partner
+
+        var is_registered = wot.core.is_level("registered") ? "yes" : "no";
+
+		_gaq.push(['_setCustomVar', 2, 'partner', partner, 2]); // scope = 2 (session level)
+		_gaq.push(['_setCustomVar', 3, 'registered', is_registered, 2]); // scope = 2 (session level)
+
+		wot.ga.set_experiments();
+	},
+
+	set_experiments: function () {
+		// sets up custom variable with Experiments
+		if (wot.exp) {
+			var exps = wot.exp.exps_running_ga();
+			if (exps && exps.length) {
+				_gaq.push(['_setCustomVar', 4, 'Experiments', exps, 1]); // scope = 1 (visitor level)
+			}
+		}
+	},
+
+    set_fbl_question: function (question_id) {
+        _gaq.push(['_setCustomVar', 5, 'FBL_QID', String(question_id), 3]); // scope = 3 (page level)
 	}
 
 }});
diff --git a/content/ratingwindow.js b/content/ratingwindow.js
index bedf090..2da3f5d 100644
--- a/content/ratingwindow.js
+++ b/content/ratingwindow.js
@@ -23,7 +23,7 @@ var wot_rw = {
     RW_URL: "chrome://wot/content/rw/ratingwindow.html",
     FRAME_ID: "wot-rwframe",
     is_inited: false,
-    CHAN_ELEM_ID: "wot-comm-channel",
+    CHAN_ELEM_ID: "wot-ratingwindow",
     CHAN_EVENT_ID: "wotrw",
     IGNORED_PREFS: ["ratingwindow_shown"],
     LEVELS: ["registered"], // list of possible levels to test
@@ -239,7 +239,10 @@ var wot_rw = {
                 accessible:         wot_prefs.accessible,
                 show_fulllist:      wot_prefs.show_fulllist,
                 ratingwindow_shown: wot_prefs.ratingwindow_shown,   // this has special processing
-                activity_score:     wot_prefs.activity_score
+                activity_score:     wot_prefs.activity_score,
+                wt_rw_ok:           wot_prefs.wt_rw_ok,
+                wt_rw_shown:        wot_prefs.wt_rw_shown,
+                wt_rw_shown_dt:     wot_prefs.wt_rw_shown_dt
             };
 
         } catch (e) {
@@ -387,7 +390,7 @@ var wot_rw = {
         if (chan) {
             chan.addEventListener(event_id, this.on_ratingwindow_event);
         } else {
-            wdump("Can't find 'wot-comm-channel' element in RatingWindow DOM. Very bad!");
+            wdump("Can't find 'wot-ratingwindow' element in RatingWindow DOM. Very bad!");
         }
 
         return true;
diff --git a/content/rw/proxies.js b/content/rw/proxies.js
index 5d49aba..8ea29fc 100644
--- a/content/rw/proxies.js
+++ b/content/rw/proxies.js
@@ -40,6 +40,7 @@ var wot_bg = {    // background page object
 
             load_prefs: function (json_data) {
                 wot_bg.wot.prefs._prefs = JSON.parse(json_data);
+                wot_bg.wot.wt.load_settings(); // update WelcomeTips settings from preferences
             }
         },
 
@@ -48,6 +49,10 @@ var wot_bg = {    // background page object
             _level: "", // TODO: implement getting current user "level",
             _moz_element_id: null,
             _moz_event_id: null,
+            badge: {
+                text: "",
+                type: null
+            },
 
             usermessage: {},
 
@@ -67,6 +72,10 @@ var wot_bg = {    // background page object
                 wot_bg.wot.core.moz_send("unseenmessage", null);
             },
 
+            open_mywot: function(page, context) {
+                wot.ratingwindow.navigate(page, context);
+            },
+
             moz_set_usermessage: function (json_data) {
                 // Takes jsoned message to show it user in RW
 
@@ -186,7 +195,37 @@ var wot_bg = {    // background page object
             }
         },
 
-        ga: {}  // this object is replaced on every chrome.extension.getBackgroundPage() call
+        ga: {},  // this object is replaced on every chrome.extension.getBackgroundPage() call
+
+        wt: {   // Welcome Tips proxy wrapper
+
+            settings: {
+                rw_ok: false,
+                rw_shown: 0,
+                rw_shown_dt: null
+            },
+
+            save_setting: function(name) {
+                var bg = chrome.extension.getBackgroundPage(),
+                    _this = wot_bg.wot.wt;
+
+                if (_this.settings[name] !== undefined) {
+                    bg.wot.prefs.set("wt_"+name, _this.settings[name]);
+                }
+            },
+
+            load_settings: function () {
+                var _this = wot_bg.wot.wt;
+                for (var name in _this.settings) {
+                    if (_this.settings.hasOwnProperty(name)) {
+                        var val = wot_bg.wot.prefs.get("wt_" + name);
+                        if (val !== undefined) {
+                            _this.settings[name] = wot_bg.wot.prefs.get("wt_" + name);
+                        }
+                    }
+                }
+            }
+        }
     },
 
     console: {
diff --git a/content/rw/ratingwindow.html b/content/rw/ratingwindow.html
index ec40e28..08e4c8d 100644
--- a/content/rw/ratingwindow.html
+++ b/content/rw/ratingwindow.html
@@ -33,7 +33,7 @@
 
     <style type="text/css">
         @import "chrome://wot/skin/ratingwindow.css";
-        /*@import "skin/include/welcometips.css";*/
+        @import "chrome://wot/skin/welcometips.css";
     </style>
 </head>
 <body>
@@ -83,7 +83,6 @@
                         </div>
                         <div id="wot-rating-0-delete" class="rating-delete">
                             <div id="wot-rating-0-deleteicon" class="rating-delete-icon"></div>
-                                    <!--<div id="wot-rating-0-deletelabel" class="rating-deletelabel"></div>-->
                         </div>
                         </div>
                     </div>
@@ -107,7 +106,6 @@
                         </div>
                         <div id="wot-rating-4-delete" class="rating-delete">
                             <div id="wot-rating-4-deleteicon" class="rating-delete-icon"></div>
-                                    <!--<div id="wot-rating-4-deletelabel" class="rating-deletelabel"></div>-->
                         </div>
                     </div>
                 </div>
@@ -171,16 +169,16 @@
             </div>
 
             <!-- Welcome Tip area -->
-            <div id="wot-welcometip">
-                <!--<div class="wt-rw-header">-->
-                    <!--<span class="wt-rw-header-text">Share your experiences!</span>-->
-                    <!--<div class="wt-rw-close"></div>-->
-                <!--</div>-->
-                <!--<div class="wt-rw-body">-->
-                    <!--<p>WOT shows website reputations based on experiences from millions of users.</p>-->
-                    <!--<p>Leave your own rating by clicking the colored bars to indicate what you think of the site. Your rating helps other users surf safer.</p>-->
-                    <!--<p class="wot-c"><a id='wt-learnmore-link'>Learn more</a> about WOT.</p>-->
-                <!--</div>-->
+            <div id="wot-welcometip" class="rtip-sticker">
+                <div class="wt-rw-header">
+                    <span class="wt-rw-header-text">Share your experiences!</span>
+                    <div class="wt-rw-close"></div>
+                </div>
+                <div class="wt-rw-body">
+                    <p>WOT shows website reputations based on experiences from millions of users.</p>
+                    <p>Leave your own rating by clicking the colored bars to indicate what you think of the site. Your rating helps other users surf safer.</p>
+                    <p class="wot-c"><a id='wt-learnmore-link'>Learn more</a> about WOT.</p>
+                </div>
             </div>
 
             <!-- Rate mode: categories selector area -->
@@ -273,9 +271,6 @@
     </div>
 
 </div>
-<div id="wot-comm-channel" style="display: none;">
-    <!-- this Node is used to communicate with background code of the add-on -->
-</div>
 
 <script type="text/javascript" src="chrome://wot/content/injections/ga_init.js"></script>
 </body>
diff --git a/content/rw/ratingwindow.js b/content/rw/ratingwindow.js
index f5ef3e6..3a3cf07 100644
--- a/content/rw/ratingwindow.js
+++ b/content/rw/ratingwindow.js
@@ -677,11 +677,11 @@ $.extend(wot, { ratingwindow: {
         }
     },
 
-    show_welcome_tip: function (type) {
+    show_welcome_tip: function () {
         // use small delay to allow GA script to initialize itself
         window.setTimeout(function(){
 
-            $("#wot-welcometip").addClass(type).fadeIn();
+            $("#wot-welcometip").fadeIn();
 
             // fire the event to GA, providing amount of minutes from installation to opening rating window
             var bg = chrome.extension.getBackgroundPage();
@@ -1044,45 +1044,29 @@ $.extend(wot, { ratingwindow: {
             bg.wot.core.open_mywot(wot.urls.tour_rw, wot.urls.contexts.wt_rw_lm); // FIXME
         });
 
-        // TODO: uncomment and test after public beta launch:
-//		var is_rtip_neutral = false; // default style for welcome tip = sticker
-//
-//		var tts_wtip = (locale === "ru" || locale === "en") &&
-//						first_opening &&
-//						!(wt.settings.rw_ok || wt.settings.rw_shown > 0) &&
-//						wot.is_defined(["rw_text", "rw_text_hdr", "rw_ok"], "wt");
-//
-//		tts_wtip = tts_wtip && (wot.get_activity_score() < bg.wot.wt.activity_score_max);
-//
-//		if (tts_wtip && bg.wot.exp) {
-//			// important to run experiment only no Tips were shown before
-//			tts_wtip = bg.wot.exp.is_running("wtip-on");
-//		}
-//
-//        if (bg.wot.prefs.get("super_wtips")) tts_wtip = true;  // override by super-setting
-//
-//		if (tts_wtip) {
-//
-//			var tip_type = "rtip-sticker"; // default style
-//
-//			// Decide what to show: normal rating window or welcome tip?
-//			if (bg.wot.exp) {
-//				is_rtip_neutral = bg.wot.exp.is_running("rtip-neu");
-//				tip_type = is_rtip_neutral ? "rtip-neutral" : "rtip-sticker"; // reference to CSS style
-//			}
-//
-//			// RW is opened first time - show welcome tip
-//			_rw.show_welcome_tip(tip_type);
-//
-//			// set all welcome tip's preferences (== wt was shown)
-//			wt.settings.rw_shown = wt.settings.rw_shown + 1;
-//			wt.settings.rw_shown_dt = new Date();
-//			wt.save_setting("rw_shown");
-//			wt.save_setting("rw_shown_dt");
-//		}
+		var tts_wtip =  (first_opening || wot.firstrunupdate == _rw.UPDATE_ROUND) &&
+						!(wt.settings.rw_ok || wt.settings.rw_shown > 0) &&
+						wot.is_defined(["rw_text", "rw_text_hdr"], "wt");
+
+//		tts_wtip = tts_wtip && (wot.get_activity_score() < bg.wot.wt.activity_score_max || wot.firstrunupdate == _rw.UPDATE_ROUND);
+
+        if (bg.wot.prefs.get("super_wtips")) tts_wtip = true;  // override by super-setting
+
+		if (tts_wtip) {
+			// RW is opened first time - show welcome tip
+			_rw.show_welcome_tip();
+
+			// set all welcome tip's preferences (== wt was shown)
+			wt.settings.rw_shown = wt.settings.rw_shown + 1;
+			wt.settings.rw_shown_dt = String(Date.now());
+			wt.save_setting("rw_shown");
+			wt.save_setting("rw_shown_dt");
+		}
 
         // increment "RatingWindow shown" counter
         _rw.count_window_opened();
+        bg.wot.core.badge.text = "";
+        bg.wot.core.badge.type = null;
 
         // shown RatingWindow means that we shown a message => remove notice badge from the button
         // this was commented on 24.06.2013 to avoid concurrent changing of the badge
@@ -1393,6 +1377,8 @@ $.extend(wot, { ratingwindow: {
                 _rw.update_submit_button();
                 _rw.comments.update_button("rate", true);
                 _rw.was_in_ratemode = true;
+
+                _rw.reveal_ratingwindow(true);
                 return true;
             }
         },
@@ -1423,6 +1409,7 @@ $.extend(wot, { ratingwindow: {
                 _rw.comments.update_button("comment", true);
                 _rw.update_submit_button();
                 _rw.comments.focus();
+                _rw.reveal_ratingwindow(true);
                 return true;
             }
         },
diff --git a/skin/b/welcometips/close_icon.png b/skin/b/welcometips/close_icon.png
new file mode 100644
index 0000000..bd05a6a
Binary files /dev/null and b/skin/b/welcometips/close_icon.png differ
diff --git a/skin/b/welcometips/logo_WS.png b/skin/b/welcometips/logo_WS.png
new file mode 100644
index 0000000..9b95fe4
Binary files /dev/null and b/skin/b/welcometips/logo_WS.png differ
diff --git a/skin/b/welcometips/orange_badge.png b/skin/b/welcometips/orange_badge.png
new file mode 100644
index 0000000..cb27267
Binary files /dev/null and b/skin/b/welcometips/orange_badge.png differ
diff --git a/skin/b/welcometips/wt_intro_0.png b/skin/b/welcometips/wt_intro_0.png
new file mode 100644
index 0000000..8fa10a5
Binary files /dev/null and b/skin/b/welcometips/wt_intro_0.png differ
diff --git a/skin/b/welcometips/wt_intro_top.png b/skin/b/welcometips/wt_intro_top.png
new file mode 100644
index 0000000..8598d9d
Binary files /dev/null and b/skin/b/welcometips/wt_intro_top.png differ
diff --git a/skin/b/welcometips/wt_left_corner.png b/skin/b/welcometips/wt_left_corner.png
new file mode 100644
index 0000000..45d7d6d
Binary files /dev/null and b/skin/b/welcometips/wt_left_corner.png differ
diff --git a/skin/b/welcometips/wt_left_corner_2.png b/skin/b/welcometips/wt_left_corner_2.png
new file mode 100644
index 0000000..50d76a4
Binary files /dev/null and b/skin/b/welcometips/wt_left_corner_2.png differ
diff --git a/skin/welcometips.css b/skin/welcometips.css
new file mode 100644
index 0000000..8686087
--- /dev/null
+++ b/skin/welcometips.css
@@ -0,0 +1,214 @@
+/*
+	welcometips.css
+	Copyright © 2012 - 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 {
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+}
+
+.wot-wt-introtip,
+.wot-wt-dtip {
+    border: 1px solid #cccccc;
+    border-radius: 2px;
+    box-shadow: 0px 0px 7px #888888;
+    padding: 1em 1em 0.8em 1em;
+    font-family: arial;
+    background-color: white;
+}
+
+.wot-wt-introtip {
+    margin-top: 11px;
+    border-top: none;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+}
+
+.wot-wt-introtip:before {
+    background-image: url("chrome://wot/skin/b/welcometips/wt_intro_top.png");
+    background-repeat: no-repeat;
+    height: 11px;
+    width: 218px;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 8px;
+    content: " ";
+}
+
+#introtip {
+    margin: 0 auto;
+    width: 218px;
+}
+
+#donut_tip {
+    margin: 0.5em 0.5em 0.5em 14px;  /* to allow shadow around the box */
+}
+
+.wot-wt-intro-body,
+.wot-wt-d-body {
+    font-size: 10pt;
+    color: #656565;
+}
+
+.wot-wt-footer {
+    /* used in Intro Tip and R-Tip */
+    text-align: center;
+}
+
+.wot-wt-button {
+    -moz-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: -moz-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: -moz-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: -moz-linear-gradient(top, #a9d185 0%, #8abf58 39%, #6fa736 83%, #83bc4a) !important;
+}
+
+.wot-wt-intro-body #wt-learnmore-link,
+.wot-wt-d-body #wt-learnmore-link,
+#wot-welcometip #wt-learnmore-link {
+    color: #1F7BD6;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+/* Used in Intro and Donut's Tips */
+.wot-wt-intro-body .wot-cb,
+.wot-wt-d-body .wot-cb {
+    text-align: center;
+    font-weight: bold;
+}
+
+#wot-wt-intro-image1 {
+    background-image: url("chrome://wot/skin/fusion/16_16/plain/r5.png");
+    background-repeat: no-repeat;
+    padding: 0 0 0 16px;
+}
+
+/* WelcomeTip v2 */
+
+#wot-welcometip {
+    font-size: 9pt;
+    position: absolute;
+    display: none;
+    z-index: 5;
+    right: 0px;
+    margin-top: 0px;
+    min-height: 160px;
+    max-height: 200px;
+}
+
+#wot-welcometip:before {
+    position: absolute;
+    top: -8px;
+    left: 20px;
+    width: 45px;
+    height: 44px;
+    content: "";
+    background-image: url("chrome://wot/skin/b/welcometips/orange_badge.png");
+    background-repeat: no-repeat;
+}
+
+/* RW WelcomeTip: Sticker mode */
+.rtip-sticker {
+    width: 300px;
+    margin: 5px 0px 0px 10px;
+    background-image: -moz-linear-gradient(left top, #eef9e4 0%, #dff0d0 28%, #eef9e4 59%, #f6fbf2 89%, #eef9e4 100%);
+    box-shadow: 3px 3px 3px #aaa;
+    margin-bottom: 10px;
+}
+
+.rtip-sticker .wt-rw-header {
+    padding: 0.7em 0 0.4em;
+    background-color: rgba(129,148,114, 0.05);
+    text-align: center;
+    font-weight: bold;
+}
+
+.rtip-sticker .wt-rw-body {
+    padding: 0 1em;
+}
+
+/* RW WelcomeTip: common styles */
+.wt-rw-close {
+    width: 18px;
+    height: 18px;
+    position: absolute;
+    right: 10px;
+    top: 8px;
+    background-image: url("chrome://wot/skin/b/welcometips/close_icon.png");
+    background-position: 0 0;
+    cursor: pointer;
+}
+
+.wt-rw-close:hover {
+    /* reserved once we'll have icon for hovered state */
+    background-position: 0 0;
+}
+
+.wt-rw-body .wot-c {
+    text-align: center;
+}
+
+.wot-wt-d-button {}
+
+.wot-wt-dtip:before {
+    content: "";
+    background-image: url("chrome://wot/skin/b/welcometips/wt_left_corner_2.png");
+    width: 17px;
+    height: 26px;
+    position: relative !important;
+    top: 22px;
+    left: -218px;
+    float: right;
+}
+
+.wot-wt-logo {
+    background-image: url("chrome://wot/skin/fusion/logo.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    height: 18px !important;
+    cursor: pointer;
+}

-- 
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