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