The Tor Browser / file comparison
comparison: toolkit/themes/osx/global/notification.css
toolkit/themes/osx/global/notification.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:4503f46c6d75 |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 %include shared.inc | |
| 6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 7 | |
| 8 notification { | |
| 9 padding: 3px 3px 4px; | |
| 10 text-shadow: none; | |
| 11 } | |
| 12 | |
| 13 notification[type="info"] { | |
| 14 color: rgba(255,255,255,0.95); | |
| 15 background: url("chrome://global/skin/notification/info-bar-background.png") #404040 repeat-x top left; | |
| 16 border-top: 1px solid #707070; | |
| 17 border-bottom: 1px solid #2a2a2a; | |
| 18 } | |
| 19 | |
| 20 notification[type="warning"] { | |
| 21 color: rgba(0,0,0,0.95); | |
| 22 background: url("chrome://global/skin/notification/warning-bar-background.png") #ffc703 repeat-x top left; | |
| 23 border-top: 1px solid #ffe970; | |
| 24 border-bottom: 1px solid #bf8a01; | |
| 25 } | |
| 26 | |
| 27 notification[type="critical"] { | |
| 28 color: rgba(255,255,255,0.95); | |
| 29 background: url("chrome://global/skin/notification/critical-bar-background.png") #980000 repeat-x top left; | |
| 30 border-top: 1px solid #e35959; | |
| 31 border-bottom: 1px solid #5d0000; | |
| 32 } | |
| 33 | |
| 34 .messageImage { | |
| 35 width: 16px; | |
| 36 height: 16px; | |
| 37 margin: 0 4px; | |
| 38 } | |
| 39 | |
| 40 /* Default icons for notifications */ | |
| 41 | |
| 42 .messageImage[type="info"] { | |
| 43 list-style-image: url("chrome://global/skin/notification/info-icon.png"); | |
| 44 } | |
| 45 | |
| 46 .messageImage[type="warning"] { | |
| 47 list-style-image: url("chrome://global/skin/notification/warning-icon.png"); | |
| 48 } | |
| 49 | |
| 50 .messageImage[type="critical"] { | |
| 51 list-style-image: url("chrome://global/skin/notification/error-icon.png"); | |
| 52 } | |
| 53 | |
| 54 .notification-inner { | |
| 55 border: 0 !important; | |
| 56 } | |
| 57 | |
| 58 .messageText { | |
| 59 margin: 0 3px !important; | |
| 60 padding: 0; | |
| 61 font-weight: bold; | |
| 62 } | |
| 63 | |
| 64 .messageCloseButton { | |
| 65 -moz-appearance: none; | |
| 66 padding: 0; | |
| 67 margin: 0 2px; | |
| 68 border: none; | |
| 69 } | |
| 70 | |
| 71 .messageCloseButton > .toolbarbutton-text { | |
| 72 display: none; | |
| 73 } | |
| 74 | |
| 75 .messageCloseButton:-moz-focusring > .toolbarbutton-icon { | |
| 76 border-radius: 10000px; | |
| 77 box-shadow: 0 0 2px 1px -moz-mac-focusring, | |
| 78 0 0 0 2px -moz-mac-focusring inset; | |
| 79 } | |
| 80 | |
| 81 @media (min-resolution: 2dppx) { | |
| 82 .messageCloseButton > .toolbarbutton-icon { | |
| 83 width: 16px; | |
| 84 } | |
| 85 } | |
| 86 | |
| 87 /* Popup notification */ | |
| 88 | |
| 89 .popup-notification-description { | |
| 90 max-width: 24em; | |
| 91 } | |
| 92 | |
| 93 .popup-notification-learnmore-link { | |
| 94 margin-top: 1em !important; | |
| 95 -moz-margin-start: 0 !important; /* override default label margin to match description margin */ | |
| 96 } | |
| 97 | |
| 98 .popup-notification-learnmore-link:not([href]) { | |
| 99 display: none; | |
| 100 } | |
| 101 | |
| 102 .popup-notification-button-container { | |
| 103 margin-top: 17px; | |
| 104 } | |
| 105 | |
| 106 .popup-notification-menubutton { | |
| 107 -moz-appearance: none; | |
| 108 } | |
| 109 | |
| 110 .popup-notification-menubutton:not([type="menu-button"]):-moz-focusring, | |
| 111 .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker, | |
| 112 .popup-notification-menubutton > .button-menubutton-button:-moz-focusring { | |
| 113 box-shadow: @focusRingShadow@; | |
| 114 position: relative; | |
| 115 } | |
| 116 | |
| 117 .popup-notification-menubutton:not([type="menu-button"]), | |
| 118 .popup-notification-menubutton > .button-menubutton-button, | |
| 119 .popup-notification-menubutton > .button-menubutton-dropmarker { | |
| 120 -moz-appearance: none; | |
| 121 color: #434343; | |
| 122 border-radius: 4px; | |
| 123 border: 1px solid #b5b5b5; | |
| 124 background: linear-gradient(#fff, #f2f2f2); | |
| 125 box-shadow: inset 0 1px rgba(255,255,255,.8), | |
| 126 inset 0 0 1px rgba(255,255,255,.25), | |
| 127 0 1px rgba(255,255,255,.3); | |
| 128 background-clip: padding-box; | |
| 129 background-origin: padding-box; | |
| 130 padding: 2px 6px; | |
| 131 } | |
| 132 | |
| 133 .popup-notification-menubutton > .button-menubutton-button { | |
| 134 -moz-appearance: none; | |
| 135 margin: 0; | |
| 136 padding-top: 2px; | |
| 137 padding-bottom: 2px; | |
| 138 -moz-padding-start: 8px; | |
| 139 -moz-padding-end: 5px; | |
| 140 } | |
| 141 | |
| 142 .popup-notification-menubutton > .button-menubutton-dropmarker { | |
| 143 padding: 7px 8px; | |
| 144 margin-top: 0; | |
| 145 margin-bottom: 0; | |
| 146 -moz-margin-start: -1px; | |
| 147 list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png"); | |
| 148 } | |
| 149 | |
| 150 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr), | |
| 151 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) { | |
| 152 border-top-right-radius: 0; | |
| 153 border-bottom-right-radius: 0; | |
| 154 } | |
| 155 | |
| 156 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl), | |
| 157 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) { | |
| 158 border-top-left-radius: 0; | |
| 159 border-bottom-left-radius: 0; | |
| 160 } | |
| 161 | |
| 162 .popup-notification-menubutton:not([type="menu-button"]):hover:active, | |
| 163 .popup-notification-menubutton > .button-menubutton-button:hover:active, | |
| 164 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { | |
| 165 box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255, 255, 255, 0.3); | |
| 166 } | |
| 167 | |
| 168 .popup-notification-closebutton { | |
| 169 -moz-margin-end: -12px; | |
| 170 margin-top: -13px; | |
| 171 } | |
| 172 | |
| 173 .popup-notification-closeitem > .menu-iconic-left { | |
| 174 display: none; | |
| 175 } |
