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