From 37479f1a1d50c8089823713773dc9ffb034a30f8 Mon Sep 17 00:00:00 2001 From: "sspitzer%netscape.com" Date: Wed, 3 May 2000 19:31:21 +0000 Subject: [PATCH] more changes. --- themes/modern/global/MANIFEST | 1 + themes/modern/global/Makefile.in | 1 + themes/modern/global/global.css | 3 +- themes/modern/global/makefile.win | 1 + themes/modern/global/tabcontrol.css | 89 +++++++++++++++++++++++++++++ themes/modern/global/tree.css | 10 +++- 6 files changed, 102 insertions(+), 3 deletions(-) create mode 100644 themes/modern/global/tabcontrol.css diff --git a/themes/modern/global/MANIFEST b/themes/modern/global/MANIFEST index cab2bd345837..3563262ffda4 100644 --- a/themes/modern/global/MANIFEST +++ b/themes/modern/global/MANIFEST @@ -115,3 +115,4 @@ toolbar-menu-arrow.gif toolbar.css tree.css wizardOverlay.css +tabcontrol.css diff --git a/themes/modern/global/Makefile.in b/themes/modern/global/Makefile.in index a0f5fe514c12..0258cf44b4b3 100644 --- a/themes/modern/global/Makefile.in +++ b/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 diff --git a/themes/modern/global/global.css b/themes/modern/global/global.css index c99793da987b..74dd9f07b0a3 100644 --- a/themes/modern/global/global.css +++ b/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; } /********************************** diff --git a/themes/modern/global/makefile.win b/themes/modern/global/makefile.win index 47b1b2965ea3..a42872f01c89 100644 --- a/themes/modern/global/makefile.win +++ b/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 diff --git a/themes/modern/global/tabcontrol.css b/themes/modern/global/tabcontrol.css new file mode 100644 index 000000000000..e77af6f02543 --- /dev/null +++ b/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; +} + diff --git a/themes/modern/global/tree.css b/themes/modern/global/tree.css index b0a4533ba2a7..08576bf90492 100644 --- a/themes/modern/global/tree.css +++ b/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; + } \ No newline at end of file