Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
df8c26c4 RK |
4 | |
5 | /* ===== datetimepicker.css ============================================= | |
6 | == Styles used by the XUL datepicker and timepicker elements. | |
7 | ======================================================================= */ | |
8 | ||
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
10 | @namespace html url("http://www.w3.org/1999/xhtml"); | |
11 | ||
12 | datepicker, timepicker { | |
13 | margin: 2px 4px; | |
14 | padding: 0; | |
15 | border: none; | |
16 | background: none; | |
17 | cursor: default; | |
18 | } | |
19 | ||
20 | .datetimepicker-input-box { | |
21 | cursor: text; | |
22 | -moz-margin-end: 2px; | |
23 | border: 1px inset #CCD0DD; | |
02920d2b | 24 | padding: 2px 0 3px; |
df8c26c4 RK |
25 | -moz-padding-start: 4px; |
26 | -moz-padding-end: 2px; | |
27 | background-color: #FFFFFF; | |
28 | color: #000000; | |
29 | } | |
30 | ||
31 | .datetimepicker-input-subbox { | |
32 | width: 1.6em; | |
33 | } | |
34 | ||
35 | html|*.datetimepicker-input { | |
36 | text-align: right; | |
37 | } | |
38 | ||
39 | .datetimepicker-separator { | |
40 | margin: 0 !important; | |
41 | } | |
42 | ||
43 | .datetimepicker-year { | |
44 | width: 3.2em; | |
45 | } | |
46 | ||
47 | datepicker[readonly="true"], | |
48 | timepicker[readonly="true"] { | |
49 | background-color: #CCCCCC; | |
50 | color: #000000; | |
51 | } | |
52 | ||
53 | datepicker[disabled="true"], | |
54 | timepicker[disabled="true"] { | |
55 | cursor: default; | |
56 | background-color: #FFFFFF; | |
57 | color: #CCCCCC; | |
58 | } | |
59 | ||
60 | .datepicker-mainbox { | |
61 | margin: 2px 4px; | |
62 | border: 1px inset #CCD0DD; | |
63 | background-color: #FFFFFF; | |
64 | color: #000000; | |
65 | } | |
66 | ||
67 | .datepicker-popupgrid > .datepicker-mainbox { | |
68 | margin: 0; | |
69 | border: none; | |
70 | } | |
71 | ||
72 | .datepicker-gridlabel, .datepicker-weeklabel { | |
73 | text-align: center; | |
74 | } | |
75 | ||
76 | .datepicker-gridlabel[today="true"] { | |
77 | background-color: #808080; | |
78 | color: #FFFFFF; | |
79 | } | |
80 | ||
81 | .datepicker-gridlabel[selected="true"] { | |
82 | background-color: #336699; | |
83 | color: #FFFFFF; | |
84 | } | |
85 | ||
86 | .datepicker-button { | |
87 | min-width: 8px; | |
88 | padding: 0px; | |
89 | } | |
90 | ||
91 | .datepicker-previous { | |
92 | list-style-image: url("chrome://global/skin/arrow/arrow-left.gif"); | |
93 | } | |
94 | ||
95 | .datepicker-next { | |
96 | list-style-image: url("chrome://global/skin/arrow/arrow-right.gif"); | |
97 | } | |
98 | ||
99 | .datepicker-previous[disabled="true"] { | |
100 | list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif"); | |
101 | } | |
102 | ||
103 | .datepicker-next[disabled="true"] { | |
104 | list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif"); | |
105 | } | |
106 | ||
18f5421a | 107 | .datepicker-previous:-moz-locale-dir(rtl) { |
df8c26c4 RK |
108 | list-style-image: url("chrome://global/skin/arrow/arrow-right.gif"); |
109 | } | |
110 | ||
18f5421a | 111 | .datepicker-next:-moz-locale-dir(rtl) { |
df8c26c4 RK |
112 | list-style-image: url("chrome://global/skin/arrow/arrow-left.gif"); |
113 | } | |
114 | ||
18f5421a | 115 | .datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) { |
df8c26c4 RK |
116 | list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif"); |
117 | } | |
118 | ||
18f5421a | 119 | .datepicker-next[disabled="true"]:-moz-locale-dir(rtl) { |
df8c26c4 RK |
120 | list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif"); |
121 | } |