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