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

     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/. */
     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)
    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   }
    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   }
    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   }
    43   listbox:focus > listitem[current="true"] {
    44     border-color: @hoverAndFocusBorderColor@;
    45     outline: none;
    46   }
    48   listbox:focus > listitem[selected="true"][current="true"] {
    49     background-color: rgba(131,183,249,.15);
    50     outline: none;
    51   }
    53   @media (-moz-os-version: windows-win8) {
    54     listitem {
    55       border-radius: 0;
    56       box-shadow: none;
    57     }
    59     listitem[selected="true"] {
    60       background-image: linear-gradient(@selectedGradientColor2@, @selectedGradientColor2@);
    61     }
    63     listbox:focus > listitem[selected="true"] {
    64       background-image: linear-gradient(@selectedFocusGradientColor2@, @selectedFocusGradientColor2@);
    65     }
    66   }
    67 }

mercurial