X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fbutton.css;h=e3311b8fe01a9779a8063b1ed4491bbc85f22281;hp=b149d3aa2042016a8b832e48b414b279f6a080d1;hb=235a0406ed3a6a7de2345a1d2e97efcef670c4e1;hpb=b1eaa41997928ca662ce1158215dc02e5b203eb0 diff --git a/LCARStrek/global/button.css b/LCARStrek/global/button.css index b149d3aa..e3311b8f 100644 --- a/LCARStrek/global/button.css +++ b/LCARStrek/global/button.css @@ -35,28 +35,35 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== button.css ===================================================== == Styles used by the XUL button element. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* :::::::::: button :::::::::: */ -/* outer frame */ button { -moz-border-radius: 3px; - margin: 0px 4px 1px 4px; + margin: 1px 2px; min-width: 6.3em; border: none; background-color: #000000; color: #FFCF00; + text-shadow: none; } - + .button-box { -moz-border-radius: 3px; border: 1px solid transparent; - padding: 1px 4px 2px 3px; + padding-top: 1px; + padding-bottom: 2px; + -moz-padding-start: 3px; + -moz-padding-end: 4px; +} + +.button-icon { + -moz-margin-end: 2px; } .button-text { @@ -71,7 +78,7 @@ button:focus { } button:focus > .button-box { - border: 1px dotted #FF9F00; + border: 1px dotted #008484; } /* .......... default state .......... */ @@ -80,7 +87,11 @@ button[default="true"] > .button-box { font-weight: bold; list-style-image: url("chrome://global/skin/icons/return.gif"); -moz-box-direction: reverse; - padding-right: 7px; +} + +button[default="true"] > .button-box > .button-icon { + -moz-margin-end: 0px; + -moz-margin-start: 2px; } button[default="true"]:hover > .button-box, @@ -117,19 +128,26 @@ button[checked="true"] { button:hover:active > .button-box, button[open="true"] > .button-box, button[checked="true"] > .button-box { - padding: 2px 3px 1px 4px; + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 3px; } /* .......... disabled state .......... */ -button[disabled="true"] { +button[disabled="true"], +button[disabled="true"]:hover:active { border: none; background-color: #000000 !important; color: #8050B0 !important; } button[disabled="true"] > .button-box { - padding: 1px 4px 2px 3px !important; + padding-top: 1px !important; + padding-bottom: 2px !important; + -moz-padding-start: 3px !important; + -moz-padding-end: 4px !important; } /* ::::: menu/menu-button buttons ::::: */ @@ -145,21 +163,8 @@ button[type="menu-button"] { .button-menubutton-dropmarker { -moz-border-radius: 3px; margin: 1px; - list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); -} - -.button-menu-dropmarker:hover, -.button-menubutton-dropmarker:hover { - list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); -} - -.button-menu-dropmarker[disabled="true"], -.button-menubutton-dropmarker[disabled="true"] { - list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif") !important; -} - -.button-menubutton-dropmarker[open="true"] { - margin: 2px 0px 0px 2px; + width: 11px; + height: 11px; } /* ::::: plain buttons ::::: */ @@ -169,3 +174,16 @@ button.plain { margin: 0px !important; padding: 0px !important; } + +button[type="disclosure"] { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; + list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + min-width: 0px !important; + background-color: transparent; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); +}