The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/notification.css
toolkit/themes/windows/global/notification.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:8a197d526fda |
|---|---|
| 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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 6 | |
| 7 notification { | |
| 8 background-color: InfoBackground; | |
| 9 color: InfoText; | |
| 10 text-shadow: none; | |
| 11 } | |
| 12 | |
| 13 notification[type="info"] { | |
| 14 background-color: -moz-Dialog; | |
| 15 color: -moz-DialogText; | |
| 16 } | |
| 17 | |
| 18 notification[type="critical"] { | |
| 19 background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0)); | |
| 20 color: white; | |
| 21 } | |
| 22 | |
| 23 .messageImage { | |
| 24 width: 16px; | |
| 25 height: 16px; | |
| 26 -moz-margin-start: 6px; | |
| 27 -moz-margin-end: 1px; | |
| 28 } | |
| 29 | |
| 30 /* Default icons for notifications */ | |
| 31 | |
| 32 .messageImage[type="info"] { | |
| 33 list-style-image: url("chrome://global/skin/icons/information-16.png"); | |
| 34 } | |
| 35 | |
| 36 .messageImage[type="warning"] { | |
| 37 list-style-image: url("chrome://global/skin/icons/warning-16.png"); | |
| 38 } | |
| 39 | |
| 40 .messageImage[type="critical"] { | |
| 41 list-style-image: url("chrome://global/skin/icons/error-16.png"); | |
| 42 } | |
| 43 | |
| 44 .messageCloseButton { | |
| 45 -moz-appearance: none; | |
| 46 padding: 4px 2px; | |
| 47 border: none !important; | |
| 48 } | |
| 49 | |
| 50 .messageCloseButton > .toolbarbutton-icon { | |
| 51 -moz-margin-end: 5px; | |
| 52 } | |
| 53 | |
| 54 /* Popup notification */ | |
| 55 | |
| 56 .popup-notification-description { | |
| 57 max-width: 24em; | |
| 58 } | |
| 59 | |
| 60 .popup-notification-learnmore-link { | |
| 61 margin-top: 1em !important; | |
| 62 } | |
| 63 | |
| 64 .popup-notification-learnmore-link:not([href]) { | |
| 65 display: none; | |
| 66 } | |
| 67 | |
| 68 .popup-notification-button-container { | |
| 69 margin-top: 17px; | |
| 70 } | |
| 71 | |
| 72 %ifdef XP_WIN | |
| 73 /* | |
| 74 XXX: apply styles to all themes until bug 509642 is fixed | |
| 75 @media (-moz-windows-default-theme) { | |
| 76 */ | |
| 77 .popup-notification-menubutton { | |
| 78 -moz-appearance: none; | |
| 79 border-radius: 3px; | |
| 80 padding: 0; | |
| 81 %ifndef WINDOWS_AERO | |
| 82 background-color: rgba(250,250,250,.3); | |
| 83 %endif | |
| 84 } | |
| 85 | |
| 86 .popup-notification-menubutton:hover:active { | |
| 87 border-color: rgba(0,0,0,.5); | |
| 88 } | |
| 89 | |
| 90 .popup-notification-menubutton:not([type="menu-button"]), | |
| 91 .popup-notification-menubutton > .button-menubutton-button, | |
| 92 .popup-notification-menubutton > .button-menubutton-dropmarker { | |
| 93 -moz-appearance: none; | |
| 94 margin: 0; | |
| 95 border: 1px solid rgba(0,0,0,.35); | |
| 96 %ifdef WINDOWS_AERO | |
| 97 background-image: linear-gradient(rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05)); | |
| 98 box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset; | |
| 99 %else | |
| 100 box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, | |
| 101 0 2px 2px rgba(255,255,255,.35) inset, | |
| 102 0 -1px 2px rgba(0,0,0,.1) inset, | |
| 103 0 1px 0 rgba(255,255,255,.35); | |
| 104 %endif | |
| 105 } | |
| 106 | |
| 107 .popup-notification-menubutton > .button-menubutton-button { | |
| 108 background-color: transparent; | |
| 109 padding: 1px; | |
| 110 -moz-border-end: none; | |
| 111 } | |
| 112 | |
| 113 .popup-notification-menubutton:not([type="menu-button"]), | |
| 114 .popup-notification-menubutton > .button-menubutton-button > .button-box { | |
| 115 -moz-padding-start: 8px; | |
| 116 -moz-padding-end: 5px; | |
| 117 } | |
| 118 | |
| 119 .popup-notification-menubutton > .button-menubutton-dropmarker { | |
| 120 padding: 9px 5px 8px; | |
| 121 width: auto; | |
| 122 height: auto; | |
| 123 list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif"); | |
| 124 } | |
| 125 | |
| 126 .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker { | |
| 127 outline: 1px dotted ThreeDDarkShadow; | |
| 128 outline-offset: -3px; | |
| 129 } | |
| 130 | |
| 131 %ifdef WINDOWS_AERO | |
| 132 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr), | |
| 133 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) { | |
| 134 border-radius: 2px 0 0 2px; | |
| 135 } | |
| 136 | |
| 137 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl), | |
| 138 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) { | |
| 139 border-radius: 0 2px 2px 0; | |
| 140 } | |
| 141 %endif | |
| 142 | |
| 143 .popup-notification-menubutton:not([type="menu-button"]):hover, | |
| 144 .popup-notification-menubutton > .button-menubutton-button:hover, | |
| 145 .popup-notification-menubutton > .button-menubutton-dropmarker:hover { | |
| 146 %ifdef WINDOWS_AERO | |
| 147 background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); | |
| 148 box-shadow: 0 0 0 1px white inset, | |
| 149 0 0 2px 1px rgba(255,255,255,.75) inset; | |
| 150 %else | |
| 151 background-color: rgba(250,250,250,.6); | |
| 152 %endif | |
| 153 } | |
| 154 | |
| 155 .popup-notification-menubutton:not([type="menu-button"]):hover:active, | |
| 156 .popup-notification-menubutton > .button-menubutton-button:hover:active, | |
| 157 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, | |
| 158 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { | |
| 159 %ifdef WINDOWS_AERO | |
| 160 background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); | |
| 161 %else | |
| 162 background-color: rgba(0,0,0,.05); | |
| 163 %endif | |
| 164 box-shadow: 0 0 2px rgba(0,0,0,.65) inset; | |
| 165 } | |
| 166 /*}*/ | |
| 167 %endif | |
| 168 | |
| 169 .popup-notification-closebutton { | |
| 170 -moz-margin-end: -14px; | |
| 171 margin-top: -10px; | |
| 172 } |
