Mypal/toolkit/themes/linux/global/findBar.css

98 lines
2.2 KiB
CSS

/* 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 {
padding: 4px 8px;
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;
}
/* find-next button */
.findbar-find-next > .toolbarbutton-icon {
-moz-appearance: button-arrow-next;
}
/* find-previous button */
.findbar-find-previous > .toolbarbutton-icon {
-moz-appearance: button-arrow-previous;
}
/* highlight button */
.findbar-highlight {
list-style-image: url("chrome://global/skin/icons/find.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
.findbar-highlight[disabled="true"] {
-moz-image-region: rect(16px, 16px, 32px, 0px);
}
.find-status-icon {
list-style-image: none;
margin-top: 2px;
margin-bottom: 0;
-moz-margin-start: 12px;
-moz-margin-end: 0;
width: 16px;
height: 16px;
}
.findbar-find-status,
.findbar-matches {
margin-top: 0 !important;
margin-bottom: 0 !important;
-moz-margin-start: 3px !important;
-moz-margin-end: 0 !important;
padding: 2px !important;
}
.find-status-icon[status="notfound"] {
list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
}
.find-status-icon[status="pending"] {
list-style-image: url("chrome://global/skin/icons/loading_16.png");
}
.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[status="notfound"] {
background-color: #f66;
color: white;
}
.findbar-textbox[flash="true"] {
background-color: yellow;
color: black;
}
.find-status-icon[status="wrapped"] {
list-style-image: url("chrome://global/skin/icons/wrap.png");
}