toolkit/themes/windows/global/listbox.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/windows/global/listbox.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,143 @@
     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 +/* ===== listbox.css =======================================================
     1.9 +  == Styles used by XUL listbox-related elements.
    1.10 +  ======================================================================= */
    1.11 +
    1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    1.13 +
    1.14 +/* ::::: listbox ::::: */
    1.15 +
    1.16 +listbox {
    1.17 +  -moz-appearance: listbox;
    1.18 +  margin: 2px 4px;
    1.19 +  border: 2px solid;
    1.20 +  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
    1.21 +  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
    1.22 +  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
    1.23 +  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
    1.24 +  background-color: -moz-Field;
    1.25 +  color: -moz-FieldText;
    1.26 +}
    1.27 +
    1.28 +listbox[disabled="true"] {
    1.29 +  color: GrayText;
    1.30 +}
    1.31 +
    1.32 +/* ::::: listitem ::::: */
    1.33 +
    1.34 +listitem {
    1.35 +  border: 1px solid transparent;
    1.36 +}
    1.37 +
    1.38 +listbox:focus > listitem[selected="true"][current="true"] {
    1.39 +  outline: 1px dotted #F3D982;
    1.40 +}
    1.41 +
    1.42 +listbox:focus > listitem[current="true"] {
    1.43 +  outline: 1px dotted Highlight;
    1.44 +  outline-offset: -1px;
    1.45 +}
    1.46 +
    1.47 +listitem[selected="true"] {
    1.48 +  background-color: -moz-cellhighlight;
    1.49 +  color: -moz-cellhighlighttext;
    1.50 +}
    1.51 +
    1.52 +listbox:focus > listitem[selected="true"] {
    1.53 +  background-color: Highlight;
    1.54 +  color: HighlightText;
    1.55 +}
    1.56 +
    1.57 +/* ::::: listheader ::::: */
    1.58 +
    1.59 +listheader { 
    1.60 +  -moz-appearance: treeheadercell;
    1.61 +  -moz-box-align: center;
    1.62 +  border: 2px solid;
    1.63 +  -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
    1.64 +  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
    1.65 +  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
    1.66 +  -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
    1.67 +  background-color: -moz-Dialog;
    1.68 +  color: -moz-DialogText;
    1.69 +  padding: 0 4px;
    1.70 +}
    1.71 +
    1.72 +listheader[sortable="true"]:hover:active {
    1.73 +  border-top: 2px solid;
    1.74 +  border-right: 1px solid;
    1.75 +  border-bottom: 1px solid;
    1.76 +  border-left: 2px solid;
    1.77 +  -moz-border-top-colors: ThreeDShadow -moz-Dialog;
    1.78 +  -moz-border-right-colors: ThreeDShadow;
    1.79 +  -moz-border-bottom-colors: ThreeDShadow;
    1.80 +  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
    1.81 +  padding-top: 1px;
    1.82 +  padding-bottom: 0px;
    1.83 +  -moz-padding-start: 5px;
    1.84 +  -moz-padding-end: 4px;
    1.85 +}
    1.86 +
    1.87 +.listheader-icon {
    1.88 +  -moz-margin-end: 2px;
    1.89 +}
    1.90 +
    1.91 +.listheader-label {
    1.92 +  margin: 0px !important;
    1.93 +}
    1.94 +
    1.95 +/* ..... sort direction icon ..... */
    1.96 +
    1.97 +.listheader-sortdirection {
    1.98 +  list-style-image: none;
    1.99 +}
   1.100 +
   1.101 +.listheader-sortdirection[sortDirection="ascending"] {
   1.102 +  list-style-image: url("chrome://global/skin/tree/sort-asc.png");
   1.103 +}
   1.104 +
   1.105 +.listheader-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) {
   1.106 +  list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png");
   1.107 +}
   1.108 +
   1.109 +.listheader-sortdirection[sortDirection="descending"] {
   1.110 +  list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
   1.111 +}
   1.112 +
   1.113 +.listheader-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) {
   1.114 +  list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png");
   1.115 +}
   1.116 +
   1.117 +/* ::::: listcell ::::: */
   1.118 +
   1.119 +.listcell-label {
   1.120 +  margin: 0px !important;
   1.121 +  padding-top: 0px;
   1.122 +  padding-bottom: 1px;
   1.123 +  -moz-padding-start: 4px;
   1.124 +  -moz-padding-end: 0px;
   1.125 +  white-space: nowrap;
   1.126 +}
   1.127 +
   1.128 +.listcell-icon {
   1.129 +  -moz-margin-end: 2px;
   1.130 +}
   1.131 +
   1.132 +.listcell-label[disabled="true"] {
   1.133 +  color: GrayText;
   1.134 +}
   1.135 +
   1.136 +/* ::::: listcell checkbox ::::: */
   1.137 +
   1.138 +.listcell-check {
   1.139 +  -moz-appearance: checkbox;
   1.140 +  -moz-box-align: center;
   1.141 +  margin: 0px 2px;
   1.142 +  border: 1px solid -moz-DialogText;
   1.143 +  min-width: 13px;
   1.144 +  min-height: 13px;
   1.145 +  background: -moz-Field no-repeat 50% 50%;
   1.146 +}

mercurial