X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Ftree.css;h=7240c3db7ef4301ac4deb5d5623a6644c3d99697;hp=b7e588c459baa1b5aad4c35b6e7187b4e53d2423;hb=4496cb5df3a340dd775f095234182a7c3b357921;hpb=a12570b9df613c628ada41eac0bf14f642ecf578 diff --git a/LCARStrek/global/tree.css b/LCARStrek/global/tree.css index b7e588c4..7240c3db 100644 --- a/LCARStrek/global/tree.css +++ b/LCARStrek/global/tree.css @@ -37,17 +37,17 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== tree.css ======================================================= == Styles used by the XUL tree element. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* ::::: tree ::::: */ tree { -moz-border-radius: 5px; - border-spacing: 0px; + margin: 0px; border: 1px solid #9C9CFF; background-color: #000000; color: #FF9F00; @@ -55,15 +55,14 @@ tree { /* ::::: tree focusring ::::: */ -/* deactivated, looks too bad for me in LCARStrek .focusring > .tree-stack > .tree-rows > .tree-bodybox { - border: 1px solid transparent; + outline: 1px solid transparent; + outline-offset: -1px; } .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { - border-color: #FFCF00; + outline: 1px dotted #008484; } -*/ /* ::::: tree rows ::::: */ @@ -85,7 +84,7 @@ treechildren::-moz-tree-row(selected, focus) { } treechildren::-moz-tree-row(current, focus) { - border: 1px dotted #FF9F00; + border: 1px dotted #008484; } treechildren::-moz-tree-row(selected, current, focus) { @@ -101,7 +100,10 @@ tree[seltype="text"] > treechildren::-moz-tree-row { /* ::::: tree cells ::::: */ treechildren::-moz-tree-cell { - padding: 0px 0px 1px 2px; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 1px; + -moz-padding-end: 1px; } tree[seltype="cell"] > treechildren::-moz-tree-cell-text, @@ -112,12 +114,15 @@ treechildren::-moz-tree-cell-text { tree[seltype="cell"] > treechildren::-moz-tree-cell { border: 1px solid transparent; - padding: 0px 1px 0px 1px; + padding: 0px 1px; } tree[seltype="text"] > treechildren::-moz-tree-cell-text { border: 1px solid transparent; - padding: 0px 1px 1px 1px; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 1px; + -moz-padding-end: 1px; } treechildren::-moz-tree-cell-text(selected) { @@ -153,11 +158,11 @@ tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { - border: 1px dotted #FF9F00; + border: 1px dotted #008484; } tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { - border: 1px dotted #FF9F00; + border: 1px dotted #008484; } tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { @@ -176,18 +181,16 @@ 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; + border: 1px dotted #9C9CFF; } tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), treechildren::-moz-tree-line(selected) { - border: 1px dotted black; + border: 1px dotted #000000; } -*/ /* ::::: tree separator ::::: */ @@ -210,7 +213,7 @@ treechildren::-moz-tree-drop-feedback { background-color: #008484; width: 50px; height: 2px; - margin-left: 5px; + -moz-margin-start: 5px; } treechildren::-moz-tree-drop-feedback(selected) { @@ -256,16 +259,25 @@ treecol { padding: 1px 4px; } +treecol:first-child { + -moz-border-radius-topleft: 3px; +} + +tree[hidecolumnpicker] treecol:last-child { + -moz-border-radius-topright: 3px; +} + treecolpicker { + -moz-border-radius-topright: 3px; -moz-box-align: center; -moz-box-pack: center; - border: 1px solid transparent; + border: 1px solid #FF9F00; background-color: #000000; padding: 1px 0px; } .treecol-image { - padding: 1px; + padding: 0 1px; } .treecol-text { @@ -282,7 +294,10 @@ treecol[hideheader="true"] { treecol:hover:active { border: 1px solid #FFCF00; - padding: 2px 3px 0px 5px; + padding-top: 2px; + padding-bottom: 0px; + -moz-padding-start: 5px; + -moz-padding-end: 3px; } treecolpicker:hover { @@ -295,7 +310,10 @@ treecolpicker:hover:active { } .treecol-image:hover:active { - padding: 2px 0px 0px 2px; + padding-top: 2px; + padding-bottom: 0px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; } /* ::::: column drag and drop styles ::::: */ @@ -329,12 +347,12 @@ treechildren::-moz-tree-column(insertafter) { width: 8px; /* The image's width is 7 pixels */ } -.treecol-sortdirection[sortDirection="ascending"] { +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] { list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); } -.treecol-sortdirection[sortDirection="descending"] { - list-style-image: url("chrome://global/skin/tree/sort-dsc.gif"); +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] { + list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); } /* ::::: column picker ::::: */ @@ -351,8 +369,8 @@ treecolpicker:hover:active > .tree-columnpicker-icon { /* ::::: twisty ::::: */ treechildren::-moz-tree-twisty { - padding-right: 2px; - padding-top: 1px; + -moz-padding-end: 1px; + padding-top: 0px; width: 11px; /* The image's width is 11 pixels */ list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); } @@ -369,8 +387,8 @@ treechildren::-moz-tree-indentation { /* ::::: gridline style ::::: */ treechildren.gridlines::-moz-tree-cell { - border-right: 1px solid green; - border-bottom: 1px solid green; + border-right: 1px solid #9C9CFF; + border-bottom: 1px solid #9C9CFF; } treechildren.gridlines::-moz-tree-row { @@ -380,15 +398,17 @@ treechildren.gridlines::-moz-tree-row { /* ::::: alternating background ::::: */ treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { - background-color: #6000CF; + background-color: #404000; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { - background-color: #E7ADE7; + background-color: #008484; + color: #000000; } treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) { - background-color: #E7ADE7; + background-color: #008484; + color: #000000; } /* ::::: editable tree ::::: */ @@ -403,8 +423,8 @@ treechildren::-moz-tree-cell-text(selected, editing) { } .tree-input { - -moz-appearance: none; border: 1px solid #9C9CFF; - margin: 0 0 0 -4px; + margin: 0; + -moz-margin-start: -4px; padding: 1px; }