X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Foutliner.css;h=8c91876730dccde198cd04ff801f29cfeec1b638;hp=2ca9a576f1c37787daf769a8ba4cc4d9405e3537;hb=d36c7ec407cc272dc85e6bfba54df0961303877c;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e

diff --git a/EarlyBlue/global/outliner.css b/EarlyBlue/global/outliner.css
index 2ca9a576..8c918767 100644
--- a/EarlyBlue/global/outliner.css
+++ b/EarlyBlue/global/outliner.css
@@ -37,185 +37,197 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/******** Outliner widget **********/
+/* ===== outliner.css ===================================================
+  == Styles used by the XUL outline element.
+  ======================================================================= */
 
-/** basic outliner ****************************************************
- *  basic outliner widget for use in main windows where no decoration
- *  is required.
- **/
+/* ::::: outliner ::::: */
 
 outliner {
-  border-spacing        : 0px;     
-  border                : none;
-  background-color      : #FFFFFF;
-  color                 : #000000;   
-}
-
-outliner.inset {
+  border-spacing: 0px;     
   border: 1px inset #CCD0DD;
+  background-color: #FFFFFF;
+  color: #000000;   
 }
 
-outlinerbody {
-  -moz-user-select: none;
-}
+/* ::::: outliner rows ::::: */
 
-outlinerbody:-moz-outliner-row {
-  height: 18px;
+outlinerchildren:-moz-outliner-row {
   border: 1px solid transparent;
+  height: 18px;
 }
 
-outlinerbody:-moz-outliner-row(selected) {
+outlinerchildren:-moz-outliner-row(selected) {
   background-color: #808080;
 }
 
-outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
+outlinerchildren:-moz-outliner-row(selected, focus) {
   background-color: #336699;
 }
 
-outlinerbody:-moz-outliner-row(current, focus) {
+outlinerchildren:-moz-outliner-row(current, focus) {
   border: 1px dotted #9999CC;
 }
 
-outlinerbody:-moz-outliner-cell {
-  padding: 0px 0px 1px 2px;
+/* ::::: outliner cells ::::: */
+
+outlinerchildren:-moz-outliner-cell {
+  padding: 0px 2px 0px 2px;
 }
 
-outlinerbody:-moz-outliner-cell-text {
+outlinerchildren:-moz-outliner-cell-text {
   color: inherit;
+  border: 2px solid transparent;
 }
 
-/*
-outlinerbody:-moz-outliner-cell-text(selected) {
-  color: #000000;
+outlinerchildren:-moz-outliner-cell-text(selected) {
+  color: #FFFFFF;
 }
 
-outlinerbody:-moz-outliner-cell-text(selected, focus) {
-  color: #000000;
+outlinerchildren:-moz-outliner-cell-text(selected, focus) {
+  color: #FFFFFF;
+}
+
+/* ::::: lines connecting cells ::::: */
+
+outlinerchildren:-moz-outliner-line {
+  visibility: hidden;
 }
-*/
 
-outlinerbody:-moz-outliner-line {
+/*
+outlinerchildren:-moz-outliner-line {
   border: 1px dotted grey;
 }
 
-outlinerbody:-moz-outliner-line(selected) {
+outlinerchildren:-moz-outliner-line(selected, focus) {
   border: 1px dotted black;
 }
+*/
 
-outlinerbody:-moz-outliner-separator {
+/* ::::: outliner separator ::::: */
+
+outlinerchildren:-moz-outliner-separator {
   border: 1px outset #CCD0DD;
 }
 
-outlinercol { 
-/*  border: 1px solid #666699; */
-  background-color: #CCD0DD;
-  color: black;
+/* ::::: drop feedback ::::: */
+
+outlinerchildren:-moz-outliner-cell-text(dropOn) {
+  background-color: #336699;
+  color: #FFFFFF;
 }
 
-.outlinercol-box,
-.outlinercol-image-box {
+outlinerchildren:-moz-outliner-drop-feedback {
+  background-color: #336699;
+  width: 50px;
+  height: 2px;
+  margin-left: 5px;
+}
+
+outlinerchildren:-moz-outliner-drop-feedback(selected) {
+  background-color: #FFFFFF;
+}
+
+/* ::::: outliner columns ::::: */
+
+outlinercol { 
+  -moz-box-align: center;
+  -moz-box-pack: center;
   border: 1px outset #CCD0DD;
-}  
+  background-color: #CCD0DD;
+  color: #000000;
+  padding: 1px 4px;
+}
 
-.outlinercol-box {
-  padding: 0px 4px;
+outlinercolpicker { 
+  -moz-box-align: center;
+  -moz-box-pack: center;
+  border: 1px solid transparent;
+  background-color: #CCD0DD;
+  padding: 1px 0px;
 }
 
-.outlinercol-image-box {
-  padding: 0px 1px;
+.outlinercol-image {
+  padding: 1px;
 }
   
+.outlinercol-text {
+  margin: 0px !important;
+  padding: 0px !important;
+}
+
+/* ..... internal box ..... */
+
 outlinercol:hover:active {
   border: 1px solid #666699;
+  padding: 2px 3px 0px 5px;
 }
 
-outlinercol:hover:active > .outlinercol-box,
-outlinercol:hover:active > .outlinercol-image-box {
-  border-top: 1px solid transparent;
-  border-right: none;
-  border-bottom: none;
-  border-left: 1px solid transparent;
-}
-  
-outlinercol:hover:active > .outlinercol-box {
-  padding: 1px 4px 0px 5px;
+outlinercolpicker:hover:active {
+  border: 1px solid #666699;
 }
 
-outlinercol:hover:active > .outlinercol-image-box {
-  padding: 1px 1px 0px 2px;
+.outlinercol-image:hover:active {
+  padding: 2px 0px 0px 2px;
 }
 
-/* column drag and drop styles */
+/* ::::: column drag and drop styles ::::: */
 
 outlinercol[dragging="true"] {
-/*  border: 1px solid ThreeDDarkShadow; */
+  border: 1px solid transparent;
   background-color: #336699;
   color: #000000;
 }
 
-outlinercol[dragging="true"] > .outlinercol-box {
-  border: 1px solid transparent;
-}
-
 outlinercol[insertafter="true"] {
-/*  border-right: 1px solid #000000; */
-}
-
-outlinercol[insertafter="true"] > .outlinercol-box {
   border-right: 1px solid #000000;
 }
 
 outlinercol[insertbefore="true"] {
-/*  border-left: 1px solid #000000; */
-}
-
-outlinercol[insertbefore="true"] > .outlinercol-box {
   border-left: 1px solid #000000;
 }
 
-outlinerbody:-moz-outliner-column(insertbefore) {
+outlinerchildren:-moz-outliner-column(insertbefore) {
   border-left: 1px solid #000000;
 }
 
-outlinerbody:-moz-outliner-column(insertafter) {
+outlinerchildren:-moz-outliner-column(insertafter) {
   border-right: 1px solid #000000;
 }
 
-/* outliner header with sort direction indicators */
+/* ::::: sort direction indicator :::::  */
 
 .outlinercol-sortdirection {
   list-style-image: none;
 }
 
-.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
-  list-style-image: url("chrome://global/skin/sortAscending.gif");
+.sortDirectionIndicator[sortDirection="ascending"] .outlinercol-sortdirection {
+  list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
 }
 
-.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
-  list-style-image: url("chrome://global/skin/sortDescending.gif");
+.sortDirectionIndicator[sortDirection="descending"] .outlinercol-sortdirection {
+  list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
 }
 
-.outliner-colpicker-icon
-{
-  list-style-image: url("chrome://global/skin/columnselect.gif");
+/* ::::: column picker :::::  */
+
+.outliner-columnpicker-icon {
+  list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
 }
 
-/* twisty rules */
-outlinerbody:-moz-outliner-twisty {
+/* ::::: twisty :::::  */
+
+outlinerchildren:-moz-outliner-twisty {
   padding-right: 2px;
   width: 12px; /* The image's width is 12 pixels */
-  list-style-image: url("chrome://global/skin/twisty-closed.gif");
+  list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 }
   
-outlinerbody:-moz-outliner-twisty(open) {
+outlinerchildren:-moz-outliner-twisty(open) {
   width: 12px; /* The image's width is 12 pixels */
-  list-style-image: url("chrome://global/skin/twisty-open.gif");
+  list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 }
 
-outlinerbody:-moz-outliner-indentation {
-  width: 16px;
-}
-
-.outlinercol-text {
-   margin: 0px;
+outlinerchildren:-moz-outliner-indentation {
+  width: 10px;
 }