X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fskin%2Fmenubutton.css;h=1e1560e5b9717e4b7404281a8b4317e13571b539;hp=aa425b6d1d9e7dc4cb2b6dd6a5e3d72ac6fe8d11;hb=c9990331a4456dc80a097ba6a23e9d2578637327;hpb=a97778edf641b4680f489833eae1de29cea81466 diff --git a/LCARStrek/global/skin/menubutton.css b/LCARStrek/global/skin/menubutton.css index aa425b6d..1e1560e5 100755 --- a/LCARStrek/global/skin/menubutton.css +++ b/LCARStrek/global/skin/menubutton.css @@ -1,187 +1,197 @@ - -/* outermost frame */ - menubutton - { - margin : 0px 1px 0px 1px; - -moz-border-radius : 3px; - background-color : #000000; - color : #E7ADE7; - border : none; - } - - menubutton[disabled="true"] - { - color : #8050B0; - } - - menubutton > .menubutton-internal-box - { - border : none; - padding : 0px; - vertical-align : middle; - } - - .menubutton-single-icon - { - margin-right : 3px; - } - -/** "Dual Functionality" menubutton - * Has a popup spawning button and a command invoking button, e.g. back/forward - * class="menubutton-dual" - **/ - -/* inner button */ - - menubutton > .menubutton-internal-box > .menubutton-dual-button, - menubutton:hover > .menubutton-internal-box > .menubutton-dual-button, - menubutton:active > .menubutton-internal-box > .menubutton-dual-button - { - border : none; - margin : 0px; - -moz-border-radius : 3px; - } - - menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box - { - border : 1px solid #9C9CFF; - margin : 0px - } - - menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box, - menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box - { - border : 1px solid #FF9F00; - } - - menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box - { - border : 1px solid #FFCF00; - } - - menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box, - menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box, - menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box - { - border : 1px solid #8050B0; - } - -/* inner dropmarker */ - menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box - { - -moz-border-radius : 3px; - border : 1px solid #9C9CFF; - padding : 0px 2px 0px 2px; - } - - menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box, - menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box - { - border : 1px solid #8050B0; - } - - menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box - { - border : 1px solid #FF9F00; - } - - menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box - { - border : 1px solid #FFCF00; - padding : 1px 1px -1px 3px; - } - - menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker - { - border : none; - list-style-image : url("chrome://global/skin/scroll-down.gif"); - } - - menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, - menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, - menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker - { - list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); - } - - menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, - menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, - menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker - { - list-style-image : url("chrome://global/skin/scroll-down-hover.gif"); - } - -/** Icon only menubutton.menubutton-duals - * class="menubutton.menubutton-dual-icon" - **/ - .menubutton.menubutton-dual-icon - { - border : none; - background-color : #000000; - } - - .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box - { - border : none; - padding : 1px; - } - - .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box - { - background-color : #FFCF00; - border : none; - padding : 1px; - } - - .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box, - .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box - { - background-color : #FF9F00; - border : none; - padding : 2px 0px 0px 2px; - } - - .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box, - .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box, - .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box - { - background-color : #FFCF00; - border : none; - padding : 2px 0px 0px 2px; - } - -/** Icon only menubuttons - * class="menubutton.menubutton-icon" - **/ - .menubutton-icon - { - border : none; - background-color : #000000; - } - - .menubutton-icon > .menubutton-icon-internal-box - { - padding : 1px; - } - - .menubutton-icon:hover > .menubutton-icon-internal-box - { - background-color : #FFCF00; - padding : 1px; - } - - .menubutton-icon:hover:active > .menubutton-icon-internal-box, - .menubutton-icon[open="true"] > .menubutton-icon-internal-box - { - background-color : #FF9F00; - padding : 2px 0px 0px 2px; - } - - .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box, - .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box, - .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box - { - background-color : #FFCF00; - padding : 2px 0px 0px 2px; - } - \ No newline at end of file + +/* outermost frame */ + menubutton + { + margin : 0px 1px 0px 1px; + -moz-border-radius : 3px; + background-color : #000000; + color : #E7ADE7; + border : none; + } + + menubutton[disabled="true"] + { + color : #8050B0; + } + + menubutton > .menubutton-internal-box + { + border : none; + padding : 0px; + vertical-align : middle; + } + + .menubutton-single-icon + { + margin-right : 3px; + } + +/** "Dual Functionality" menubutton + * Has a popup spawning button and a command invoking button, e.g. back/forward + * class="menubutton-dual" + **/ + +/* inner button */ + + menubutton > .menubutton-internal-box > .menubutton-dual-button, + menubutton:hover > .menubutton-internal-box > .menubutton-dual-button, + menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button, + menubutton:active > .menubutton-internal-box > .menubutton-dual-button + { + border : none; + margin : 0px; + -moz-border-radius : 3px; + } + + menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box + { + border : 1px solid #9C9CFF; + margin : 0px + } + + menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box, + menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box + { + border : 1px solid #FF9F00; + } + + menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box + { + border : 1px solid #FFCF00; + } + + menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box, + menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box, + menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box + { + border : 1px solid #8050B0; + } + +/* inner dropmarker */ + menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box + { + -moz-border-radius : 3px; + border : 1px solid #9C9CFF; + padding : 0px 2px 0px 2px; + } + + menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box, + menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box + { + border : 1px solid #8050B0; + } + + menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box + { + border : 1px solid #FF9F00; + } + + menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box + { + border : 1px solid #FFCF00; + padding : 1px 1px -1px 3px; + } + + .menubutton-dual-dropmarker-box > .menubutton-dropmarker + { + border : none; + list-style-image : url("chrome://global/skin/scroll-down.gif"); + } + + menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + .menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"], + .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + .menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker + { + list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); + } + + menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker, + .menubutton-dual:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker + { + list-style-image : url("chrome://global/skin/scroll-down-hover.gif"); + } + +/** Icon only menubutton.menubutton-duals + * class="menubutton.menubutton-dual-icon" + **/ + .menubutton.menubutton-dual-icon + { + border : none; + background-color : #000000; + } + + .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box + { + border : none; + padding : 1px; + } + + .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box + { + background-color : #FFCF00; + border : none; + padding : 1px; + } + + .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box, + .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box + { + background-color : #FF9F00; + border : none; + padding : 2px 0px 0px 2px; + } + + .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box, + .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box, + .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box + { + background-color : #FFCF00; + border : none; + padding : 2px 0px 0px 2px; + } + +/** Icon only menubuttons + * class="menubutton.menubutton-icon" + **/ + .menubutton-icon + { + border : none; + background-color : #000000; + } + + .menubutton-icon > .menubutton-icon-internal-box + { + padding : 1px; + } + + .menubutton-icon:hover > .menubutton-icon-internal-box + { + background-color : #FFCF00; + padding : 1px; + } + + .menubutton-icon:hover:active > .menubutton-icon-internal-box, + .menubutton-icon[open="true"] > .menubutton-icon-internal-box + { + background-color : #FF9F00; + padding : 2px 0px 0px 2px; + } + + .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box, + .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box, + .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box + { + background-color : #FFCF00; + padding : 2px 0px 0px 2px; + } + + + +