X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2FfindBar.css;h=8e4c337959fd1551d033094f2fcb24aec4a63de6;hp=4090c12e57d6c75b5c44121c7c3334d74af27088;hb=1b13529a8907a5520788e317aee6205bc32d1fbe;hpb=aa39c77197251b0e7a2ea70b0d6d122cb3f1fc97 diff --git a/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css index 4090c12e..8e4c3379 100644 --- a/EarlyBlue/global/findBar.css +++ b/EarlyBlue/global/findBar.css @@ -1,66 +1,114 @@ @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; +} + +findbar[position="top"] { + transition-property: margin-top, opacity, visibility; +} + +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[position="top"][hidden] { + margin-bottom: auto; + margin-top: -1em; +} + +.findbar-closebutton { + list-style-image: url("chrome://global/skin/icons/close.png"); +} + +/* Search field */ + +.findbar-textbox { + width: 14em; +} + +.findbar-textbox[status="notfound"] { + background-color: #FFC0C0; + color: #000000; +} + +.findbar-textbox[flash="true"] { + background-color: #FFFFC0; + color: #000000; +} + +.findbar-textbox.minimal { } -/* find-next button */ +/* Buttons */ +.findbar-find-previous, .findbar-find-next { - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 16px 16px 0px); + list-style-image: url("chrome://global/skin/icons/find-arrows.png"); } -/* find-previous button */ +.findbar-find-previous:not([disabled]):active, +.findbar-find-next:not([disabled]):active { +} .findbar-find-previous { - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 32px 16px 16px); + -moz-image-region: rect(0, 12px, 9px, 0); } -/* highlight button */ +.findbar-find-next { + -moz-image-region: rect(0, 24px, 9px, 12px); +} -.findbar-highlight { - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 48px 16px 32px); +.findbar-find-previous, +.findbar-find-previous:not([disabled]):active { } -.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[disabled="true"] { + -moz-image-region: rect(9px, 12px, 18px, 0); } -.findbar-find-status { - margin: 0 !important; - -moz-margin-start: 3px !important; - padding: 2px !important; +.findbar-find-next[disabled="true"] { + -moz-image-region: rect(9px, 24px, 18px, 12px); } -.find-status-icon[status="notfound"] { - list-style-image: url("chrome://global/skin/icons/notfound.png"); +.findbar-find-previous > .toolbarbutton-icon, +.findbar-find-next > .toolbarbutton-icon { } -.findbar-textbox[status="notfound"] { - -moz-box-shadow: 0 0 0 1em #FFC0C0 inset; - color: #000000; +.findbar-find-previous > .toolbarbutton-text, +.findbar-find-next > .toolbarbutton-text { } -.findbar-textbox[flash="true"] { - -moz-box-shadow: 0 0 0 1em #FFFFC0 inset; - color: #000000; +.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 { + color: #808080; + margin: 0 !important; + -moz-margin-start: 12px !important; } -.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"); }