/* ***** BEGIN LICENSE BLOCK ***** * Version: MPL 1.1/GPL 2.0/LGPL 2.1 * * The contents of this file are subject to the Mozilla Public License Version * 1.1 (the "License"); you may not use this file except in compliance with * the License. You may obtain a copy of the License at * http://www.mozilla.org/MPL/ * * Software distributed under the License is distributed on an "AS IS" basis, * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License * for the specific language governing rights and limitations under the * License. * * The Original Code is "Classic" theme of mozilla.org code. * * The Initial Developer of the Original Code is * the Mozilla Organization. * Portions created by the Initial Developer are Copyright (C) 1998-2001 * the Initial Developer. All Rights Reserved. * * Contributor(s): * Robert Kaiser * Joe Hewitt (hewitt@netscape.com) * Dean Tessman (dean_tessman@hotmail.com) * * Alternatively, the contents of this file may be used under the terms of * either the GNU General Public License Version 2 or later (the "GPL"), or * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), * in which case the provisions of the GPL or the LGPL are applicable instead * of those above. If you wish to allow use of your version of this file only * under the terms of either the GPL or the LGPL, and not to allow others to * use your version of this file under the terms of the MPL, indicate your * decision by deleting the provisions above and replace them with the notice * and other provisions required by the GPL or the LGPL. If you do not delete * the provisions above, a recipient may use your version of this file under * the terms of any one of the MPL, the GPL or the LGPL. * * ***** END LICENSE BLOCK ***** */ /* ===== tree.css ======================================================= == Styles used by the XUL tree element. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: tree ::::: */ tree { border-radius: 5px; margin: 0px; border: 1px solid #9C9CFF; background-color: #000000; color: #FF9F00; } /* ::::: tree focusring ::::: */ .focusring > .tree-stack > .tree-rows > .tree-bodybox { outline: 1px solid transparent; outline-offset: -1px; } .focusring:-moz-focusring > .tree-stack > .tree-rows > .tree-bodybox { outline: 1px dotted #008484; } /* ::::: 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: #008484; color: #FFCF00; } treechildren::-moz-tree-row(selected, focus) { background-color: #008484; color: #FFCF00; } treechildren::-moz-tree-row(current, focus) { border: 1px dotted #008484; } treechildren::-moz-tree-row(selected, current, focus) { border: 1px dotted #FF9F00; } 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-top: 0px; padding-bottom: 0px; -moz-padding-start: 1px; -moz-padding-end: 1px; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text, tree[seltype="text"] > treechildren::-moz-tree-cell-text, treechildren::-moz-tree-cell-text { color: inherit; } 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-top: 0px; padding-bottom: 0px; -moz-padding-start: 1px; -moz-padding-end: 1px; } treechildren::-moz-tree-cell-text(selected) { color: #FFCF00; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { background-color: #008484; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { color: #FFCF00; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { background-color: #008484; color: #FFCF00; } treechildren::-moz-tree-cell-text(selected, focus) { color: #FFCF00; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { background-color: #008484; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { color: #FFCF00; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { background-color: #008484; color: #FFCF00; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { border: 1px dotted #008484; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { border: 1px dotted #008484; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { border: 1px dotted #FF9F00; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { border: 1px dotted #FF9F00; } /* ::::: 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 #9C9CFF; } tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), treechildren::-moz-tree-line(selected) { border: 1px dotted #000000; } /* ::::: tree separator ::::: */ treechildren::-moz-tree-separator { margin-top: 1px; border: 1px solid #9C9CFF; height: 2px; } /* ::::: drop feedback ::::: */ 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) { background-color: #008484; color: #FFCF00; } treechildren::-moz-tree-drop-feedback { background-color: #008484; width: 50px; height: 2px; -moz-margin-start: 5px; } treechildren::-moz-tree-drop-feedback(selected) { background-color: #FFCF00; } /* ::::: 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 solid #FF9F00; background-color: #000000; color: #008484; } treechildren::-moz-tree-progressmeter(progressUndetermined) { list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); background-color: #008484; } treechildren::-moz-tree-cell-text(progressmeter) { margin: 2px 4px; } /* ::::: tree columns ::::: */ treecol { -moz-box-align: center; -moz-box-pack: center; border: 1px solid #FF9F00; background-color: #9C9CFF; color: #000000; padding: 1px 4px; } treecol:first-child { border-top-left-radius: 3px; } tree[hidecolumnpicker] treecol:last-child { border-top-right-radius: 3px; } treecolpicker { border-top-right-radius: 3px; -moz-box-align: center; -moz-box-pack: center; border: 1px solid #FF9F00; background-color: #000000; 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 #FFCF00; padding-top: 2px; padding-bottom: 0px; -moz-padding-start: 5px; -moz-padding-end: 3px; } treecolpicker:hover { background-color: #FFCF00; } treecolpicker:hover:active { border: 1px solid #FFCF00; background-color: #FF9F00; } .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: #008484; color: #000000; } treecol[insertafter="true"]:-moz-locale-dir(ltr), treecol[insertbefore="true"]:-moz-locale-dir(rtl) { border-right: 1px solid #FFCF00; } treecol[insertafter="true"]:-moz-locale-dir(rtl), treecol[insertbefore="true"]:-moz-locale-dir(ltr) { border-left: 1px solid #FFCF00; } treechildren::-moz-tree-column(insertbefore) { -moz-border-start: 1px solid #FFCF00; } treechildren::-moz-tree-column(insertafter) { -moz-border-end: 1px solid #FFCF00; } /* ::::: 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"); } treecolpicker:hover > .tree-columnpicker-icon, treecolpicker:hover:active > .tree-columnpicker-icon { list-style-image: url("chrome://global/skin/tree/columnpicker-hover.gif"); } /* ::::: twisty ::::: */ treechildren::-moz-tree-twisty { -moz-padding-end: 1px; padding-top: 0px; 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 #9C9CFF; border-bottom: 1px solid #9C9CFF; } treechildren.gridlines::-moz-tree-row { border: none; } /* ::::: alternating background ::::: */ treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { background-color: #404000; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { background-color: #008484; color: #000000; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) { background-color: #008484; color: #000000; } /* ::::: 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 #9C9CFF; margin: 0; -moz-margin-start: -4px; padding: 1px; }