Bug 1149649 - Design Polish Updates for the Reader View Footer. ui-r=mmaslaney, r=jaws, a=sledru
authorBlake Winton <bwinton@latte.ca>
Mon, 06 Apr 2015 11:13:17 -0400
changeset 265468 27c7b470ff41282d5c8a5f20b2543dbdfe23b030
parent 265467 302de53f3fb93b3b39f9e2a59184a3dd24266269
child 265469 d65cdff170f4b0082686fc60ad1c6a50134a9a0a
push id4718
push userraliiev@mozilla.com
push dateMon, 11 May 2015 18:39:53 +0000
treeherdermozilla-beta@c20c4ef55f08 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmmaslaney, jaws, sledru
bugs1149649
milestone39.0a2
Bug 1149649 - Design Polish Updates for the Reader View Footer. ui-r=mmaslaney, r=jaws, a=sledru
toolkit/themes/windows/global/aboutReader.css
--- a/toolkit/themes/windows/global/aboutReader.css
+++ b/toolkit/themes/windows/global/aboutReader.css
@@ -272,25 +272,25 @@ body.loaded {
   -moz-user-select: none;
   border-right: 1px solid #b5b5b5;
 }
 
 .button {
   display: block;
   background-size: 24px 24px;
   background-repeat: no-repeat;
+  color: #333;
+  background-color: #fbfbfb;
   height: 40px;
   padding: 0;
 }
 
 .toolbar .button {
-  color: white;
   width: 40px;
   background-position: center;
-  background-color: #fbfbfb;
   margin-right: -1px;
   border-top: 0;
   border-left: 0;
   border-right: 1px solid #b5b5b5;
   border-bottom: 1px solid #c1c1c1;
 }
 
 .button[hidden] {
@@ -462,27 +462,23 @@ body.loaded {
   height: 64px;
   background-color: #ebebeb;
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
   padding: 12px 0;
   box-sizing: border-box;
-  box-shadow: 0 9px 9px -9px #c1c1c1 inset;
+  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset;
 }
 
 .sepia .footer {
   background-color: #dedad4;
 }
 
-.dark .footer {
-  background-color: #777;
-}
-
 .remove-button {
   background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg");
   margin: 0 auto;
   border: 1px solid #c1c1c1;
   background-position: 10px 7px;
   padding-left: 42px;
   padding-right: 10px;
   border-radius: 2px;