X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2FfindBar.css;h=52edacef17f2ced10bf45efddd37747504b31009;hp=4090c12e57d6c75b5c44121c7c3334d74af27088;hb=a6c8d0f5eca89404094b51eee861f983d2a2a483;hpb=aa39c77197251b0e7a2ea70b0d6d122cb3f1fc97 diff --git a/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css index 4090c12e..52edacef 100644 --- a/EarlyBlue/global/findBar.css +++ b/EarlyBlue/global/findBar.css @@ -8,6 +8,18 @@ findbar { border-top: 1px solid #666699; border-bottom: 1px solid transparent; min-width: 1px; + transition-property: margin-bottom, opacity, visibility; + transition-duration: 150ms, 150ms, 0s; + transition-timing-function: ease-in-out, ease-in-out, linear; +} + +findbar[hidden] { + /* Override display:none to make the transition work. */ + display: -moz-box; + visibility: collapse; + margin-bottom: -1em; + opacity: 0; + transition-delay: 0s, 0s, 150ms; } /* find-next button */ @@ -17,6 +29,10 @@ findbar { -moz-image-region: rect(0px 16px 16px 0px); } +.findbar-find-next[disabled="true"] { + -moz-image-region: rect(16px 16px 32px 0px); +} + /* find-previous button */ .findbar-find-previous { @@ -24,6 +40,10 @@ findbar { -moz-image-region: rect(0px 32px 16px 16px); } +.findbar-find-previous[disabled="true"] { + -moz-image-region: rect(16px 32px 32px 16px); +} + /* highlight button */ .findbar-highlight { @@ -31,6 +51,10 @@ findbar { -moz-image-region: rect(0px 48px 16px 32px); } +.findbar-higlight[disabled="true"] { + -moz-image-region: rect(16px 48px 32px 32px); +} + .find-status-icon { list-style-image: none; margin-top: 0px; @@ -48,19 +72,23 @@ findbar { } .find-status-icon[status="notfound"] { - list-style-image: url("chrome://global/skin/icons/notfound.png"); + list-style-image: url("chrome://global/skin/icons/information-16.png"); } .findbar-textbox[status="notfound"] { - -moz-box-shadow: 0 0 0 1em #FFC0C0 inset; + box-shadow: 0 0 0 1em #FFC0C0 inset; color: #000000; } .findbar-textbox[flash="true"] { - -moz-box-shadow: 0 0 0 1em #FFFFC0 inset; + box-shadow: 0 0 0 1em #FFFFC0 inset; color: #000000; } .find-status-icon[status="wrapped"] { list-style-image: url("chrome://global/skin/icons/wrap.png"); } + +.find-status-icon[status="pending"] { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +}