X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Ftree.css;h=b7d6f42706f1ee1a671c5575b4cdfef2c8c46726;hp=a5ee34bbb2ac4924139c63c30f68dbec5b5c78ce;hb=03f6f39c58668f7003fb4baba2da0e0e0f1e5f00;hpb=7aa6555801cc190778098a3847e8fc55e5468771 diff --git a/LCARStrek/global/tree.css b/LCARStrek/global/tree.css index a5ee34bb..b7d6f427 100644 --- a/LCARStrek/global/tree.css +++ b/LCARStrek/global/tree.css @@ -20,6 +20,8 @@ * * Contributor(s): * Robert Kaiser + * Joe Hewitt (hewitt@netscape.com) + * Dean Tessman (dean_tessman@hotmail.com) * * 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 @@ -51,88 +53,154 @@ tree { color: #FF9F00; } +/* ::::: tree focusring ::::: */ + +/* deactivated, looks too bad for me in LCARStrek +.focusring > .tree-rows > .tree-bodybox { + border: 1px solid transparent; +} + +.focusring:focus > .tree-rows > .tree-bodybox { + border-color: #FFCF00; +} +*/ + /* ::::: tree rows ::::: */ -treechildren:-moz-tree-row { +treechildren::-moz-tree-row { border: 1px solid transparent; - height: 18px; + background-color: transparent; + min-height: 18px; + height: 1.3em; } -treechildren:-moz-tree-row(selected) { +treechildren::-moz-tree-row(selected) { background-color: #008484; color: #FFCF00; } -treechildren:-moz-tree-row(selected, focus) { +treechildren::-moz-tree-row(selected, focus) { background-color: #008484; color: #FFCF00; } -treechildren:-moz-tree-row(current, focus) { - border: 1px dotted #008484; +treechildren::-moz-tree-row(current, focus) { + border: 1px dotted #FF9F00; +} + +treechildren::-moz-tree-row(selected, current, focus) { + border: 1px dotted #FF9F00; +} + +tree[selstyle="primary"] > treechildren::-moz-tree-row { + border: none; + background-color: transparent; } /* ::::: tree cells ::::: */ -treechildren:-moz-tree-cell { +treechildren::-moz-tree-cell { padding: 0px 0px 1px 2px; } -treechildren:-moz-tree-cell-text { +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text, +treechildren::-moz-tree-cell-text { color: inherit; +} + +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary) { border: 2px solid transparent; + padding: 0px 1px 1px 1px; } /* -treechildren:-moz-tree-cell-text(selected) { +treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF; } -treechildren:-moz-tree-cell-text(selected, focus) { +tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) { + background-color: #808080; color: #FFFFFF; } + +treechildren::-moz-tree-cell-text(selected, focus) { + color: #FFFFFF; +} + +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) { +treechildren::-moz-tree-line(selected) { border: 1px dotted black; } */ /* ::::: tree separator ::::: */ -treechildren:-moz-tree-separator { +treechildren::-moz-tree-separator { border: 1px solid #9C9CFF; } /* ::::: 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: #008484; color: #FFCF00; } -treechildren:-moz-tree-drop-feedback { +treechildren::-moz-tree-drop-feedback { background-color: #008484; width: 50px; height: 2px; margin-left: 5px; } -treechildren:-moz-tree-drop-feedback(selected) { +treechildren::-moz-tree-drop-feedback(selected) { background-color: #FFCF00; } +/* ::::: tree progress meter ::::: */ + +treechildren::-moz-tree-progressmeter { + margin: 0px 0px; + border: 1px solid #FF9F00; + background-color: #000000; + color: #008484; +} + +treechildren::-moz-tree-progressmeter(progressUndetermined) { + list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); + background-color: #008484; +} + +treechildren::-moz-tree-cell-text(progressmeter) { + margin: 2px 4px; +} + /* ::::: tree columns ::::: */ treecol { @@ -161,6 +229,11 @@ treecolpicker { padding: 0px !important; } +treecol[hideheader="true"] { + border: none; + padding: 0; +} + /* ..... internal box ..... */ treecol:hover:active { @@ -197,11 +270,11 @@ treecol[insertbefore="true"] { border-left: 1px solid #FFCF00; } -treechildren:-moz-tree-column(insertbefore) { +treechildren::-moz-tree-column(insertbefore) { border-left: 1px solid #FFCF00; } -treechildren:-moz-tree-column(insertafter) { +treechildren::-moz-tree-column(insertafter) { border-right: 1px solid #FFCF00; } @@ -221,39 +294,40 @@ treechildren:-moz-tree-column(insertafter) { /* ::::: column picker ::::: */ -.outliner-columnpicker-icon { +.tree-columnpicker-icon { list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); } -treecolpicker:hover > .outliner-columnpicker-icon, -treecolpicker:hover:active > .outliner-columnpicker-icon { +treecolpicker:hover > .tree-columnpicker-icon, +treecolpicker:hover:active > .tree-columnpicker-icon { list-style-image: url("chrome://global/skin/tree/columnpicker-hover.gif"); } /* ::::: twisty ::::: */ -treechildren:-moz-tree-twisty { +treechildren::-moz-tree-twisty { padding-right: 2px; - width: 12px; /* The image's width is 12 pixels */ + 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: 12px; /* The image's width is 12 pixels */ +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: 10px; +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; }