summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/shared/global.inc.css
blob: d9b8589bbe4447e577c3cbf72a0bdfacb3df75fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
/* 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/. */

/* all localizable skin settings shall live here */
@import url("chrome://global/locale/intl.css");
@import url("chrome://global/content/widgets.css");

@import url("close-icon.css");

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

/* General styles */

*|*.plain {
  appearance: none;
  margin: 0 !important;
  border: none;
  padding: 0;
}

html|button,
html|input,
html|textarea {
  font: inherit;
}

/* Textbox context menu */

.textbox-contextmenu:-moz-locale-dir(rtl) {
  direction: rtl;
}

/* Autoscroll popup */

.autoscroller {
  border: none;
  padding: 0;
  background-image: url("chrome://global/skin/icons/autoscroll.svg");
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  appearance: none;
  -moz-window-shadow: none;
  /* Set pointer-events: none; so that mousemove events can be handled by AutoScrollChild.jsm. */
  pointer-events: none;
}

.autoscroller[scrolldir="NS"] {
  background-image: url("chrome://global/skin/icons/autoscroll-vertical.svg");
}

.autoscroller[scrolldir="EW"] {
  background-image: url("chrome://global/skin/icons/autoscroll-horizontal.svg");
}

/* Panel footers */

.panel-footer {
  background-color: var(--arrowpanel-dimmed);
}

.panel-footer > xul|button {
  appearance: none;
  border-top: 1px solid var(--panel-separator-color);
  /* !important overrides :hover and :active colors from button.css: */
  color: inherit !important;
  min-width: 0;
  margin: 0;
  padding: .9em 2px;
}

.panel-footer > xul|button[disabled] {
  color: var(--panel-disabled-color) !important;
}

.panel-footer > xul|button:-moz-focusring {
  outline: 1px dotted;
  outline-offset: -3px;
}

.panel-footer > xul|button:not([disabled]):hover {
  background-color: var(--arrowpanel-dimmed);
}

.panel-footer > xul|button:not([disabled]):hover:active,
.panel-footer > xul|button:not([disabled])[open] {
  background-color: var(--arrowpanel-dimmed-further);
  box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
}

.panel-footer > xul|button:not([disabled])[default] {
  color: white !important;
  background-color: #0060df;
}

.panel-footer > xul|button:not([disabled])[default]:hover {
  background-color: #003eaa;
}

.panel-footer > xul|button:not([disabled])[default]:hover:active {
  background-color: #002275;
}

.panel-footer > xul|button > .button-box {
  padding: 0;
}