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