X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fcommunicator%2Fskin%2Fbutton.css;fp=EarlyBlue%2Fcommunicator%2Fskin%2Fbutton.css;h=5f7bf9e95458fbfbf6b9edfb9a85c8b950647bf8;hp=ff4558b9deb3faa822f27d682c0b05eb8c3c5385;hb=d5ff74d03443bfc366bf28b1d72941ff990eb0c4;hpb=bd0fcaa8d7d5924c1ab97aafc9688fc4e28150ab 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; + }