1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/windows/global/tree.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,366 @@
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 +/* ===== tree.css ===================================================
1.9 + == Styles used by the XUL outline element.
1.10 + ======================================================================= */
1.11 +
1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.13 +
1.14 +/* ::::: tree ::::: */
1.15 +
1.16 +tree {
1.17 + margin: 0px 4px;
1.18 + border: 2px solid;
1.19 + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
1.20 + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
1.21 + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
1.22 + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
1.23 + background-color: -moz-Field;
1.24 + color: -moz-FieldText;
1.25 + -moz-appearance: listbox;
1.26 +}
1.27 +
1.28 +/* ::::: tree focusring ::::: */
1.29 +
1.30 +.focusring > .tree-stack > .tree-rows > .tree-bodybox {
1.31 + border: 1px solid transparent;
1.32 +}
1.33 +
1.34 +.focusring:-moz-focusring > .tree-stack > .tree-rows > .tree-bodybox {
1.35 + border: 1px solid #000000;
1.36 +}
1.37 +
1.38 +
1.39 +/* ::::: tree rows ::::: */
1.40 +
1.41 +treechildren::-moz-tree-row {
1.42 + border: 1px solid transparent;
1.43 + min-height: 18px;
1.44 + height: 1.3em;
1.45 +}
1.46 +
1.47 +treechildren::-moz-tree-row(selected) {
1.48 + background-color: -moz-cellhighlight;
1.49 +}
1.50 +
1.51 +treechildren::-moz-tree-row(selected, focus) {
1.52 + background-color: Highlight;
1.53 +}
1.54 +
1.55 +treechildren::-moz-tree-row(current, focus) {
1.56 + border: 1px dotted Highlight;
1.57 +}
1.58 +
1.59 +treechildren::-moz-tree-row(selected, current, focus) {
1.60 + border: 1px dotted #F3D982;
1.61 +}
1.62 +
1.63 +tree[seltype="cell"] > treechildren::-moz-tree-row,
1.64 +tree[seltype="text"] > treechildren::-moz-tree-row {
1.65 + border: none;
1.66 + background-color: transparent;
1.67 + background-image: none;
1.68 +}
1.69 +
1.70 +/* ::::: tree cells ::::: */
1.71 +
1.72 +treechildren::-moz-tree-cell {
1.73 + padding: 0px 2px 0px 2px;
1.74 +}
1.75 +
1.76 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
1.77 +tree[seltype="text"] > treechildren::-moz-tree-cell-text,
1.78 +treechildren::-moz-tree-cell-text {
1.79 + color: inherit;
1.80 +}
1.81 +
1.82 +treechildren::-moz-tree-cell-text(selected) {
1.83 + color: -moz-cellhighlighttext;
1.84 +}
1.85 +
1.86 +tree[seltype="cell"] > treechildren::-moz-tree-cell {
1.87 + border: 1px solid transparent;
1.88 + padding: 0px 1px 0px 1px;
1.89 +}
1.90 +
1.91 +tree[seltype="text"] > treechildren::-moz-tree-cell-text {
1.92 + border: 1px solid transparent;
1.93 + padding: 0px 1px 1px 1px;
1.94 +}
1.95 +
1.96 +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
1.97 + background-color: -moz-cellhighlight;
1.98 +}
1.99 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
1.100 + color: -moz-cellhighlighttext;
1.101 +}
1.102 +
1.103 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
1.104 + background-color: -moz-cellhighlight;
1.105 + color: -moz-cellhighlighttext;
1.106 +}
1.107 +
1.108 +treechildren::-moz-tree-cell-text(selected, focus) {
1.109 + color: HighlightText;
1.110 +}
1.111 +
1.112 +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
1.113 + background-color: Highlight;
1.114 +}
1.115 +
1.116 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
1.117 + background-color: Highlight;
1.118 +}
1.119 +
1.120 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
1.121 + color: HighlightText;
1.122 +}
1.123 +
1.124 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
1.125 + color: HighlightText;
1.126 +}
1.127 +
1.128 +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
1.129 + border: 1px dotted #000000;
1.130 +}
1.131 +
1.132 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
1.133 + border: 1px dotted #000000;
1.134 +}
1.135 +
1.136 +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
1.137 + border: 1px dotted #C0C0C0;
1.138 +}
1.139 +
1.140 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
1.141 + border: 1px dotted #C0C0C0;
1.142 +}
1.143 +
1.144 +/* ::::: lines connecting cells ::::: */
1.145 +
1.146 +tree[seltype="cell"] > treechildren::-moz-tree-line,
1.147 +tree[seltype="text"] > treechildren::-moz-tree-line,
1.148 +treechildren::-moz-tree-line {
1.149 + border: 1px dotted ThreeDShadow;
1.150 +}
1.151 +
1.152 +tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
1.153 +treechildren::-moz-tree-line(selected, focus) {
1.154 + border: 1px dotted HighlightText;
1.155 +}
1.156 +
1.157 +/* ::::: tree separator ::::: */
1.158 +
1.159 +treechildren::-moz-tree-separator {
1.160 + border-top: 1px solid ThreeDShadow;
1.161 + border-bottom: 1px solid ThreeDHighlight;
1.162 +}
1.163 +
1.164 +
1.165 +/* ::::: drop feedback ::::: */
1.166 +
1.167 +treechildren::-moz-tree-row(dropOn) {
1.168 + background-color: Highlight;
1.169 +}
1.170 +
1.171 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
1.172 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
1.173 +treechildren::-moz-tree-cell-text(primary, dropOn) {
1.174 + color: HighlightText;
1.175 +}
1.176 +
1.177 +treechildren::-moz-tree-drop-feedback {
1.178 + background-color: Highlight;
1.179 + width: 50px;
1.180 + height: 2px;
1.181 + -moz-margin-start: 5px;
1.182 +}
1.183 +
1.184 +/* ::::: tree progress meter ::::: */
1.185 +
1.186 +treechildren::-moz-tree-progressmeter {
1.187 + margin: 2px 4px;
1.188 + padding: 1px;
1.189 + border: 1px solid;
1.190 + border-top-color: ThreeDShadow;
1.191 + border-right-color: ThreeDHighlight;
1.192 + border-bottom-color: ThreeDHighlight;
1.193 + border-left-color: ThreeDShadow;
1.194 + background-color: -moz-Dialog;
1.195 + color: ThreeDShadow;
1.196 +}
1.197 +
1.198 +treechildren::-moz-tree-progressmeter(progressUndetermined) {
1.199 + list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
1.200 +}
1.201 +
1.202 +treechildren::-moz-tree-cell-text(progressmeter) {
1.203 + margin: 2px 4px;
1.204 +}
1.205 +
1.206 +/* ::::: tree columns ::::: */
1.207 +
1.208 +treecol,
1.209 +treecolpicker {
1.210 + -moz-appearance: treeheadercell;
1.211 + -moz-box-align: center;
1.212 + -moz-box-pack: center;
1.213 + border: 2px solid;
1.214 + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
1.215 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
1.216 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
1.217 + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
1.218 + background-color: -moz-Dialog;
1.219 + color: -moz-DialogText;
1.220 + padding: 0px 4px;
1.221 +}
1.222 +
1.223 +.treecol-image {
1.224 + padding: 0px 1px;
1.225 +}
1.226 +
1.227 +.treecol-text {
1.228 + margin: 0px !important;
1.229 +}
1.230 +
1.231 +treecol[hideheader="true"] {
1.232 + -moz-appearance: none;
1.233 + border: none;
1.234 + padding: 0;
1.235 +}
1.236 +
1.237 +/* ..... internal box ..... */
1.238 +
1.239 +treecol:hover:active,
1.240 +treecolpicker:hover:active {
1.241 + border-top: 2px solid;
1.242 + border-right: 1px solid;
1.243 + border-bottom: 1px solid;
1.244 + border-left: 2px solid;
1.245 + -moz-border-top-colors: ThreeDShadow -moz-Dialog;
1.246 + -moz-border-right-colors: ThreeDShadow;
1.247 + -moz-border-bottom-colors: ThreeDShadow;
1.248 + -moz-border-left-colors: ThreeDShadow -moz-Dialog;
1.249 + padding-top: 1px;
1.250 + padding-bottom: 0px;
1.251 + -moz-padding-start: 5px;
1.252 + -moz-padding-end: 4px;
1.253 +}
1.254 +
1.255 +.treecol-image:hover:active {
1.256 + padding-top: 1px;
1.257 + padding-bottom: 0px;
1.258 + -moz-padding-start: 2px;
1.259 + -moz-padding-end: 1px;
1.260 +}
1.261 +
1.262 +/* ::::: column drag and drop styles ::::: */
1.263 +
1.264 +treecol[dragging="true"] {
1.265 + -moz-border-top-colors: ThreeDDarkShadow transparent !important;
1.266 + -moz-border-right-colors: ThreeDDarkShadow transparent!important;
1.267 + -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
1.268 + -moz-border-left-colors: ThreeDDarkShadow transparent !important;
1.269 + background-color: ThreeDShadow !important;
1.270 + color: ThreeDHighlight !important;
1.271 +}
1.272 +
1.273 +treecol[insertafter="true"]:-moz-locale-dir(ltr),
1.274 +treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
1.275 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
1.276 +}
1.277 +
1.278 +treecol[insertafter="true"]:-moz-locale-dir(rtl),
1.279 +treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
1.280 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
1.281 +}
1.282 +
1.283 +treechildren::-moz-tree-column(insertbefore) {
1.284 + -moz-border-start: 1px solid ThreeDShadow;
1.285 +}
1.286 +
1.287 +treechildren::-moz-tree-column(insertafter) {
1.288 + -moz-border-end: 1px solid ThreeDShadow;
1.289 +}
1.290 +
1.291 +/* ::::: sort direction indicator ::::: */
1.292 +
1.293 +.treecol-sortdirection {
1.294 + list-style-image: none;
1.295 +}
1.296 +
1.297 +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
1.298 + list-style-image: url("chrome://global/skin/tree/sort-asc.png");
1.299 +}
1.300 +
1.301 +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) {
1.302 + list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png");
1.303 +}
1.304 +
1.305 +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {
1.306 + list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
1.307 +}
1.308 +
1.309 +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) {
1.310 + list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png");
1.311 +}
1.312 +
1.313 +/* ::::: column picker ::::: */
1.314 +
1.315 +.tree-columnpicker-icon {
1.316 + list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
1.317 +}
1.318 +
1.319 +/* ::::: twisty ::::: */
1.320 +
1.321 +treechildren::-moz-tree-twisty {
1.322 + -moz-padding-end: 4px;
1.323 + padding-top: 1px;
1.324 + width: 9px; /* The image's width is 9 pixels */
1.325 + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
1.326 +}
1.327 +
1.328 +treechildren::-moz-tree-twisty(open) {
1.329 + width: 9px; /* The image's width is 9 pixels */
1.330 + list-style-image: url("chrome://global/skin/tree/twisty-open.png");
1.331 +}
1.332 +
1.333 +treechildren::-moz-tree-indentation {
1.334 + width: 18px;
1.335 +}
1.336 +
1.337 +/* ::::: gridline style ::::: */
1.338 +
1.339 +treechildren.gridlines::-moz-tree-cell {
1.340 + border-right: 1px solid transparent !important;
1.341 + border-bottom: 1px solid transparent !important;
1.342 +}
1.343 +
1.344 +treechildren.gridlines::-moz-tree-row {
1.345 + border: none;
1.346 +}
1.347 +
1.348 +/* ::::: editable tree ::::: */
1.349 +
1.350 +treechildren::-moz-tree-row(selected, editing) {
1.351 + background-color: transparent;
1.352 + border: none;
1.353 +}
1.354 +
1.355 +treechildren::-moz-tree-cell-text(selected, editing) {
1.356 + color: inherit;
1.357 +}
1.358 +
1.359 +.tree-input {
1.360 + -moz-appearance: none;
1.361 + border: 1px solid Highlight;
1.362 + -moz-border-top-colors: Highlight;
1.363 + -moz-border-bottom-colors: Highlight;
1.364 + -moz-border-left-colors: Highlight;
1.365 + -moz-border-right-colors: Highlight;
1.366 + margin: 0;
1.367 + -moz-margin-start: -4px;
1.368 + padding: 1px;
1.369 +}
