|
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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
|
6 @namespace html url("http://www.w3.org/1999/xhtml"); |
|
7 |
|
8 datepicker, timepicker { |
|
9 padding: 0 0 1px; |
|
10 margin: 4px; |
|
11 border: none; |
|
12 } |
|
13 |
|
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 } |
|
30 |
|
31 .datetimepicker-input-subbox { |
|
32 width: 1.6em; |
|
33 } |
|
34 |
|
35 html|*.datetimepicker-input { |
|
36 text-align: end; |
|
37 } |
|
38 |
|
39 .datetimepicker-separator { |
|
40 margin: 0 !important; |
|
41 } |
|
42 |
|
43 .datetimepicker-year { |
|
44 width: 3.2em; |
|
45 } |
|
46 |
|
47 .datepicker-dropmarker { |
|
48 margin-bottom: 2px; |
|
49 } |
|
50 |
|
51 datepicker[readonly="true"], |
|
52 timepicker[readonly="true"] { |
|
53 background-color: -moz-Dialog; |
|
54 color: -moz-DialogText; |
|
55 } |
|
56 |
|
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 } |
|
67 |
|
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 } |
|
78 |
|
79 .datepicker-popupgrid > .datepicker-mainbox { |
|
80 margin: 0; |
|
81 border: none; |
|
82 } |
|
83 |
|
84 .datepicker-gridlabel, .datepicker-weeklabel { |
|
85 text-align: center; |
|
86 } |
|
87 |
|
88 .datepicker-gridlabel[today="true"] { |
|
89 background-color: darkgrey; |
|
90 color: white; |
|
91 } |
|
92 |
|
93 .datepicker-gridlabel[selected="true"] { |
|
94 background-color: Highlight; |
|
95 color: HighlightText; |
|
96 } |
|
97 |
|
98 .datepicker-button { |
|
99 -moz-appearance: none; |
|
100 min-width: 8px; |
|
101 padding: 0px; |
|
102 } |
|
103 |
|
104 .datepicker-previous { |
|
105 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); |
|
106 } |
|
107 |
|
108 .datepicker-next { |
|
109 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); |
|
110 } |
|
111 |
|
112 .datepicker-previous:hover { |
|
113 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); |
|
114 } |
|
115 |
|
116 .datepicker-next:hover { |
|
117 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); |
|
118 } |
|
119 |
|
120 .datepicker-previous[disabled="true"] { |
|
121 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); |
|
122 } |
|
123 |
|
124 .datepicker-next[disabled="true"] { |
|
125 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); |
|
126 } |