browser/themes/windows/searchbar.css

   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 #PopupSearchAutoComplete {
   6   -moz-margin-start: -25px;
   7 }
   8
   9 .searchbar-dropmarker-image {
  10   --searchbar-dropmarker-url: url("chrome://browser/skin/searchbar-dropdown-arrow.png");
  11 }
  12
  13 .autocomplete-textbox-container {
  14   -moz-box-align: stretch;
  15 }
  16
  17 .textbox-input-box {
  18   margin: 0;
  19 }
  20
  21 /* ::::: searchbar-engine-button ::::: */
  22
  23 .searchbar-engine-image {
  24   height: 16px;
  25   width: 16px;
  26   list-style-image: url("chrome://global/skin/icons/folder-item.png");
  27   -moz-image-region: rect(0px, 16px, 16px, 0px);
  28 }
  29
  30 .searchbar-engine-button {
  31   -moz-appearance: none;
  32   min-width: 0;
  33   margin: 0;
  34   padding: 0;
  35   -moz-padding-end: 2px;
  36   -moz-box-align: center;
  37   background: none;
  38   border: none;
  39 }
  40
  41 .searchbar-engine-button > .button-box {
  42   -moz-appearance: none;
  43   padding: 0;
  44   border: 0;
  45 }
  46
  47 .searchbar-dropmarker-image {
  48   list-style-image: var(--searchbar-dropmarker-url);
  49   -moz-image-region: rect(0, 13px, 11px, 0);
  50 }
  51
  52 .searchbar-engine-button[open="true"] > .searchbar-dropmarker-image {
  53   -moz-image-region: rect(0, 26px, 11px, 13px);
  54 }
  55
  56
  57 /* ::::: search-go-button ::::: */
  58
  59 .search-go-container {
  60   -moz-box-align: center;
  61 }
  62
  63 .search-go-button {
  64   padding: 1px;
  65   list-style-image: url("chrome://global/skin/icons/Search-glass.png");
  66   -moz-image-region: rect(0px 16px 16px 0px);
  67 }
  68
  69 .search-go-button:-moz-locale-dir(rtl) {
  70   transform: scaleX(-1);
  71 }
  72
  73 .search-go-button:hover {
  74   -moz-image-region: rect(0px 32px 16px 16px);
  75 }
  76
  77 .search-go-button:hover:active {
  78   -moz-image-region: rect(0px, 48px, 16px, 32px);
  79 }
  80
  81 .searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {
  82   font-weight: bold;
  83 }
  84
  85
  86
  87 .searchbar-search-button-container {
  88   -moz-box-align: center;
  89 }
  90
  91 .searchbar-search-button {
  92   list-style-image: url("chrome://browser/skin/search-indicator.png");
  93   -moz-image-region: rect(0, 20px, 20px, 0);
  94   margin-top: 1px;
  95   margin-bottom: 1px;
  96   -moz-margin-start: 4px;
  97 }
  98
  99 .searchbar-search-button[addengines="true"] {
 100   list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
 101 }
 102
 103 .searchbar-search-button:hover {
 104   -moz-image-region: rect(0, 40px, 20px, 20px);
 105 }
 106
 107 .searchbar-search-button:hover:active {
 108   -moz-image-region: rect(0, 60px, 20px, 40px);
 109 }
 110
 111 searchbar[oneoffui] .search-go-button {
 112   list-style-image: url("chrome://browser/skin/reload-stop-go.png");
 113   -moz-image-region: rect(0, 42px, 14px, 28px);
 114 }
 115
 116 searchbar[oneoffui] .search-go-button:hover {
 117   -moz-image-region: rect(14px, 42px, 28px, 28px);
 118 }
 119
 120 searchbar[oneoffui] .search-go-button:hover:active {
 121   -moz-image-region: rect(28px, 42px, 42px, 28px);
 122 }
 123
 124 searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
 125   transform: scaleX(-1);
 126 }
 127
 128
 129 .search-panel-current-engine {
 130   border-top: none !important;
 131   -moz-box-align: center;
 132 }
 133
 134 .search-panel-current-engine:not([showonlysettings]) {
 135   border-bottom: 1px solid #ccc;
 136 }
 137
 138 .search-panel-header {
 139   font-weight: normal;
 140   background-color: rgb(245, 245, 245);
 141   border-top: 1px solid #ccc;
 142   margin: 0;
 143   padding: 3px 6px;
 144   color: #666;
 145 }
 146
 147 .search-panel-current-input > label {
 148   margin: 0 0 !important;
 149 }
 150
 151 .search-panel-input-value {
 152   color: black;
 153 }
 154
 155 .search-panel-one-offs {
 156   margin: 0 0 !important;
 157   border-top: 1px solid #ccc;
 158   line-height: 0;
 159 }
 160
 161 .searchbar-engine-one-off-item {
 162   -moz-appearance: none;
 163   display: inline-block;
 164   border: none;
 165   min-width: 48px;
 166   height: 32px;
 167   margin: 0 0;
 168   padding: 0 0;
 169   background: none;
 170   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII=');
 171   background-repeat: no-repeat;
 172   background-position: right center;
 173 }
 174
 175 .searchbar-engine-one-off-item:not(.last-row) {
 176   box-sizing: padding-box;
 177   border-bottom: 1px solid #ccc;
 178 }
 179
 180 .searchbar-engine-one-off-item.last-of-row {
 181   background-image: none;
 182 }
 183
 184 .searchbar-engine-one-off-item[selected] {
 185   background-color: Highlight;
 186   background-image: none;
 187 }
 188
 189 .searchbar-engine-one-off-item > .button-box {
 190   border: none;
 191   padding: 0 0;
 192 }
 193
 194 .searchbar-engine-one-off-item > .button-box > .button-text {
 195   display: none;
 196 }
 197
 198 .searchbar-engine-one-off-item > .button-box > .button-icon {
 199   width: 16px;
 200   height: 16px;
 201 }
 202
 203 .addengine-item {
 204   -moz-appearance: none;
 205   border: none;
 206   height: 32px;
 207   margin: 0 0;
 208   padding: 0 10px;
 209 }
 210
 211 .addengine-item > .button-box {
 212   -moz-box-pack: start;
 213 }
 214
 215 .addengine-item:first-of-type {
 216   border-top: 1px solid #ccc;
 217 }
 218
 219 .addengine-item[selected] {
 220   background-color: Highlight;
 221   color: HighlightText;
 222 }
 223
 224 .addengine-icon {
 225   width: 16px;
 226 }
 227
 228 .addengine-badge {
 229   width: 16px;
 230   height: 16px;
 231   margin: -7px -9px 7px 9px;
 232   list-style-image: url("chrome://browser/skin/badge-add-engine.png");
 233 }
 234
 235 .addengine-item > .button-box > .button-text {
 236   -moz-box-flex: 1;
 237   text-align: start;
 238   -moz-padding-start: 10px;
 239 }
 240
 241 .addengine-item:not([image]) {
 242   list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
 243 }
 244
 245 searchbar[oneoffui] .searchbar-engine-button {
 246   display: none;
 247 }
 248
 249 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
 250   border-top: none !important;
 251 }
 252
 253 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
 254   -moz-padding-start: 4px;
 255 }
 256
 257 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
 258   -moz-padding-start: 5px;
 259   width: 14px;
 260   height: 14px;
 261 }
 262
 263 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
 264   list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
 265 }
 266
 267 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
 268   list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
 269 }
 270
 271 searchbar[oneoffui] .searchbar-engine-image {
 272   -moz-margin-start: -1px;
 273 }
 274
 275 .search-setting-button {
 276   -moz-appearance: none;
 277   border-bottom: none;
 278   border-left: none;
 279   border-right: none;
 280   -moz-border-top-colors: none;
 281   min-height: 32px;
 282 }
 283
 284 .search-setting-button[selected] {
 285   background-color: #d3d3d3;
 286   border-top-color: #bdbebe;
 287 }