1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/global/notification.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,175 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +%include shared.inc
1.9 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.10 +
1.11 +notification {
1.12 + padding: 3px 3px 4px;
1.13 + text-shadow: none;
1.14 +}
1.15 +
1.16 +notification[type="info"] {
1.17 + color: rgba(255,255,255,0.95);
1.18 + background: url("chrome://global/skin/notification/info-bar-background.png") #404040 repeat-x top left;
1.19 + border-top: 1px solid #707070;
1.20 + border-bottom: 1px solid #2a2a2a;
1.21 +}
1.22 +
1.23 +notification[type="warning"] {
1.24 + color: rgba(0,0,0,0.95);
1.25 + background: url("chrome://global/skin/notification/warning-bar-background.png") #ffc703 repeat-x top left;
1.26 + border-top: 1px solid #ffe970;
1.27 + border-bottom: 1px solid #bf8a01;
1.28 +}
1.29 +
1.30 +notification[type="critical"] {
1.31 + color: rgba(255,255,255,0.95);
1.32 + background: url("chrome://global/skin/notification/critical-bar-background.png") #980000 repeat-x top left;
1.33 + border-top: 1px solid #e35959;
1.34 + border-bottom: 1px solid #5d0000;
1.35 +}
1.36 +
1.37 +.messageImage {
1.38 + width: 16px;
1.39 + height: 16px;
1.40 + margin: 0 4px;
1.41 +}
1.42 +
1.43 +/* Default icons for notifications */
1.44 +
1.45 +.messageImage[type="info"] {
1.46 + list-style-image: url("chrome://global/skin/notification/info-icon.png");
1.47 +}
1.48 +
1.49 +.messageImage[type="warning"] {
1.50 + list-style-image: url("chrome://global/skin/notification/warning-icon.png");
1.51 +}
1.52 +
1.53 +.messageImage[type="critical"] {
1.54 + list-style-image: url("chrome://global/skin/notification/error-icon.png");
1.55 +}
1.56 +
1.57 +.notification-inner {
1.58 + border: 0 !important;
1.59 +}
1.60 +
1.61 +.messageText {
1.62 + margin: 0 3px !important;
1.63 + padding: 0;
1.64 + font-weight: bold;
1.65 +}
1.66 +
1.67 +.messageCloseButton {
1.68 + -moz-appearance: none;
1.69 + padding: 0;
1.70 + margin: 0 2px;
1.71 + border: none;
1.72 +}
1.73 +
1.74 +.messageCloseButton > .toolbarbutton-text {
1.75 + display: none;
1.76 +}
1.77 +
1.78 +.messageCloseButton:-moz-focusring > .toolbarbutton-icon {
1.79 + border-radius: 10000px;
1.80 + box-shadow: 0 0 2px 1px -moz-mac-focusring,
1.81 + 0 0 0 2px -moz-mac-focusring inset;
1.82 +}
1.83 +
1.84 +@media (min-resolution: 2dppx) {
1.85 + .messageCloseButton > .toolbarbutton-icon {
1.86 + width: 16px;
1.87 + }
1.88 +}
1.89 +
1.90 +/* Popup notification */
1.91 +
1.92 +.popup-notification-description {
1.93 + max-width: 24em;
1.94 +}
1.95 +
1.96 +.popup-notification-learnmore-link {
1.97 + margin-top: 1em !important;
1.98 + -moz-margin-start: 0 !important; /* override default label margin to match description margin */
1.99 +}
1.100 +
1.101 +.popup-notification-learnmore-link:not([href]) {
1.102 + display: none;
1.103 +}
1.104 +
1.105 +.popup-notification-button-container {
1.106 + margin-top: 17px;
1.107 +}
1.108 +
1.109 +.popup-notification-menubutton {
1.110 + -moz-appearance: none;
1.111 +}
1.112 +
1.113 +.popup-notification-menubutton:not([type="menu-button"]):-moz-focusring,
1.114 +.popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker,
1.115 +.popup-notification-menubutton > .button-menubutton-button:-moz-focusring {
1.116 + box-shadow: @focusRingShadow@;
1.117 + position: relative;
1.118 +}
1.119 +
1.120 +.popup-notification-menubutton:not([type="menu-button"]),
1.121 +.popup-notification-menubutton > .button-menubutton-button,
1.122 +.popup-notification-menubutton > .button-menubutton-dropmarker {
1.123 + -moz-appearance: none;
1.124 + color: #434343;
1.125 + border-radius: 4px;
1.126 + border: 1px solid #b5b5b5;
1.127 + background: linear-gradient(#fff, #f2f2f2);
1.128 + box-shadow: inset 0 1px rgba(255,255,255,.8),
1.129 + inset 0 0 1px rgba(255,255,255,.25),
1.130 + 0 1px rgba(255,255,255,.3);
1.131 + background-clip: padding-box;
1.132 + background-origin: padding-box;
1.133 + padding: 2px 6px;
1.134 +}
1.135 +
1.136 +.popup-notification-menubutton > .button-menubutton-button {
1.137 + -moz-appearance: none;
1.138 + margin: 0;
1.139 + padding-top: 2px;
1.140 + padding-bottom: 2px;
1.141 + -moz-padding-start: 8px;
1.142 + -moz-padding-end: 5px;
1.143 +}
1.144 +
1.145 +.popup-notification-menubutton > .button-menubutton-dropmarker {
1.146 + padding: 7px 8px;
1.147 + margin-top: 0;
1.148 + margin-bottom: 0;
1.149 + -moz-margin-start: -1px;
1.150 + list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png");
1.151 +}
1.152 +
1.153 +.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
1.154 +.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
1.155 + border-top-right-radius: 0;
1.156 + border-bottom-right-radius: 0;
1.157 +}
1.158 +
1.159 +.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),
1.160 +.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
1.161 + border-top-left-radius: 0;
1.162 + border-bottom-left-radius: 0;
1.163 +}
1.164 +
1.165 +.popup-notification-menubutton:not([type="menu-button"]):hover:active,
1.166 +.popup-notification-menubutton > .button-menubutton-button:hover:active,
1.167 +.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
1.168 + box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255, 255, 255, 0.3);
1.169 +}
1.170 +
1.171 +.popup-notification-closebutton {
1.172 + -moz-margin-end: -12px;
1.173 + margin-top: -13px;
1.174 +}
1.175 +
1.176 +.popup-notification-closeitem > .menu-iconic-left {
1.177 + display: none;
1.178 +}
