summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/linux/global/findBar.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/themes/linux/global/findBar.css')
-rw-r--r--toolkit/themes/linux/global/findBar.css159
1 files changed, 159 insertions, 0 deletions
diff --git a/toolkit/themes/linux/global/findBar.css b/toolkit/themes/linux/global/findBar.css
new file mode 100644
index 000000000..f04911402
--- /dev/null
+++ b/toolkit/themes/linux/global/findBar.css
@@ -0,0 +1,159 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+findbar {
+ border-top: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
+ 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;
+}
+
+findbar[noanim] {
+ transition-duration: 0s !important;
+ transition-delay: 0s !important;
+}
+
+.findbar-container {
+ padding-inline-start: 8px;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.findbar-closebutton {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ margin: 0 8px;
+}
+
+/* Search field */
+
+.findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid ThreeDShadow;
+ box-shadow: 0 0 1px 0 ThreeDShadow inset;
+ margin: 0;
+ padding: 5px;
+ width: 14em;
+}
+
+.findbar-textbox:-moz-locale-dir(ltr) {
+ border-radius: 3px 0 0 3px;
+ border-right-width: 0;
+}
+
+.findbar-textbox:-moz-locale-dir(rtl) {
+ border-radius: 0 3px 3px 0;
+ border-left-width: 0;
+}
+
+.findbar-textbox[focused="true"] {
+ border-color: Highlight;
+ box-shadow: 0 0 1px 0 Highlight inset;
+}
+
+.findbar-textbox[status="notfound"] {
+ background-color: #f66;
+ color: white;
+}
+
+.findbar-textbox[flash="true"] {
+ background-color: yellow;
+ color: black;
+}
+
+.findbar-textbox.minimal {
+ border-width: 1px;
+ border-radius: 3px;
+}
+
+.findbar-find-previous,
+.findbar-find-next {
+ margin-inline-start: 0;
+ -moz-appearance: none;
+ background: linear-gradient(rgba(255,255,255,.8) 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.1));
+ border: 1px solid ThreeDShadow;
+ padding: 5px 9px;
+ line-height: 1em;
+}
+
+.findbar-find-previous:focus,
+.findbar-find-next:focus {
+ border-color: Highlight;
+ box-shadow: 0 0 1px 0 Highlight inset;
+}
+
+.findbar-find-previous:not([disabled]):active,
+.findbar-find-next:not([disabled]):active {
+ background: rgba(23,50,76,.2);
+ border: 1px solid ThreeDShadow;
+ box-shadow: 0 1px 2px rgba(10,31,51,.2) inset;
+}
+
+.findbar-find-previous {
+ list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous);
+ border-inline-end-width: 0;
+}
+
+.findbar-find-next {
+ list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next);
+}
+
+.findbar-find-previous > .toolbarbutton-icon,
+.findbar-find-next > .toolbarbutton-icon {
+ margin: 0;
+}
+
+.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
+.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
+ opacity: .5;
+}
+
+.findbar-find-next:-moz-locale-dir(ltr) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.findbar-find-next:-moz-locale-dir(rtl) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.findbar-find-previous:focus + .findbar-find-next {
+ border-inline-start-width: 0;
+}
+
+.findbar-find-previous:focus {
+ border-inline-end-width: 1px;
+}
+
+.findbar-highlight,
+.findbar-case-sensitive,
+.findbar-entire-word {
+ margin-inline-start: 5px;
+}
+
+.findbar-find-status,
+.findbar-matches {
+ color: GrayText;
+ margin: 0 !important;
+ margin-inline-start: 12px !important;
+}
+
+.find-status-icon[status="pending"] {
+ list-style-image: url("chrome://global/skin/icons/loading.png");
+}