tree.css (4707B)
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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 6 7 /* ::::: tree ::::: */ 8 9 tree { 10 color: -moz-DialogText; 11 background-color: #181411; 12 } 13 14 /* ::::: tree focusring ::::: */ 15 16 .focusring > .tree-stack > .tree-rows > .tree-bodybox { 17 border: 1px solid transparent; 18 } 19 20 .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { 21 border: 1px solid -moz-mac-focusring; 22 } 23 24 /* ::::: tree rows ::::: */ 25 26 treechildren::-moz-tree-row { 27 border-top: 1px solid transparent; 28 height: 18px; 29 background-color: -moz-field; 30 } 31 32 treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) { 33 background-color: -moz-oddtreerow; 34 } 35 36 treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { 37 background-color: -moz-mac-secondaryhighlight; 38 } 39 40 treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) { 41 background-color: Highlight; 42 color: HighlightText; 43 } 44 45 /* ::::: tree cells ::::: */ 46 47 treechildren::-moz-tree-cell-text(selected) { 48 color: -moz-DialogText; 49 } 50 51 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { 52 background-color: -moz-mac-secondaryhighlight; 53 54 } 55 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { 56 color: -moz-DialogText; 57 } 58 59 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { 60 background-color: -moz-mac-secondaryhighlight; 61 color: -moz-DialogText; 62 } 63 64 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { 65 background-color: Highlight; 66 } 67 68 /* ::::: lines connecting cells ::::: */ 69 70 treechildren::-moz-tree-line { 71 /* XXX there should be no border on Mac, but trees currently 72 paint the line black by default, so I'll just leave this 73 for now. */ 74 visibility: hidden; 75 border: 1px dotted grey; 76 } 77 78 /* ::::: tree separator ::::: */ 79 80 treechildren::-moz-tree-separator { 81 border-top: 1px dashed #C7C7C7; 82 margin: 0 2px; 83 } 84 85 /* ::::: drop feedback ::::: */ 86 87 tree[seltype="cell"] > treechildren::-moz-tree-cell(primary, dropOn), 88 tree[seltype="text"] > treechildren::-moz-tree-cell(primary, dropOn), 89 treechildren::-moz-tree-cell(primary, dropOn) { 90 background-color: #020202 !important; 91 color: #FFF !important; 92 background-image: none; 93 } 94 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), 95 tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), 96 treechildren::-moz-tree-cell-text(primary, dropOn) { 97 color: #FFF !important; 98 } 99 100 treechildren::-moz-tree-drop-feedback { 101 background-color: #020202; 102 } 103 104 /* ::::: tree progress meter ::::: */ 105 106 treechildren::-moz-tree-progressmeter { 107 border: 2px solid; 108 -moz-border-top-colors: #AAAAAA #000000; 109 -moz-border-right-colors: #FFFFFF #000000; 110 -moz-border-bottom-colors: #FFFFFF #000000; 111 -moz-border-left-colors: #AAAAAA #000000; 112 } 113 114 treechildren::-moz-tree-cell-text(progressmeter) { 115 -moz-appearance: progressbar; 116 } 117 118 /* ::::: tree columns ::::: */ 119 120 treecol[hideheader="true"] { 121 max-height: 0px; 122 } 123 124 /* ..... internal box ..... */ 125 126 treecol:hover:active, 127 treecolpicker:hover:active { 128 border-inline-start: 2px solid; 129 border-inline-end: 1px solid; 130 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; 131 -moz-border-right-colors: ThreeDDarkShadow; 132 -moz-border-bottom-colors: ThreeDDarkShadow; 133 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; 134 background-color: #181411; 135 } 136 137 /* ::::: column drag and drop styles ::::: */ 138 139 treecol[dragging="true"] { 140 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow !important; 141 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow!important; 142 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important; 143 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow !important; 144 padding: 0px 4px !important; 145 } 146 147 /* ::::: twisty ::::: */ 148 149 treechildren::-moz-tree-twisty { 150 -moz-appearance: treetwisty; 151 padding-inline-end: 2px; 152 } 153 154 treechildren::-moz-tree-twisty(open) { 155 -moz-appearance: treetwistyopen; 156 } 157 158 treechildren::-moz-tree-twisty(Name, separator) { 159 -moz-appearance: none; 160 } 161 162 treechildren::-moz-tree-indentation { 163 width: 16px; 164 } 165 166 /* ::::: gridline style ::::: */ 167 168 treechildren.gridlines::-moz-tree-cell { 169 border-inline-end: 1px solid GrayText; 170 border-bottom: 1px solid GrayText; 171 } 172 173 /* ::::: editable tree ::::: */ 174 175 .tree-input { 176 border-width: 0; 177 box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 1.5px 1px -moz-mac-focusring; 178 margin: 0; 179 margin-inline-start: -2px; 180 padding: 2px 1px 1px; 181 }