toolkit/themes/windows/global/listbox-aero.css

changeset 0
6474c204b198
     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 +}

mercurial