Dactyloidae/toolkit/themes/windows/global/findBar.css

160 lines
3.6 KiB
CSS
Raw Normal View History

/* 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");
}
}