From d5ff74d03443bfc366bf28b1d72941ff990eb0c4 Mon Sep 17 00:00:00 2001 From: robert Date: Sat, 3 Feb 2001 15:23:22 +0000 Subject: [PATCH] fixing some smaller issues with scollbar highlighting and EarlyBlue fonts --- EarlyBlue/communicator/skin/button.css | 578 ++++++++++++------------- EarlyBlue/global/skin/global.css | 3 +- EarlyBlue/global/skin/scrollbars.css | 5 +- EarlyBlue/global/skin/workaround.xml | 7 + LCARStrek/global/skin/scrollbars.css | 19 +- 5 files changed, 311 insertions(+), 301 deletions(-) diff --git a/EarlyBlue/communicator/skin/button.css b/EarlyBlue/communicator/skin/button.css index ff4558b9..5f7bf9e9 100755 --- a/EarlyBlue/communicator/skin/button.css +++ b/EarlyBlue/communicator/skin/button.css @@ -1,289 +1,289 @@ - -/** Standard toolbar buttons - * class="button-toolbar" - **/ - .button-toolbar - { - border : none; - margin : 0px; - -moz-border-radius : 0px; - color : black; - padding : 0px; - font : 3mm arial; - max-width : 10em; - } - - .button-toolbar[toggled="true"] - { -/* background-color : #EEEEEE; */ - } - - .button-toolbar[disabled="true"], - .button-toolbar[disabled="true"]:hover, - .button-toolbar[disabled="true"]:hover:active - { - color : #9999CC; - } - - .button-toolbar > .button-internal-box - { - border : 1px solid transparent; - padding : 1px 2px 1px 2px; - } - - .button-toolbar:hover > .button-internal-box - { - border : 1px outset #CCD0DD; - padding : 1px 2px 1px 2px; - } - - .button-toolbar:hover:active > .button-internal-box - { - border : 1px inset #CCD0DD; - padding : 2px 1px 0px 3px; - } - - .button-toolbar[disabled="true"]:hover:active > .button-internal-box - { - border : 1px solid transparent; - padding : 1px 2px 1px 2px; - } - - .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box - { - border : 1px outset #CCD0DD; - padding : 1px 2px 1px 2px; - } - - .button-toolbar > .button-internal-box > .button-text-container - { - padding : 0px; - margin : 0px; - } - - .button-toolbar > .button-internal-box > .button-text-container > .button-text - { - padding : 0px; - padding-left : 1px; - margin : 0px; - } - -/** The largest type of toolbar buttons. In the Seamonkey implementation, - * these are only used in the navigation toolbar in the navigator package. - **/ - - /* outer frame */ - .button-toolbar-1 - { - background-color : transparent; - color : #000000; - min-width : 36px; - min-height : 36px; - margin : 0px; - padding : 0px; - font-size : smaller; - border : none; - } - -/* internal frame */ - .button-toolbar-1[disabled="true"] > .button-internal-box, - .button-toolbar-1[disabled="true"]:hover > .button-internal-box, - .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box - { - border : 1px solid transparent; - padding : 1px; - } - - .button-toolbar-1 > .button-internal-box - { - border : 1px solid transparent; - vertical-align : middle; - } - - .button-toolbar-1:hover > .button-internal-box - { - border : 1px outset #CCD0DD; - vertical-align : middle; - } - - .button-toolbar-1:hover:active > .button-internal-box - { - border : 1px inset #CCD0DD; - vertical-align : middle; - padding : 2px 0px 0px 2px; - } - - .button-toolbar-1 > .button-internal-box > .button-text-container - { - display : none; - text-align : center; - } - -/** Styles for the standard 'large' toolbar button, these buttons are used for - * toolbar buttons that are the most commonly used elements on a toolbar, e.g. - * 'GetMsg' in Mailnews or 'Send' in Mail/Compose. - **/ - .button-toolbar-2 - { - background-color : transparent; - color : #000000; - min-width : 32px; - min-height : 32px; - margin : 0px; - padding : 0px; - font-size : smaller; - border : none; - } - -/* internal frame */ - .button-toolbar-2 > .button-internal-box - { - border : 1px solid transparent; - padding : 1px; - vertical-align : middle; - } - - .button-toolbar-2:hover > .button-internal-box - { - padding : 1px; - border : 1px outset #CCD0DD; - } - - .button-toolbar-2:hover:active > .button-internal-box - { - padding : 2px 0px 0px 2px; - border : 1px inset #CCD0DD; - } - - .button-toolbar-2[disabled="true"] > .button-internal-box, - .button-toolbar-2[disabled="true"]:hover > .button-internal-box, - .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box - { - padding : 1px; - border : 1px solid transparent; - } - -/* text wrapper frame */ - .button-toolbar-2 > .button-internal-box > .button-text-container - { - padding-top : 3px; - text-align : center; - } - - -/** "Green" buttons, e.g. "Search" - * class="button-toolbar-3" - **/ - - .button-toolbar-3 - { - margin : 0px 0px 0px 0px; - font-weight : bold; - background-color : #9999CC; - border : none - } - - .button-toolbar-3[disabled="true"], - .button-toolbar-3[disabled="true"]:hover, - .button-toolbar-3[disabled="true"]:hover:active - { - border : none; - color : #CCCCCC; - } - - .button-toolbar-3 > .button-internal-box, - { - border : 1px outset #9999CC; - padding : 1px; - } - - .button-toolbar-3:hover:active > .button-internal-box, - { - border : 1px inset #9999CC; - padding : 2px 0px 0px 2px; - } - -/** Expanding Region Button **/ - -/* outer frame */ - button.expander - { - border : none; - padding : none; -/* margin : 1px 5px 3px 1px; */ - background-color : inherit; - list-style-image : url("chrome://global/skin/closedtwisty.gif"); - } - - button[open="true"].expander - { - list-style-image : url("chrome://global/skin/opentwisty.gif"); - } - -/* internal frame */ - button.expander > .button-internal-box - { - border : none; - background-color : inherit; - padding : none; - margin : none; - } - -/* text frame */ - button.expander > .button-internal-box > .button-text-container > .button-text - { - color : #0000FF; - text-decoration : underline; - } - - button.expander:hover > .button-internal-box > .button-text-container > .button-text - { - color : #FF0000; - } - -/** - * button styles for taskbar, sidebar headers, etc. - **/ -.button-toolbar-4 - { - color : #CCCCFF; - background : inherit; - font : inherit; - border : none; - padding : 1px; - margin : 0px; - } - -.button-toolbar-4:hover - { - text-decoration : none; - background-color : #9999CC; - } - -.button-toolbar-4:hover:active - { - text-decoration : none; - color : #000000; - background-color : #CCCCFF; - } - -menubutton.button-toolbar-4 - { - -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right"); - } - -.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon - { - list-style-image : url(chrome://global/skin/mb-single-arrow.gif); - margin-left : 4px; - } - -.button-toolbar-4 > .button-internal-box, -.button-toolbar-4 > .menubutton-internal-box, -.button-toolbar-4:hover:active > .button-internal-box, -.button-toolbar-4 > .button-internal-box:hover:active - { - border : none; - padding : 0px; - padding-left : 2px; - } \ No newline at end of file + +/** Standard toolbar buttons + * class="button-toolbar" + **/ + .button-toolbar + { + border : none; + margin : 0px; + -moz-border-radius : 0px; + color : black; + padding : 0px; +# font : 3mm arial; + max-width : 10em; + } + + .button-toolbar[toggled="true"] + { +/* background-color : #EEEEEE; */ + } + + .button-toolbar[disabled="true"], + .button-toolbar[disabled="true"]:hover, + .button-toolbar[disabled="true"]:hover:active + { + color : #9999CC; + } + + .button-toolbar > .button-internal-box + { + border : 1px solid transparent; + padding : 1px 2px 1px 2px; + } + + .button-toolbar:hover > .button-internal-box + { + border : 1px outset #CCD0DD; + padding : 1px 2px 1px 2px; + } + + .button-toolbar:hover:active > .button-internal-box + { + border : 1px inset #CCD0DD; + padding : 2px 1px 0px 3px; + } + + .button-toolbar[disabled="true"]:hover:active > .button-internal-box + { + border : 1px solid transparent; + padding : 1px 2px 1px 2px; + } + + .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box + { + border : 1px outset #CCD0DD; + padding : 1px 2px 1px 2px; + } + + .button-toolbar > .button-internal-box > .button-text-container + { + padding : 0px; + margin : 0px; + } + + .button-toolbar > .button-internal-box > .button-text-container > .button-text + { + padding : 0px; + padding-left : 1px; + margin : 0px; + } + +/** The largest type of toolbar buttons. In the Seamonkey implementation, + * these are only used in the navigation toolbar in the navigator package. + **/ + + /* outer frame */ + .button-toolbar-1 + { + background-color : transparent; + color : #000000; + min-width : 36px; + min-height : 36px; + margin : 0px; + padding : 0px; + font-size : smaller; + border : none; + } + +/* internal frame */ + .button-toolbar-1[disabled="true"] > .button-internal-box, + .button-toolbar-1[disabled="true"]:hover > .button-internal-box, + .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box + { + border : 1px solid transparent; + padding : 1px; + } + + .button-toolbar-1 > .button-internal-box + { + border : 1px solid transparent; + vertical-align : middle; + } + + .button-toolbar-1:hover > .button-internal-box + { + border : 1px outset #CCD0DD; + vertical-align : middle; + } + + .button-toolbar-1:hover:active > .button-internal-box + { + border : 1px inset #CCD0DD; + vertical-align : middle; + padding : 2px 0px 0px 2px; + } + + .button-toolbar-1 > .button-internal-box > .button-text-container + { + display : none; + text-align : center; + } + +/** Styles for the standard 'large' toolbar button, these buttons are used for + * toolbar buttons that are the most commonly used elements on a toolbar, e.g. + * 'GetMsg' in Mailnews or 'Send' in Mail/Compose. + **/ + .button-toolbar-2 + { + background-color : transparent; + color : #000000; + min-width : 32px; + min-height : 32px; + margin : 0px; + padding : 0px; + font-size : smaller; + border : none; + } + +/* internal frame */ + .button-toolbar-2 > .button-internal-box + { + border : 1px solid transparent; + padding : 1px; + vertical-align : middle; + } + + .button-toolbar-2:hover > .button-internal-box + { + padding : 1px; + border : 1px outset #CCD0DD; + } + + .button-toolbar-2:hover:active > .button-internal-box + { + padding : 2px 0px 0px 2px; + border : 1px inset #CCD0DD; + } + + .button-toolbar-2[disabled="true"] > .button-internal-box, + .button-toolbar-2[disabled="true"]:hover > .button-internal-box, + .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box + { + padding : 1px; + border : 1px solid transparent; + } + +/* text wrapper frame */ + .button-toolbar-2 > .button-internal-box > .button-text-container + { + padding-top : 3px; + text-align : center; + } + + +/** "Green" buttons, e.g. "Search" + * class="button-toolbar-3" + **/ + + .button-toolbar-3 + { + margin : 0px 0px 0px 0px; + font-weight : bold; + background-color : #9999CC; + border : none + } + + .button-toolbar-3[disabled="true"], + .button-toolbar-3[disabled="true"]:hover, + .button-toolbar-3[disabled="true"]:hover:active + { + border : none; + color : #CCCCCC; + } + + .button-toolbar-3 > .button-internal-box, + { + border : 1px outset #9999CC; + padding : 1px; + } + + .button-toolbar-3:hover:active > .button-internal-box, + { + border : 1px inset #9999CC; + padding : 2px 0px 0px 2px; + } + +/** Expanding Region Button **/ + +/* outer frame */ + button.expander + { + border : none; + padding : none; +/* margin : 1px 5px 3px 1px; */ + background-color : inherit; + list-style-image : url("chrome://global/skin/closedtwisty.gif"); + } + + button[open="true"].expander + { + list-style-image : url("chrome://global/skin/opentwisty.gif"); + } + +/* internal frame */ + button.expander > .button-internal-box + { + border : none; + background-color : inherit; + padding : none; + margin : none; + } + +/* text frame */ + button.expander > .button-internal-box > .button-text-container > .button-text + { + color : #0000FF; + text-decoration : underline; + } + + button.expander:hover > .button-internal-box > .button-text-container > .button-text + { + color : #FF0000; + } + +/** + * button styles for taskbar, sidebar headers, etc. + **/ +.button-toolbar-4 + { + color : #CCCCFF; + background : inherit; + font : inherit; + border : none; + padding : 1px; + margin : 0px; + } + +.button-toolbar-4:hover + { + text-decoration : none; + background-color : #9999CC; + } + +.button-toolbar-4:hover:active + { + text-decoration : none; + color : #000000; + background-color : #CCCCFF; + } + +menubutton.button-toolbar-4 + { + -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right"); + } + +.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon + { + list-style-image : url(chrome://global/skin/mb-single-arrow.gif); + margin-left : 4px; + } + +.button-toolbar-4 > .button-internal-box, +.button-toolbar-4 > .menubutton-internal-box, +.button-toolbar-4:hover:active > .button-internal-box, +.button-toolbar-4 > .button-internal-box:hover:active + { + border : none; + padding : 0px; + padding-left : 2px; + } diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css index 0206eae7..4486996d 100755 --- a/EarlyBlue/global/skin/global.css +++ b/EarlyBlue/global/skin/global.css @@ -52,7 +52,7 @@ window { background-color : #CCD0DD; - font : 3mm tahoma,arial,helvetica,sans-serif; + font : 3mm helvetica,arial,tahoma,sans-serif; padding : 0px; } @@ -249,3 +249,4 @@ border : 1px solid #000000; } + diff --git a/EarlyBlue/global/skin/scrollbars.css b/EarlyBlue/global/skin/scrollbars.css index 9ad63c75..32fcecdd 100755 --- a/EarlyBlue/global/skin/scrollbars.css +++ b/EarlyBlue/global/skin/scrollbars.css @@ -9,7 +9,7 @@ scrollbar { /********* XP Scrollbar *********/ thumb { - -moz-binding: url(chrome://global/content/xulBindings.xml#thumb); + -moz-binding: url(chrome://global/skin/workaround.xml#thumbh); background-color: #CCCCCC; border: 1px outset #CCCCCC; list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif"); @@ -31,7 +31,7 @@ scrollbar[align="vertical"] > slider > thumb[disabled="true"] { } -scrollbar[align="vertical"] > slider > thumb:active { +thumb:active { background-color: #DDDDDD; /* background-color: #99CCFF; */ } @@ -95,3 +95,4 @@ slider { background-color: #999999; } + diff --git a/EarlyBlue/global/skin/workaround.xml b/EarlyBlue/global/skin/workaround.xml index adfe2da2..cf9a5cb3 100644 --- a/EarlyBlue/global/skin/workaround.xml +++ b/EarlyBlue/global/skin/workaround.xml @@ -15,6 +15,13 @@ + + + + + + + diff --git a/LCARStrek/global/skin/scrollbars.css b/LCARStrek/global/skin/scrollbars.css index c4c4c62b..baf349ea 100755 --- a/LCARStrek/global/skin/scrollbars.css +++ b/LCARStrek/global/skin/scrollbars.css @@ -10,7 +10,7 @@ scrollbar { /********* XP Scrollbar *********/ thumb { - -moz-binding: url(chrome://global/content/xulBindings.xml#thumb); + -moz-binding: url(chrome://global/skin/workaround.xml#thumbh); background-color: #9C9CFF; padding: 1px; list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif"); @@ -31,6 +31,14 @@ scrollbar[align="vertical"] > slider > thumb[disabled="true"] { list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif") } +thumb:active { + background-color: #008484; +} + +thumb:hover { + background-color: #FFCF00; +} + scrollbarbutton { vertical-align: bottom; cursor: default; @@ -96,17 +104,10 @@ scrollbar[align="vertical"] > scrollbarbutton[type="increment"][disabled="true"] list-style-image: url("chrome://global/skin/scroll-down-disabled.gif"); } -thumb:active { - background-color: #008484; -} - -thumb:hover { - background-color: #FFCF00; -} - slider { background-color: #000000; } + -- 2.43.0