X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Ftree.css;h=557667ce5814fd31f6271ff5d8b01e9e977c750c;hp=3f5fa29dfe1e7e231a8dfe941b8697cb45fd96aa;hb=1d4ddf3044b84fc0b806064b1edcdbaa4c44677b;hpb=020a0978982e6d65abe6cac7e5514a4b4fd94e39 diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css index 3f5fa29d..557667ce 100644 --- a/EarlyBlue/global/tree.css +++ b/EarlyBlue/global/tree.css @@ -55,11 +55,11 @@ tree { /* ::::: 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; } @@ -163,7 +196,8 @@ treechildren::-moz-tree-separator { /* ::::: 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; @@ -343,3 +377,21 @@ treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { 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; +}