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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6 @namespace html url("http://www.w3.org/1999/xhtml");
8 datepicker, timepicker {
9 padding: 0 0 1px;
10 margin: 4px;
11 border: none;
12 }
14 .datetimepicker-input-box {
15 -moz-appearance: textfield;
16 cursor: text;
17 margin-right: 4px;
18 margin-bottom: 2px;
19 border: 3px solid;
20 -moz-border-top-colors: transparent #888888 #000000;
21 -moz-border-right-colors: transparent #FFFFFF #000000;
22 -moz-border-bottom-colors: transparent #FFFFFF #000000;
23 -moz-border-left-colors: transparent #888888 #000000;
24 border-top-right-radius: 2px;
25 border-bottom-left-radius: 2px;
26 padding: 0px;
27 background-color: -moz-Field;
28 color: -moz-FieldText;
29 }
31 .datetimepicker-input-subbox {
32 width: 1.6em;
33 }
35 html|*.datetimepicker-input {
36 text-align: end;
37 }
39 .datetimepicker-separator {
40 margin: 0 !important;
41 }
43 .datetimepicker-year {
44 width: 3.2em;
45 }
47 .datepicker-dropmarker {
48 margin-bottom: 2px;
49 }
51 datepicker[readonly="true"],
52 timepicker[readonly="true"] {
53 background-color: -moz-Dialog;
54 color: -moz-DialogText;
55 }
57 datepicker[disabled="true"],
58 timepicker[disabled="true"] {
59 cursor: default;
60 -moz-border-top-colors: transparent ThreeDShadow -moz-Dialog;
61 -moz-border-right-colors: transparent ThreeDShadow -moz-Dialog;
62 -moz-border-bottom-colors: transparent ThreeDShadow -moz-Dialog;
63 -moz-border-left-colors: transparent ThreeDShadow -moz-Dialog;
64 background-color: -moz-Dialog;
65 color: GrayText;
66 }
68 .datepicker-mainbox {
69 margin: 2px 4px;
70 border: 2px solid;
71 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
72 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
73 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
74 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
75 background-color: #EEEEEE;
76 color: -moz-DialogText;
77 }
79 .datepicker-popupgrid > .datepicker-mainbox {
80 margin: 0;
81 border: none;
82 }
84 .datepicker-gridlabel, .datepicker-weeklabel {
85 text-align: center;
86 }
88 .datepicker-gridlabel[today="true"] {
89 background-color: darkgrey;
90 color: white;
91 }
93 .datepicker-gridlabel[selected="true"] {
94 background-color: Highlight;
95 color: HighlightText;
96 }
98 .datepicker-button {
99 -moz-appearance: none;
100 min-width: 8px;
101 padding: 0px;
102 }
104 .datepicker-previous {
105 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
106 }
108 .datepicker-next {
109 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
110 }
112 .datepicker-previous:hover {
113 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
114 }
116 .datepicker-next:hover {
117 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
118 }
120 .datepicker-previous[disabled="true"] {
121 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
122 }
124 .datepicker-next[disabled="true"] {
125 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
126 }