1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/global/tree.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,290 @@
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 shared.inc
1.9 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.10 +
1.11 +tree {
1.12 + margin: 0px 4px;
1.13 + color: -moz-DialogText;
1.14 + background-color: #FFFFFF;
1.15 + -moz-appearance: listbox;
1.16 +}
1.17 +
1.18 +/* ::::: tree focusring ::::: */
1.19 +
1.20 +.focusring > .tree-stack > .tree-rows > .tree-bodybox {
1.21 + border: 1px solid transparent;
1.22 +}
1.23 +
1.24 +.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
1.25 + border: 1px solid -moz-mac-focusring;
1.26 +}
1.27 +
1.28 +
1.29 +/* ::::: tree rows ::::: */
1.30 +
1.31 +treechildren::-moz-tree-row {
1.32 + border-top: 1px solid transparent;
1.33 + height: 18px;
1.34 + background-color: -moz-field;
1.35 +}
1.36 +
1.37 +treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
1.38 + background-color: -moz-oddtreerow;
1.39 +}
1.40 +
1.41 +treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
1.42 + background-color: -moz-mac-secondaryhighlight;
1.43 +}
1.44 +
1.45 +treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) {
1.46 + background-color: Highlight;
1.47 + color: HighlightText;
1.48 +}
1.49 +
1.50 +tree[seltype="cell"] > treechildren::-moz-tree-row,
1.51 +tree[seltype="text"] > treechildren::-moz-tree-row {
1.52 + border-top: none;
1.53 + background-color: transparent;
1.54 +}
1.55 +
1.56 +/* ::::: tree cells ::::: */
1.57 +
1.58 +treechildren::-moz-tree-cell {
1.59 + padding: 0px 2px 0px 2px;
1.60 +}
1.61 +
1.62 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
1.63 +tree[seltype="text"] > treechildren::-moz-tree-cell-text,
1.64 +treechildren::-moz-tree-cell-text {
1.65 + color: inherit;
1.66 +}
1.67 +
1.68 +tree[seltype="cell"] > treechildren::-moz-tree-cell {
1.69 + padding: 0px 1px 0px 1px;
1.70 +}
1.71 +
1.72 +tree[seltype="text"] > treechildren::-moz-tree-cell-text {
1.73 + padding: 0px 1px 1px 1px;
1.74 +}
1.75 +
1.76 +treechildren::-moz-tree-cell-text(selected) {
1.77 + color: -moz-DialogText;
1.78 +}
1.79 +
1.80 +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
1.81 + background-color: -moz-mac-secondaryhighlight;
1.82 +
1.83 +}
1.84 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
1.85 + color: -moz-DialogText;
1.86 +}
1.87 +
1.88 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
1.89 + background-color: -moz-mac-secondaryhighlight;
1.90 + color: -moz-DialogText;
1.91 +}
1.92 +
1.93 +treechildren::-moz-tree-cell-text(selected, focus) {
1.94 + color: HighlightText;
1.95 +}
1.96 +
1.97 +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
1.98 + background-color: Highlight;
1.99 +}
1.100 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
1.101 + color: HighlightText;
1.102 +}
1.103 +
1.104 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
1.105 + background-color: Highlight;
1.106 + color: HighlightText;
1.107 +}
1.108 +
1.109 +/* ::::: lines connecting cells ::::: */
1.110 +
1.111 +treechildren::-moz-tree-line {
1.112 + /* XXX there should be no border on Mac, but trees currently
1.113 + paint the line black by default, so I'll just leave this
1.114 + for now. */
1.115 + visibility: hidden;
1.116 + border: 1px dotted grey;
1.117 +}
1.118 +
1.119 +
1.120 +/* ::::: tree separator ::::: */
1.121 +
1.122 +treechildren::-moz-tree-separator {
1.123 + border-top: 1px dashed #C7C7C7;
1.124 + margin: 0 2px;
1.125 +}
1.126 +
1.127 +
1.128 +/* ::::: drop feedback ::::: */
1.129 +
1.130 +tree[seltype="cell"] > treechildren::-moz-tree-cell(primary, dropOn),
1.131 +tree[seltype="text"] > treechildren::-moz-tree-cell(primary, dropOn),
1.132 +treechildren::-moz-tree-cell(primary, dropOn) {
1.133 + background-color: #A1A1A1 !important;
1.134 + color: #FFF !important;
1.135 + background-image: none;
1.136 +}
1.137 +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
1.138 +tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
1.139 +treechildren::-moz-tree-cell-text(primary, dropOn) {
1.140 + color: #FFF !important;
1.141 +}
1.142 +
1.143 +treechildren::-moz-tree-drop-feedback {
1.144 + background-color: #A1A1A1;
1.145 + width: 50px;
1.146 + height: 2px;
1.147 + -moz-margin-start: 5px;
1.148 +}
1.149 +
1.150 +/* ::::: tree progress meter ::::: */
1.151 +
1.152 +treechildren::-moz-tree-progressmeter {
1.153 + margin: 2px 4px;
1.154 + border: 2px solid;
1.155 + -moz-border-top-colors: #AAAAAA #000000;
1.156 + -moz-border-right-colors: #FFFFFF #000000;
1.157 + -moz-border-bottom-colors: #FFFFFF #000000;
1.158 + -moz-border-left-colors: #AAAAAA #000000;
1.159 +}
1.160 +
1.161 +/*
1.162 +treechildren::-moz-tree-progressmeter(progressUndetermined) {
1.163 +}
1.164 +*/
1.165 +
1.166 +treechildren::-moz-tree-cell-text(progressmeter) {
1.167 + margin: 2px 4px;
1.168 + -moz-appearance: progressbar;
1.169 +}
1.170 +
1.171 +/* ::::: tree columns ::::: */
1.172 +
1.173 +treecol,
1.174 +treecolpicker {
1.175 + -moz-appearance: treeheadercell;
1.176 + -moz-box-align: center;
1.177 + -moz-box-pack: center;
1.178 + border: 2px solid;
1.179 + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
1.180 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
1.181 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
1.182 + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
1.183 + background-color: -moz-Dialog;
1.184 + color: -moz-DialogText;
1.185 + padding: 0px 4px;
1.186 +}
1.187 +
1.188 +.treecol-image {
1.189 + padding: 0px 1px;
1.190 +}
1.191 +
1.192 +.treecol-text {
1.193 + margin: 0px !important;
1.194 +}
1.195 +
1.196 +treecol[hideheader="true"] {
1.197 + -moz-appearance: none;
1.198 + border: none;
1.199 + padding: 0;
1.200 + max-height: 0px;
1.201 +}
1.202 +
1.203 +/* ..... internal box ..... */
1.204 +
1.205 +treecol:hover:active,
1.206 +treecolpicker:hover:active {
1.207 + border-top: 2px solid;
1.208 + border-bottom: 1px solid;
1.209 + -moz-border-start: 2px solid;
1.210 + -moz-border-end: 1px solid;
1.211 + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
1.212 + -moz-border-right-colors: ThreeDDarkShadow;
1.213 + -moz-border-bottom-colors: ThreeDDarkShadow;
1.214 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
1.215 + background-color: #666666;
1.216 +}
1.217 +
1.218 +/* ::::: column drag and drop styles ::::: */
1.219 +
1.220 +treecol[dragging="true"] {
1.221 + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow !important;
1.222 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow!important;
1.223 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
1.224 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow !important;
1.225 + padding: 0px 4px !important;
1.226 + background-color: ThreeDShadow !important;
1.227 + color: ThreeDHighlight !important;
1.228 +}
1.229 +
1.230 +treecol[insertafter="true"]:-moz-locale-dir(ltr),
1.231 +treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
1.232 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
1.233 +}
1.234 +
1.235 +treecol[insertafter="true"]:-moz-locale-dir(rtl),
1.236 +treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
1.237 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
1.238 +}
1.239 +
1.240 +treechildren::-moz-tree-column(insertbefore) {
1.241 + -moz-border-start: 1px solid ThreeDShadow;
1.242 +}
1.243 +
1.244 +treechildren::-moz-tree-column(insertafter) {
1.245 + -moz-border-end: 1px solid ThreeDShadow;
1.246 +}
1.247 +
1.248 +/* ::::: column picker ::::: */
1.249 +
1.250 +.tree-columnpicker-icon {
1.251 + list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
1.252 +}
1.253 +
1.254 +/* ::::: twisty ::::: */
1.255 +
1.256 +treechildren::-moz-tree-twisty {
1.257 + -moz-appearance: treetwisty;
1.258 + -moz-padding-end: 2px;
1.259 +}
1.260 +
1.261 +treechildren::-moz-tree-twisty(open) {
1.262 + -moz-appearance: treetwistyopen;
1.263 +}
1.264 +
1.265 +treechildren::-moz-tree-twisty(Name, separator) {
1.266 + -moz-appearance: none;
1.267 +}
1.268 +
1.269 +treechildren::-moz-tree-indentation {
1.270 + width: 16px;
1.271 +}
1.272 +
1.273 +/* ::::: gridline style ::::: */
1.274 +
1.275 +treechildren.gridlines::-moz-tree-cell {
1.276 + -moz-border-end: 1px solid GrayText;
1.277 + border-bottom: 1px solid GrayText;
1.278 +}
1.279 +
1.280 +treechildren.gridlines::-moz-tree-row {
1.281 + border: none;
1.282 +}
1.283 +
1.284 +/* ::::: editable tree ::::: */
1.285 +
1.286 +.tree-input {
1.287 + -moz-appearance: none;
1.288 + border-width: 0;
1.289 + box-shadow: @focusRingShadow@;
1.290 + margin: 0;
1.291 + -moz-margin-start: -2px;
1.292 + padding: 2px 1px 1px;
1.293 +}
