gecko-dev/toolkit/themes/pinstripe/global/findBar.css

173 lines
4.2 KiB
CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: find toolbar ::::: */
findbar {
background: url("chrome://global/skin/icons/find-bar-background.png") repeat-x top center #D0D0D0;
border-top: 1px solid #686868;
border-bottom: none;
min-width: 1px;
}
findbar > label,
findbar > description {
font-weight: bold;
}
.findbar-find-fast {
color: #6D6D6D;
}
.findbar-closebutton {
padding-right: 4px;
list-style-image: url("chrome://global/skin/icons/closetab.png");
border: none;
background-image: none !important;
background-color: transparent !important;
}
.findbar-closebutton:hover:active {
list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
}
findbar > toolbarbutton,
findbar > hbox > toolbarbutton {
-moz-appearance: none;
border: 1px solid #5F5F5F;
-moz-border-radius: 10px;
background: url("chrome://global/skin/icons/white-gray-gradient.gif") #A09E9D repeat-x top center;
margin: 0 4px 1px 4px;
padding: 0 3px;
}
findbar > toolbarbutton > .toolbarbutton-text,
findbar > hbox > toolbarbutton > .toolbarbutton-text {
margin: 1px 6px !important;
}
findbar > toolbarbutton[disabled],
findbar > hbox > toolbarbutton[disabled] {
border-color: #8F8F8F !important;
color: graytext;
}
findbar > toolbarbutton:not([disabled]):hover:active,
findbar > hbox > toolbarbutton:not([disabled]):hover:active {
background-image: url("chrome://global/skin/icons/white-gray-gradient-active.gif");
}
findbar > .findbar-closebutton > .toolbarbutton-text {
display: none;
}
findbar > checkbox {
list-style-image: url("chrome://global/skin/icons/checkbox.png");
-moz-image-region: rect(0px 16px 16px 0px);
-moz-appearance: none;
-moz-margin-start: 7px;
}
findbar > checkbox:hover:active {
-moz-image-region: rect(0px 32px 16px 16px);
}
findbar > checkbox[checked] {
-moz-image-region: rect(0px 48px 16px 32px);
}
findbar > checkbox[checked]:hover:active {
-moz-image-region: rect(0px 64px 16px 48px);
}
findbar > checkbox > .checkbox-check {
display: none;
}
findbar > checkbox > .checkbox-label-box > .checkbox-label {
margin: 1px 0 !important;
}
.findbar-textbox {
-moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox");
-moz-appearance: none;
border: 3px solid;
-moz-border-top-colors: #5F5F5F #CFCFCF -moz-Field;
-moz-border-bottom-colors: #9F9F9F #EEE -moz-Field;
-moz-border-right-colors: #7F7F7F #EEE -moz-Field;
-moz-border-left-colors: #7F7F7F #EFEFEF -moz-Field;
-moz-border-radius: 11.5px;
background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 1px center;
-moz-background-clip: padding !important;
padding: 0 8px;
-moz-padding-start: 17px;
}
.findbar-textbox[focused="true"] {
}
findbar[flash="true"] > .find-field-container > .findbar-textbox {
-moz-border-top-colors: #5F5F5F #F7E379 #F7E379;
-moz-border-bottom-colors: #9F9F9F #F7E379 #F7E379;
-moz-border-right-colors: #7F7F7F #F7E379 #F7E379;
-moz-border-left-colors: #7F7F7F #F7E379 #F7E379;
background-color: #F7E379;
}
.findbar-textbox[status="notfound"] {
-moz-border-top-colors: #5F5F5F #FD919B #FD919B;
-moz-border-bottom-colors: #9F9F9F #FD919B #FD919B;
-moz-border-right-colors: #7F7F7F #FD919B #FD919B;
-moz-border-left-colors: #7F7F7F #FD919B #FD919B;
background-color: #FD919B;
color: #FFF;
}
/* find-next button */
.findbar-find-next {
border-right: none;
-moz-margin-end: 0 !important;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
}
/* find-previous button */
.findbar-find-previous {
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-margin-start: 0 !important;
border-left-color: #868686;
}
/* highlight button */
.findbar-highlight {
-moz-margin-start: 8px;
}
.findbar-highlight > .toolbarbutton-icon {
width: 13px;
height: 8px;
margin: 4px;
-moz-margin-end: 0;
border: 1px solid #818181;
-moz-border-radius: 4px;
background-color: #F4F4F3;
}
.findbar-highlight[checked="true"] > .toolbarbutton-icon {
background-color: #FFFF00;
border-color: #818100;
}
.find-status-icon {
display: none;
}
.findbar-find-status {
color: #436599 !important;
margin: 1px;
-moz-margin-start: 12px;
}