X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2FfindBar.css;h=b4cfbdc363d0a923307cbdac215bdde11ad7f50a;hp=9fdd51c83d3fceffe7557d16b5a8875c506e8f7f;hb=43ba37c15d4c3b381344e45dac387a9df582f48f;hpb=56029cafc51f2cfb90a4d902402129e51fcde8b8

diff --git a/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css
index 9fdd51c8..b4cfbdc3 100644
--- a/EarlyBlue/global/findBar.css
+++ b/EarlyBlue/global/findBar.css
@@ -1,70 +1,45 @@
 @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-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);
-  */
+findbar[position="top"] {
+  transition-property: margin-top, opacity, visibility;
 }
 
-/* find-previous button */
-
-.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);
-  */
+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;
 }
 
-/* highlight button */
-
-.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[noanim] {
+  transition-duration: 0s !important;
+  transition-delay: 0s !important;
 }
 
-.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[position="top"][hidden] {
+  margin-bottom: auto;
+  margin-top: -1em;
 }
 
-.findbar-find-status {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  -moz-margin-start: 3px;
-  -moz-margin-end: 0px;
-  padding: 2px;
+.findbar-closebutton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
 }
 
-.find-status-icon[status="notfound"] {
-  /* XXX: look into this when we support FF
-  list-style-image: url("chrome://global/skin/icons/notfound.png");
-  */
-}
+/* Search field */
 
 .findbar-textbox {
-  -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox");
-  border: none;
-  margin: 0px;
+  width: 14em;
 }
 
 .findbar-textbox[status="notfound"] {
@@ -72,16 +47,60 @@ findbar {
   color: #000000;
 }
 
-.findbar-textbox {
+.findbar-textbox[flash="true"] {
   background-color: #FFFFC0;
+  color: #000000;
+}
+
+.findbar-textbox.minimal {
+}
+
+/* Buttons */
+
+.findbar-find-previous:not([disabled]):active,
+.findbar-find-next:not([disabled]):active {
+}
+
+.findbar-find-previous {
+  list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous);
+}
+
+.findbar-find-next {
+  list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next);
+}
+
+.findbar-find-previous,
+.findbar-find-previous:not([disabled]):active {
+}
+
+.findbar-find-previous > .toolbarbutton-icon,
+.findbar-find-next > .toolbarbutton-icon {
+}
+
+.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
+.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
+  filter: url(icons/filters.svg#disabled-icon-state);
+}
+
+.findbar-highlight,
+.findbar-case-sensitive,
+.findbar-entire-word {
+  margin-inline-start: 5px;
+}
+
+.findbar-highlight > .toolbarbutton-icon,
+.findbar-case-sensitive > .toolbarbutton-icon,
+.findbar-entire-word > .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: #808080;
+  margin: 0 !important;
+  margin-inline-start: 12px !important;
 }
 
-.find-field-container {
-  /* -moz-appearance: textfield; */
+.find-status-icon[status="pending"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
 }