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