Bug 941387 - [Australis] UITour: Implement the new highlight styling and animation. ui-r=mmaslaney r=Unfocused
authorMatthew Noorenberghe <mozilla@noorenberghe.ca>
Wed, 04 Dec 2013 22:12:57 -0800
changeset 158875 37234a461bea0a6299794368b60d36e997173024
parent 158874 4d64a37dac18a50e04b9c5fb4efb9a4134e4368e
child 158876 9e45b2101381828222825b1558bff6c4e89c6e61
push id25764
push usercbook@mozilla.com
push dateThu, 05 Dec 2013 11:56:30 +0000
treeherdermozilla-central@632ee65fb67f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmmaslaney, Unfocused
bugs941387
milestone28.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 941387 - [Australis] UITour: Implement the new highlight styling and animation. ui-r=mmaslaney r=Unfocused
browser/themes/shared/UITour.inc.css
--- a/browser/themes/shared/UITour.inc.css
+++ b/browser/themes/shared/UITour.inc.css
@@ -2,19 +2,20 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 %endif
 
 /* UI Tour */
 
 html|div#UITourHighlight {
-  border-radius: 20px;
-  border: 2px #5B9CD9 solid;
-  box-shadow: 0 0 2px #5B9CD9, inset 0 0 1px #5B9CD9;
+  background-image: radial-gradient(50% 100%, rgba(0,149,220,0.4) 50%, rgba(0,149,220,0.6) 100%);
+  border-radius: 40px;
+  border: 1px solid white;
+  box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
   min-height: 32px;
   min-width: 32px;
 }
 
 #UITourTooltip {
   max-width: 20em;
 }