diff options
Diffstat (limited to 'toolkit/themes/windows/global/findBar.css')
-rw-r--r-- | toolkit/themes/windows/global/findBar.css | 160 |
1 files changed, 160 insertions, 0 deletions
diff --git a/toolkit/themes/windows/global/findBar.css b/toolkit/themes/windows/global/findBar.css new file mode 100644 index 000000000..96115f193 --- /dev/null +++ b/toolkit/themes/windows/global/findBar.css @@ -0,0 +1,160 @@ +/* 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 { + box-shadow: 0 1px 1px rgba(0,0,0,.1) inset; + background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); + background-size: 100% 2px; + background-repeat: no-repeat; + 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 { + margin-inline-start: 4px; + padding-inline-start: 0; + padding-inline-end: 8px; + border: none; + -moz-appearance: none; +} + + +/* Search field */ + +.findbar-textbox { + -moz-appearance: none; + border: 1px solid ThreeDShadow; + border-radius: 2px 0 0 2px; + margin: 0; + padding: 1px 5px; + width: 14em; +} + +.findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 2px 2px 0; +} + +.findbar-textbox[focused="true"] { + border-color: Highlight; +} + +.findbar-textbox[status="notfound"] { + background-color: #f66; + color: white; +} + +.findbar-textbox[flash="true"] { + background-color: yellow; + color: black; +} + +.findbar-textbox.minimal { + border-radius: 2px; +} + +/* Buttons */ + +.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: 1px 5px; + line-height: 1em; +} + +.findbar-find-previous:not([disabled]):active, +.findbar-find-next:not([disabled]):active { + background: rgba(23,50,76,.2); + 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); +} + +.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 { + border-right: none; + border-left: none; +} + +.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-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; +} + +.findbar-find-status, +.found-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"); +} + +@media (min-resolution: 1.1dppx) { + .find-status-icon[status="pending"] { + width: 16px; + list-style-image: url("chrome://global/skin/icons/loading@2x.png"); + } +} |