X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fmenulist.css;h=17ac002d93ca4b00d12fc85d4f51d637dd66a8e0;hp=a2f0dfc2ccadb180cb48eb6ff02b4074d0bbc826;hb=d4e95dbc3e1a5d2a7541b311392cc88ee608da79;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/global/menulist.css b/EarlyBlue/global/menulist.css index a2f0dfc2..17ac002d 100644 --- a/EarlyBlue/global/menulist.css +++ b/EarlyBlue/global/menulist.css @@ -38,148 +38,135 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ -/* outer frame */ - menulist - { - border : none; - background-color : #CCCCCC; - color : #000000; - margin : 1px 5px 2px 5px; - } - - menulist[disabled="true"] > .menulist-internal-box > .menulist-display-box - { -/* background-color : -moz-Dialog; */ - color : #999999; - } - -/* icon display frame */ - .menulist-internal-box - { -/* border : 1px inset #CCD0DD; */ - -moz-user-focus : ignore; - } - - .menulist-display-box, - menulist[open="true"]:focus > .menulist-internal-box > .menulist-display-box - { - border : 1px inset #CCD0DD; - margin : 0px; - background-color : #FFFFFF; - color : #000000; - } - - menulist:focus > .menulist-internal-box > .menulist-display-box - { -/* border : 1px dotted #999999; */ - background-color : #336699; - color : #000000; - } - -/* text display frame */ - .menulist-text - { - padding : 0px 2px 0px 2px; - margin : 0px; - } - -/* drop marker display frame */ - .menulist-dropmarker-box-1 - { - border : 1px outset #CCD0DD; - background-color : -moz-Dialog; - } - - .menulist-dropmarker-box-2 - { - border : none; - padding : 2px 1px 2px 1px; - } - - .menulist-dropmarker - { - list-style-image : url("chrome://global/skin/scroll-down.gif"); - } - - .menulist-dropmarker[disabled="true"] - { - list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); - } - - menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1[open="true"] - { - border : 1px inset #CCD0DD; - } - - menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2[open="true"] - { - border : none; - padding : 3px 0px 1px 2px; - } - -/** - * s for things like mailnews addressing widget - **/ - - .menulist-compact - { - margin : 0px; - border : 1px outset #CCD0DD; -/* background-color : -moz-Dialog; */ - -moz-user-focus : normal; - } - - .menulist-compact-internal-box - { - border : none; - } - - .menulist-compact-dropmarker - { - list-style-image : url("chrome://global/skin/scroll-down.gif"); - margin-left : 2px; - } - - .menulist-compact-text - { - margin-right : 3px; - } - - .menulist-compact:hover:active, - .menulist-compact[open="true"] - { - border : 1px inset #CCD0DD; -/* background-color : ThreeDShadow; - color : ThreeDHighlight; */ - } - - .menulist-compact:hover:active > .menulist-compact-internal-box, - .menulist-compact[open="true"] > .menulist-compact-internal-box - { - border : none; - } - -/** - * Editable menulists (comboboxes) - */ - -html|*.menulist-editable-text - { - border : none !important; - margin : 0px; - padding : 0px; - font : inherit; - background-color : inherit; - color : inherit; - } - -menulist[editable="true"] > .menulist-internal-box > .menulist-display-box - { - margin : 0px; - padding : 1px 2px 1px 2px; - } - -menulist[editable="true"]:focus > .menulist-internal-box > .menulist-display-box - { - border : none !important; - } +/* ===== menulist.css =================================================== + == Styles used by the XUL menulist element. + ======================================================================= */ + +/* :::::::::: menulist :::::::::: */ + +menulist { + margin: 2px 4px; + border: 1px inset #CCD0DD; + background-color: #CCCCCC; + color: #000000; +} + +.menulist-label-box { + -moz-box-align: center; + -moz-box-pack: center; +/* margin: 1px; */ +} + +.menulist-label-box, +menulist[open="true"]:focus > .menulist-label-box { +/* border: 1px inset #CCD0DD; */ + background-color: transparent; + color: inherit; +} + +.menulist-label { + margin: 1px 3px !important; +} + +.menulist-description { + font-style: italic; + color: #808080; + margin-left: 1ex !important; +} + +/* ..... dropmarker ..... */ + +.menulist-dropmarker { + -moz-box-align: center; + -moz-box-pack: center; + min-width: 15px; + border: 1px outset #CCD0DD; + background-color: #CCCCCC; + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +} + +.menulist-dropmarker, +menulist[disabled="true"]:hover:active > .menulist-dropmarker { + padding: 1px; +} + +menulist[disabled="true"] > .menulist-dropmarker { + list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); +} + +menulist:hover:active > .menulist-dropmarker { + border: 1px inset #CCD0DD; + padding: 2px 0px 0px 2px; +} + +/* ..... focused state ..... */ + +menulist:focus > .menulist-label-box { +/* border: 1px dotted #999999; */ + background-color: #336699; + color: #000000; +} + +/* ..... disabled state ..... */ + +menulist[disabled="true"] { + background-color: #CCCCCC; + color: #999999; +} + +/* ::::: editable menulists ::::: */ + +.menulist-editable-box { + background-color: #FFFFFF; + padding: 2px; +} + +html|*.menulist-editable-input { + margin: 0px !important; + border: none !important; + padding: 0px !important; + background-color: #FFFFFF; + color: #000000; + font: inherit; +} + +/* ::::: compact menulists ::::: */ + +.menulist-compact { + -moz-box-align: center; + -moz-box-pack: center; + margin: 0px; + border: 1px outset #CCD0DD; +/* background-color: -moz-Dialog; + color: -moz-DialogText; */ + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +} + +.menulist-compact > .menulist-label-box { + border: 1px solid transparent; + background-color: transparent; + color: inherit; +} + +.menulist-compact > .menulist-label-box > .menulist-label { + margin: 0 3px !important; + text-align: right; +} + +.menulist-compact > .menulist-label-box > .menulist-icon { + margin-left: 2px; +} + +.menulist-compact[open="true"] { + border: 1px inset #CCD0DD; +/* background-color: ThreeDShadow; + color: ThreeDHighlight; */ +} + +.menulist-compact[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); +} + +.menulist-compact:focus > .menulist-label-box { + border: 1px dotted #9999CC; +}