X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Ftree.css;h=557667ce5814fd31f6271ff5d8b01e9e977c750c;hp=5fcb4de0ed5f62f33bf4b6da0afe7e57c05526ed;hb=37cf043b1ac46515826d52fbe2be3cf2317a351e;hpb=f2d093769f95436789f9bd0d9bec33447eaa9d59 diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css index 5fcb4de0..557667ce 100644 --- a/EarlyBlue/global/tree.css +++ b/EarlyBlue/global/tree.css @@ -20,7 +20,7 @@ * * Contributor(s): * Robert Kaiser - * Joe Hewitt (hewitt@netscape.com) + * Joe Hewitt (hewitt@netscape.com) * Dean Tessman (dean_tessman@hotmail.com) * * Alternatively, the contents of this file may be used under the terms of @@ -46,20 +46,20 @@ /* ::::: tree ::::: */ tree { - border-spacing: 0px; + border-spacing: 0px; border: 1px inset #CCD0DD; background-color: #FFFFFF; - color: #000000; + color: #000000; } /* ::::: tree focusring ::::: */ /* deactivated, looks too bad for me in EarlyBlue -.focusring > .tree-rows > .tree-bodybox { +.focusring > .tree-stack > .tree-rows > .tree-bodybox { border: 1px solid transparent; } -.focusring:focus > .tree-rows > .tree-bodybox { +.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { border: 1px solid #000000; } */ @@ -89,7 +89,8 @@ treechildren::-moz-tree-row(selected, current, focus) { border: 1px dotted #666699; } -tree[selstyle="primary"] > treechildren::-moz-tree-row { +tree[seltype="cell"] > treechildren::-moz-tree-row, +tree[seltype="text"] > treechildren::-moz-tree-row { border: none; background-color: transparent; } @@ -100,7 +101,8 @@ treechildren::-moz-tree-cell { padding: 0px 2px 0px 2px; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text, +tree[seltype="cell"] > treechildren::-moz-tree-cell-text, +tree[seltype="text"] > treechildren::-moz-tree-cell-text, treechildren::-moz-tree-cell-text { color: inherit; } @@ -109,12 +111,24 @@ treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary) { +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; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) { +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; } @@ -123,31 +137,50 @@ treechildren::-moz-tree-cell-text(selected, focus) { color: #FFFFFF; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, focus) { +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[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, current, focus) { +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[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, current, focus) { +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[selstyle="primary"] > treechildren::-moz-tree-line, +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 grey; } +tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), treechildren::-moz-tree-line(selected, focus) { border: 1px dotted black; } @@ -156,12 +189,15 @@ treechildren::-moz-tree-line(selected, focus) { /* ::::: tree separator ::::: */ treechildren::-moz-tree-separator { + margin-top: 1px; border: 1px outset #CCD0DD; + height: 2px; } /* ::::: drop feedback ::::: */ -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, dropOn), +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: #336699; color: #FFFFFF; @@ -178,6 +214,16 @@ 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 { @@ -198,7 +244,7 @@ treechildren::-moz-tree-cell-text(progressmeter) { /* ::::: tree columns ::::: */ -treecol { +treecol { -moz-box-align: center; -moz-box-pack: center; border: 1px outset #CCD0DD; @@ -207,7 +253,7 @@ treecol { padding: 1px 4px; } -treecolpicker { +treecolpicker { -moz-box-align: center; -moz-box-pack: center; border: 1px solid transparent; @@ -218,7 +264,7 @@ treecolpicker { .treecol-image { padding: 1px; } - + .treecol-text { margin: 0px !important; padding: 0px !important; @@ -272,14 +318,15 @@ treechildren::-moz-tree-column(insertafter) { .treecol-sortdirection { list-style-image: none; + width: 8px; /* The image's width is 7 pixels */ } -.sortDirectionIndicator[sortDirection="ascending"] .treecol-sortdirection { +.treecol-sortdirection[sortDirection="ascending"] { 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"); +.treecol-sortdirection[sortDirection="descending"] { + list-style-image: url("chrome://global/skin/tree/sort-dsc.gif"); } /* ::::: column picker ::::: */ @@ -296,7 +343,7 @@ treechildren::-moz-tree-twisty { 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"); @@ -316,3 +363,35 @@ treechildren.gridlines::-moz-tree-cell { 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 { + -moz-appearance: none; + border: 1px solid #336699; + margin: 0 0 0 -4px; + padding: 1px; +}