/* ***** 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 mozilla.org code. * * The Initial Developer of the Original Code is * Netscape Communications Corporation. * Portions created by the Initial Developer are Copyright (C) 1998 * the Initial Developer. All Rights Reserved. * * Contributor(s): * Joe Hewitt * * Alternatively, the contents of this file may be used under the terms of * either of 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 outline element. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: tree ::::: */ tree { margin: 0px 4px; border: 2px solid; -moz-border-top-colors: #BEC3D3 #5D616E; -moz-border-right-colors: #F8FAFE #5D616E; -moz-border-bottom-colors: #F8FAFE #5D616E; -moz-border-left-colors: #BEC3D3 #5D616E; background-color: #FFFFFF; color: #000000; } /* ::::: tree focusring ::::: */ .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; } /* ::::: alternating background ::::: */ treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { background-color: #f3f3f3; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected), treechildren::-moz-tree-row(selected) { background-color: #C7D0D9; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus), treechildren::-moz-tree-row(selected, focus) { background-color: #424F63; } treechildren::-moz-tree-row(current, focus) { border-top-color: #000000; border-bottom-color: #000000; } tree[seltype="cell"] > treechildren::-moz-tree-row, tree[seltype="text"] > treechildren::-moz-tree-row { background-color: transparent; border: none; } /* ::::: tree cells ::::: */ treechildren::-moz-tree-cell { padding: 0px 2px 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; } tree[seltype="cell"] > treechildren::-moz-tree-cell { border: 1px solid transparent; padding: 0px 1px 0px 1px; } tree[seltype="text"] > treechildren::-moz-tree-cell-text { border: 1px solid transparent; padding: 0px 1px 1px 1px; } treechildren::-moz-tree-cell-text(selected) { color: #000000; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { background-color: #C7D0D9; color: #000000; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { background-color: #C7D0D9; color: #000000; } treechildren::-moz-tree-cell-text(selected, focus) { color: #FFFFFF; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { background-color: #424F63; } 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: #424F63; color: #FFFFFF; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { border-color: #000000; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { border-color: #000000; } /* ::::: lines connecting cells ::::: */ tree[seltype="cell"] > treechildren::-moz-tree-line, tree[seltype="text"] > treechildren::-moz-tree-line, treechildren::-moz-tree-line { border: 1px dotted #808080; } tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), treechildren::-moz-tree-line(selected, focus) { border: 1px dotted #FFFFFF; } /* ::::: tree separator ::::: */ treechildren::-moz-tree-separator { margin-top: 1px; border-top: 1px solid #7A8490; border-bottom: 1px solid #FEFEFE; 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(primary, dropOn) { background-color: #424F63; color: #FFFFFF; } treechildren::-moz-tree-drop-feedback { background-color: #424F63; width: 50px; height: 2px; margin-left: 5px; } /* ::::: 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: 2px 4px; border: 2px solid; -moz-border-top-colors: #8997A1 #C7D0D9; -moz-border-right-colors: #E0ECF6 #C7D0D9; -moz-border-bottom-colors: #E0ECF6 #C7D0D9; -moz-border-left-colors: #8997A1 #C7D0D9; color: #6B7B8D; } treechildren::-moz-tree-progressmeter(progressUndetermined) { list-style-image: url("chrome://global/skin/progressmeter/progress-busy.gif"); } treechildren::-moz-tree-cell-text(progressmeter) { margin: 2px 4px; } /* ::::: tree columns ::::: */ treecol, treecolpicker { -moz-box-align: center; -moz-box-pack: center; border: 2px solid; -moz-border-top-colors: #EEF0F3 #C7D0D9; -moz-border-right-colors: #63676B #A5ABB0; -moz-border-bottom-colors: #63676B #A5ABB0; -moz-border-left-colors: #EEF0F3 #C7D0D9; background-color: #C7D0D9; color: #000000; padding: 0px 4px; } .treecol-image { padding: 0px 1px; } .treecol-text { margin: 0px !important; } treecol[hideheader="true"] { border: none; padding: 0; } /* ..... internal box ..... */ treecol:hover:active, treecolpicker:hover:active { border-top: 2px solid; border-right: 1px solid; border-bottom: 1px solid; border-left: 2px solid; -moz-border-top-colors: #A5ABB0 #C7D0D9; -moz-border-right-colors: #A5ABB0; -moz-border-bottom-colors: #A5ABB0; -moz-border-left-colors: #A5ABB0 #C7D0D9; padding: 1px 4px 0px 5px; } .treecol-image:hover:active { padding: 1px 1px 0px 2px; } /* ::::: column drag and drop styles ::::: */ treecol[dragging="true"] { -moz-border-top-colors: #000000 #90A1B3 !important; -moz-border-right-colors: #000000 #90A1B3 !important; -moz-border-bottom-colors: #000000 #90A1B3 !important; -moz-border-left-colors: #000000 #90A1B3 !important; background-color: #90A1B3 !important; color: #FFFFFF !important; } treecol[insertafter="true"] { -moz-border-right-colors: #000000 #666666; } treecol[insertbefore="true"] { -moz-border-left-colors: #000000 #666666; } treechildren::-moz-tree-column(insertbefore) { border-left: 1px solid #AAAAAA; } treechildren::-moz-tree-column(insertafter) { border-right: 1px solid #AAAAAA; } /* ::::: sort direction indicator ::::: */ .treecol-sortdirection { list-style-image: none; } .treecol-sortdirection[sortDirection="ascending"] { list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); } .treecol-sortdirection[sortDirection="descending"] { list-style-image: url("chrome://global/skin/tree/sort-dsc.gif"); } /* ::::: column picker ::::: */ .tree-columnpicker-icon { list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); } /* ::::: twisty ::::: */ treechildren::-moz-tree-twisty { padding-right: 2px; width: 10px; /* The image's width is 10 pixels */ list-style-image: url("chrome://global/skin/tree/twisty-clsd.gif"); } treechildren::-moz-tree-twisty(open) { width: 10px; /* The image's width is 10 pixels */ list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); } treechildren::-moz-tree-indentation { width: 16px; } /* ::::: gridline style ::::: */ treechildren.gridlines::-moz-tree-cell { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } treechildren.gridlines::-moz-tree-row { border: none; }