The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/alerts/alert.css
toolkit/themes/windows/global/alerts/alert.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:85bc911f150c |
|---|---|
| 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 /* ===== alert.css ===================================================== | |
| 6 == Styles specific to the alerts dialog. | |
| 7 ======================================================================= */ | |
| 8 | |
| 9 @import url("chrome://global/skin/"); | |
| 10 | |
| 11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 12 | |
| 13 .alertBox { | |
| 14 border: 1px solid threedshadow; | |
| 15 border-radius: 3px; | |
| 16 background-color: -moz-Dialog; | |
| 17 } | |
| 18 | |
| 19 .alertImageBox { | |
| 20 padding: 8px 0; | |
| 21 width: 64px; | |
| 22 background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.6)); | |
| 23 -moz-border-end: 1px solid rgba(0,0,0,.1); | |
| 24 } | |
| 25 | |
| 26 .alertTextBox { | |
| 27 padding: 8px; | |
| 28 -moz-padding-start: 16px; | |
| 29 width: 255px; | |
| 30 } | |
| 31 | |
| 32 .alertTextBox, | |
| 33 .alertCloseBox { | |
| 34 background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.1)); | |
| 35 } | |
| 36 | |
| 37 .alertTitle { | |
| 38 font-weight: bold; | |
| 39 font-size: 110%; | |
| 40 } | |
| 41 | |
| 42 #alertImage { | |
| 43 max-width: 48px; | |
| 44 max-height: 48px; | |
| 45 list-style-image: url(chrome://global/skin/alerts/notification-48.png); | |
| 46 } | |
| 47 | |
| 48 #alertNotification[clickable="true"] { | |
| 49 cursor: pointer; | |
| 50 } | |
| 51 | |
| 52 label { | |
| 53 cursor: inherit; | |
| 54 } | |
| 55 | |
| 56 .alertText[clickable="true"] { | |
| 57 color: -moz-nativehyperlinktext; | |
| 58 text-decoration: underline; | |
| 59 } | |
| 60 | |
| 61 .alertText[clickable="true"]:hover:active { | |
| 62 color: -moz-activehyperlinktext; | |
| 63 } | |
| 64 | |
| 65 @keyframes alert-animation { | |
| 66 from { | |
| 67 opacity: 0; | |
| 68 } | |
| 69 6.25% { | |
| 70 opacity: 1; | |
| 71 } | |
| 72 93.75% { | |
| 73 opacity: 1; | |
| 74 } | |
| 75 to { | |
| 76 opacity: 0; | |
| 77 } | |
| 78 } | |
| 79 | |
| 80 .alertCloseButton { | |
| 81 -moz-appearance: none; | |
| 82 padding: 4px 2px; | |
| 83 border: none !important; | |
| 84 } | |
| 85 | |
| 86 .alertCloseButton > .toolbarbutton-text { | |
| 87 display: none; | |
| 88 } |
