1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/global/findBar.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,224 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +%include shared.inc
1.9 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.10 +
1.11 +findbar {
1.12 + background: @scopeBarBackground@;
1.13 + border-top: @scopeBarSeparatorBorder@;
1.14 + min-width: 1px;
1.15 + transition-property: margin-bottom, opacity, visibility;
1.16 + transition-duration: 150ms, 150ms, 0s;
1.17 + transition-timing-function: ease-in-out, ease-in-out, linear;
1.18 +}
1.19 +
1.20 +findbar[hidden] {
1.21 + /* Override display:none to make the transition work. */
1.22 + display: -moz-box;
1.23 + visibility: collapse;
1.24 + margin-bottom: -1em;
1.25 + opacity: 0;
1.26 + transition-delay: 0s, 0s, 150ms;
1.27 +}
1.28 +
1.29 +findbar:-moz-lwtheme {
1.30 + -moz-appearance: none;
1.31 + background: none;
1.32 + border-style: none;
1.33 +}
1.34 +
1.35 +.findbar-container {
1.36 + -moz-padding-start: 2px;
1.37 + padding-top: 4px;
1.38 + padding-bottom: 4px;
1.39 +}
1.40 +
1.41 +label.findbar-find-fast {
1.42 + color: @scopeBarTitleColor@;
1.43 + margin: 0;
1.44 + -moz-margin-start: 12px;
1.45 + text-shadow: @loweredShadow@;
1.46 +}
1.47 +
1.48 +label.findbar-find-fast:-moz-lwtheme,
1.49 +.findbar-find-status:-moz-lwtheme {
1.50 + color: inherit;
1.51 + text-shadow: inherit;
1.52 +}
1.53 +
1.54 +.findbar-closebutton {
1.55 + -moz-margin-start: 4px;
1.56 + -moz-padding-start: 0;
1.57 + -moz-padding-end: 8px;
1.58 + border: none;
1.59 + /* make sure the closebutton is displayed as the first element in the bar: */
1.60 + -moz-box-ordinal-group: 0;
1.61 +}
1.62 +
1.63 +@media (min-resolution: 2dppx) {
1.64 + .findbar-closebutton > .toolbarbutton-icon {
1.65 + width: 16px;
1.66 + }
1.67 +}
1.68 +
1.69 +.findbar-find-next,
1.70 +.findbar-find-previous,
1.71 +.findbar-highlight,
1.72 +.findbar-case-sensitive {
1.73 + -moz-appearance: none;
1.74 + border-radius: 10000px;
1.75 + border: @roundButtonBorder@;
1.76 + background: @roundButtonBackground@;
1.77 + box-shadow: @roundButtonShadow@;
1.78 + color: buttontext;
1.79 + margin: 0;
1.80 +}
1.81 +
1.82 +.findbar-highlight,
1.83 +.findbar-case-sensitive {
1.84 + -moz-margin-end: 5px;
1.85 + padding: 0 3px;
1.86 +}
1.87 +
1.88 +.findbar-container > toolbarbutton:-moz-focusring,
1.89 +.findbar-find-next:-moz-focusring,
1.90 +.findbar-find-previous:-moz-focusring {
1.91 + position: relative;
1.92 + box-shadow: @focusRingShadow@, @roundButtonShadow@;
1.93 +}
1.94 +
1.95 +.findbar-container > toolbarbutton[disabled] {
1.96 + color: GrayText !important;
1.97 +}
1.98 +
1.99 +.findbar-find-next:not([disabled]):hover:active,
1.100 +.findbar-find-previous:not([disabled]):hover:active,
1.101 +.findbar-highlight:not([disabled]):hover:active,
1.102 +.findbar-case-sensitive:not([disabled]):hover:active,
1.103 +.findbar-highlight:not([disabled])[checked="true"],
1.104 +.findbar-case-sensitive:not([disabled])[checked="true"] {
1.105 + text-shadow: @loweredShadow@;
1.106 + background: @roundButtonPressedBackground@;
1.107 + box-shadow: @roundButtonPressedShadow@;
1.108 +}
1.109 +
1.110 +.findbar-find-next:hover:active:-moz-focusring,
1.111 +.findbar-find-previous:hover:active:-moz-focusring {
1.112 + text-shadow: @loweredShadow@;
1.113 + background: @roundButtonPressedBackground@;
1.114 + box-shadow: @focusRingShadow@, @roundButtonPressedShadow@;
1.115 +}
1.116 +
1.117 +.findbar-closebutton > .toolbarbutton-text {
1.118 + display: none;
1.119 +}
1.120 +
1.121 +/* Search field */
1.122 +
1.123 +.findbar-textbox {
1.124 + position: relative;
1.125 + -moz-appearance: none;
1.126 + border: @roundButtonBorder@;
1.127 + border-radius: 10000px 0 0 10000px;
1.128 + box-shadow: @roundButtonShadow@;
1.129 + background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 5px center;
1.130 + margin: 0;
1.131 + padding: 2px 8px;
1.132 + -moz-padding-start: 19px;
1.133 +}
1.134 +
1.135 +.findbar-textbox:-moz-locale-dir(rtl) {
1.136 + border-radius: 0 10000px 10000px 0;
1.137 +}
1.138 +
1.139 +.findbar-textbox:not([focused="true"]):-moz-lwtheme {
1.140 + opacity: 0.9;
1.141 +}
1.142 +
1.143 +.findbar-textbox[focused="true"] {
1.144 + box-shadow: @focusRingShadow@;
1.145 +}
1.146 +
1.147 +.findbar-textbox[flash="true"] {
1.148 + background-color: #F7E379;
1.149 +}
1.150 +
1.151 +.findbar-textbox[status="notfound"] {
1.152 + background-color: #FD919B;
1.153 + color: #FFF;
1.154 +}
1.155 +
1.156 +.findbar-textbox.minimal {
1.157 + border-radius: 10000px;
1.158 + -moz-margin-start: 5px;
1.159 +}
1.160 +
1.161 +/* Find previous/next buttons */
1.162 +
1.163 +.findbar-find-previous,
1.164 +.findbar-find-next {
1.165 + -moz-margin-start: 0;
1.166 + list-style-image: url(chrome://global/skin/icons/find-arrows.png);
1.167 + padding: 2px 6px;
1.168 +}
1.169 +
1.170 +.findbar-find-previous > .toolbarbutton-text,
1.171 +.findbar-find-next > .toolbarbutton-text {
1.172 + margin: 0 !important;
1.173 + padding: 0;
1.174 + width: 0;
1.175 +}
1.176 +
1.177 +.findbar-find-previous > .toolbarbutton-icon,
1.178 +.findbar-find-next > .toolbarbutton-icon {
1.179 + margin: 0;
1.180 +}
1.181 +
1.182 +.findbar-find-previous {
1.183 + border-left: none;
1.184 + border-right: none;
1.185 + -moz-margin-end: 0;
1.186 + -moz-image-region: rect(0, 10px, 9px, 0);
1.187 + border-radius: 0;
1.188 +}
1.189 +
1.190 +.findbar-find-next {
1.191 + -moz-image-region: rect(0, 20px, 9px, 10px);
1.192 + -moz-padding-end: 7px;
1.193 +}
1.194 +
1.195 +.findbar-find-next:-moz-locale-dir(ltr) {
1.196 + border-top-left-radius: 0;
1.197 + border-bottom-left-radius: 0;
1.198 +}
1.199 +
1.200 +.findbar-find-next:-moz-locale-dir(rtl) {
1.201 + border-top-right-radius: 0;
1.202 + border-bottom-right-radius: 0;
1.203 +}
1.204 +
1.205 +/* Status description */
1.206 +
1.207 +.find-status-icon {
1.208 + display: none;
1.209 +}
1.210 +
1.211 +.find-status-icon[status="pending"] {
1.212 + display: block;
1.213 + list-style-image: url("chrome://global/skin/icons/loading_16.png");
1.214 +}
1.215 +
1.216 +.findbar-find-status {
1.217 + color: rgba(0,0,0,.5);
1.218 + margin: 0 !important;
1.219 + -moz-margin-start: 12px !important;
1.220 + text-shadow: 0 1px rgba(255,255,255,.4);
1.221 +}
1.222 +
1.223 +/* Highlight and Case Sensitive toggles */
1.224 +
1.225 +.findbar-highlight {
1.226 + -moz-margin-start: 8px;
1.227 +}
