more changes.

themes/modern/global/MANIFEST

@@ -115,3 +115,4 @@ toolbar-menu-arrow.gif
 toolbar.css
 tree.css
 wizardOverlay.css
+tabcontrol.css

themes/modern/global/Makefile.in

@@ -148,6 +148,7 @@ EXPORT_RESOURCE_SAMPLES = \
 	tree.css \
 	wizardOverlay.css \
 	splitter.css \
+	tabcontrol.css \
 	$(NULL)
 
 include $(topsrcdir)/config/rules.mk

themes/modern/global/global.css

@@ -20,6 +20,7 @@
 @import url(chrome://global/skin/menu.css);
 @import url(chrome://global/skin/formatting.css);
 @import url(chrome://global/skin/textfield.css);
+@import url(chrome://global/skin/tabcontrol.css);
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
 @namespace html url("http://www.w3.org/TR/REC-html40"); 
@@ -58,7 +59,7 @@ window[wait-cursor] { cursor: wait !important; }
 window.dialog 
   { 
     background-color      : #CCCCCC;
-    padding               : 5px;
+    padding               : 7px 5px 5px 5px;
   }
 
 /**********************************

themes/modern/global/makefile.win

@@ -122,6 +122,7 @@ install::
 	$(MAKE_INSTALL) sortAscending.gif $(DIST)\bin\chrome\$(THEME)\global\skin
 	$(MAKE_INSTALL) sortDescending.gif $(DIST)\bin\chrome\$(THEME)\global\skin
 	$(MAKE_INSTALL) splitter.css $(DIST)\bin\chrome\$(THEME)\global\skin
+	$(MAKE_INSTALL) tabcontrol.css $(DIST)\bin\chrome\$(THEME)\global\skin
 	$(MAKE_INSTALL) stop.gif $(DIST)\bin\chrome\$(THEME)\global\skin
 	$(MAKE_INSTALL) tab-leftedge.gif $(DIST)\bin\chrome\$(THEME)\global\skin
 	$(MAKE_INSTALL) tab-rightedge.gif $(DIST)\bin\chrome\$(THEME)\global\skin

themes/modern/global/tabcontrol.css

@@ -0,0 +1,89 @@
+/********** Tab widget *********/
+tab { 
+  border-top: 1px solid white;
+  border-bottom: 1px solid #666666;
+  border-left: 1px solid white;
+  border-right: 1px solid #666666;
+  color: black; 
+  padding: 3px 5px 3px 5px;
+}
+
+/* when a tab is selected this is how it should look */
+tab[selected="true"] {
+	font-weight: bold;
+}
+
+tab:hover { 
+  color: #003366;
+  text-decoration: underline;
+}
+
+tab:hover:active { 
+  border-top: 1px solid #666666;
+  border-bottom: 1px solid white;
+  border-left: 1px solid #666666;
+  border-right: 1px solid white;
+  text-decoration: none;
+}
+
+tabbox {
+  padding: 0px 2px 0px 2px;
+}
+
+    /* top tabs */
+tabcontrol[align="vertical"] tabbox[align="horizontal"] tab { 
+  border-bottom: none;
+  -moz-border-radius: 8px 8px 0px 0px;
+  padding-bottom: 1px;
+  margin: 1px 2px 1px 2px;
+}
+
+	/* bottom tabs */
+tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"] tab { 
+  border-top: none;
+  border-bottom: 1px solid #666666;
+  border-left: 1px solid white;
+  border-right: 1px solid #666666;
+  -moz-border-radius: 0px 0px 8px 8px;
+  padding: 1px 5px 3px 5px;
+  margin: 1px 2px 1px 2px;
+}
+
+	/* left tabs */
+tabcontrol[align="horizontal"] tabbox[align="vertical"] tab { 
+  border-right: none;
+  -moz-border-radius: 8px 0px 0px 8px;
+  padding-right: 1px;
+  margin: 2px 1px 2px 1px;
+}
+
+	/* right tabs */
+tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"]  tab { 
+  border-top: 1px solid white;
+  border-bottom: 1px solid #666666;
+  border-left: none;
+  border-right: 1px solid #666666;
+  -moz-border-radius: 0px 8px 8px 0px;
+  padding: 3px 5px 1px 5px;
+  margin: 2px 1px 2px 1px;
+}
+
+tabcontrol { 
+  border: none; 
+}
+
+/* border on bottom only, no padding (used in search) */
+tabpanel.light {
+  border: none;
+  border-bottom: 1px outset #CCCCCC;
+  padding: 0px;
+}
+
+tabpanel {
+  border-top: 1px solid white;
+  border-bottom: 1px solid #666666;
+  border-left: 1px solid white;
+  border-right: 1px solid #666666;
+  padding: 0px;
+}
+

themes/modern/global/tree.css

@@ -111,12 +111,18 @@ treeitem[selected="true"][container="true"][open="true"] > treerow > treecell >
 
 
 /* tree header with sort direction indicators */
-treecell.sortDirectionIndicator[sortDirection="ascending"]  > .tree-header-sortdirection {
+.sortDirectionIndicator[sortDirection="ascending"]  > .tree-header-sortdirection {
   list-style-image: url("chrome://global/skin/sortAscending.gif");
   margin-right: 3px;
 }
 
-treecell.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
+.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
   list-style-image: url("chrome://global/skin/sortDescending.gif");
   margin-right: 3px;
 }
+
+treecol[sortDirection="true"],
+treecol[sortActive="true"]
+  {
+    background-color       : #DFDFDF;
+  }