X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2FfindBar.css;h=2912cc85c78ea05252e398726383854cb2914486;hp=fa617dee588e9afa1472332ff791045b529cfee6;hb=d471380e99d65fcd126e0f04b94c1d3a8004cf3d;hpb=c79d2bbe6e21fbe322c5481d0757831306d1eeaf diff --git a/LCARStrek/global/findBar.css b/LCARStrek/global/findBar.css index fa617dee..2912cc85 100644 --- a/LCARStrek/global/findBar.css +++ b/LCARStrek/global/findBar.css @@ -1,87 +1,130 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +findbar { + border-top: 3px solid #000000; + border-bottom: none; + min-width: 1px; +} + +findbar[position="top"] { + border-top: none; + border-bottom: 3px solid #000000; + 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[noanim] { + transition-duration: 0s !important; + transition-delay: 0s !important; +} + +findbar[position="top"][hidden] { + margin-bottom: auto; + margin-top: -1em; +} + .findbar-closebutton { - list-style-image: url("chrome://global/skin/icons/close-button.gif"); + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-image-region: rect(0, 16px, 16px, 0); } -findbar { - border-top: 1px solid #666699; - border-bottom: 1px solid transparent; - min-width: 1px; +.findbar-closebutton:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } -/* find-next button */ +/* Search field */ + +.findbar-textbox { + width: 14em; +} +.findbar-textbox[status="notfound"] { + background-color: #FF0000; + color: #000000; +} + +.findbar-textbox[flash="true"] { + background-color: #FFCF00; + color: #000000; +} + +.findbar-textbox.minimal { +} + +/* Buttons */ + +.findbar-find-previous, .findbar-find-next { - /* XXX: look into this when we support FF - 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 { - /* XXX: look into this when we support FF - 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); +} + +.findbar-find-next { + -moz-image-region: rect(0, 24px, 9px, 12px); } -/* highlight button */ +.findbar-find-previous, +.findbar-find-previous:not([disabled]):active { +} -.findbar-highlight { - /* XXX: look into this when we support FF - list-style-image: url("chrome://global/skin/icons/find.png"); - -moz-image-region: rect(0px 48px 16px 32px); - */ +.findbar-find-previous[disabled="true"] { + -moz-image-region: rect(9px, 12px, 18px, 0); } -.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-next[disabled="true"] { + -moz-image-region: rect(9px, 24px, 18px, 12px); } -.findbar-find-status { - margin-top: 0px; - margin-bottom: 0px; - -moz-margin-start: 3px; - -moz-margin-end: 0px; - padding: 2px; +.findbar-find-previous:not([disabled]):hover, +.findbar-find-previous:not([disabled]):active { + -moz-image-region: rect(18px, 12px, 27px, 0); } -.find-status-icon[status="notfound"] { - /* XXX: look into this when we support FF - list-style-image: url("chrome://global/skin/icons/notfound.png"); - */ +.findbar-find-next:not([disabled]):hover, +.findbar-find-next:not([disabled]):active { + -moz-image-region: rect(18px, 24px, 27px, 12px); } -.findbar-textbox { - -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox"); - border: none; - margin: 0px; +.findbar-find-previous > .toolbarbutton-icon, +.findbar-find-next > .toolbarbutton-icon { } -.findbar-textbox[status="notfound"] { - background-color: #FF0000; - color: #000000; +.findbar-find-previous[disabled="true"] > .toolbarbutton-icon, +.findbar-find-next[disabled="true"] > .toolbarbutton-icon { } -findbar[flash="true"] > .findbar-container > .find-field-container > .findbar-textbox { - background-color: #FFCF00; +.findbar-highlight, +.findbar-case-sensitive { + -moz-margin-start: 5px; +} + +.findbar-highlight > .toolbarbutton-icon, +.findbar-case-sensitive > .toolbarbutton-icon { + display: none; } -.find-status-icon[status="wrapped"] { - /* XXX: look into this when we support FF - list-style-image: url("chrome://global/skin/icons/wrap.png"); - */ +.findbar-find-status, +.found-matches { + color: #A09090; + margin: 0 !important; + -moz-margin-start: 12px !important; } -.find-field-container { - /* -moz-appearance: textfield; */ +.find-status-icon[status="pending"] { + list-style-image: url("chrome://global/skin/icons/loading.gif"); }