Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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/. */
5 /* ===== datetimepicker.css =============================================
6 == Styles used by the XUL datepicker and timepicker elements.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10 @namespace html url("http://www.w3.org/1999/xhtml");
12 datepicker, timepicker {
13 margin: 2px 4px;
14 padding: 0;
15 border: none;
16 background: none;
17 cursor: default;
18 }
20 .datetimepicker-input-box {
21 -moz-appearance: textfield;
22 cursor: text;
23 -moz-margin-end: 2px;
24 border: 2px solid;
25 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
26 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
27 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
28 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
29 padding: 2px 0 3px 0;
30 -moz-padding-start: 4px;
31 -moz-padding-end: 2px;
32 background-color: -moz-Field;
33 color: -moz-FieldText;
34 }
36 .datetimepicker-input-subbox {
37 width: 1.6em;
38 }
40 html|*.datetimepicker-input {
41 text-align: end;
42 }
44 .datetimepicker-separator {
45 margin: 0 !important;
46 }
48 .datetimepicker-year {
49 width: 3.2em;
50 }
52 datepicker[readonly="true"],
53 timepicker[readonly="true"] {
54 background-color: -moz-Dialog;
55 color: -moz-DialogText;
56 }
58 datepicker[disabled="true"],
59 timepicker[disabled="true"] {
60 cursor: default;
61 background-color: -moz-Dialog;
62 color: GrayText;
63 }
65 .datepicker-mainbox {
66 margin: 2px 4px;
67 border: 2px solid;
68 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
69 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
70 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
71 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
72 background-color: -moz-Field;
73 color: -moz-FieldText;
74 }
76 .datepicker-popupgrid > .datepicker-mainbox {
77 margin: 0;
78 border: none;
79 }
81 .datepicker-gridlabel, .datepicker-weeklabel {
82 text-align: center;
83 }
85 .datepicker-gridlabel[today="true"] {
86 background-color: darkgrey;
87 color: white;
88 }
90 .datepicker-gridlabel[selected="true"] {
91 background-color: Highlight;
92 color: HighlightText;
93 }
95 .datepicker-button {
96 -moz-appearance: none;
97 min-width: 8px;
98 padding: 0px;
99 }
101 .datepicker-previous {
102 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
103 }
105 .datepicker-next {
106 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
107 }
109 .datepicker-previous:hover {
110 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
111 }
113 .datepicker-next:hover {
114 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
115 }
117 .datepicker-previous[disabled="true"] {
118 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
119 }
121 .datepicker-next[disabled="true"] {
122 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
123 }
125 .datepicker-previous:-moz-locale-dir(rtl) {
126 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
127 }
129 .datepicker-next:-moz-locale-dir(rtl) {
130 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
131 }
133 .datepicker-previous:-moz-locale-dir(rtl) {
134 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
135 }
137 .datepicker-next:-moz-locale-dir(rtl):hover {
138 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
139 }
141 .datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) {
142 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
143 }
145 .datepicker-next[disabled="true"]:-moz-locale-dir(rtl) {
146 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
147 }