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   -moz-box-align: center;
 138
 139   border-bottom: none;
 140 }
 141
 142 .search-panel-header {
 143   font-weight: normal;
 144   background-color: #A09090;
 145   border-top: 1px solid #000000;
 146   margin: 0;
 147   padding: 3px 6px;
 148   color: #000000;
 149 }
 150
 151 .search-panel-tree[collapsed=true] + .search-panel-header {
 152   border-top: none;
 153 }
 154
 155 .search-panel-current-input > label {
 156   margin: 0 0 !important;
 157 }
 158
 159 .search-panel-input-value {
 160   color: black;
 161 }
 162
 163 .search-panel-one-offs {
 164   margin: 0 0 !important;
 165   border-top: 1px solid #000000;
 166   line-height: 0;
 167 }
 168
 169 .searchbar-engine-one-off-item {
 170   display: inline-block;
 171   border: none;
 172   border-radius: 0;
 173   min-width: 48px;
 174   height: 32px;
 175   margin: 0 0;
 176   padding: 0 0;
 177   background: none;
 178   background-image: url('chrome://browser/skin/search-oneoff-bg-border.png');
 179   background-repeat: no-repeat;
 180   background-position: right center;
 181 }
 182
 183 .searchbar-engine-one-off-item:not(.last-row) {
 184   box-sizing: padding-box;
 185   border-bottom: 1px solid #9C9CFF;
 186 }
 187
 188 .searchbar-engine-one-off-item.last-of-row {
 189   background-image: none;
 190 }
 191
 192 .searchbar-engine-one-off-item[selected] {
 193   background-color: #008484;
 194   background-image: none;
 195 }
 196
 197 .searchbar-engine-one-off-item > .button-box {
 198   border: none;
 199   padding: 0 0;
 200 }
 201
 202 .searchbar-engine-one-off-item > .button-box > .button-text {
 203   display: none;
 204 }
 205
 206 .searchbar-engine-one-off-item > .button-box > .button-icon {
 207   width: 16px;
 208   height: 16px;
 209 }
 210
 211 .addengine-item {
 212   border: none;
 213 /*  height: 32px;*/
 214   margin: 0 0;
 215   padding: 0 10px;
 216   border-radius: 0;
 217 }
 218
 219 .addengine-item > .button-box {
 220   -moz-box-pack: start;
 221 }
 222
 223 .addengine-item:first-of-type {
 224   border-top: 1px solid #000000;
 225 }
 226
 227 .addengine-item[selected] {
 228   background-color: #FFCF00;
 229   color: #000000;
 230 }
 231
 232 .addengine-icon {
 233   height: 16px;
 234   width: 16px;
 235 }
 236
 237 .addengine-badge {
 238   width: 16px;
 239   height: 16px;
 240   margin: -7px -9px 7px 9px;
 241   list-style-image: url("chrome://browser/skin/badge-add-engine.png");
 242 }
 243
 244 .addengine-item > .button-box > .button-text {
 245   -moz-box-flex: 1;
 246   text-align: start;
 247   -moz-padding-start: 10px;
 248 }
 249
 250 .addengine-item:not([image]) {
 251   list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
 252 }
 253
 254 searchbar[oneoffui] .searchbar-engine-button {
 255   display: none;
 256 }
 257
 258 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
 259   -moz-padding-start: 15px;
 260   border-top: none !important;
 261 }
 262
 263 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
 264   -moz-padding-start: 4px;
 265 }
 266
 267 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
 268   -moz-padding-start: 5px;
 269   width: 14px;
 270   height: 14px;
 271 }
 272
 273 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
 274   list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
 275 }
 276
 277 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
 278   list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
 279 }
 280
 281 searchbar[oneoffui] .searchbar-engine-image {
 282   -moz-margin-start: -1px;
 283 }
 284
 285 .search-setting-button {
 286   border-bottom: none;
 287   border-left: none;
 288   border-right: none;
 289   border-radius: 0;
 290   background-color: #C09070;
 291   -moz-border-top-colors: none;
 292 /*  min-height: 32px;*/
 293 }
 294
 295 .search-setting-button[selected] {
 296   background-color: #FFCF00;
 297   border-top-color: #000000;
 298 }