changes to enable outliner! whoo-hoo!

diff --git a/EarlyBlue/global/skin/colorpicker.css b/EarlyBlue/global/skin/colorpicker.css
new file mode 100644 (file)
index 0000000..5420095
--- /dev/null
+++ b/EarlyBlue/global/skin/colorpicker.css
@@ -0,0 +1,46 @@
+/* colorpicker tiles */
+
+.colorpickertile {
+  width                 : 20px;
+  height                : 20px;
+  margin                : 1px;
+  border                : 1px inset #CCCCDD;
+}
+
+.colorpickertile[hover="true"] {
+  border                : 1px solid #FFFFFF;
+}
+
+.colorpickertile[selected="true"] {
+  border                : 1px solid #000000;
+}
+
+/* colorpicker button */
+
+colorpicker[type="button"] {
+  width: 35px;
+  height: 20px;
+  border: 1px outset #CCCCDD;
+}
+
+.colorpicker-button-internal-box {
+  padding: 3px;
+}
+
+.colorpicker-button-colorbox {
+  border: 1px solid #000000;
+}
+
+colorpicker[type="button"]:focus {
+}
+
+colorpicker[type="button"]:focus > .colorpicker-button-internal-box {
+}
+
+colorpicker[type="button"][open="true"] {
+  border: 1px inset #CCCCDD;
+}
+
+colorpicker[type="button"][open="true"] > .colorpicker-button-internal-box {
+}
+

diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css
index 4486996d5ca273ec7c6c5266d7c73a27fbae9678..57bd9d92fa147daa790287cfac55965716f66d65 100755 (executable)
--- a/EarlyBlue/global/skin/global.css
+++ b/EarlyBlue/global/skin/global.css
@@ -16,6 +16,7 @@
 @import url(chrome://global/skin/checkbox.css);
 @import url(chrome://global/skin/radio.css);
 @import url(chrome://global/skin/tree.css);
+@import url(chrome://global/skin/outliner.css);
 @import url(chrome://global/skin/splitter.css);
 @import url(chrome://global/skin/radio.css);
 @import url(chrome://global/skin/menubutton.css);
@@ -24,6 +25,8 @@
 @import url(chrome://global/skin/formatting.css);
 @import url(chrome://global/skin/textfield.css);
 @import url(chrome://global/skin/tabcontrol.css);
+@import url(chrome://global/skin/toolbar.css);
+@import url(chrome://global/skin/colorpicker.css);
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
 @namespace html url("http://www.w3.org/1999/xhtml"); 
@@ -31,6 +34,8 @@
 /**
  * XXX-DEBUG: HTML namespace/titledbutton striping. 
  **/ 
+
+/*
   html|* 
     {
       border              : 1px solid green !important;
@@ -45,6 +50,7 @@
     {
       border              : 1px solid purple !important;
     }
+*/
 
 /**  
  * XUL <window> element
@@ -52,8 +58,10 @@
   window 
     { 
       background-color    : #CCD0DD;
+      color               : black;
       font                : 3mm helvetica,arial,tahoma,sans-serif;
       padding             : 0px;
+      -moz-user-focus     : ignore;
     }
   
   window[wait-cursor] 
@@ -111,17 +119,6 @@
       list-style-image    : url("chrome://global/skin/question-icon.gif");
     }
 
-  statusbarpanel
-    {
-      padding             : 0px 1px 0px 1px;
-      vertical-align      : middle;
-    }
-
-  .statusbar-panel-icon
-    {
-      margin              : 0px 2px 0px 0px;
-    }
-
 /**
  * status-bar
  */
@@ -147,6 +144,18 @@
       background-position : bottom right;
     }
 
+  statusbarpanel
+    {
+      padding             : 0px 1px 0px 1px;
+      vertical-align      : middle;
+    }
+
+  .statusbar-panel-icon
+    {
+      margin              : 0px 2px 0px 0px;
+    }
+
+
 /**
  * html|iframe default sizing 
  **/
@@ -229,24 +238,3 @@
       user-focus          : ignore; 
     } 
 
-
-/* XUL <colorpicker> pieces */
-.colorpickertile 
-  {
-    width                 : 20px;
-    height                : 20px;
-    margin                : 1px;
-    border                : 1px inset #CCD0DD;
-  }
-
-.colorpickertile:hover 
-  {
-    border                : 1px solid #FFFFFF;
-  }
-
-.colorpickertile[selected="true"] 
-  {
-    border                : 1px solid #000000;
-  }
-
-

diff --git a/EarlyBlue/global/skin/linkTree.css b/EarlyBlue/global/skin/linkTree.css
new file mode 100644 (file)
index 0000000..6284e16
--- /dev/null
+++ b/EarlyBlue/global/skin/linkTree.css
@@ -0,0 +1,28 @@
+
+
+/** 
+ * All the properties in this rule are important to avoid having to create 
+ * a special type of tree. This stylesheet can be loaded into a document with
+ * a single tree that is a link tree. Hardly elegant but it's efficient.
+ */  
+treeitem[selected="true"] > treerow
+  {
+    background            : transparent !important;
+    border                : none !important;
+    color                 : WindowText !important;
+  }
+  
+treecell:hover
+  {
+    text-decoration       : underline !important;
+    color                 : #000080 !important;
+    cursor                : pointer;
+  }
+  
+treecell:hover:active
+  {
+    text-decoration       : underline !important;
+    color                 : red !important;
+  } 
+  
+  
\ No newline at end of file

diff --git a/EarlyBlue/global/skin/outliner.css b/EarlyBlue/global/skin/outliner.css
new file mode 100644 (file)
index 0000000..c480223
--- /dev/null
+++ b/EarlyBlue/global/skin/outliner.css
@@ -0,0 +1,147 @@
+
+/******** Outliner widget **********/
+
+/** basic outliner ****************************************************
+ *  basic outliner widget for use in main windows where no decoration
+ *  is required.
+ **/
+
+outliner {
+  background-color: -moz-field;
+  border: none;
+  border-spacing: 0px;
+  color: black;
+}
+
+outlinerbody {
+  background-color: white;
+  color: black;
+  -moz-user-select: none;
+}
+
+outlinerbody:-moz-outliner-row
+{
+  height: 17px;
+/*  border: 1px solid transparent; */
+}
+
+outlinerbody:-moz-outliner-row(current)
+{
+/*  border: 1px dotted #F5DB95; */
+}
+
+outlinerbody:-moz-outliner-row(selected)
+{
+  background-color: #336699;
+  color: white;
+}
+
+/*
+outliner > outlinerbody:-moz-outliner-row(selected)
+{
+  background-color: ThreeDFace;
+  color: ButtonText; 
+}
+
+outliner:focus > outlinerbody:-moz-outliner-row(selected)
+{
+  background-color: Highlight;
+  color: HighlightText;
+}
+*/
+
+outlinerbody:-moz-outliner-cell
+{
+  padding: 0px 0px 1px 2px;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+outlinerbody:-moz-outliner-cell(selected)
+{
+}
+
+outlinerbody:-moz-outliner-cell-text
+{
+  color: inherit;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+outlinerbody:-moz-outliner-cell-text(selected)
+{
+  color: white;  
+}
+
+/*
+outlinerbody:-moz-outliner-line
+{
+  border: 1px dotted grey;
+}
+
+outlinerbody:-moz-outliner-line(selected)
+{
+  border: 1px dotted black;
+}
+*/
+
+outlinercol
+{ 
+  border: #666699;
+  padding: 0px;
+  background-color: #CCCCDD;
+  color: black;
+}
+
+.outlinercol-box,
+.outlinercol-image-box {
+  border: 1px outset #CCCCDD;
+}  
+
+.outlinercol-box {
+  padding: 0px 4px 0px 4px;
+}
+
+.outlinercol-image-box {
+  padding: 0px 1px 0px 1px;
+}
+  
+outlinercol:hover:active
+{
+  border: 1px solid #666699 !important;
+}
+
+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,
+outlinercol:hover:active > .outlinercol-image-box
+{
+  padding: 1px 4px 0px 5px;
+}
+
+/* outliner header with sort direction indicators */
+
+.outlinercol-sortdirection {
+  list-style-image: none;
+}
+
+.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
+  list-style-image: url("chrome://global/skin/sortAscending.gif");
+}
+
+.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
+  list-style-image: url("chrome://global/skin/sortDescending.gif");
+}
+
+.outliner-colpicker-icon
+{
+  list-style-image: url("chrome://global/skin/columnselect.gif");
+}
+

diff --git a/EarlyBlue/messenger/skin/threadPane.css b/EarlyBlue/messenger/skin/threadPane.css
index 6c76babd20121cbb948782f68d29eb0e20d7c44d..a1b19064613d666adcb88c4e3899e6a2be566106 100755 (executable)
--- a/EarlyBlue/messenger/skin/threadPane.css
+++ b/EarlyBlue/messenger/skin/threadPane.css
@@ -18,6 +18,73 @@
  * Rights Reserved.
  */
 
+
+outliner:focus > outliner-bodybox
+{
+  border: 1px solid black;
+}
+
+outliner > outliner-bodybox
+{
+  border: 1px solid transparent;
+}
+
+outlinercol.threadColumnHeader {
+  list-style-image: url("chrome://messenger/skin/unthreadcol.gif");
+}
+
+outlinercol.threadColumnHeader[sortDirection="ascending"]  {
+  list-style-image: url("chrome://messenger/skin/threadcol.gif");
+}
+
+outlinercol.threadColumnHeader[sortDirection="descending"] {
+  list-style-image: url("chrome://messenger/skin/threadcol.gif");
+}
+
+outlinercol.readColumnHeader {
+  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
+}
+
+outlinercol.flagColumnHeader {
+  list-style-image: url("chrome://messenger/skin/flaggedmail.gif");
+}
+
+outlinerbody:-moz-outliner-cell-text(unread)
+{
+  font-weight: bold;
+}
+
+outlinerbody:-moz-outliner-cell-text(offline)
+{
+  font-style: italic;
+}
+
+outlinerbody:-moz-outliner-cell-text(priority-highest)
+{
+  color:red;
+}
+
+outlinerbody:-moz-outliner-cell-text(priority-high)
+{
+  color: rgb(128, 0, 0);
+}
+
+outlinerbody:-moz-outliner-cell-text(priority-lowest)
+{
+  color: rgb(170, 170, 170);
+}
+
+outlinerbody:-moz-outliner-cell-text(priority-low)
+{
+  color: rgb(85, 85, 85);
+}
+
+
+
+/*
+
+
+
 .tree-thread-row.unread-true {
        font-weight: bold;
 }
@@ -136,3 +203,4 @@ treeitem[empty="true"] > treerow > .tree-cell-threadpane-icon > .tree-cell-twist
   }
 
 
+*/