toolkit/themes/osx/global/tree.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0 2 * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0 4
michael@0 5 %include shared.inc
michael@0 6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0 7
michael@0 8 tree {
michael@0 9 margin: 0px 4px;
michael@0 10 color: -moz-DialogText;
michael@0 11 background-color: #FFFFFF;
michael@0 12 -moz-appearance: listbox;
michael@0 13 }
michael@0 14
michael@0 15 /* ::::: tree focusring ::::: */
michael@0 16
michael@0 17 .focusring > .tree-stack > .tree-rows > .tree-bodybox {
michael@0 18 border: 1px solid transparent;
michael@0 19 }
michael@0 20
michael@0 21 .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
michael@0 22 border: 1px solid -moz-mac-focusring;
michael@0 23 }
michael@0 24
michael@0 25
michael@0 26 /* ::::: tree rows ::::: */
michael@0 27
michael@0 28 treechildren::-moz-tree-row {
michael@0 29 border-top: 1px solid transparent;
michael@0 30 height: 18px;
michael@0 31 background-color: -moz-field;
michael@0 32 }
michael@0 33
michael@0 34 treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
michael@0 35 background-color: -moz-oddtreerow;
michael@0 36 }
michael@0 37
michael@0 38 treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
michael@0 39 background-color: -moz-mac-secondaryhighlight;
michael@0 40 }
michael@0 41
michael@0 42 treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) {
michael@0 43 background-color: Highlight;
michael@0 44 color: HighlightText;
michael@0 45 }
michael@0 46
michael@0 47 tree[seltype="cell"] > treechildren::-moz-tree-row,
michael@0 48 tree[seltype="text"] > treechildren::-moz-tree-row {
michael@0 49 border-top: none;
michael@0 50 background-color: transparent;
michael@0 51 }
michael@0 52
michael@0 53 /* ::::: tree cells ::::: */
michael@0 54
michael@0 55 treechildren::-moz-tree-cell {
michael@0 56 padding: 0px 2px 0px 2px;
michael@0 57 }
michael@0 58
michael@0 59 tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
michael@0 60 tree[seltype="text"] > treechildren::-moz-tree-cell-text,
michael@0 61 treechildren::-moz-tree-cell-text {
michael@0 62 color: inherit;
michael@0 63 }
michael@0 64
michael@0 65 tree[seltype="cell"] > treechildren::-moz-tree-cell {
michael@0 66 padding: 0px 1px 0px 1px;
michael@0 67 }
michael@0 68
michael@0 69 tree[seltype="text"] > treechildren::-moz-tree-cell-text {
michael@0 70 padding: 0px 1px 1px 1px;
michael@0 71 }
michael@0 72
michael@0 73 treechildren::-moz-tree-cell-text(selected) {
michael@0 74 color: -moz-DialogText;
michael@0 75 }
michael@0 76
michael@0 77 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
michael@0 78 background-color: -moz-mac-secondaryhighlight;
michael@0 79
michael@0 80 }
michael@0 81 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
michael@0 82 color: -moz-DialogText;
michael@0 83 }
michael@0 84
michael@0 85 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
michael@0 86 background-color: -moz-mac-secondaryhighlight;
michael@0 87 color: -moz-DialogText;
michael@0 88 }
michael@0 89
michael@0 90 treechildren::-moz-tree-cell-text(selected, focus) {
michael@0 91 color: HighlightText;
michael@0 92 }
michael@0 93
michael@0 94 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
michael@0 95 background-color: Highlight;
michael@0 96 }
michael@0 97 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
michael@0 98 color: HighlightText;
michael@0 99 }
michael@0 100
michael@0 101 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
michael@0 102 background-color: Highlight;
michael@0 103 color: HighlightText;
michael@0 104 }
michael@0 105
michael@0 106 /* ::::: lines connecting cells ::::: */
michael@0 107
michael@0 108 treechildren::-moz-tree-line {
michael@0 109 /* XXX there should be no border on Mac, but trees currently
michael@0 110 paint the line black by default, so I'll just leave this
michael@0 111 for now. */
michael@0 112 visibility: hidden;
michael@0 113 border: 1px dotted grey;
michael@0 114 }
michael@0 115
michael@0 116
michael@0 117 /* ::::: tree separator ::::: */
michael@0 118
michael@0 119 treechildren::-moz-tree-separator {
michael@0 120 border-top: 1px dashed #C7C7C7;
michael@0 121 margin: 0 2px;
michael@0 122 }
michael@0 123
michael@0 124
michael@0 125 /* ::::: drop feedback ::::: */
michael@0 126
michael@0 127 tree[seltype="cell"] > treechildren::-moz-tree-cell(primary, dropOn),
michael@0 128 tree[seltype="text"] > treechildren::-moz-tree-cell(primary, dropOn),
michael@0 129 treechildren::-moz-tree-cell(primary, dropOn) {
michael@0 130 background-color: #A1A1A1 !important;
michael@0 131 color: #FFF !important;
michael@0 132 background-image: none;
michael@0 133 }
michael@0 134 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
michael@0 135 tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
michael@0 136 treechildren::-moz-tree-cell-text(primary, dropOn) {
michael@0 137 color: #FFF !important;
michael@0 138 }
michael@0 139
michael@0 140 treechildren::-moz-tree-drop-feedback {
michael@0 141 background-color: #A1A1A1;
michael@0 142 width: 50px;
michael@0 143 height: 2px;
michael@0 144 -moz-margin-start: 5px;
michael@0 145 }
michael@0 146
michael@0 147 /* ::::: tree progress meter ::::: */
michael@0 148
michael@0 149 treechildren::-moz-tree-progressmeter {
michael@0 150 margin: 2px 4px;
michael@0 151 border: 2px solid;
michael@0 152 -moz-border-top-colors: #AAAAAA #000000;
michael@0 153 -moz-border-right-colors: #FFFFFF #000000;
michael@0 154 -moz-border-bottom-colors: #FFFFFF #000000;
michael@0 155 -moz-border-left-colors: #AAAAAA #000000;
michael@0 156 }
michael@0 157
michael@0 158 /*
michael@0 159 treechildren::-moz-tree-progressmeter(progressUndetermined) {
michael@0 160 }
michael@0 161 */
michael@0 162
michael@0 163 treechildren::-moz-tree-cell-text(progressmeter) {
michael@0 164 margin: 2px 4px;
michael@0 165 -moz-appearance: progressbar;
michael@0 166 }
michael@0 167
michael@0 168 /* ::::: tree columns ::::: */
michael@0 169
michael@0 170 treecol,
michael@0 171 treecolpicker {
michael@0 172 -moz-appearance: treeheadercell;
michael@0 173 -moz-box-align: center;
michael@0 174 -moz-box-pack: center;
michael@0 175 border: 2px solid;
michael@0 176 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
michael@0 177 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 178 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 179 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
michael@0 180 background-color: -moz-Dialog;
michael@0 181 color: -moz-DialogText;
michael@0 182 padding: 0px 4px;
michael@0 183 }
michael@0 184
michael@0 185 .treecol-image {
michael@0 186 padding: 0px 1px;
michael@0 187 }
michael@0 188
michael@0 189 .treecol-text {
michael@0 190 margin: 0px !important;
michael@0 191 }
michael@0 192
michael@0 193 treecol[hideheader="true"] {
michael@0 194 -moz-appearance: none;
michael@0 195 border: none;
michael@0 196 padding: 0;
michael@0 197 max-height: 0px;
michael@0 198 }
michael@0 199
michael@0 200 /* ..... internal box ..... */
michael@0 201
michael@0 202 treecol:hover:active,
michael@0 203 treecolpicker:hover:active {
michael@0 204 border-top: 2px solid;
michael@0 205 border-bottom: 1px solid;
michael@0 206 -moz-border-start: 2px solid;
michael@0 207 -moz-border-end: 1px solid;
michael@0 208 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 209 -moz-border-right-colors: ThreeDDarkShadow;
michael@0 210 -moz-border-bottom-colors: ThreeDDarkShadow;
michael@0 211 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 212 background-color: #666666;
michael@0 213 }
michael@0 214
michael@0 215 /* ::::: column drag and drop styles ::::: */
michael@0 216
michael@0 217 treecol[dragging="true"] {
michael@0 218 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow !important;
michael@0 219 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow!important;
michael@0 220 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
michael@0 221 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow !important;
michael@0 222 padding: 0px 4px !important;
michael@0 223 background-color: ThreeDShadow !important;
michael@0 224 color: ThreeDHighlight !important;
michael@0 225 }
michael@0 226
michael@0 227 treecol[insertafter="true"]:-moz-locale-dir(ltr),
michael@0 228 treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
michael@0 229 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 230 }
michael@0 231
michael@0 232 treecol[insertafter="true"]:-moz-locale-dir(rtl),
michael@0 233 treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
michael@0 234 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 235 }
michael@0 236
michael@0 237 treechildren::-moz-tree-column(insertbefore) {
michael@0 238 -moz-border-start: 1px solid ThreeDShadow;
michael@0 239 }
michael@0 240
michael@0 241 treechildren::-moz-tree-column(insertafter) {
michael@0 242 -moz-border-end: 1px solid ThreeDShadow;
michael@0 243 }
michael@0 244
michael@0 245 /* ::::: column picker ::::: */
michael@0 246
michael@0 247 .tree-columnpicker-icon {
michael@0 248 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
michael@0 249 }
michael@0 250
michael@0 251 /* ::::: twisty ::::: */
michael@0 252
michael@0 253 treechildren::-moz-tree-twisty {
michael@0 254 -moz-appearance: treetwisty;
michael@0 255 -moz-padding-end: 2px;
michael@0 256 }
michael@0 257
michael@0 258 treechildren::-moz-tree-twisty(open) {
michael@0 259 -moz-appearance: treetwistyopen;
michael@0 260 }
michael@0 261
michael@0 262 treechildren::-moz-tree-twisty(Name, separator) {
michael@0 263 -moz-appearance: none;
michael@0 264 }
michael@0 265
michael@0 266 treechildren::-moz-tree-indentation {
michael@0 267 width: 16px;
michael@0 268 }
michael@0 269
michael@0 270 /* ::::: gridline style ::::: */
michael@0 271
michael@0 272 treechildren.gridlines::-moz-tree-cell {
michael@0 273 -moz-border-end: 1px solid GrayText;
michael@0 274 border-bottom: 1px solid GrayText;
michael@0 275 }
michael@0 276
michael@0 277 treechildren.gridlines::-moz-tree-row {
michael@0 278 border: none;
michael@0 279 }
michael@0 280
michael@0 281 /* ::::: editable tree ::::: */
michael@0 282
michael@0 283 .tree-input {
michael@0 284 -moz-appearance: none;
michael@0 285 border-width: 0;
michael@0 286 box-shadow: @focusRingShadow@;
michael@0 287 margin: 0;
michael@0 288 -moz-margin-start: -2px;
michael@0 289 padding: 2px 1px 1px;
michael@0 290 }

mercurial