mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-08-30 19:28:40 +09:00
fc1f95edc4
This changes the toolkit theme for Linux and Windows (Mac already did this) to style the input textbox on the findbar with -moz-appearance:none so as to give us styling control (as opposed to using a native widget style) and apply a neutral style to it. Also ensures Mac remains readable in case of poorly contrasting text.
137 lines
3.2 KiB
CSS
137 lines
3.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-closebutton {
|
|
border: none;
|
|
padding: 3px 5px;
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
.findbar-closebutton:-moz-lwtheme-brighttext {
|
|
list-style-image: url("chrome://global/skin/icons/close-inverted.png");
|
|
}
|
|
|
|
findbar {
|
|
padding: 4px 2px;
|
|
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;
|
|
}
|
|
|
|
/* find-next button */
|
|
|
|
.findbar-find-next {
|
|
list-style-image: url("chrome://global/skin/icons/find.png");
|
|
-moz-image-region: rect(0px 16px 16px 0px);
|
|
}
|
|
|
|
.findbar-find-next:hover {
|
|
-moz-image-region: rect(16px 16px 32px 0px);
|
|
}
|
|
|
|
.findbar-find-next[disabled="true"] {
|
|
-moz-image-region: rect(32px 16px 48px 0px) !important;
|
|
}
|
|
|
|
/* find-previous button */
|
|
|
|
.findbar-find-previous {
|
|
list-style-image: url("chrome://global/skin/icons/find.png");
|
|
-moz-image-region: rect(0px 32px 16px 16px);
|
|
}
|
|
|
|
.findbar-find-previous:hover {
|
|
-moz-image-region: rect(16px 32px 32px 16px);
|
|
}
|
|
|
|
.findbar-find-previous[disabled="true"] {
|
|
-moz-image-region: rect(32px 32px 48px 16px) !important;
|
|
}
|
|
|
|
/* highlight button */
|
|
|
|
.findbar-highlight {
|
|
list-style-image: url("chrome://global/skin/icons/find.png");
|
|
-moz-image-region: rect(0px 48px 16px 32px);
|
|
}
|
|
|
|
.findbar-highlight:hover {
|
|
-moz-image-region: rect(16px 48px 32px 32px);
|
|
}
|
|
|
|
.findbar-highlight[disabled="true"] {
|
|
-moz-image-region: rect(32px 48px 48px 32px) !important;
|
|
}
|
|
|
|
.findbar-highlight:active, .findbar-highlight[checked="true"] {
|
|
-moz-image-region: rect(48px 48px 64px 32px);
|
|
}
|
|
|
|
.findbar-highlight[checked="true"]:hover {
|
|
-moz-image-region: rect(64px 48px 80px 32px);
|
|
}
|
|
|
|
.find-status-icon {
|
|
list-style-image: none;
|
|
margin-top: 2px;
|
|
margin-bottom: 0px;
|
|
-moz-margin-start: 12px;
|
|
-moz-margin-end: 0px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.findbar-find-status,
|
|
.found-matches {
|
|
margin: 0 !important;
|
|
-moz-margin-start: 3px !important;
|
|
padding: 2px !important;
|
|
}
|
|
|
|
.find-status-icon[status="notfound"] {
|
|
list-style-image: url("chrome://global/skin/icons/information-16.png");
|
|
}
|
|
|
|
.findbar-textbox {
|
|
-moz-appearance: none;
|
|
border: 1px solid ThreeDShadow;
|
|
border-radius: 2px;
|
|
margin: 0;
|
|
padding: 1px 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");
|
|
}
|
|
|
|
.find-status-icon[status="pending"] {
|
|
list-style-image: url("chrome://global/skin/icons/loading_16.png");
|
|
}
|