2012-05-21 15:12:37 +04:00
|
|
|
/* 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/. */
|
|
|
|
|
2011-01-25 04:27:25 +03:00
|
|
|
%include shared.inc
|
2006-04-20 00:50:25 +04:00
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
|
|
|
|
notification {
|
2009-08-31 04:23:29 +04:00
|
|
|
padding: 3px 3px 4px;
|
2009-09-04 14:58:18 +04:00
|
|
|
text-shadow: none;
|
2006-04-20 00:50:25 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
notification[type="info"] {
|
2008-04-23 04:00:58 +04:00
|
|
|
color: rgba(255,255,255,0.95);
|
|
|
|
background: url("chrome://global/skin/notification/info-bar-background.png") #404040 repeat-x top left;
|
|
|
|
border-top: 1px solid #707070;
|
|
|
|
border-bottom: 1px solid #2a2a2a;
|
2006-09-22 04:47:18 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
notification[type="warning"] {
|
2008-04-23 04:00:58 +04:00
|
|
|
color: rgba(0,0,0,0.95);
|
|
|
|
background: url("chrome://global/skin/notification/warning-bar-background.png") #ffc703 repeat-x top left;
|
|
|
|
border-top: 1px solid #ffe970;
|
|
|
|
border-bottom: 1px solid #bf8a01;
|
2006-04-20 00:50:25 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
notification[type="critical"] {
|
2008-04-23 04:00:58 +04:00
|
|
|
color: rgba(255,255,255,0.95);
|
|
|
|
background: url("chrome://global/skin/notification/critical-bar-background.png") #980000 repeat-x top left;
|
|
|
|
border-top: 1px solid #e35959;
|
|
|
|
border-bottom: 1px solid #5d0000;
|
2006-04-20 00:50:25 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
.messageImage {
|
|
|
|
width: 16px;
|
|
|
|
height: 16px;
|
2008-11-28 01:14:35 +03:00
|
|
|
margin: 0 4px;
|
2006-04-20 00:50:25 +04:00
|
|
|
}
|
|
|
|
|
2008-04-30 01:29:30 +04:00
|
|
|
/* Default icons for notifications */
|
|
|
|
|
2012-03-21 21:00:08 +04:00
|
|
|
.messageImage[type="info"] {
|
2009-05-29 09:50:12 +04:00
|
|
|
list-style-image: url("chrome://global/skin/notification/info-icon.png");
|
2008-04-30 01:29:30 +04:00
|
|
|
}
|
|
|
|
|
2012-03-21 21:00:08 +04:00
|
|
|
.messageImage[type="warning"] {
|
2009-05-29 09:50:12 +04:00
|
|
|
list-style-image: url("chrome://global/skin/notification/warning-icon.png");
|
2008-04-30 01:29:30 +04:00
|
|
|
}
|
|
|
|
|
2012-03-21 21:00:08 +04:00
|
|
|
.messageImage[type="critical"] {
|
2009-05-29 09:50:12 +04:00
|
|
|
list-style-image: url("chrome://global/skin/notification/error-icon.png");
|
2008-04-30 01:29:30 +04:00
|
|
|
}
|
|
|
|
|
2006-09-22 04:47:18 +04:00
|
|
|
.notification-inner {
|
|
|
|
border: 0 !important;
|
|
|
|
}
|
|
|
|
|
2008-11-28 01:14:35 +03:00
|
|
|
.messageText {
|
|
|
|
margin: 0 3px !important;
|
|
|
|
padding: 0;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2006-04-20 00:50:25 +04:00
|
|
|
.messageCloseButton {
|
|
|
|
-moz-appearance: none;
|
2009-06-02 11:00:32 +04:00
|
|
|
padding: 0;
|
2008-11-28 01:14:35 +03:00
|
|
|
margin: 0 2px;
|
2011-02-11 04:03:47 +03:00
|
|
|
list-style-image: url("chrome://global/skin/notification/close.png");
|
2006-04-20 00:50:25 +04:00
|
|
|
border: none;
|
2011-02-11 04:03:47 +03:00
|
|
|
-moz-image-region: rect(0, 16px, 16px, 0);
|
2006-04-20 00:50:25 +04:00
|
|
|
}
|
2006-09-22 04:47:18 +04:00
|
|
|
|
2011-02-17 23:52:28 +03:00
|
|
|
notification[type="warning"] .messageCloseButton {
|
|
|
|
list-style-image: url("chrome://global/skin/icons/close.png");
|
|
|
|
}
|
|
|
|
|
2006-09-22 04:47:18 +04:00
|
|
|
.messageCloseButton > .toolbarbutton-text {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.messageCloseButton:hover {
|
2011-02-11 04:03:47 +03:00
|
|
|
-moz-image-region: rect(0, 32px, 16px, 16px);
|
2006-09-22 04:47:18 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
.messageCloseButton:hover:active {
|
2011-02-11 04:03:47 +03:00
|
|
|
-moz-image-region: rect(0, 48px, 16px, 32px);
|
2006-09-22 04:47:18 +04:00
|
|
|
}
|
|
|
|
|
2010-04-21 18:53:42 +04:00
|
|
|
.messageCloseButton:-moz-focusring > .toolbarbutton-icon {
|
2010-09-09 19:21:47 +04:00
|
|
|
border-radius: 10000px;
|
2010-09-11 20:27:12 +04:00
|
|
|
box-shadow: 0 0 2px 1px -moz-mac-focusring,
|
2010-09-12 13:54:51 +04:00
|
|
|
0 0 0 2px -moz-mac-focusring inset;
|
2009-03-14 11:10:08 +03:00
|
|
|
}
|
2010-11-06 00:03:42 +03:00
|
|
|
|
|
|
|
/* Popup notification */
|
|
|
|
|
|
|
|
.popup-notification-description {
|
2011-06-01 01:13:43 +04:00
|
|
|
max-width: 24em;
|
2010-11-06 00:03:42 +03:00
|
|
|
}
|
|
|
|
|
2011-02-12 11:32:07 +03:00
|
|
|
.popup-notification-button-container {
|
|
|
|
margin-top: 17px;
|
|
|
|
}
|
|
|
|
|
2010-11-17 00:38:24 +03:00
|
|
|
.popup-notification-menubutton {
|
2010-11-06 00:03:42 +03:00
|
|
|
-moz-appearance: none;
|
|
|
|
}
|
|
|
|
|
2011-01-25 04:27:25 +03:00
|
|
|
.popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker,
|
|
|
|
.popup-notification-menubutton > .button-menubutton-button:-moz-focusring {
|
|
|
|
box-shadow: @focusRingShadow@;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2010-11-17 00:38:24 +03:00
|
|
|
.popup-notification-menubutton:not([type="menu-button"]),
|
2010-11-06 00:03:42 +03:00
|
|
|
.popup-notification-menubutton > .button-menubutton-button,
|
|
|
|
.popup-notification-menubutton > .button-menubutton-dropmarker {
|
|
|
|
color: #fff;
|
|
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
|
|
|
border-radius: 12px;
|
|
|
|
border: 1px solid rgba(0,0,0,.65);
|
|
|
|
background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%,
|
|
|
|
rgba(50,50,50,.9) 51%, rgba(40,40,40,.9));
|
|
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.2),
|
|
|
|
inset 0 0 1px rgba(255,255,255,.1),
|
|
|
|
0 1px 0 rgba(255,255,255,.1);
|
|
|
|
background-clip: padding-box;
|
|
|
|
background-origin: padding-box;
|
|
|
|
}
|
|
|
|
|
2010-11-17 00:38:24 +03:00
|
|
|
.popup-notification-menubutton:not([type="menu-button"]) {
|
|
|
|
padding: 2px 9px;
|
|
|
|
}
|
|
|
|
|
2010-11-06 00:03:42 +03:00
|
|
|
.popup-notification-menubutton > .button-menubutton-button {
|
2010-12-24 14:14:25 +03:00
|
|
|
-moz-appearance: none;
|
|
|
|
margin: 0;
|
2010-11-06 00:03:42 +03:00
|
|
|
padding-top: 2px;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
-moz-padding-start: 8px;
|
|
|
|
-moz-padding-end: 5px;
|
|
|
|
-moz-border-end: 1px solid rgba(0,0,0,.65);
|
|
|
|
}
|
|
|
|
|
|
|
|
.popup-notification-menubutton > .button-menubutton-dropmarker {
|
|
|
|
padding-top: 7px;
|
|
|
|
padding-bottom: 7px;
|
|
|
|
-moz-padding-start: 5px;
|
|
|
|
-moz-padding-end: 8px;
|
2011-01-07 01:36:57 +03:00
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
2010-11-06 00:03:42 +03:00
|
|
|
-moz-margin-start: -1px;
|
|
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-dn-white.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
|
|
|
|
.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),
|
|
|
|
.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
}
|
|
|
|
|
2010-11-17 00:38:24 +03:00
|
|
|
.popup-notification-menubutton:not([type="menu-button"]):hover:active,
|
2010-11-06 00:03:42 +03:00
|
|
|
.popup-notification-menubutton > .button-menubutton-button:hover:active,
|
|
|
|
.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
|
|
|
|
background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
|
|
|
|
box-shadow: inset 0 0 3px rgba(0,0,0,.2),
|
|
|
|
inset 0 1px 7px rgba(0,0,0,.4),
|
|
|
|
0 1px 0 rgba(255,255,255,.1);
|
|
|
|
}
|
2010-12-16 20:53:24 +03:00
|
|
|
|
2011-01-14 03:07:44 +03:00
|
|
|
.popup-notification-closebutton {
|
|
|
|
-moz-margin-end: -12px;
|
|
|
|
margin-top: -13px;
|
|
|
|
}
|
|
|
|
|
2010-12-16 20:53:24 +03:00
|
|
|
.popup-notification-closeitem > .menu-iconic-left {
|
|
|
|
display: none;
|
|
|
|
}
|