From b2d3bcc612eef4eea8a45a1816bce15d4a4a854b Mon Sep 17 00:00:00 2001 From: robert Date: Wed, 16 May 2001 16:14:54 +0000 Subject: [PATCH] bug 77 css scoping - making skin work again --- EarlyBlue/communicator/skin/button.css | 3 +- EarlyBlue/communicator/skin/menubutton.css | 5 +- EarlyBlue/global/skin/box.css | 52 ---- EarlyBlue/global/skin/button.css | 8 +- EarlyBlue/global/skin/buttonBindings.xml | 9 +- EarlyBlue/global/skin/classicBindings.xml | 26 +- EarlyBlue/global/skin/global.css | 177 ++++++----- EarlyBlue/global/skin/menu.css | 113 +++---- EarlyBlue/global/skin/menulist.css | 286 ++++++++---------- EarlyBlue/global/skin/menulistBindings.xml | 10 +- EarlyBlue/global/skin/popup.css | 44 +++ EarlyBlue/global/skin/progressmeter.css | 75 +++++ EarlyBlue/global/skin/scrollbox.css | 27 ++ .../skin/{textfield.css => textbox.css} | 0 EarlyBlue/global/skin/titledbox.css | 18 ++ EarlyBlue/global/skin/toolbar.css | 13 +- EarlyBlue/global/skin/tree.css | 27 -- EarlyBlue/global/skin/wizard.css | 39 +++ 18 files changed, 528 insertions(+), 404 deletions(-) delete mode 100755 EarlyBlue/global/skin/box.css create mode 100644 EarlyBlue/global/skin/popup.css create mode 100644 EarlyBlue/global/skin/progressmeter.css create mode 100644 EarlyBlue/global/skin/scrollbox.css rename EarlyBlue/global/skin/{textfield.css => textbox.css} (100%) create mode 100644 EarlyBlue/global/skin/titledbox.css create mode 100644 EarlyBlue/global/skin/wizard.css diff --git a/EarlyBlue/communicator/skin/button.css b/EarlyBlue/communicator/skin/button.css index 5f7bf9e9..a0df0b6a 100755 --- a/EarlyBlue/communicator/skin/button.css +++ b/EarlyBlue/communicator/skin/button.css @@ -269,7 +269,7 @@ menubutton.button-toolbar-4 { - -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right"); + -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-single-right"); } .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon @@ -287,3 +287,4 @@ menubutton.button-toolbar-4 padding : 0px; padding-left : 2px; } + diff --git a/EarlyBlue/communicator/skin/menubutton.css b/EarlyBlue/communicator/skin/menubutton.css index ed0c2c40..30eab187 100755 --- a/EarlyBlue/communicator/skin/menubutton.css +++ b/EarlyBlue/communicator/skin/menubutton.css @@ -72,13 +72,13 @@ .menubutton-dual.top { - -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex"); + -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex"); /* -moz-user-focus : ignore !important; */ } .menubutton-dual.left { - -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left"); + -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left"); /* -moz-user-focus : none !important; */ } @@ -178,3 +178,4 @@ menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker + diff --git a/EarlyBlue/global/skin/box.css b/EarlyBlue/global/skin/box.css deleted file mode 100755 index 7c62b961..00000000 --- a/EarlyBlue/global/skin/box.css +++ /dev/null @@ -1,52 +0,0 @@ - -titledbox - { - border : 2px groove #CCD0DD; - padding : 7px !important; - margin : 5px; - } -label - { - margin : 0px 40px 2px 6px; - padding : 0px 3px 0px 3px; - background-color : ThreeDFace; - } - -.titledbox-body - { - padding : inherit; - } - -/** box formatting **/ - box[autostretch="never"] - { - vertical-align : middle; - } - - box[autostretch="never"][valign="top"] - { - vertical-align : top; - } - - box[autostretch="never"][valign="bottom"] - { - vertical-align : bottom; - } - - box[autostretch="never"][halign="center"] - { - text-align : center; - } - - box[autostretch="never"][halign="right"] - { - text-align : right; - } - - row[autostretch="never"] - { - vertical-align : middle; - } - - - diff --git a/EarlyBlue/global/skin/button.css b/EarlyBlue/global/skin/button.css index 62b31d01..6ff34999 100755 --- a/EarlyBlue/global/skin/button.css +++ b/EarlyBlue/global/skin/button.css @@ -68,13 +68,8 @@ /* outer frame */ button[default] { - /* XXX this is a HACK until 'orient' is supported in CSS! XXX */ - /* strictly speaking not necessary because default for buttonright is - * to lay image out horizontally, but leaving here as a reminder to - * implement this feature */ - -moz-binding : url(chrome://global/content/xulBindings.xml#buttonright); font-weight : bold; - list-style-image : url("chrome://global/skin/return.gif"); + list-style-image : url("chrome://global/skin/return.gif"); } button[default][disabled="true"] @@ -158,3 +153,4 @@ + diff --git a/EarlyBlue/global/skin/buttonBindings.xml b/EarlyBlue/global/skin/buttonBindings.xml index 24292539..732c65b1 100755 --- a/EarlyBlue/global/skin/buttonBindings.xml +++ b/EarlyBlue/global/skin/buttonBindings.xml @@ -4,7 +4,7 @@ xmlns="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ - + @@ -43,7 +43,7 @@ - + @@ -57,3 +57,4 @@ + diff --git a/EarlyBlue/global/skin/classicBindings.xml b/EarlyBlue/global/skin/classicBindings.xml index bbe3bf08..68cf3a15 100755 --- a/EarlyBlue/global/skin/classicBindings.xml +++ b/EarlyBlue/global/skin/classicBindings.xml @@ -13,7 +13,7 @@ - + @@ -22,7 +22,17 @@ - + + + + + + + + + + + @@ -38,7 +48,7 @@ - + @@ -54,7 +64,7 @@ - + @@ -62,7 +72,7 @@ - + @@ -80,13 +90,13 @@ - + - + @@ -104,3 +114,5 @@ + + diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css index 57bd9d92..78a0bc91 100755 --- a/EarlyBlue/global/skin/global.css +++ b/EarlyBlue/global/skin/global.css @@ -11,6 +11,8 @@ /* all localizable skin settings shall live here */ @import url(chrome://global/locale/intl.css); +/* this seems to be excluded now! let's see what happens... + @import url(chrome://global/skin/box.css); @import url(chrome://global/skin/button.css); @import url(chrome://global/skin/checkbox.css); @@ -27,9 +29,109 @@ @import url(chrome://global/skin/tabcontrol.css); @import url(chrome://global/skin/toolbar.css); @import url(chrome://global/skin/colorpicker.css); +*/ + + +@import url("chrome://global/skin/formatting.css"); +/* +@import url("chrome://global/content/bindings/outliner.css"); +@import url("chrome://global/content/bindings/popup.css"); +@import url("chrome://global/content/bindings/scrollbar.css"); +@import url("chrome://global/content/bindings/tree.css"); + +@import url("chrome://global/skin/button.css"); +@import url("chrome://global/skin/checkbox.css"); +@import url("chrome://global/skin/colorpicker.css"); +@import url("chrome://global/skin/menu.css"); +@import url("chrome://global/skin/menubutton.css"); +@import url("chrome://global/skin/menulist.css"); +@import url("chrome://global/skin/outliner.css"); +@import url("chrome://global/skin/popup.css"); +@import url("chrome://global/skin/progressmeter.css"); +@import url("chrome://global/skin/radio.css"); +@import url("chrome://global/skin/scrollbox.css"); +@import url("chrome://global/skin/splitter.css"); +@import url("chrome://global/skin/tabcontrol.css"); +@import url("chrome://global/skin/textbox.css"); +@import url("chrome://global/skin/toolbar.css"); +@import url("chrome://global/skin/tree.css"); +*/ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@namespace html url("http://www.w3.org/1999/xhtml"); + + +/** + * bindings + **/ + +/* + + button, button.left + { + -moz-binding : url("chrome://global/skin/buttonBindings.xml#buttonleft"); + } + + checkbox + { + -moz-binding : url("chrome://global/skin/classicBindings.xml#checkbox"); + } + + menulist + { + -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist"); + } + + menulist[editable="true"] + { + -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist-editable") !important; + } + + menulist > menupopup, + .menulist-menupopup + { + -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulistpopup"); + } + + .menulist-compact + { + -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist-compact"); + } + + radio + { + -moz-binding : url("chrome://global/skin/classicBindings.xml#radio"); + } + + grippy, grippy[collapse="before"] + { + -moz-binding : url("chrome://global/skin/classicBindings.xml#grippy"); + } + + window[orient="vertical"] > splitter, + box[orient="vertical"] > splitter, + window[align="vertical"] > splitter, + box[align="vertical"] > splitter, + vbox > splitter + { + -moz-binding : url("chrome://global/skin/classicBindings.xml#splitter-hack"); + } + + tabs + { + -moz-binding: url("chrome://global/skin/tabBindings.xml#tabs"); + } + + toolbargrippy + { + -moz-binding : url("chrome://global/skin/classicBindings.xml#toolbargrippy"); + } + + toolbargrippy[tbgrippy-collapsed="true"] + { + -moz-binding : url("chrome://global/skin/classicBindings.xml#toolbargrippy-collapsed"); + } +*/ + /** * XXX-DEBUG: HTML namespace/titledbutton striping. @@ -157,9 +259,9 @@ /** - * html|iframe default sizing + * iframe default sizing **/ - html|iframe + iframe { min-width : 10px; min-height : 10px; @@ -168,73 +270,12 @@ border : none; } -/** - * XUL - **/ - progressmeter[mode="undetermined"] > .progressmeter-internal-box - { - background-image : url(chrome://global/skin/progressmeter-busy.gif); - } - - progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar { - visibility: collapse; - } - .progress-text - { - font-weight : normal !important; - } +.tooltip-label + { + margin : 0px; + } - progressmeter - { - min-width : 100px; - margin : 0px 4px 0px 4px; - border : 1px inset #CCD0DD; - } - - progressmeter > .progressmeter-internal-box - { - border : 1px solid #000000; - } - -/* progress indicators */ - .progress-bar - { - background-color : #6699cc; - border-right : 1px outset #6699cc; - } - .progress-remainder - { - background-color : #999999; - } - .progressmeter-statusbar - { - border : 1px solid #9999CC; - margin : 1px 4px 1px 4px; - } - - .progressmeter-statusbar > .progressmeter-internal-box - { - border : none; - padding : 1px; - } - - .progressmeter-progressbar[statusbar="true"] > .progress-bar - { - background-color : #9999CC; - border-right : none; - } - - .progressmeter-progressbar[statusbar="true"] > .progress-remainder - { - background-color : #CCD0DD; - } - -/** XUL element **/ - scrollbar - { - user-focus : ignore; - } diff --git a/EarlyBlue/global/skin/menu.css b/EarlyBlue/global/skin/menu.css index 25515ed9..b7a1ff82 100755 --- a/EarlyBlue/global/skin/menu.css +++ b/EarlyBlue/global/skin/menu.css @@ -1,16 +1,3 @@ - -menubar - { - background-color : #CCD0DD; - border-bottom : 1px solid #9999CC; - border-right : 1px solid #9999CC; - } - -menubar > toolbargrippy - { -/* display : none; */ - } - menu, menuitem { color : #000000; @@ -29,24 +16,6 @@ menuitem[menuactive="true"][disabled="true"] color : #999999; } -/* XXX menupopups have to have a color explicitly specified. this is a bug */ -menupopup, popup - { - background-color : #CCD0DD; - border : 1px outset #CCD0DD; - } - -menupopup > menu, popup > menu, -menupopup > menuitem, popup > menuitem - { - max-width : 250px; - min-width : 125px; - margin-left : 0px; - margin-right : 0px; - margin-top : 0px; - margin-bottom : 0px; - } - menuseparator { border : 1px inset #CCD0DD; @@ -64,6 +33,7 @@ menupopup > menu, menupopup > menuitem, popup > menu, popup > menuitem { padding : 2px; + max-width : 42em; /* should move to content */ } menubar > menu[menuactive="true"] @@ -171,44 +141,47 @@ menuitem[checked="true"][menuactive="true"] list-style-image : url("chrome://global/skin/menu-arrow-hover.gif"); } -/** Tooltips (tooltip element) - * class="tooltip" - **/ -.tooltip - { - background-color : #FFFFCC; - border : 1px outset #FFFFCC; - color : #000000; - font : smaller; - padding : 3px; - } - -/* .tooltip html */ -html#TOOLTIP-tooltipText - { - padding : 0px; - margin : 0px; - } - -/* - * Autorepeatbutton - */ -.autorepeatbutton-up { - list-style-image: url("chrome://global/skin/scroll-up.gif") -} - -.autorepeatbutton-down { - list-style-image: url("chrome://global/skin/scroll-down.gif") -} - -autorepeatbutton { - text-align: center; - vertical-align: middle; -} - -autorepeatbutton:hover { - background-color: #336699; -} - +/* ::::: menu/menuitems in a menulist popup ::::: */ + + menulist > menupopup > menuitem + { + min-width: 0px; + max-width: none; + padding: 0px 4px !important; + } + + menulist > menupopup > menuitem > .menu-iconic-accel, + menulist > menupopup > menuitem > .menu-accel, + menulist > menupopup > menuitem > .menu-text, + menulist > menupopup > menuitem > .menu-iconic-text, + menulist > menupopup > menu > .menu-text, + menulist > menupopup > menu > .menu-accel, + menulist > menupopup > menu > .menu-iconic-text, + menulist > menupopup > menu > .menu-iconic-accel + { + margin-top : 0px; + margin-bottom : 0px; + } + + + menulist > menupopup > menuitem > .menu-iconic-left, + menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"] + { + list-style-image : inherit; + width : 0px; + border : none; + } + + menulist > menupopup > menuitem[menuactive="true"][selected="true"] + { + list-style-image : url(chrome://global/skin/menulist-select-dot-active.gif); + margin-right : 3px; + } + + menulist > menupopup > menuitem[selected="true"] + { + list-style-image : url(chrome://global/skin/menulist-select-dot.gif); + margin-right : 3px; + } diff --git a/EarlyBlue/global/skin/menulist.css b/EarlyBlue/global/skin/menulist.css index 94f1d434..2cfdea87 100755 --- a/EarlyBlue/global/skin/menulist.css +++ b/EarlyBlue/global/skin/menulist.css @@ -1,160 +1,126 @@ - -/* NEW WIDGET LANDING: popup */ - -/* outer frame */ - menulist - { - padding : 0px; - border : none; - background-color : #CCCCCC; - margin : 1px 5px 2px 5px; - } - - menulist[menuactive="true"], - menulist:hover - { - border : none; - } - - menulist[open="true"] - { - border : none; - } - - menulist[disabled="true"] - { - border : none; - color : #9999CC; - } - -/* icon display frame */ - menulist > .menu-icon - { - border-left : 1px inset #CCD0DD; - border-top : 1px inset #CCD0DD; - border-bottom : 1px inset #CCD0DD; - padding : 2px 0px 2px 0px; - } - - menulist[open="true"] > .menu-icon - { - border-left : 1px inset #CCD0DD; - border-top : 1px inset #CCD0DD; - border-bottom : 1px inset #CCD0DD; - padding : 2px 0px 2px 0px; - } - -/* text display frame */ - menulist > .menu-text - { - padding : 2px 4px 2px 4px; - border-top : 1px inset #CCD0DD; - border-bottom : 1px inset #CCD0DD; - border-right : 1px inset #CCD0DD; - margin-right : 0px; - } - - menulist[open="true"] > .menu-text - { - border-top : 1px inset #CCD0DD; - border-bottom : 1px inset #CCD0DD; - border-right : 1px inset #CCD0DD; - padding : 2px 4px 2px 4px; - } - -/* drop marker display frame */ - menulist > .menu-dropmarker - { - border : 1px outset #CCD0DD; - border-left : none; - list-style-image : url("chrome://global/skin/scroll-down.gif"); - padding : 2px; - } - - menulist[disabled="true"] > .menu-dropmarker - { - list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); - } - - menulist[open="true"] > .menu-dropmarker - { - border : 1px inset #CCD0DD; - padding : 3px 2px 1px 2px; - } - -/** rules for EDITABLE menulists (aka 'comboboxes'). - **/ - -/* outer frame */ - menulist[editable="true"] - { - padding : 0px; - } - -/* icon display frame */ - menulist[editable="true"] > .menu-icon - { - list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); - background-color : white; - padding : 1px; - border-left : 1px inset #CCD0DD; - border-top : 1px inset #CCD0DD; - border-right : none; - border-bottom : 1px inset #CCD0DD; - } - -/* text display frame */ - menulist[editable="true"] > .menu-text - { - border-left : none; - border-top : 1px inset #CCD0DD; - border-right : 1px inset #CCD0DD; - border-bottom : 1px inset #CCD0DD; - margin : 0px 2px 0px 0px; - } - -/* drop marker display frame */ - menulist[editable="true"] > .menu-dropmarker - { - border : 1px outset #CCD0DD; - } - - menulist[editable="true"][open="true"] > .menu-dropmarker - { - border : 1px inset #CCD0DD; - } - -/* rules for popups and separators associated with menulists */ - menulist > menupopup - { - border : 1px outset #CCD0DDk; - min-width : 0px; - padding : 0px; - } - - menulist > menupopup > menuseparator - { - border-bottom : 1px inset #CCD0DD; - } - - menulist > menupopup > menuitem - { - padding : 0px; - min-width: 0px; - max-width: auto; - } - - menulist > menupopup > menuitem > .menu-left - { - width : 13px; - } - - menulist > menupopup > menuitem[selected="true"] > .menu-left - { - list-style-image : url(chrome://global/skin/menu-check.gif); - } - - menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left - { - list-style-image : url(chrome://global/skin/menu-check-hover.gif); - } + +/* NEW WIDGET LANDING: popup */ + +/* outer frame */ + menulist + { + padding : 0px; + border : none; + background-color : #CCCCCC; + margin : 1px 5px 2px 5px; + } + + menulist[menuactive="true"], + menulist:hover + { + border : none; + } + + menulist[open="true"] + { + border : none; + } + + menulist[disabled="true"] + { + border : none; + color : #9999CC; + } + +/* icon display frame */ + menulist > .menu-icon + { + border-left : 1px inset #CCD0DD; + border-top : 1px inset #CCD0DD; + border-bottom : 1px inset #CCD0DD; + padding : 2px 0px 2px 0px; + } + + menulist[open="true"] > .menu-icon + { + border-left : 1px inset #CCD0DD; + border-top : 1px inset #CCD0DD; + border-bottom : 1px inset #CCD0DD; + padding : 2px 0px 2px 0px; + } + +/* text display frame */ + menulist > .menu-text + { + padding : 2px 4px 2px 4px; + border-top : 1px inset #CCD0DD; + border-bottom : 1px inset #CCD0DD; + border-right : 1px inset #CCD0DD; + margin-right : 0px; + } + + menulist[open="true"] > .menu-text + { + border-top : 1px inset #CCD0DD; + border-bottom : 1px inset #CCD0DD; + border-right : 1px inset #CCD0DD; + padding : 2px 4px 2px 4px; + } + +/* drop marker display frame */ + menulist > .menu-dropmarker + { + border : 1px outset #CCD0DD; + border-left : none; + list-style-image : url("chrome://global/skin/scroll-down.gif"); + padding : 2px; + } + + menulist[disabled="true"] > .menu-dropmarker + { + list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); + } + + menulist[open="true"] > .menu-dropmarker + { + border : 1px inset #CCD0DD; + padding : 3px 2px 1px 2px; + } + +/** rules for EDITABLE menulists (aka 'comboboxes'). + **/ + +/* outer frame */ + menulist[editable="true"] + { + padding : 0px; + } + +/* icon display frame */ + menulist[editable="true"] > .menu-icon + { + list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + background-color : white; + padding : 1px; + border-left : 1px inset #CCD0DD; + border-top : 1px inset #CCD0DD; + border-right : none; + border-bottom : 1px inset #CCD0DD; + } + +/* text display frame */ + menulist[editable="true"] > .menu-text + { + border-left : none; + border-top : 1px inset #CCD0DD; + border-right : 1px inset #CCD0DD; + border-bottom : 1px inset #CCD0DD; + margin : 0px 2px 0px 0px; + } + +/* drop marker display frame */ + menulist[editable="true"] > .menu-dropmarker + { + border : 1px outset #CCD0DD; + } + + menulist[editable="true"][open="true"] > .menu-dropmarker + { + border : 1px inset #CCD0DD; + } + diff --git a/EarlyBlue/global/skin/menulistBindings.xml b/EarlyBlue/global/skin/menulistBindings.xml index 912de302..d3fecce9 100755 --- a/EarlyBlue/global/skin/menulistBindings.xml +++ b/EarlyBlue/global/skin/menulistBindings.xml @@ -5,11 +5,7 @@ xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - - + @@ -25,7 +21,7 @@ - + @@ -34,3 +30,5 @@ + + diff --git a/EarlyBlue/global/skin/popup.css b/EarlyBlue/global/skin/popup.css new file mode 100644 index 00000000..d0711fbb --- /dev/null +++ b/EarlyBlue/global/skin/popup.css @@ -0,0 +1,44 @@ +menupopup, popup + { + /* DON'T DELETE. Removes disappearance of scrollbars + * in content pane when window is made smaller. + * Talk to evaughan@netscape.com for details. + */ + min-width : 1px; + background-color : #CCD0DD; + border : 1px outset #CCD0DD; + } + +.popup-internal-box + { + padding : 1px; + } + +/** Tooltips (tooltip element) + * class="tooltip" + **/ +.tooltip + { + background-color : #FFFFCC; + border : 1px outset #FFFFCC; + color : #000000; + font : smaller; + padding : 3px; + } + +.tooltip > .popup-internal-box + { + padding : 0px; + margin : 0px; + } + +/* rules for popups associated with menulists */ + + menulist > menupopup, + .menulist-menupopup + { + border : 1px solid #666699; + min-width : 0px; + background-color : white; + } + diff --git a/EarlyBlue/global/skin/progressmeter.css b/EarlyBlue/global/skin/progressmeter.css new file mode 100644 index 00000000..5999770d --- /dev/null +++ b/EarlyBlue/global/skin/progressmeter.css @@ -0,0 +1,75 @@ +/** + * XUL + **/ + progressmeter[mode="undetermined"] > .progressmeter-internal-box + { + background-image : url(chrome://global/skin/progressmeter-busy.gif); + } + + progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar + { + visibility : collapse; + } + + progressmeter + { + min-width : 100px; + margin : 0px 4px 0px 4px; + border : 1px inset #CCD0DD; + background-color : #999999; + } + + .progressmeter-statusbar + { + border : 1px solid #9999CC; + margin : 1px 4px 1px 4px; + background-color : #CCD0DD; + } + + .progress-text + { + visibility : collapse; + } + + .progressmeter-internal-box + { + border : 1px solid #CCD0DD; + padding : 1px; + } + + .progressmeter-inset + { + margin : 1px 5px 2px 5px; + } + + .progressmeter-inset > .progressmeter-internal-box + { + border : 1px inset #CCD0DD; + } + +/* progress indicators */ + .progress-bar + { + background-color : #6699cc; + } + +/* + .progress-remainder + { + background-color : #999999; + } +*/ + + .progressmeter-progressbar[statusbar="true"] > .progress-bar + { + background-color : #9999CC; + border-right : none; + } + +/* + .progressmeter-progressbar[statusbar="true"] > .progress-remainder + { + background-color : #CCD0DD; + } +*/ + diff --git a/EarlyBlue/global/skin/scrollbox.css b/EarlyBlue/global/skin/scrollbox.css new file mode 100644 index 00000000..e704af7e --- /dev/null +++ b/EarlyBlue/global/skin/scrollbox.css @@ -0,0 +1,27 @@ +/* + * Autorepeatbutton + */ +.autorepeatbutton-up { + list-style-image : url("chrome://global/skin/scroll-up.gif") +} + +.autorepeatbutton-down { + list-style-image : url("chrome://global/skin/scroll-down.gif") +} + +autorepeatbutton { + margin : 1px 2px 2px 1px; + border : 1px solid transparent; + padding : 1px; + height : 1em; + text-align : center; + vertical-align : middle; +} + +autorepeatbutton:hover { + background-color : #336699; + margin : 1px; + border : 1px inset #CCD0DD; + padding : 2px 1px 1px 2px; +} + diff --git a/EarlyBlue/global/skin/textfield.css b/EarlyBlue/global/skin/textbox.css similarity index 100% rename from EarlyBlue/global/skin/textfield.css rename to EarlyBlue/global/skin/textbox.css diff --git a/EarlyBlue/global/skin/titledbox.css b/EarlyBlue/global/skin/titledbox.css new file mode 100644 index 00000000..98945cc0 --- /dev/null +++ b/EarlyBlue/global/skin/titledbox.css @@ -0,0 +1,18 @@ +titledbox + { + border : 2px groove #CCD0DD; + padding : 7px !important; + margin : 5px; + } +label + { + margin : 0px 40px 2px 6px; + padding : 0px 3px 0px 3px; + background-color : ThreeDFace; + } + +.titledbox-body + { + padding : inherit; + } + diff --git a/EarlyBlue/global/skin/toolbar.css b/EarlyBlue/global/skin/toolbar.css index c601ad6f..773ca726 100755 --- a/EarlyBlue/global/skin/toolbar.css +++ b/EarlyBlue/global/skin/toolbar.css @@ -25,4 +25,15 @@ toolbarseparator { width : 2em; } - + +menubar + { + background-color : #CCD0DD; + border-bottom : 1px solid #9999CC; + border-right : 1px solid #9999CC; + } + +menubar > toolbargrippy + { +/* display : none; */ + } diff --git a/EarlyBlue/global/skin/tree.css b/EarlyBlue/global/skin/tree.css index 7f2e3373..6f25760b 100755 --- a/EarlyBlue/global/skin/tree.css +++ b/EarlyBlue/global/skin/tree.css @@ -161,33 +161,6 @@ treecol[sortActive="true"] margin-left : 2px; } -/* Inline Editable Treecells */ -.textbox-inline-edit - { - border : 1px solid #666699 !important; - margin : 0px !important; - } - -.textbox-inline-edit > .textbox-internal-box > .textbox-input - { - border : 0px !important; - padding : 1px !important; - margin : 0px !important; - } - -.textbox-inline-edit > .textbox-internal-box - { - border : 0px !important; - padding : 0px !important; - margin : 0px !important; - } - -treerow[mode="inline-edit"] - { - background : transparent; - } - - diff --git a/EarlyBlue/global/skin/wizard.css b/EarlyBlue/global/skin/wizard.css new file mode 100644 index 00000000..3870ab5b --- /dev/null +++ b/EarlyBlue/global/skin/wizard.css @@ -0,0 +1,39 @@ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.wizard-header { + border-bottom: 2px groove 6699FF; + padding: 10px 0px 10px 0px; + background-color: #666699; + color: #CCD0DD; +} + +.wizard-header-label { + margin-left: 23px; + font-weight: bold; +} + +.wizard-header-description { + margin-left: 44px; +} + +.wizard-page-box { + margin: 10px 44px; +} + +.wizard-buttons-separator { + margin-bottom: 0px !important; +} + +.wizard-buttons-box-2 { + margin: 10px; +} + +.wizard-button[wizardbutton="finish"], +.wizard-button[wizardbutton="next"] { + margin-left: -1px !important; +} + +.wizard-button[wizardbutton="back"] { + margin-right: 0px !important; +} + -- 2.43.0