toolkit/themes/windows/global/listbox-aero.css@b8a032363ba2 (annotated)
toolkit/themes/windows/global/listbox-aero.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 | %include listbox.css |
| michael@0 | 6 | %filter substitution |
| michael@0 | 7 | %define selectedBorderColor rgb(217,217,217) |
| michael@0 | 8 | %define hoverAndFocusBorderColor rgb(125,162,206) |
| michael@0 | 9 | %define selectedFocusBorderColor rgb(132,172,221) |
| michael@0 | 10 | %define selectedGradientColor1 rgba(190,190,190,.1) |
| michael@0 | 11 | %define selectedGradientColor2 rgba(190,190,190,.4) |
| michael@0 | 12 | %define selectedFocusGradientColor1 rgba(131,183,249,.16) |
| michael@0 | 13 | %define selectedFocusGradientColor2 rgba(131,183,249,.375) |
| michael@0 | 14 | |
| michael@0 | 15 | @media (-moz-windows-default-theme) { |
| michael@0 | 16 | listitem { |
| michael@0 | 17 | color: -moz-FieldText; |
| michael@0 | 18 | -moz-margin-start: 1px; |
| michael@0 | 19 | -moz-margin-end: 1px; |
| michael@0 | 20 | padding-top: 1px; |
| michael@0 | 21 | padding-bottom: 1px; |
| michael@0 | 22 | border-width: 1px; |
| michael@0 | 23 | border-radius: 3px; |
| michael@0 | 24 | background-repeat: no-repeat; |
| michael@0 | 25 | background-size: 100% 100%; |
| michael@0 | 26 | box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), inset 0 -1px 0 1px rgba(255,255,255,.2); |
| michael@0 | 27 | } |
| michael@0 | 28 | |
| michael@0 | 29 | listitem[selected="true"] { |
| michael@0 | 30 | border-color: @selectedBorderColor@; |
| michael@0 | 31 | background-image: linear-gradient(@selectedGradientColor1@, @selectedGradientColor2@); |
| michael@0 | 32 | background-color: rgba(190,190,190,.15); |
| michael@0 | 33 | color: -moz-DialogText; |
| michael@0 | 34 | } |
| michael@0 | 35 | |
| michael@0 | 36 | listbox:focus > listitem[selected="true"] { |
| michael@0 | 37 | border-color: @selectedFocusBorderColor@; |
| michael@0 | 38 | background-image: linear-gradient(@selectedFocusGradientColor1@, @selectedFocusGradientColor2@); |
| michael@0 | 39 | background-color: rgba(131,183,249,.02); |
| michael@0 | 40 | color: -moz-DialogText; |
| michael@0 | 41 | } |
| michael@0 | 42 | |
| michael@0 | 43 | listbox:focus > listitem[current="true"] { |
| michael@0 | 44 | border-color: @hoverAndFocusBorderColor@; |
| michael@0 | 45 | outline: none; |
| michael@0 | 46 | } |
| michael@0 | 47 | |
| michael@0 | 48 | listbox:focus > listitem[selected="true"][current="true"] { |
| michael@0 | 49 | background-color: rgba(131,183,249,.15); |
| michael@0 | 50 | outline: none; |
| michael@0 | 51 | } |
| michael@0 | 52 | |
| michael@0 | 53 | @media (-moz-os-version: windows-win8) { |
| michael@0 | 54 | listitem { |
| michael@0 | 55 | border-radius: 0; |
| michael@0 | 56 | box-shadow: none; |
| michael@0 | 57 | } |
| michael@0 | 58 | |
| michael@0 | 59 | listitem[selected="true"] { |
| michael@0 | 60 | background-image: linear-gradient(@selectedGradientColor2@, @selectedGradientColor2@); |
| michael@0 | 61 | } |
| michael@0 | 62 | |
| michael@0 | 63 | listbox:focus > listitem[selected="true"] { |
| michael@0 | 64 | background-image: linear-gradient(@selectedFocusGradientColor2@, @selectedFocusGradientColor2@); |
| michael@0 | 65 | } |
| michael@0 | 66 | } |
| michael@0 | 67 | } |
