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 .autocomplete-textbox-container {
   6   -moz-box-align: stretch;
   7 }
   8
   9 .textbox-input-box {
  10   margin: 0;
  11 }
  12
  13 /* ::::: searchbar-engine-button ::::: */
  14
  15 .searchbar-engine-image {
  16   height: 16px;
  17   width: 16px;
  18   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
  19   margin-inline-start: -1px;
  20 }
  21
  22 /* ::::: search-go-button ::::: */
  23
  24 .search-go-container {
  25   -moz-box-align: center;
  26 }
  27
  28 .search-go-button {
  29   padding: 1px;
  30   list-style-image: url("chrome://browser/skin/reload-stop-go.png");
  31   -moz-image-region: rect(0, 42px, 14px, 28px);
  32   width: 14px;
  33 }
  34
  35 .search-go-button:-moz-locale-dir(rtl) {
  36   transform: scaleX(-1);
  37 }
  38
  39 .search-go-button:hover {
  40   -moz-image-region: rect(14px, 42px, 28px, 28px);
  41 }
  42
  43 .search-go-button:hover:active {
  44   -moz-image-region: rect(14px, 42px, 28px, 28px);
  45 }
  46
  47 .searchbar-search-button-container {
  48   -moz-box-align: center;
  49 }
  50
  51 .searchbar-search-button {
  52   list-style-image: url("chrome://browser/skin/search-indicator.png");
  53   -moz-image-region: rect(0, 20px, 20px, 0);
  54   margin-top: 1px;
  55   margin-bottom: 1px;
  56   margin-inline-start: 4px;
  57   border-radius: 3px;
  58 }
  59
  60 .searchbar-search-button[addengines="true"] {
  61   list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
  62 }
  63
  64 .searchbar-search-button:hover,
  65 .searchbar-search-button:hover:active {
  66   -moz-image-region: rect(0, 40px, 20px, 20px);
  67   background-color: #FFCF00;
  68 }
  69
  70 @media (min-resolution: 1.1dppx) {
  71   .search-go-button {
  72     list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
  73     -moz-image-region: rect(0, 84px, 28px, 56px);
  74   }
  75
  76   .search-go-button:hover {
  77     -moz-image-region: rect(28px, 84px, 56px, 56px);
  78   }
  79
  80   .search-go-button:hover:active {
  81     -moz-image-region: rect(56px, 84px, 84px, 56px);
  82   }
  83 }
  84
  85 .search-panel-current-engine {
  86   -moz-box-align: center;
  87 }
  88
  89 /**
  90  * The borders of the various elements are specified as follows.
  91  *
  92  * The current engine always has a bottom border.
  93  * The search results never have a border.
  94  *
  95  * When the search results are not collapsed:
  96  * - The elements underneath the search results all have a top border.
  97  *
  98  * When the search results are collapsed:
  99  * - The elements underneath the search results all have a bottom border, except
 100  *   the lowest one: search-setting-button.
 101  */
 102
 103 .search-panel-current-engine {
 104   border-top: none !important;
 105   border-bottom: 1px solid var(--panel-separator-color) !important;
 106 }
 107
 108 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-header,
 109 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs,
 110 .search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:first-of-type {
 111   border-top: none !important;
 112 }
 113
 114 .search-panel-tree[collapsed=true] + .search-one-offs > .searchbar-engine-one-off-item,
 115 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-current-input,
 116 .search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs,
 117 .search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:last-of-type {
 118   border-bottom: 1px solid var(--panel-separator-color) !important;
 119 }
 120
 121 .search-panel-header {
 122   font-weight: normal;
 123   background-color: #A09090;
 124   border-top: 1px solid #000000;
 125   margin: 0;
 126   padding: 3px 6px;
 127   color: #000000;
 128 }
 129
 130 .search-panel-current-input > label {
 131   margin: 0 0 !important;
 132 }
 133
 134 .search-panel-input-value {
 135   color: #E7ADE7;
 136   background-color: #000000;
 137   padding: 1px 2px;
 138 }
 139
 140 .search-panel-one-offs {
 141   margin: 0 !important;
 142   border-top: 1px solid #000000;
 143   line-height: 0;
 144 }
 145
 146 .searchbar-engine-one-off-item {
 147   display: inline-block;
 148   border: none;
 149   border-radius: 0;
 150   min-width: 48px;
 151   height: 32px;
 152   margin: 0;
 153   padding: 0;
 154   background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%);
 155   background-size: 1px auto;
 156   background-repeat: no-repeat;
 157   background-position: right center;
 158   color: #A09090;
 159 }
 160
 161 .searchbar-engine-one-off-item:-moz-locale-dir(rtl) {
 162   background-position: left center;
 163 }
 164
 165 .searchbar-engine-one-off-item:not(.last-row) {
 166   box-sizing: content-box;
 167   border-bottom: 1px solid var(--panel-separator-color);
 168 }
 169
 170 .search-setting-button-compact {
 171   border-bottom: none !important;
 172 }
 173
 174 .search-panel-one-offs:not([compact=true]) > .searchbar-engine-one-off-item.last-of-row,
 175 .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-of-row:not(.dummy),
 176 .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.dummy:not(.last-of-row),
 177 .search-panel-one-offs[compact=true] > .searchbar-engine-one-off-item.last-engine,
 178 .search-setting-button-compact {
 179   background-image: none;
 180 }
 181
 182 .searchbar-engine-one-off-item:not([selected]):not(.dummy):hover,
 183 .search-setting-button:hover,
 184 .addengine-item:hover {
 185   background-color: #FFCF00;
 186   color: #000000;
 187 }
 188
 189 .searchbar-engine-one-off-item[selected] {
 190   background-color: #008484;
 191   background-image: none;
 192   color: #000000;
 193 }
 194
 195 .searchbar-engine-one-off-item > .button-box {
 196   border: none;
 197   padding: 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;
 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-item[type=menu][selected] {
 231   color: inherit;
 232   background-color: var(--arrowpanel-dimmed-further);
 233 }
 234
 235 .addengine-icon {
 236   height: 16px;
 237   width: 16px;
 238 }
 239
 240 .addengine-badge {
 241   width: 16px;
 242   height: 16px;
 243   margin: -7px -9px 7px 9px;
 244   list-style-image: url("chrome://browser/skin/badge-add-engine.png");
 245 }
 246
 247 .addengine-item > .button-box > .button-text,
 248 .addengine-item[type=menu] > .button-box > .box-inherit > .button-text {
 249   -moz-box-flex: 1;
 250   text-align: start;
 251   padding-inline-start: 10px;
 252 }
 253
 254 .addengine-item:not([image]) {
 255   list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
 256 }
 257
 258 .addengine-item[type=menu] > .button-box > .button-menu-dropmarker {
 259   display: -moz-box;
 260 /*  -moz-appearance: menuarrow !important;*/
 261   list-style-image: none;
 262 }
 263
 264 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
 265   padding-inline-start: 15px;
 266   border-top: none !important;
 267 }
 268
 269 .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
 270   padding-inline-start: 4px;
 271 }
 272
 273 .search-panel-tree > .autocomplete-treebody::-moz-tree-image {
 274   padding-inline-start: 5px;
 275   width: 14px;
 276   height: 14px;
 277 }
 278
 279 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
 280   list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
 281 }
 282
 283 .search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
 284   list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
 285 }
 286
 287 .search-setting-button {
 288   border-radius: 0;
 289   background-color: #C09070;
 290 /*  min-height: 32px;*/
 291 }
 292
 293 .search-setting-button[selected] {
 294   background-color: #FFCF00;
 295   border-top-color: #000000;
 296 }
 297
 298 .search-setting-button-compact > .button-box > .button-icon {
 299   list-style-image: url("chrome://browser/skin/gear.svg");
 300   filter: url(chrome://global/skin/filters.svg#fill);
 301   fill: currentColor;
 302 }
 303
 304 .search-setting-button-compact:hover {
 305   background-color: #FFCF00;
 306   color: #000000;
 307 }