toolkit/themes/osx/global/tabprompts.css@b8a032363ba2 (annotated)
toolkit/themes/osx/global/tabprompts.css
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
| michael@0 | 1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
| michael@0 | 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this |
| michael@0 | 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
| michael@0 | 4 | |
| michael@0 | 5 | /* Tab Modal Prompt boxes */ |
| michael@0 | 6 | tabmodalprompt { |
| michael@0 | 7 | background-image: url(chrome://global/skin/icons/tabprompts-bgtexture.png); |
| michael@0 | 8 | background-color: hsla(0,0%,10%,.5); |
| michael@0 | 9 | font-family: sans-serif; /* use content font not system UI font */ |
| michael@0 | 10 | font-size: 110%; |
| michael@0 | 11 | } |
| michael@0 | 12 | |
| michael@0 | 13 | .mainContainer { |
| michael@0 | 14 | color: black; |
| michael@0 | 15 | background-color: hsla(0,0%,100%,.95); |
| michael@0 | 16 | background-clip: padding-box; |
| michael@0 | 17 | border-radius: 2px; |
| michael@0 | 18 | border: 1px solid hsla(0,0%,0%,.5); |
| michael@0 | 19 | } |
| michael@0 | 20 | |
| michael@0 | 21 | .topContainer { |
| michael@0 | 22 | padding: 20px; |
| michael@0 | 23 | } |
| michael@0 | 24 | |
| michael@0 | 25 | .buttonContainer { |
| michael@0 | 26 | padding: 12px 20px 15px; |
| michael@0 | 27 | background-color: hsla(0,0%,0%,.05); |
| michael@0 | 28 | border-top: 1px solid hsla(0,0%,0%,.05); |
| michael@0 | 29 | } |
| michael@0 | 30 | |
| michael@0 | 31 | button { |
| michael@0 | 32 | -moz-appearance: none; |
| michael@0 | 33 | padding: 2px 0; |
| michael@0 | 34 | margin: 0; |
| michael@0 | 35 | -moz-margin-start: 8px; |
| michael@0 | 36 | border-radius: 2px; |
| michael@0 | 37 | background-color: hsl(0,0%,90%); |
| michael@0 | 38 | background-image: linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,0)); |
| michael@0 | 39 | background-clip: padding-box; |
| michael@0 | 40 | border: 1px solid; |
| michael@0 | 41 | border-color: hsl(0,0%,65%) hsl(0,0%,60%) hsl(0,0%,50%); |
| michael@0 | 42 | box-shadow: 0 1px 0 hsla(0,0%,100%,.9) inset, |
| michael@0 | 43 | 0 1px 2px hsla(0,0%,0%,.1); |
| michael@0 | 44 | } |
| michael@0 | 45 | |
| michael@0 | 46 | |
| michael@0 | 47 | button[default=true] { |
| michael@0 | 48 | background-color: hsl(0,0%,79%); |
| michael@0 | 49 | } |
| michael@0 | 50 | |
| michael@0 | 51 | button:hover { |
| michael@0 | 52 | background-color: hsl(0,0%,96%); |
| michael@0 | 53 | } |
| michael@0 | 54 | |
| michael@0 | 55 | button:hover:active { |
| michael@0 | 56 | background-image: linear-gradient(hsla(0,0%,100%,.2), hsla(0,0%,100%,0)); |
| michael@0 | 57 | background-color: hsl(0,0%,70%); |
| michael@0 | 58 | box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, |
| michael@0 | 59 | 0 1px 3px hsla(0,0%,0%,.2); |
| michael@0 | 60 | } |
| michael@0 | 61 | |
| michael@0 | 62 | button:focus { |
| michael@0 | 63 | box-shadow: 0 0 1px -moz-mac-focusring inset, |
| michael@0 | 64 | 0 0 4px 1px -moz-mac-focusring, |
| michael@0 | 65 | 0 0 1.5px 1px -moz-mac-focusring; |
| michael@0 | 66 | } |
