toolkit/themes/windows/global/tree.css

Thu, 22 Jan 2015 13:21:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 22 Jan 2015 13:21:57 +0100
branch
TOR_BUG_9701
changeset 15
b8a032363ba2
permissions
-rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

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 /* ===== tree.css ===================================================
michael@0 6 == Styles used by the XUL outline element.
michael@0 7 ======================================================================= */
michael@0 8
michael@0 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0 10
michael@0 11 /* ::::: tree ::::: */
michael@0 12
michael@0 13 tree {
michael@0 14 margin: 0px 4px;
michael@0 15 border: 2px solid;
michael@0 16 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
michael@0 17 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
michael@0 18 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
michael@0 19 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
michael@0 20 background-color: -moz-Field;
michael@0 21 color: -moz-FieldText;
michael@0 22 -moz-appearance: listbox;
michael@0 23 }
michael@0 24
michael@0 25 /* ::::: tree focusring ::::: */
michael@0 26
michael@0 27 .focusring > .tree-stack > .tree-rows > .tree-bodybox {
michael@0 28 border: 1px solid transparent;
michael@0 29 }
michael@0 30
michael@0 31 .focusring:-moz-focusring > .tree-stack > .tree-rows > .tree-bodybox {
michael@0 32 border: 1px solid #000000;
michael@0 33 }
michael@0 34
michael@0 35
michael@0 36 /* ::::: tree rows ::::: */
michael@0 37
michael@0 38 treechildren::-moz-tree-row {
michael@0 39 border: 1px solid transparent;
michael@0 40 min-height: 18px;
michael@0 41 height: 1.3em;
michael@0 42 }
michael@0 43
michael@0 44 treechildren::-moz-tree-row(selected) {
michael@0 45 background-color: -moz-cellhighlight;
michael@0 46 }
michael@0 47
michael@0 48 treechildren::-moz-tree-row(selected, focus) {
michael@0 49 background-color: Highlight;
michael@0 50 }
michael@0 51
michael@0 52 treechildren::-moz-tree-row(current, focus) {
michael@0 53 border: 1px dotted Highlight;
michael@0 54 }
michael@0 55
michael@0 56 treechildren::-moz-tree-row(selected, current, focus) {
michael@0 57 border: 1px dotted #F3D982;
michael@0 58 }
michael@0 59
michael@0 60 tree[seltype="cell"] > treechildren::-moz-tree-row,
michael@0 61 tree[seltype="text"] > treechildren::-moz-tree-row {
michael@0 62 border: none;
michael@0 63 background-color: transparent;
michael@0 64 background-image: none;
michael@0 65 }
michael@0 66
michael@0 67 /* ::::: tree cells ::::: */
michael@0 68
michael@0 69 treechildren::-moz-tree-cell {
michael@0 70 padding: 0px 2px 0px 2px;
michael@0 71 }
michael@0 72
michael@0 73 tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
michael@0 74 tree[seltype="text"] > treechildren::-moz-tree-cell-text,
michael@0 75 treechildren::-moz-tree-cell-text {
michael@0 76 color: inherit;
michael@0 77 }
michael@0 78
michael@0 79 treechildren::-moz-tree-cell-text(selected) {
michael@0 80 color: -moz-cellhighlighttext;
michael@0 81 }
michael@0 82
michael@0 83 tree[seltype="cell"] > treechildren::-moz-tree-cell {
michael@0 84 border: 1px solid transparent;
michael@0 85 padding: 0px 1px 0px 1px;
michael@0 86 }
michael@0 87
michael@0 88 tree[seltype="text"] > treechildren::-moz-tree-cell-text {
michael@0 89 border: 1px solid transparent;
michael@0 90 padding: 0px 1px 1px 1px;
michael@0 91 }
michael@0 92
michael@0 93 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
michael@0 94 background-color: -moz-cellhighlight;
michael@0 95 }
michael@0 96 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
michael@0 97 color: -moz-cellhighlighttext;
michael@0 98 }
michael@0 99
michael@0 100 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
michael@0 101 background-color: -moz-cellhighlight;
michael@0 102 color: -moz-cellhighlighttext;
michael@0 103 }
michael@0 104
michael@0 105 treechildren::-moz-tree-cell-text(selected, focus) {
michael@0 106 color: HighlightText;
michael@0 107 }
michael@0 108
michael@0 109 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
michael@0 110 background-color: Highlight;
michael@0 111 }
michael@0 112
michael@0 113 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
michael@0 114 background-color: Highlight;
michael@0 115 }
michael@0 116
michael@0 117 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
michael@0 118 color: HighlightText;
michael@0 119 }
michael@0 120
michael@0 121 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
michael@0 122 color: HighlightText;
michael@0 123 }
michael@0 124
michael@0 125 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
michael@0 126 border: 1px dotted #000000;
michael@0 127 }
michael@0 128
michael@0 129 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
michael@0 130 border: 1px dotted #000000;
michael@0 131 }
michael@0 132
michael@0 133 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
michael@0 134 border: 1px dotted #C0C0C0;
michael@0 135 }
michael@0 136
michael@0 137 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
michael@0 138 border: 1px dotted #C0C0C0;
michael@0 139 }
michael@0 140
michael@0 141 /* ::::: lines connecting cells ::::: */
michael@0 142
michael@0 143 tree[seltype="cell"] > treechildren::-moz-tree-line,
michael@0 144 tree[seltype="text"] > treechildren::-moz-tree-line,
michael@0 145 treechildren::-moz-tree-line {
michael@0 146 border: 1px dotted ThreeDShadow;
michael@0 147 }
michael@0 148
michael@0 149 tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
michael@0 150 treechildren::-moz-tree-line(selected, focus) {
michael@0 151 border: 1px dotted HighlightText;
michael@0 152 }
michael@0 153
michael@0 154 /* ::::: tree separator ::::: */
michael@0 155
michael@0 156 treechildren::-moz-tree-separator {
michael@0 157 border-top: 1px solid ThreeDShadow;
michael@0 158 border-bottom: 1px solid ThreeDHighlight;
michael@0 159 }
michael@0 160
michael@0 161
michael@0 162 /* ::::: drop feedback ::::: */
michael@0 163
michael@0 164 treechildren::-moz-tree-row(dropOn) {
michael@0 165 background-color: Highlight;
michael@0 166 }
michael@0 167
michael@0 168 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
michael@0 169 tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
michael@0 170 treechildren::-moz-tree-cell-text(primary, dropOn) {
michael@0 171 color: HighlightText;
michael@0 172 }
michael@0 173
michael@0 174 treechildren::-moz-tree-drop-feedback {
michael@0 175 background-color: Highlight;
michael@0 176 width: 50px;
michael@0 177 height: 2px;
michael@0 178 -moz-margin-start: 5px;
michael@0 179 }
michael@0 180
michael@0 181 /* ::::: tree progress meter ::::: */
michael@0 182
michael@0 183 treechildren::-moz-tree-progressmeter {
michael@0 184 margin: 2px 4px;
michael@0 185 padding: 1px;
michael@0 186 border: 1px solid;
michael@0 187 border-top-color: ThreeDShadow;
michael@0 188 border-right-color: ThreeDHighlight;
michael@0 189 border-bottom-color: ThreeDHighlight;
michael@0 190 border-left-color: ThreeDShadow;
michael@0 191 background-color: -moz-Dialog;
michael@0 192 color: ThreeDShadow;
michael@0 193 }
michael@0 194
michael@0 195 treechildren::-moz-tree-progressmeter(progressUndetermined) {
michael@0 196 list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
michael@0 197 }
michael@0 198
michael@0 199 treechildren::-moz-tree-cell-text(progressmeter) {
michael@0 200 margin: 2px 4px;
michael@0 201 }
michael@0 202
michael@0 203 /* ::::: tree columns ::::: */
michael@0 204
michael@0 205 treecol,
michael@0 206 treecolpicker {
michael@0 207 -moz-appearance: treeheadercell;
michael@0 208 -moz-box-align: center;
michael@0 209 -moz-box-pack: center;
michael@0 210 border: 2px solid;
michael@0 211 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
michael@0 212 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 213 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 214 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
michael@0 215 background-color: -moz-Dialog;
michael@0 216 color: -moz-DialogText;
michael@0 217 padding: 0px 4px;
michael@0 218 }
michael@0 219
michael@0 220 .treecol-image {
michael@0 221 padding: 0px 1px;
michael@0 222 }
michael@0 223
michael@0 224 .treecol-text {
michael@0 225 margin: 0px !important;
michael@0 226 }
michael@0 227
michael@0 228 treecol[hideheader="true"] {
michael@0 229 -moz-appearance: none;
michael@0 230 border: none;
michael@0 231 padding: 0;
michael@0 232 }
michael@0 233
michael@0 234 /* ..... internal box ..... */
michael@0 235
michael@0 236 treecol:hover:active,
michael@0 237 treecolpicker:hover:active {
michael@0 238 border-top: 2px solid;
michael@0 239 border-right: 1px solid;
michael@0 240 border-bottom: 1px solid;
michael@0 241 border-left: 2px solid;
michael@0 242 -moz-border-top-colors: ThreeDShadow -moz-Dialog;
michael@0 243 -moz-border-right-colors: ThreeDShadow;
michael@0 244 -moz-border-bottom-colors: ThreeDShadow;
michael@0 245 -moz-border-left-colors: ThreeDShadow -moz-Dialog;
michael@0 246 padding-top: 1px;
michael@0 247 padding-bottom: 0px;
michael@0 248 -moz-padding-start: 5px;
michael@0 249 -moz-padding-end: 4px;
michael@0 250 }
michael@0 251
michael@0 252 .treecol-image:hover:active {
michael@0 253 padding-top: 1px;
michael@0 254 padding-bottom: 0px;
michael@0 255 -moz-padding-start: 2px;
michael@0 256 -moz-padding-end: 1px;
michael@0 257 }
michael@0 258
michael@0 259 /* ::::: column drag and drop styles ::::: */
michael@0 260
michael@0 261 treecol[dragging="true"] {
michael@0 262 -moz-border-top-colors: ThreeDDarkShadow transparent !important;
michael@0 263 -moz-border-right-colors: ThreeDDarkShadow transparent!important;
michael@0 264 -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
michael@0 265 -moz-border-left-colors: ThreeDDarkShadow transparent !important;
michael@0 266 background-color: ThreeDShadow !important;
michael@0 267 color: ThreeDHighlight !important;
michael@0 268 }
michael@0 269
michael@0 270 treecol[insertafter="true"]:-moz-locale-dir(ltr),
michael@0 271 treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
michael@0 272 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 273 }
michael@0 274
michael@0 275 treecol[insertafter="true"]:-moz-locale-dir(rtl),
michael@0 276 treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
michael@0 277 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
michael@0 278 }
michael@0 279
michael@0 280 treechildren::-moz-tree-column(insertbefore) {
michael@0 281 -moz-border-start: 1px solid ThreeDShadow;
michael@0 282 }
michael@0 283
michael@0 284 treechildren::-moz-tree-column(insertafter) {
michael@0 285 -moz-border-end: 1px solid ThreeDShadow;
michael@0 286 }
michael@0 287
michael@0 288 /* ::::: sort direction indicator ::::: */
michael@0 289
michael@0 290 .treecol-sortdirection {
michael@0 291 list-style-image: none;
michael@0 292 }
michael@0 293
michael@0 294 treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
michael@0 295 list-style-image: url("chrome://global/skin/tree/sort-asc.png");
michael@0 296 }
michael@0 297
michael@0 298 treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) {
michael@0 299 list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png");
michael@0 300 }
michael@0 301
michael@0 302 treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {
michael@0 303 list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
michael@0 304 }
michael@0 305
michael@0 306 treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) {
michael@0 307 list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png");
michael@0 308 }
michael@0 309
michael@0 310 /* ::::: column picker ::::: */
michael@0 311
michael@0 312 .tree-columnpicker-icon {
michael@0 313 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
michael@0 314 }
michael@0 315
michael@0 316 /* ::::: twisty ::::: */
michael@0 317
michael@0 318 treechildren::-moz-tree-twisty {
michael@0 319 -moz-padding-end: 4px;
michael@0 320 padding-top: 1px;
michael@0 321 width: 9px; /* The image's width is 9 pixels */
michael@0 322 list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
michael@0 323 }
michael@0 324
michael@0 325 treechildren::-moz-tree-twisty(open) {
michael@0 326 width: 9px; /* The image's width is 9 pixels */
michael@0 327 list-style-image: url("chrome://global/skin/tree/twisty-open.png");
michael@0 328 }
michael@0 329
michael@0 330 treechildren::-moz-tree-indentation {
michael@0 331 width: 18px;
michael@0 332 }
michael@0 333
michael@0 334 /* ::::: gridline style ::::: */
michael@0 335
michael@0 336 treechildren.gridlines::-moz-tree-cell {
michael@0 337 border-right: 1px solid transparent !important;
michael@0 338 border-bottom: 1px solid transparent !important;
michael@0 339 }
michael@0 340
michael@0 341 treechildren.gridlines::-moz-tree-row {
michael@0 342 border: none;
michael@0 343 }
michael@0 344
michael@0 345 /* ::::: editable tree ::::: */
michael@0 346
michael@0 347 treechildren::-moz-tree-row(selected, editing) {
michael@0 348 background-color: transparent;
michael@0 349 border: none;
michael@0 350 }
michael@0 351
michael@0 352 treechildren::-moz-tree-cell-text(selected, editing) {
michael@0 353 color: inherit;
michael@0 354 }
michael@0 355
michael@0 356 .tree-input {
michael@0 357 -moz-appearance: none;
michael@0 358 border: 1px solid Highlight;
michael@0 359 -moz-border-top-colors: Highlight;
michael@0 360 -moz-border-bottom-colors: Highlight;
michael@0 361 -moz-border-left-colors: Highlight;
michael@0 362 -moz-border-right-colors: Highlight;
michael@0 363 margin: 0;
michael@0 364 -moz-margin-start: -4px;
michael@0 365 padding: 1px;
michael@0 366 }

mercurial