X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2FfindBar.css;h=6eee423057abb8701459e60d863d47fcae3dc8e5;hp=63764a9d19a604467d581628af23fe7028429e6d;hb=b1db19fed8bd91ff36a19724e9c7dc7545f70f9e;hpb=a7145e953610161cc4774a08ded880bc9e0e9e07 diff --git a/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css index 63764a9d..6eee4230 100644 --- a/EarlyBlue/global/findBar.css +++ b/EarlyBlue/global/findBar.css @@ -1,80 +1,109 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -.findbar-closebutton { - list-style-image: url("chrome://global/skin/icons/close-button.gif"); -} - 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; } -/* find-next button */ +findbar[position="top"] { + transition-property: margin-top, opacity, visibility; +} -.findbar-find-next { - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 16px 16px 0px); +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; } -.findbar-find-next[disabled="true"] { - -moz-image-region: rect(16px 16px 32px 0px); +findbar[position="top"][hidden] { + margin-bottom: auto; + margin-top: -1em; } -/* find-previous button */ +.findbar-closebutton { + list-style-image: url("chrome://global/skin/icons/close.png"); +} -.findbar-find-previous { - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 32px 16px 16px); +/* Search field */ + +.findbar-textbox { + width: 14em; } -.findbar-find-previous[disabled="true"] { - -moz-image-region: rect(16px 32px 32px 16px); +.findbar-textbox[status="notfound"] { + background-color: #FFC0C0; + color: #000000; } -/* highlight button */ +.findbar-textbox[flash="true"] { + background-color: #FFFFC0; + color: #000000; +} -.findbar-highlight { - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 48px 16px 32px); +.findbar-textbox.minimal { } -.findbar-higlight[disabled="true"] { - -moz-image-region: rect(16px 48px 32px 32px); +/* Buttons */ + +.findbar-find-previous, +.findbar-find-next { + list-style-image: url("chrome://global/skin/icons/find-arrows.png"); } -.find-status-icon { - list-style-image: none; - margin-top: 0px; - margin-bottom: 0px; - -moz-margin-start: 12px; - -moz-margin-end: 0px; - width: 16px; - height: 16px; +.findbar-find-previous:not([disabled]):active, +.findbar-find-next:not([disabled]):active { } -.findbar-find-status { - margin: 0 !important; - -moz-margin-start: 3px !important; - padding: 2px !important; +.findbar-find-previous { + -moz-image-region: rect(0, 12px, 9px, 0); } -.find-status-icon[status="notfound"] { - list-style-image: url("chrome://global/skin/icons/information-16.png"); +.findbar-find-next { + -moz-image-region: rect(0, 24px, 9px, 12px); } -.findbar-textbox[status="notfound"] { - box-shadow: 0 0 0 1em #FFC0C0 inset; - color: #000000; +.findbar-find-previous, +.findbar-find-previous:not([disabled]):active { } -.findbar-textbox[flash="true"] { - box-shadow: 0 0 0 1em #FFFFC0 inset; - color: #000000; +.findbar-find-previous[disabled="true"] { + -moz-image-region: rect(9px, 12px, 18px, 0); +} + +.findbar-find-next[disabled="true"] { + -moz-image-region: rect(9px, 24px, 18px, 12px); } -.find-status-icon[status="wrapped"] { - list-style-image: url("chrome://global/skin/icons/wrap.png"); +.findbar-find-previous > .toolbarbutton-icon, +.findbar-find-next > .toolbarbutton-icon { +} + +.findbar-find-previous[disabled="true"] > .toolbarbutton-icon, +.findbar-find-next[disabled="true"] > .toolbarbutton-icon { +} + +.findbar-highlight, +.findbar-case-sensitive { + -moz-margin-start: 5px; +} + +.findbar-highlight > .toolbarbutton-icon, +.findbar-case-sensitive > .toolbarbutton-icon { + display: none; +} + +.findbar-find-status, +.found-matches { + color: #808080; + margin: 0 !important; + -moz-margin-start: 12px !important; } .find-status-icon[status="pending"] {