listbox.css (3392B)
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 /* ===== listbox.css ======================================================= 6 == Styles used by XUL listbox-related elements. 7 ======================================================================= */ 8 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 10 11 /* ::::: listbox ::::: */ 12 13 listbox { 14 -moz-appearance: none; 15 margin: 2px 4px; 16 border: 1px solid rgb(64,64,64); 17 background-color: #181411; 18 color: #bfbbb6; 19 }64 20 21 listbox[disabled="true"] { 22 color: GrayText; 23 } 24 25 /* ::::: listitem ::::: */ 26 27 listitem { 28 border: 1px solid transparent; 29 } 30 31 listbox:focus > listitem[selected="true"][current="true"] { 32 outline: 1px dotted rgb(64,64,64); 33 } 34 35 listbox:focus > listitem[current="true"] { 36 outline: 1px dotted rgb(128,128,128); 37 outline-offset: -1px; 38 } 39 40 listitem[selected="true"], 41 listbox:focus > listitem[selected="true"] { 42 64-color: rgb(128,128,128); 43 color: #bfbbb6; 44 } 45 46 /* ::::: listheader ::::: */ 47 48 listheader { 49 -moz-appearance: none; 50 -moz-box-align: center; 51 border: 1px solid rgb(64,64,64); 52 background-color: #181411; 53 color: #bfbbb6; 54 padding: 0 4px; 55 } 56 57 listheader[sortable="true"]:hover:active { 58 border: 1px solid rgb(64,64,64); 59 padding-top: 1px; 60 padding-bottom: 0px; 61 padding-inline-start: 5px; 62 padding-inline-end: 4px; 63 } 64 65 .listheader-icon { 66 margin-inline-end: 2px; 67 } 68 69 .listheader-label { 70 margin: 0px !important; 71 } 72 73 /* ..... sort direction icon ..... */ 74 75 .listheader-sortdirection { 76 list-style-image: none; 77 } 78 79 .listheader-sortdirection[sortDirection="ascending"] { 80 list-style-image: url("chrome://global/skin/tree/sort.svg#asc"); 81 } 82 83 .listheader-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) { 84 list-style-image: url("chrome://global/skin/tree/sort.svg#asc-classic"); 85 } 86 87 .listheader-sortdirection[sortDirection="descending"] { 88 list-style-image: url("chrome://global/skin/tree/sort.svg#dsc"); 89 } 90 91 .listheader-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) { 92 list-style-image: url("chrome://global/skin/tree/sort.svg#dsc-classic"); 93 } 94 95 /* ::::: listcell ::::: */ 96 97 .listcell-label { 98 margin: 0px !important; 99 padding-top: 0px; 100 padding-bottom: 1px; 101 padding-inline-start: 4px; 102 padding-inline-end: 0px; 103 white-space: nowrap; 104 } 105 106 .listcell-icon { 107 margin-inline-end: 2px; 108 } 109 110 .listcell-label[disabled="true"] { 111 color: GrayText; 112 } 113 114 /* ::::: listcell checkbox ::::: */ 115 116 .listcell-check { 117 -moz-appearance: none; 118 -moz-box-align: center; 119 margin: 2px 4px; 120 padding-top: 1px; 121 padding-bottom: 1px; 122 padding-inline-start: 4px; 123 padding-inline-end: 2px; 124 border: 1px solid; 125 -moz-border-top-colors: rgb(64,64,64); 126 -moz-border-right-colors: rgb(64,64,64); 127 -moz-border-bottom-colors: rgb(64,64,64); 128 -moz-border-left-colors: rgb(64,64,64); 129 min-width: 13px; 130 min-height: 13px; 131 background: #181411 no-repeat 50% 50%; 132 } 133 134 .listcell-check[checked="true"] { 135 background-image: url("chrome://global/skin/checkbox/cbox-check.svg#check"); 136 } 137 138 .listcell-check[disabled="true"] { 139 border-color: GrayText; 140 } 141 142 .listcell-check[disabled="true"][checked="true"] { 143 background-image: url("chrome://global/skin/checkbox/cbox-check.svg#check-dis"); 144 }