X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Ftree.css;h=b7e588c459baa1b5aad4c35b6e7187b4e53d2423;hp=6c43d0f8b6c0543b397cbf5fbba92e50b22e3a44;hb=a12570b9df613c628ada41eac0bf14f642ecf578;hpb=0c7f928db227e5dcf900830c3cf317205c2acd33 diff --git a/LCARStrek/global/tree.css b/LCARStrek/global/tree.css index 6c43d0f8..b7e588c4 100644 --- a/LCARStrek/global/tree.css +++ b/LCARStrek/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 @@ -47,7 +47,7 @@ tree { -moz-border-radius: 5px; - border-spacing: 0px; + border-spacing: 0px; border: 1px solid #9C9CFF; background-color: #000000; color: #FF9F00; @@ -56,11 +56,11 @@ tree { /* ::::: tree focusring ::::: */ /* deactivated, looks too bad for me in LCARStrek -.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-color: #FFCF00; } */ @@ -92,7 +92,8 @@ treechildren::-moz-tree-row(selected, current, focus) { border: 1px dotted #FF9F00; } -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; } @@ -103,12 +104,18 @@ treechildren::-moz-tree-cell { padding: 0px 0px 1px 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; } -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; } @@ -117,7 +124,14 @@ treechildren::-moz-tree-cell-text(selected) { color: #FFCF00; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) { +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; } @@ -126,31 +140,50 @@ treechildren::-moz-tree-cell-text(selected, focus) { color: #FFCF00; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, focus) { +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[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, current, focus) { +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { + border: 1px dotted #FF9F00; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { + border: 1px dotted #FF9F00; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { border: 1px dotted #FF9F00; } -tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, current, focus) { +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { border: 1px dotted #FF9F00; } /* ::::: 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) { border: 1px dotted black; } @@ -159,12 +192,15 @@ treechildren::-moz-tree-line(selected) { /* ::::: tree separator ::::: */ treechildren::-moz-tree-separator { + margin-top: 1px; border: 1px solid #9C9CFF; + 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: #008484; color: #FFCF00; @@ -181,6 +217,16 @@ 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 { @@ -201,7 +247,7 @@ treechildren::-moz-tree-cell-text(progressmeter) { /* ::::: tree columns ::::: */ -treecol { +treecol { -moz-box-align: center; -moz-box-pack: center; border: 1px solid #FF9F00; @@ -210,13 +256,13 @@ treecol { padding: 1px 4px; } -treecolpicker { +treecolpicker { -moz-box-align: center; -moz-box-pack: center; border: 1px solid transparent; background-color: #000000; padding: 1px 0px; -} +} .treecol-image { padding: 1px; @@ -238,7 +284,7 @@ treecol:hover:active { border: 1px solid #FFCF00; padding: 2px 3px 0px 5px; } - + treecolpicker:hover { background-color: #FFCF00; } @@ -280,14 +326,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 ::::: */ @@ -309,7 +356,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"); @@ -329,3 +376,35 @@ treechildren.gridlines::-moz-tree-cell { treechildren.gridlines::-moz-tree-row { border: none; } + +/* ::::: alternating background ::::: */ + +treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { + background-color: #6000CF; +} + +treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { + background-color: #E7ADE7; +} + +treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) { + background-color: #E7ADE7; +} + +/* ::::: 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 #9C9CFF; + margin: 0 0 0 -4px; + padding: 1px; +}