X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Ftree.css;h=ad6140ac4148c0ca2a96262f0344aa3c55b59048;hp=6b51cab714eeb3ed291d5e9986e2ce3fa0751e81;hb=32fb9cf922b000ef9e13f984e6d1a587d2b46582;hpb=459f2165c65b4cee4b68e0e9cf86819f22031333 diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css index 6b51cab7..ad6140ac 100644 --- a/EarlyBlue/global/tree.css +++ b/EarlyBlue/global/tree.css @@ -52,104 +52,139 @@ tree { color: #000000; } +/* ::::: tree focusring ::::: */ + +/* deactivated, looks too bad for me in EarlyBlue +.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 { +tree[selstyle="primary"] > treechildren::-moz-tree-row, +treechildren::-moz-tree-row { border: 1px solid transparent; + background-color: transparent; min-height: 18px; height: 1.3em; } -treechildren:-moz-tree-row(selected) { +treechildren::-moz-tree-row(selected) { background-color: #808080; } -treechildren:-moz-tree-row(selected, focus) { +treechildren::-moz-tree-row(selected, focus) { background-color: #336699; } -treechildren:-moz-tree-row(current, focus) { +treechildren::-moz-tree-row(current, focus) { border: 1px dotted #9999CC; } -treechildren:-moz-tree-row(selected, current, focus) { +treechildren::-moz-tree-row(selected, current, focus) { border: 1px dotted #666699; } /* ::::: tree cells ::::: */ -treechildren:-moz-tree-cell { +treechildren::-moz-tree-cell { padding: 0px 2px 0px 2px; } -treechildren:-moz-tree-cell-text { +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text, +treechildren::-moz-tree-cell-text { color: inherit; border: 2px solid transparent; } -treechildren:-moz-tree-cell-text(selected) { +treechildren::-moz-tree-cell-text(selected) { + color: #FFFFFF; +} + +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) { + background-color: #808080; + color: #FFFFFF; +} + +treechildren::-moz-tree-cell-text(selected, focus) { color: #FFFFFF; } -treechildren:-moz-tree-cell-text(selected, focus) { +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, focus) { + background-color: #336699; color: #FFFFFF; } +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, current, focus) { + border: 1px dotted #9999CC; +} + +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, current, focus) { + border: 1px dotted #666699; +} + /* ::::: lines connecting cells ::::: */ -treechildren:-moz-tree-line { +tree[selstyle="primary"] > treechildren::-moz-tree-line, +treechildren::-moz-tree-line { visibility: hidden; } /* -treechildren:-moz-tree-line { +treechildren::-moz-tree-line { border: 1px dotted grey; } -treechildren:-moz-tree-line(selected, focus) { +treechildren::-moz-tree-line(selected, focus) { border: 1px dotted black; } */ /* ::::: tree separator ::::: */ -treechildren:-moz-tree-separator { +treechildren::-moz-tree-separator { border: 1px outset #CCD0DD; } /* ::::: drop feedback ::::: */ -treechildren:-moz-tree-cell-text(dropOn) { +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, dropOn), +treechildren::-moz-tree-cell-text(dropOn) { background-color: #336699; color: #FFFFFF; } -treechildren:-moz-tree-drop-feedback { +treechildren::-moz-tree-drop-feedback { background-color: #336699; width: 50px; height: 2px; margin-left: 5px; } -treechildren:-moz-tree-drop-feedback(selected) { +treechildren::-moz-tree-drop-feedback(selected) { background-color: #FFFFFF; } /* ::::: tree progress meter ::::: */ -treechildren:-moz-tree-progressmeter { +treechildren::-moz-tree-progressmeter { margin: 0px 0px; border: 1px inset #CCD0DD; background-color: #999999; color: #6699CC; } -treechildren:-moz-tree-progressmeter(progressUndetermined) { +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) { +treechildren::-moz-tree-cell-text(progressmeter) { margin: 2px 4px; } @@ -217,11 +252,11 @@ treecol[insertbefore="true"] { border-left: 1px solid #000000; } -treechildren:-moz-tree-column(insertbefore) { +treechildren::-moz-tree-column(insertbefore) { border-left: 1px solid #000000; } -treechildren:-moz-tree-column(insertafter) { +treechildren::-moz-tree-column(insertafter) { border-right: 1px solid #000000; } @@ -247,29 +282,29 @@ treechildren:-moz-tree-column(insertafter) { /* ::::: twisty ::::: */ -treechildren:-moz-tree-twisty { +treechildren::-moz-tree-twisty { padding-right: 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) { +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 { +treechildren::-moz-tree-indentation { width: 11px; } /* ::::: gridline style ::::: */ -treechildren.gridlines:-moz-tree-cell { +treechildren.gridlines::-moz-tree-cell { border-right: 1px solid green; border-bottom: 1px solid green; } -treechildren.gridlines:-moz-tree-row { +treechildren.gridlines::-moz-tree-row { border: none; -} \ No newline at end of file +}