[MAIL] Fix newmailalert.xul styling

1 files changed, 34 insertions, 64 deletions

diff --git a/mail/themes/classic/messenger/newmailalert.css b/mail/themes/classic/messenger/newmailalert.css
index f009ca8b2..dd20e6216 100644
--- a/mail/themes/classic/messenger/newmailalert.css
+++ b/mail/themes/classic/messenger/newmailalert.css
@@ -1,40 +1,7 @@
 /* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*-

- * ***** BEGIN LICENSE BLOCK *****

- * Version: MPL 1.1/GPL 2.0/LGPL 2.1

- *

- * The contents of this file are subject to the Mozilla Public License Version

- * 1.1 (the "License"); you may not use this file except in compliance with

- * the License. You may obtain a copy of the License at

- * http://www.mozilla.org/MPL/

- *

- * Software distributed under the License is distributed on an "AS IS" basis,

- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License

- * for the specific language governing rights and limitations under the

- * License.

- *

- * The Original Code is new mail alert CSS.

- *

- * The Initial Developer of the Original Code is

- * The Mozilla Foundation.

- * Portions created by the Initial Developer are Copyright (C) 2005

- * the Initial Developer. All Rights Reserved.

- *

- * Contributor(s):

- *   Scott MacGregor <mscott@mozilla.org>

- *

- * Alternatively, the contents of this file may be used under the terms of

- * either the GNU General Public License Version 2 or later (the "GPL"), or

- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),

- * in which case the provisions of the GPL or the LGPL are applicable instead

- * of those above. If you wish to allow use of your version of this file only

- * under the terms of either the GPL or the LGPL, and not to allow others to

- * use your version of this file under the terms of the MPL, indicate your

- * decision by deleting the provisions above and replace them with the notice

- * and other provisions required by the GPL or the LGPL. If you do not delete

- * the provisions above, a recipient may use your version of this file under

- * the terms of any one of the MPL, the GPL or the LGPL.

- *

- * ***** END LICENSE BLOCK ****** */

+ * 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/. */

 

 /* ===== alert.css =====================================================

   == Styles specific to the alerts dialog.

@@ -45,39 +12,42 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

 

 #newMailAlertNotification {

+  -moz-appearance: none;

   min-height: 60px;

-  border: ridge #5486DA 4px;

+  border: 1px solid threedshadow;

   background-color: -moz-Dialog;

-  color: -moz-DialogText;

+}

+

+#alertImageBox {

+  padding: 4px;

+  background-image: linear-gradient(rgba(255, 255, 255, .7),

+                                    rgba(255, 255, 255, .6));

+  border-inline-end: 1px solid rgba(0, 0, 0, .1);

 }

 

 #alertImage {

   list-style-image: url("chrome://branding/content/icon64.png");

 }

 

-#alertImageBox {

-  -moz-margin-start: 4px;

-  -moz-margin-end: 6px;

-  min-height: 46px;

+#alertTextBox {

+  padding: 4px;

+  padding-inline-end: 25px;

+  background-image: linear-gradient(rgba(255, 255, 255, .2),

+                                    rgba(255, 255, 255, .1));

 }

 

 #alertTitle {

   font-weight: bold;

-  text-align: center;

-  /* this right margin keeps us from overlapping with the

-     close button. It's value should be related to the width

-     of the closeButtonImage

-  */

-  -moz-margin-end: 16px;

+  font-size: 110%;

+  padding-inline-start: 5px;

+  padding-inline-end: 5px;

 }

 

-#alertTextBox {

-  -moz-padding-end: 10px;

-  padding-top: 5px;

+#alertGroove {

+  margin-inline-start: 11px;

 }

 

-.folderSummary-message-row

-{

+.folderSummary-message-row {

   /* This max width ends up dictating the overall width of the alert window

      because it controls how large the preview, subject and sender text can be

      before cropping kicks in */

@@ -94,30 +64,30 @@
 }

 

 .folderSummary-previewText {

-  color: grey;

+  opacity: 0.6;

 }

 

 .folderSummaryMessage:hover > .folderSummary-message-row {

   cursor: pointer;

-  color: blue;

+  color: -moz-hyperlinktext;

+}

+

+.folderSummaryMessage:hover:active > .folderSummary-message-row {

+  color: -moz-activehyperlinktext;

 }

 

 #closeButton {

-  list-style-image: url("chrome://global/skin/icons/close.png");

-  -moz-image-region: rect(0px, 56px, 14px, 42px);

+  list-style-image: url("chrome://global/skin/icons/close.svg");

+  -moz-image-region: rect(0px, 16px, 16px, 0px);

   -moz-appearance: none;

   border: none !important;

-  padding: 4px 2px 2px;

-}

-

-#closeButton > .toolbarbutton-icon {

-  -moz-margin-end: 0px; /* override toolkit's default value */

+  padding: 2px;

 }

 

 #closeButton:hover {

-  -moz-image-region: rect(0px, 28px, 14px, 14px);

+  -moz-image-region: rect(0px, 32px, 16px, 16px);

 }

 

 #closeButton:hover:active {

-  -moz-image-region: rect(0px, 42px, 14px, 28px);

+  -moz-image-region: rect(0px, 48px, 16px, 32px);

 }