X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Ftree.css;h=2469e66c16ff4ab7768f1f4ac50c43c1151a48dd;hp=ebcabf6c61317fe8f09d0aca2a1cad5d72c90bd4;hb=f1d07a656d02e10b65f2abff615574540461aaab;hpb=95c949c5952245a114a14491ace83defff41625a diff --git a/LCARStrek/global/tree.css b/LCARStrek/global/tree.css index ebcabf6c..2469e66c 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,13 @@ tree { /* ::::: tree focusring ::::: */ -/* deactivated, looks too bad for me in LCARStrek .focusring > .tree-stack > .tree-rows > .tree-bodybox { border: 1px solid transparent; } .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { - border-color: #FFCF00; + border: 1px dotted #008484; } -*/ /* ::::: tree rows ::::: */ @@ -101,7 +99,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 +113,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) { @@ -176,18 +180,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 +212,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) { @@ -265,7 +267,7 @@ treecolpicker { } .treecol-image { - padding: 1px; + padding: 0 1px; } .treecol-text { @@ -282,7 +284,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 +300,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 +337,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 +359,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,14 +377,49 @@ 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 { border: none; } +/* ::::: Name (what is that?) ::::: */ + +treechildren::-moz-tree-image(Name) { + -moz-padding-end: 3px; +} + +treechildren::-moz-tree-image(Name) { + margin: 0px 1px; + list-style-image: url("chrome://global/skin/filepicker/file.gif") !important; +} + +treechildren::-moz-tree-image(Name, container) { + list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif") !important; +} + +treechildren::-moz-tree-image(Name, open) { + list-style-image: url("chrome://global/skin/filepicker/dir-open.gif") !important; +} + +treechildren::-moz-tree-image(Name, separator) { + list-style-image: none; + width: 0px !important; + height: 0px !important; + margin: 0px 0px; +} + +treechildren::-moz-tree-cell-text(Name, separator) { + color: #9C9CFF; + margin: 0px 3px; +} + +treechildren::-moz-tree-cell-text(Name, separator, selected, focus) { + color: #000000; +} + /* ::::: alternating background ::::: */ treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { @@ -405,8 +448,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; }