The Tor Browser / file comparison
comparison: toolkit/themes/linux/global/findBar.css
toolkit/themes/linux/global/findBar.css
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d0d75234a15e |
|---|---|
| 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 { | |
| 8 border-top: 2px solid; | |
| 9 -moz-border-top-colors: ThreeDShadow ThreeDHighlight; | |
| 10 min-width: 1px; | |
| 11 transition-property: margin-bottom, opacity, visibility; | |
| 12 transition-duration: 150ms, 150ms, 0s; | |
| 13 transition-timing-function: ease-in-out, ease-in-out, linear; | |
| 14 } | |
| 15 | |
| 16 findbar[hidden] { | |
| 17 /* Override display:none to make the transition work. */ | |
| 18 display: -moz-box; | |
| 19 visibility: collapse; | |
| 20 margin-bottom: -1em; | |
| 21 opacity: 0; | |
| 22 transition-delay: 0s, 0s, 150ms; | |
| 23 } | |
| 24 | |
| 25 .findbar-container { | |
| 26 -moz-padding-start: 8px; | |
| 27 padding-top: 4px; | |
| 28 padding-bottom: 4px; | |
| 29 } | |
| 30 | |
| 31 .findbar-closebutton { | |
| 32 -moz-appearance: none; | |
| 33 width: 16px; | |
| 34 height: 16px; | |
| 35 margin: 0 8px; | |
| 36 } | |
| 37 | |
| 38 /* Search field */ | |
| 39 | |
| 40 .findbar-textbox { | |
| 41 -moz-appearance: none; | |
| 42 border: 1px solid ThreeDShadow; | |
| 43 box-shadow: 0 0 1px 0 ThreeDShadow inset; | |
| 44 margin: 0; | |
| 45 padding: 5px; | |
| 46 width: 14em; | |
| 47 } | |
| 48 | |
| 49 .findbar-textbox:-moz-locale-dir(ltr) { | |
| 50 border-radius: 3px 0 0 3px; | |
| 51 border-right-width: 0; | |
| 52 } | |
| 53 | |
| 54 .findbar-textbox:-moz-locale-dir(rtl) { | |
| 55 border-radius: 0 3px 3px 0; | |
| 56 border-left-width: 0; | |
| 57 } | |
| 58 | |
| 59 .findbar-textbox[focused="true"] { | |
| 60 border-color: Highlight; | |
| 61 box-shadow: 0 0 1px 0 Highlight inset; | |
| 62 } | |
| 63 | |
| 64 .findbar-textbox[status="notfound"] { | |
| 65 background-color: #f66; | |
| 66 color: white; | |
| 67 } | |
| 68 | |
| 69 .findbar-textbox[flash="true"] { | |
| 70 background-color: yellow; | |
| 71 color: black; | |
| 72 } | |
| 73 | |
| 74 .findbar-textbox.minimal { | |
| 75 border-width: 1px; | |
| 76 border-radius: 3px; | |
| 77 } | |
| 78 | |
| 79 .findbar-find-previous, | |
| 80 .findbar-find-next { | |
| 81 -moz-margin-start: 0; | |
| 82 -moz-appearance: none; | |
| 83 background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2)); | |
| 84 border: 1px solid ThreeDShadow; | |
| 85 box-shadow: 0 1px #fff inset; | |
| 86 list-style-image: url("chrome://global/skin/icons/find-arrows.png"); | |
| 87 padding: 5px 9px; | |
| 88 line-height: 1em; | |
| 89 } | |
| 90 | |
| 91 .findbar-find-previous:focus, | |
| 92 .findbar-find-next:focus { | |
| 93 border-color: Highlight; | |
| 94 box-shadow: 0 0 1px 0 Highlight inset; | |
| 95 } | |
| 96 | |
| 97 .findbar-find-previous:not([disabled]):active, | |
| 98 .findbar-find-next:not([disabled]):active { | |
| 99 background: rgba(23,50,76,.2); | |
| 100 border: 1px solid ThreeDShadow; | |
| 101 box-shadow: 0 1px 2px rgba(10,31,51,.2) inset; | |
| 102 } | |
| 103 | |
| 104 .findbar-find-previous { | |
| 105 -moz-image-region: rect(0, 12px, 9px, 0); | |
| 106 -moz-border-end-width: 0; | |
| 107 } | |
| 108 | |
| 109 .findbar-find-next { | |
| 110 -moz-image-region: rect(0, 24px, 9px, 12px); | |
| 111 } | |
| 112 | |
| 113 .findbar-find-previous > .toolbarbutton-icon, | |
| 114 .findbar-find-next > .toolbarbutton-icon { | |
| 115 margin: 0; | |
| 116 } | |
| 117 | |
| 118 .findbar-find-previous > .toolbarbutton-text, | |
| 119 .findbar-find-next > .toolbarbutton-text { | |
| 120 margin: 0; | |
| 121 padding: 0; | |
| 122 width: 0; | |
| 123 } | |
| 124 | |
| 125 .findbar-find-previous[disabled="true"] > .toolbarbutton-icon, | |
| 126 .findbar-find-next[disabled="true"] > .toolbarbutton-icon { | |
| 127 opacity: .5; | |
| 128 } | |
| 129 | |
| 130 .findbar-find-next:-moz-locale-dir(ltr) { | |
| 131 border-top-right-radius: 2px; | |
| 132 border-bottom-right-radius: 2px; | |
| 133 } | |
| 134 | |
| 135 .findbar-find-next:-moz-locale-dir(rtl) { | |
| 136 border-top-left-radius: 2px; | |
| 137 border-bottom-left-radius: 2px; | |
| 138 } | |
| 139 | |
| 140 .findbar-find-previous:focus + .findbar-find-next { | |
| 141 -moz-border-start-width: 0; | |
| 142 } | |
| 143 | |
| 144 .findbar-find-previous:focus { | |
| 145 -moz-border-end-width: 1px; | |
| 146 } | |
| 147 | |
| 148 .findbar-highlight, | |
| 149 .findbar-case-sensitive { | |
| 150 -moz-margin-start: 5px; | |
| 151 } | |
| 152 | |
| 153 .findbar-find-status { | |
| 154 color: GrayText; | |
| 155 margin: 0 !important; | |
| 156 -moz-margin-start: 12px !important; | |
| 157 } | |
| 158 | |
| 159 .find-status-icon[status="pending"] { | |
| 160 list-style-image: url("chrome://global/skin/icons/loading_16.png"); | |
| 161 } |
