/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* ===== tree.css ======================================================= == Styles used by the XUL tree element. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: tree ::::: */ tree { margin: 0px; border: 1px inset #CCD0DD; background-color: #FFFFFF; color: #000000; } /* ::::: tree focusring ::::: */ .focusring > .tree-stack > .tree-rows > .tree-bodybox { border: 1px solid transparent; } .focusring:-moz-focusring > .tree-stack > .tree-rows > .tree-bodybox { border: 1px solid #000000; } /* ::::: tree rows ::::: */ treechildren::-moz-tree-row { border: 1px solid transparent; background-color: transparent; min-height: 18px; height: 1.3em; } treechildren::-moz-tree-row(selected) { background-color: #808080; } treechildren::-moz-tree-row(selected, focus) { background-color: #336699; } treechildren::-moz-tree-row(current, focus) { border: 1px dotted #9999CC; } treechildren::-moz-tree-row(selected, current, focus) { border: 1px dotted #666699; } tree[seltype="cell"] > treechildren::-moz-tree-row, tree[seltype="text"] > treechildren::-moz-tree-row { border: none; background-color: transparent; } /* ::::: tree cells ::::: */ treechildren::-moz-tree-cell { padding: 0px 2px; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text, tree[seltype="text"] > treechildren::-moz-tree-cell-text, treechildren::-moz-tree-cell-text { color: inherit; } treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF; } tree[seltype="cell"] > treechildren::-moz-tree-cell { border: 1px solid transparent; padding: 0px 1px; } tree[seltype="text"] > treechildren::-moz-tree-cell-text { border: 1px solid transparent; padding: 0px 1px 1px; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { background-color: #808080; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { color: #FFFFFF; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { background-color: #808080; color: #FFFFFF; } treechildren::-moz-tree-cell-text(selected, focus) { color: #FFFFFF; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { background-color: #336699; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { color: #FFFFFF; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { background-color: #336699; color: #FFFFFF; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { border: 1px dotted #9999CC; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { border: 1px dotted #9999CC; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { border: 1px dotted #666699; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { border: 1px dotted #666699; } /* ::::: lines connecting cells ::::: */ tree[seltype="cell"] > treechildren::-moz-tree-line, tree[seltype="text"] > treechildren::-moz-tree-line, treechildren::-moz-tree-line { visibility: hidden; } tree[seltype="cell"] > treechildren::-moz-tree-line, tree[seltype="text"] > treechildren::-moz-tree-line, treechildren::-moz-tree-line { border: 1px dotted #CCD0DD; } tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), treechildren::-moz-tree-line(selected, focus) { border: 1px dotted #666699; } /* ::::: tree separator ::::: */ treechildren::-moz-tree-separator { margin-top: 1px; border: 1px outset #CCD0DD; height: 2px; } /* ::::: drop feedback ::::: */ treechildren::-moz-tree-row(dropOn) { background-color: #336699; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), treechildren::-moz-tree-cell-text(dropOn) { color: #FFFFFF; } treechildren::-moz-tree-drop-feedback { background-color: #336699; width: 50px; height: 2px; -moz-margin-start: 5px; } treechildren::-moz-tree-drop-feedback(selected) { background-color: #FFFFFF; } /* ::::: tree checkbox ::::: */ treechildren::-moz-tree-checkbox { list-style-image: url("chrome://global/skin/tree/checkbox.gif"); } treechildren::-moz-tree-checkbox(checked) { list-style-image: url("chrome://global/skin/tree/checkbox-checked.gif"); } /* ::::: tree progress meter ::::: */ treechildren::-moz-tree-progressmeter { margin: 0px 0px; border: 1px inset #CCD0DD; background-color: #999999; color: #6699CC; } treechildren::-moz-tree-progressmeter(progressUndetermined) { list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); background-color: #CCD0DD; } treechildren::-moz-tree-cell-text(progressmeter) { margin: 2px 4px; } /* ::::: tree columns ::::: */ treecol { -moz-box-align: center; -moz-box-pack: center; border: 1px outset #CCD0DD; background-color: #CCD0DD; color: #000000; padding: 1px 4px; } treecolpicker { -moz-box-align: center; -moz-box-pack: center; border: 1px solid transparent; background-color: #CCD0DD; padding: 1px 0px; } .treecol-image { padding: 0 1px; } .treecol-text { margin: 0px !important; padding: 0px !important; } treecol[hideheader="true"] { border: none; padding: 0; } /* ..... internal box ..... */ treecol:hover:active { border: 1px solid #666699; padding-top: 2px; padding-bottom: 0px; -moz-padding-start: 5px; -moz-padding-end: 3px; } treecolpicker:hover:active { border: 1px solid #666699; } .treecol-image:hover:active { padding-top: 2px; padding-bottom: 0px; -moz-padding-start: 2px; -moz-padding-end: 0px; } /* ::::: column drag and drop styles ::::: */ treecol[dragging="true"] { border: 1px solid transparent; background-color: #336699; color: #000000; } treecol[insertafter="true"]:-moz-locale-dir(ltr), treecol[insertbefore="true"]:-moz-locale-dir(rtl) { border-right: 1px solid #000000; } treecol[insertafter="true"]:-moz-locale-dir(rtl), treecol[insertbefore="true"]:-moz-locale-dir(ltr) { border-left: 1px solid #000000; } treechildren::-moz-tree-column(insertbefore) { -moz-border-start: 1px solid #000000; } treechildren::-moz-tree-column(insertafter) { -moz-border-end: 1px solid #000000; } /* ::::: sort direction indicator ::::: */ .treecol-sortdirection { list-style-image: none; width: 8px; /* The image's width is 7 pixels */ } treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] { list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); } treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] { list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); } /* ::::: column picker ::::: */ .tree-columnpicker-icon { list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); } /* ::::: twisty ::::: */ treechildren::-moz-tree-twisty { -moz-padding-end: 2px; padding-top: 1px; width: 11px; /* The image's width is 11 pixels */ list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); } treechildren::-moz-tree-twisty(open) { width: 11px; /* The image's width is 11 pixels */ list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); } treechildren::-moz-tree-indentation { width: 11px; } /* ::::: gridline style ::::: */ treechildren.gridlines::-moz-tree-cell { border-right: 1px solid green; border-bottom: 1px solid green; } treechildren.gridlines::-moz-tree-row { border: none; } /* ::::: alternating background ::::: */ treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { background-color: #F5F7FF; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { background-color: #A0A0A0; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) { background-color: #6699CC; } /* ::::: editable tree ::::: */ treechildren::-moz-tree-row(selected, editing) { background-color: transparent; border: none; } treechildren::-moz-tree-cell-text(selected, editing) { color: inherit; } .tree-input { border: 1px solid #336699; margin: 0; -moz-margin-start: -4px; padding: 1px; }