geckoview.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace svg url("http://www.w3.org/2000/svg");

/* Override inverse OS themes */
textarea,
button,
xul|button,
* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"])) {
  -moz-appearance: none !important;  /* See bug 598421 for fixing the platform */
}

textarea,
button,
xul|button,
* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"], [type="range"])) {
  border-radius: 2px;
}

select[size],
select[multiple],
select[size][multiple],
textarea,
* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"], [type="range"])) {
  border-style: solid;
  border-color: #bfbfbf;
  color: #363b40;
  background-color: white;
}

/* These elements are handled by the prompt module. */
select option, select optgroup,
input[type="date"] div:-moz-native-anonymous.datetime-input-box-wrapper,
input[type="time"] div:-moz-native-anonymous.datetime-input-box-wrapper {
  pointer-events: none;
}

select:not([size]):not([multiple]),
select[size="0"],
select[size="1"],
* > input[type="button"],
* > input[type="submit"],
* > input[type="reset"],
button {
  border-style: solid;
  border-color: #bfbfbf;
  color: #363b40;
  background-color: white;
}

select {
  border-width: 1px;
  padding: 1px;
  border-radius: 2px;
}

select:not([size]):not([multiple]),
select[size="0"],
select[size="1"] {
  padding: 0 1px 0 1px;
}

* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"])) {
  border-width: 1px;
  padding: 1px;
}

textarea {
  resize: none;
  border-width: 1px;
  padding-inline-start: 1px;
  padding-inline-end: 1px;
  padding-block-start: 2px;
  padding-block-end: 2px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="color"],
button {
  border-width: 1px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
  padding-block-start: 0;
  padding-block-end: 0;
}

select > button {
  border-width: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  border-radius: 0;
  color: #414141;

  background-size: auto auto;
  background-color: transparent;
  background-image: url("chrome://geckoview/skin/images/dropmarker.svg") !important;
  background-position: calc(50% + 1px) center !important;
  background-repeat: no-repeat !important;

  font-size: inherit;
}

select[size]:focus,
select[multiple]:focus,
select[size][multiple]:focus,
textarea:focus,
input[type="file"]:focus > input[type="text"],
* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"])):focus {
  outline: 0px !important;
  border-style: solid;
  border-color: #bfbfbf;
  background-color: white;
}

select:not([size]):not([multiple]):focus,
select[size="0"]:focus,
select[size="1"]:focus,
input[type="color"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus {
  outline: 0px !important;
  border-style: solid;
  border-color: #bfbfbf;
  background-color: white;
}

/* we need to be specific for selects because the above rules are specific too */
textarea:disabled,
select[size]:disabled,
select[multiple]:disabled,
select[size][multiple]:disabled,
select:not([size]):not([multiple]):disabled,
select[size="0"]:disabled,
select[size="1"]:disabled,
button:disabled,
button:disabled:active,
* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"])):disabled,
* > input:not(:-moz-any([type="image"], [type="checkbox"], [type="radio"])):disabled:active {
  color: #bebebe;
  border-color: #bfbfbf;
  border-style: solid;
  border-width: 1px;
  background-color: #f5f5f5;
}

select:not([size]):not([multiple]):disabled,
select[size="0"]:disabled,
select[size="1"]:disabled {
  background-color: #f5f5f5;
}

input[type="button"]:disabled,
input[type="button"]:disabled:active,
input[type="submit"]:disabled,
input[type="submit"]:disabled:active,
input[type="reset"]:disabled,
input[type="reset"]:disabled:active,
input[type="color"]:disabled,
input[type="color"]:disabled:active,
button:disabled,
button:disabled:active {
  padding-inline-start: 7px;
  padding-inline-end: 7px;
  padding-block-start: 0;
  padding-block-end: 0;
  background-color: #f5f5f5;
}

select:disabled > button {
  opacity: 0.6;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
  padding-block-start: 1px;
  padding-block-end: 1px;
}

*:any-link:active,
*[role=button]:active,
button:not(:disabled):active,
input:not(:-moz-any([type="checkbox"], [type="radio"])):not(:focus):not(:disabled):active,
select:not(:disabled):active,
textarea:not(:focus):not(:disabled):active,
option:active,
label:active,
xul|menulist:active {
  background-color: rgba(171, 171, 171, 0.5);
}

button:active:hover,
input[type="color"]:active:hover,
input[type="reset"]:active:hover,
input[type="button"]:active:hover,
input[type="submit"]:active:hover {
  padding-inline-end: 7px;
  padding-inline-start: 7px;
}

input[type=number] > div > div, /* work around bug 946184 */
input[type=number]::-moz-number-spin-box {
  display: none;
}

button:-moz-native-anonymous.datetime-reset-button {
  display: none;
}

input[type=range]::-moz-range-track {
  background-color: #999;
}

input[type=range][orient=block]::-moz-range-track {
  inline-size: 0.2em;
  block-size: 100%;
}

input[type=range][orient=horizontal]::-moz-range-track {
  width: 100%;
  height: 0.2em;
}

input[type=range][orient=vertical]::-moz-range-track {
  width: 0.2em;
  height: 100%;
}