findBar.css (3469B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 6 7 .findbar-closebutton:-moz-lwtheme-brighttext { 8 filter: url("chrome://global/skin/icons/invert.svg#invert"); 9 } 10 11 findbar { 12 padding: 4px 2px; 13 box-shadow: 0 1px 1px rgba(0,0,0,.1) inset; 14 background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); 15 background-size: 100% 2px; 16 background-repeat: no-repeat; 17 min-width: 1px; 18 transition-property: margin-bottom, opacity, visibility; 19 transition-duration: 150ms, 150ms, 0s; 20 transition-timing-function: ease-in-out, ease-in-out, linear; 21 } 22 23 findbar[hidden] { 24 /* Override display:none to make the transition work. */ 25 display: -moz-box; 26 visibility: collapse; 27 margin-bottom: -1em; 28 opacity: 0; 29 transition-delay: 0s, 0s, 150ms; 30 } 31 32 .findbar-container { 33 padding-inline-start: 0px; 34 padding-top: 0px; 35 padding-bottom: 0px; 36 } 37 38 .findbar-closebutton { 39 border: none; 40 padding: 0; 41 margin: 0 4px; 42 -moz-appearance: none; 43 /* make sure the closebutton is displayed as the first element in the bar: */ 44 -moz-box-ordinal-group: 0; 45 } 46 47 /* Search field */ 48 49 .findbar-textbox { 50 -moz-appearance: none; 51 border: 1px solid rgba(0,0,0,.2); 52 border-radius: 3px 0 0 3px; 53 margin: 0; 54 padding: 4px 6px; 55 width: 14em; 56 } 57 58 .findbar-textbox:-moz-locale-dir(rtl) { 59 border-radius: 0 2px 2px 0; 60 } 61 62 .findbar-textbox[focused="true"] { 63 border-color: rgba(0,0,0,.5); 64 } 65 66 .findbar-textbox[status="notfound"] { 67 background-color: #f66; 68 color: white; 69 } 70 71 .findbar-textbox[flash="true"] { 72 background-color: yellow; 73 color: black; 74 } 75 76 .findbar-textbox.minimal { 77 border-radius: 2px; 78 } 79 80 /* Buttons */ 81 82 .findbar-find-previous, 83 .findbar-find-next { 84 -moz-appearance: none; 85 background: #181411; 86 border: 1px solid rgb(75,75,75); 87 list-style-image: url("chrome://global/skin/icons/find-arrows.png"); 88 padding: 2px 6px; 89 margin-inline-start: 0; 90 margin-left: 3px; 91 border-radius: 3px; 92 } 93 94 .findbar-find-previous:not([disabled]):active, 95 .findbar-find-next:not([disabled]):active { 96 background: rgb(1,1,1); 97 } 98 99 .findbar-find-previous { 100 -moz-image-region: rect(0, 10px, 9px, 0); 101 } 102 103 .findbar-find-next { 104 -moz-image-region: rect(0, 20px, 9px, 10px); 105 padding-inline-end: 6px; 106 } 107 108 .findbar-find-previous > .toolbarbutton-icon, 109 .findbar-find-next > .toolbarbutton-icon { 110 margin: 0; 111 } 112 113 .findbar-find-previous > .toolbarbutton-text, 114 .findbar-find-next > .toolbarbutton-text { 115 margin: 0; 116 padding: 0; 117 width: 0; 118 } 119 120 .findbar-find-previous[disabled="true"] > .toolbarbutton-icon, 121 .findbar-find-next[disabled="true"] > .toolbarbutton-icon { 122 opacity: .5; 123 } 124 125 .findbar-find-next:-moz-locale-dir(ltr) { 126 border-top-right-radius: 3px; 127 border-bottom-right-radius: 3px; 128 } 129 130 .findbar-find-next:-moz-locale-dir(rtl) { 131 border-top-left-radius: 3px; 132 border-bottom-left-radius: 3px; 133 } 134 135 .findbar-highlight, 136 .findbar-case-sensitive { 137 margin-inline-start: 5px; 138 border-radius: 5px; 139 } 140 141 .findbar-highlight > .toolbarbutton-icon, 142 .findbar-case-sensitive > .toolbarbutton-icon { 143 display: none; 144 } 145 146 .findbar-find-status { 147 color: GrayText; 148 margin: 0 !important; 149 margin-inline-start: 12px !important; 150 } 151 152 .find-status-icon[status="pending"] { 153 list-style-image: url("chrome://global/skin/icons/loading_16.png"); 154 }