1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/toolkit/themes/windows/global/listbox-aero.css Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,67 @@ 1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public 1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this 1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 1.7 + 1.8 +%include listbox.css 1.9 +%filter substitution 1.10 +%define selectedBorderColor rgb(217,217,217) 1.11 +%define hoverAndFocusBorderColor rgb(125,162,206) 1.12 +%define selectedFocusBorderColor rgb(132,172,221) 1.13 +%define selectedGradientColor1 rgba(190,190,190,.1) 1.14 +%define selectedGradientColor2 rgba(190,190,190,.4) 1.15 +%define selectedFocusGradientColor1 rgba(131,183,249,.16) 1.16 +%define selectedFocusGradientColor2 rgba(131,183,249,.375) 1.17 + 1.18 +@media (-moz-windows-default-theme) { 1.19 + listitem { 1.20 + color: -moz-FieldText; 1.21 + -moz-margin-start: 1px; 1.22 + -moz-margin-end: 1px; 1.23 + padding-top: 1px; 1.24 + padding-bottom: 1px; 1.25 + border-width: 1px; 1.26 + border-radius: 3px; 1.27 + background-repeat: no-repeat; 1.28 + background-size: 100% 100%; 1.29 + box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), inset 0 -1px 0 1px rgba(255,255,255,.2); 1.30 + } 1.31 + 1.32 + listitem[selected="true"] { 1.33 + border-color: @selectedBorderColor@; 1.34 + background-image: linear-gradient(@selectedGradientColor1@, @selectedGradientColor2@); 1.35 + background-color: rgba(190,190,190,.15); 1.36 + color: -moz-DialogText; 1.37 + } 1.38 + 1.39 + listbox:focus > listitem[selected="true"] { 1.40 + border-color: @selectedFocusBorderColor@; 1.41 + background-image: linear-gradient(@selectedFocusGradientColor1@, @selectedFocusGradientColor2@); 1.42 + background-color: rgba(131,183,249,.02); 1.43 + color: -moz-DialogText; 1.44 + } 1.45 + 1.46 + listbox:focus > listitem[current="true"] { 1.47 + border-color: @hoverAndFocusBorderColor@; 1.48 + outline: none; 1.49 + } 1.50 + 1.51 + listbox:focus > listitem[selected="true"][current="true"] { 1.52 + background-color: rgba(131,183,249,.15); 1.53 + outline: none; 1.54 + } 1.55 + 1.56 + @media (-moz-os-version: windows-win8) { 1.57 + listitem { 1.58 + border-radius: 0; 1.59 + box-shadow: none; 1.60 + } 1.61 + 1.62 + listitem[selected="true"] { 1.63 + background-image: linear-gradient(@selectedGradientColor2@, @selectedGradientColor2@); 1.64 + } 1.65 + 1.66 + listbox:focus > listitem[selected="true"] { 1.67 + background-image: linear-gradient(@selectedFocusGradientColor2@, @selectedFocusGradientColor2@); 1.68 + } 1.69 + } 1.70 +}