X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Ftree.css;h=f9265dfe73a928ea6ad8c289606b80b4308bb229;hp=2d82b0d8520121c19365b8ba1fe0067d6417172b;hb=8f5d5e2121c5fb6730b4e2d2359ba3eb1cc98ede;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css index 2d82b0d8..f9265dfe 100644 --- a/EarlyBlue/global/tree.css +++ b/EarlyBlue/global/tree.css @@ -1,286 +1,369 @@ -/* ***** 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 - * - * 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 ***** */ +/* 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 widget **********/ - -/** basic tree **************************************************** - * basic tree widget for use in main windows where no decoration - * is required. - **/ -tree - { - border : 1px inset #CCD0DD; - margin : 1px 3px 2px 3px; - background-color : white; - color : #000000; - } - -.tree-container-treerows[dragover="true"][dragdroptree="true"] - { - } - -.tree-container-treerows - { - } - -.tree-container-treerows[dragdroptree="true"] - { - } - -treeitem[selected="true"] > treerow - { - color : white; - background-color : #336699; - } - -treeitem - { - list-style-image : none; - } - -treerow - { - border : 1px solid transparent; - } - -treehead > treeitem > treerow, -treehead > treerow - { - border : none; - } - -treecell - { - padding : 0px 0px 1px 2px; - white-space : nowrap; - } - -tree:focus > treechildren treeitem[selected="true"] > treerow, -treeitem[dd-dropon="true"] > treerow - { - color : white; - background-color : #336699; - } - -tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow - { - border : 1px dotted #9999CC; - } - -.treecell-header-image - { - list-style-image : inherit; - } - -.treecell-header, -.treecell-inset-header, -.treecell-header-image - { - border : 1px outset #CCD0DD; - padding : 0px; - background-color : #CCD0DD; - color : #000000; - } - -.treecell-header-box, -.treecell-header-image-box - { - } - -.treecell-header-box - { - padding : 0px 4px 0px 4px; - } - -.treecell-header-text - { - margin : 0px; - } - -.treecell-header-image-box - { - padding : 0px 1px 0px 1px; - } - -.treecell-header:hover:active, -.treecell-header-image:hover:active, -.treecell-inset-header:hover:active - { - border : 1px inset #CCD0DD; - } - -.treecell-header:hover:active > .treecell-header-box, -.treecell-inset-header:hover:active > .treecell-header-box, -.treecell-header-image:hover:active > .treecell-header-image-box - { - border-top : 1px solid transparent; - border-right : none; - border-bottom : none; - border-left : 1px solid transparent; - } - -.treecell-header:hover:active > .treecell-header-box, -.treecell-inset-header:hover:active > .treecell-header-box - { - padding : 1px 4px 0px 5px; - } - -.treecell-header-image:hover:active > .treecell-header-image-box - { - padding : 1px 1px 0px 2px; - } - -.treecell-image - { - padding : 0px; - } - -/* slimline sidebar treeheaders */ -.treecell-header.treecell-header-sidebarpanel, -.treecell-inset-header.treecell-header-sidebarpanel - { - padding : 0px 1px 1px 3px; - } - -.treecell-header-sidebarpanel > .treecell-header-box - { - } - -/** class="propertylist" ****************************************** - * class for cells in grid-formatted property lists. - **/ - -treecell.propertylist - { - border-right : 1px solid #CCD0DD; - border-bottom : 1px solid #CCD0DD; - padding-left : 5px; - } - -.tree-cell-primary-icon, -.tree-cell-primary-icon-inline-edit-folder - { - list-style-image : inherit; - padding-right : 2px; - } - -.tree-cell-icon - { - list-style-image : inherit; - padding-right : 2px; - } - -.tree-cell-twisty - { - list-style-image : url("chrome://global/skin/twisty-closed.gif"); - -moz-user-focus : ignore; - padding-right : 2px; - } - -.treecell-indent > .tree-cell-primary-icon - { - padding-left : 14px; - } - -treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon - { - padding-left : 0px; - } - -.tree-cell-twisty[disabled="true"] - { - list-style-image : none; - } - -treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty - { - list-style-image : url("chrome://global/skin/twisty-open.gif"); - } - -treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty { - visibility : hidden; -} - -/* tree header with sort direction indicators */ - -.tree-header-sortdirection - { - list-style-image : none; - } - -.sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection - { - list-style-image : url("chrome://global/skin/sortAscending.gif"); - } - -.sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection - { - list-style-image : url("chrome://global/skin/sortDescending.gif"); - } - -/* column selection popup menu icon */ - -.treecell-popup-icon - { - list-style-image : url("chrome://global/skin/columnselect.gif"); - } - -/* Inline Editable Treecells */ - -treerow[mode="inline-edit"] - { - border-top : none !important; - border-bottom : none !important; - background-color : transparent !important; - } - -.inline-edit-cell-box - { - margin-left : 2px; - } - -.inline-edit-cell-box[mode="edit"] - { - margin-left : 0px; - } - -.inline-edit-cell-box[mode="edit"] - { - margin : 0px; - } +/* ::::: 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; +}