toolkit/themes/linux/global/tree.css

Tue, 06 Jan 2015 21:39:09 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 06 Jan 2015 21:39:09 +0100
branch
TOR_BUG_9701
changeset 8
97036ab72558
permissions
-rw-r--r--

Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

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

mercurial