/* ***** 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 ***** */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ===== tree.css ======================================================= == Styles used by the XUL tree element. ======================================================================= */ /* ::::: tree ::::: */ tree { border-spacing: 0px; border: 1px inset #CCD0DD; background-color: #FFFFFF; color: #000000; } /* ::::: tree focusring ::::: */ /* deactivated, looks too bad for me in EarlyBlue .focusring > .tree-rows > .tree-bodybox { border: 1px solid transparent; } .focusring:focus > .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[selstyle="primary"] > treechildren::-moz-tree-row { border: none; background-color: transparent; } /* ::::: tree cells ::::: */ treechildren::-moz-tree-cell { padding: 0px 2px 0px 2px; } tree[selstyle="primary"] > treechildren::-moz-tree-cell-text, treechildren::-moz-tree-cell-text { color: inherit; } treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF; } tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary) { border: 2px solid transparent; padding: 0px 1px 1px 1px; } tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) { background-color: #808080; color: #FFFFFF; } treechildren::-moz-tree-cell-text(selected, focus) { color: #FFFFFF; } tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, focus) { background-color: #336699; color: #FFFFFF; } tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, current, focus) { border: 1px dotted #9999CC; } tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, current, focus) { border: 1px dotted #666699; } /* ::::: lines connecting cells ::::: */ tree[selstyle="primary"] > treechildren::-moz-tree-line, treechildren::-moz-tree-line { visibility: hidden; } /* treechildren::-moz-tree-line { border: 1px dotted grey; } treechildren::-moz-tree-line(selected, focus) { border: 1px dotted black; } */ /* ::::: tree separator ::::: */ treechildren::-moz-tree-separator { border: 1px outset #CCD0DD; } /* ::::: drop feedback ::::: */ tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, dropOn), treechildren::-moz-tree-cell-text(dropOn) { background-color: #336699; color: #FFFFFF; } treechildren::-moz-tree-drop-feedback { background-color: #336699; width: 50px; height: 2px; margin-left: 5px; } treechildren::-moz-tree-drop-feedback(selected) { background-color: #FFFFFF; } /* ::::: 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: 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: 2px 3px 0px 5px; } treecolpicker:hover:active { border: 1px solid #666699; } .treecol-image:hover:active { padding: 2px 0px 0px 2px; } /* ::::: column drag and drop styles ::::: */ treecol[dragging="true"] { border: 1px solid transparent; background-color: #336699; color: #000000; } treecol[insertafter="true"] { border-right: 1px solid #000000; } treecol[insertbefore="true"] { border-left: 1px solid #000000; } treechildren::-moz-tree-column(insertbefore) { border-left: 1px solid #000000; } treechildren::-moz-tree-column(insertafter) { border-right: 1px solid #000000; } /* ::::: sort direction indicator ::::: */ .treecol-sortdirection { list-style-image: none; } .sortDirectionIndicator[sortDirection="ascending"] .treecol-sortdirection { list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); } .sortDirectionIndicator[sortDirection="descending"] .treecol-sortdirection { 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 { padding-right: 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; }