sync both themes with toolkit windows theme changes in Mozilla 33 cycle

[themes.git] / LCARStrek / global / alerts / alert.css

diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css
index b057fadd38ba29a5c59e99df313b30ee00826341..876a6b1250c664017c72f763f830a26021ebb1c5 100644 (file)
--- a/LCARStrek/global/alerts/alert.css
+++ b/LCARStrek/global/alerts/alert.css
@@ -1,40 +1,6 @@
-/* ***** 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 mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * Netscape Communications Corporation.
- * Portions created by the Initial Developer are Copyright (C) 1998
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Scott MacGregor <mscott@netscape.com>
- *   Robert Kaiser <KaiRo@KaiRo.at>
- *
- * 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,49 +11,81 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {
-  border: 2px solid #9C9CFF;
+  border: 1px solid #9C9CFF;
+  border-radius: 3px;
   background-color: #000000;
-  min-height: 50px;
+}
+
+.alertImageBox {
+  padding: 8px 0;
+  width: 64px;
+  -moz-border-end: 1px solid #9C9CFF;
+}
+
+.alertTextBox {
+  padding: 8px;
+  -moz-padding-start: 16px;
+  width: 255px;
+}
+
+.alertTextBox,
+.alertCloseBox {
 }
 
 .alertBox[orient="horizontal"] > .alertImageBox {
-  -moz-margin-start: 4px;
-  -moz-margin-end: 6px;
-  min-height: 46px;
+  -moz-margin-end: 8px;
 }
 
 .alertBox[orient="vertical"] > .alertImageBox {
-  margin-top: 6px;
-  margin-bottom: 4px;
-  min-width: 46px;
+  margin-bottom: 8px;
+}
+
+#alertNotification[clickable="true"]:hover .alertTextBox,
+#alertNotification[clickable="true"]:hover .alertCloseBox {
+/*  background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3));*/
 }
 
 .alertTitle {
   font-weight: bold;
+  font-size: 110%;
 }
 
-.alertText {
-  -moz-margin-end: 6px;
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+  list-style-image: url("chrome://global/skin/alerts/notification-48.png");
 }
 
-.alertText[clickable="true"] {
+#alertNotification[clickable="true"] {
   cursor: pointer;
-  color: blue;
-  text-decoration: underline;
 }
 
-.alertText[clickable="true"]:hover:active {
-  color: red;
+label {
+  cursor: inherit;
 }
 
-.alertBox[orient="horizontal"] > .alertTextBox {
-  -moz-padding-end: 10px;
-  padding-top: 5px;
+@keyframes alert-animation {
+  from {
+    opacity: 0;
+  }
+  6.25% {
+    opacity: 1;
+  }
+  93.75% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
 }
 
-.alertBox[orient="vertical"] > .alertTextBox {
-  -moz-padding-start: 5px;
-  -moz-padding-end: 5px;
-  margin-bottom: 8px;
-  -moz-box-align: center; /* also hard-coded in alert.js, see bug 311557 */
+.alertCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  padding: 4px 2px;
+}
+
+.alertCloseButton:hover,
+.alertCloseButton:hover:active {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
 }