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