zebra-datepicker-rails 1.9.5 → 1.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. checksums.yaml +5 -5
  2. data/Rakefile +10 -9
  3. data/lib/zebra-datepicker-rails/version.rb +1 -1
  4. data/vendor/assets/images/zebra-datepicker/bootstrap/icons.png +0 -0
  5. data/vendor/assets/images/zebra-datepicker/default/icons.png +0 -0
  6. data/vendor/assets/images/zebra-datepicker/metallic/icons.png +0 -0
  7. data/vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.js +3690 -1
  8. data/vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss +168 -91
  9. data/vendor/assets/stylesheets/zebra-datepicker/default.scss +203 -98
  10. data/vendor/assets/stylesheets/zebra-datepicker/metallic.scss +201 -102
  11. metadata +6 -10
  12. data/vendor/assets/images/zebra-datepicker/calendar-disabled.png +0 -0
  13. data/vendor/assets/images/zebra-datepicker/calendar.png +0 -0
  14. data/vendor/assets/images/zebra-datepicker/metallic/default-date.png +0 -0
  15. data/vendor/assets/images/zebra-datepicker/metallic/disabled-date.png +0 -0
  16. data/vendor/assets/images/zebra-datepicker/metallic/header.png +0 -0
  17. data/vendor/assets/images/zebra-datepicker/metallic/selected-date.png +0 -0
  18. data/vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.src.js +0 -3229
data/vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss CHANGED
@@ -1,96 +1,173 @@
1
- /*
2
-
3
- Zebra_DatePicker: a lightweight jQuery date picker plugin
4
-
5
- Twitter Bootstrap theme
6
-
7
- copyright (c) 2011 - 2014 Stefan Gabos
8
- http://stefangabos.ro/jquery/zebra-datepicker/
9
-
10
- */
1
+ .Zebra_DatePicker {
2
+ background: #fff;
3
+ border: 1px solid #aaa;
4
+ border-radius: 4px;
5
+ box-shadow: 0px 0px 10px #ccc;
6
+ color: #222;
7
+ font: 13px Tahoma, Arial, Helvetica, sans-serif;
8
+ padding: 5px 5px;
9
+ position: absolute;
10
+ display: table;
11
+ z-index: 1200;
12
+ }
11
13
 
12
14
  .Zebra_DatePicker *,
13
15
  .Zebra_DatePicker *:after,
14
- .Zebra_DatePicker *:before { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }
15
-
16
- .Zebra_DatePicker { position: absolute; background: #FFF; border: 1px solid #999; z-index: 1200; padding: 5px; top: 0 }
17
-
18
- .Zebra_DatePicker * { margin: 0; padding: 0; color: #373737; background: transparent; border: none }
19
-
20
- /* = GLOBALS
21
- ----------------------------------------------------------------------------------------------------------------------*/
22
- .Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }
23
-
24
- .Zebra_DatePicker td,
25
- .Zebra_DatePicker th { text-align: center; padding: 5px 0 }
26
-
27
- .Zebra_DatePicker td { cursor: pointer }
28
-
29
- .Zebra_DatePicker .dp_daypicker,
30
- .Zebra_DatePicker .dp_monthpicker,
31
- .Zebra_DatePicker .dp_yearpicker { margin-top: 3px }
16
+ .Zebra_DatePicker *:before {
17
+ box-sizing: content-box !important;
18
+ }
19
+
20
+ .Zebra_DatePicker * {
21
+ padding: 0;
22
+ }
23
+
24
+ .Zebra_DatePicker table {
25
+ border-collapse: collapse;
26
+ border-radius: 4px;
27
+ border-spacing: 0;
28
+ width: 100%;
29
+ }
30
+
31
+ .Zebra_DatePicker th, .Zebra_DatePicker td {
32
+ border-radius: 4px;
33
+ padding: 5px;
34
+ cursor: pointer;
35
+ text-align: center;
36
+ min-width: 25px;
37
+ width: 25px;
38
+ }
39
+
40
+ .Zebra_DatePicker .dp_body .dp_not_in_month {
41
+ color: #666;
42
+ }
43
+
44
+ .Zebra_DatePicker .dp_body .dp_current {
45
+ color: #3a87ad;
46
+ }
47
+
48
+ .Zebra_DatePicker .dp_body .dp_selected {
49
+ background: #337ab7;
50
+ color: #fff;
51
+ }
52
+
53
+ .Zebra_DatePicker .dp_body .dp_disabled {
54
+ color: #bbbbbb;
55
+ cursor: text;
56
+ }
57
+
58
+ .Zebra_DatePicker .dp_body .dp_disabled.dp_current {
59
+ color: #b4d5e6;
60
+ }
61
+
62
+ .Zebra_DatePicker .dp_body .dp_hover {
63
+ background: #dedede;
64
+ }
65
+
66
+ .Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
67
+ background-color: #dedede;
68
+ }
32
69
 
33
- .Zebra_DatePicker .dp_daypicker td,
34
- .Zebra_DatePicker .dp_daypicker th,
35
70
  .Zebra_DatePicker .dp_monthpicker td,
36
- .Zebra_DatePicker .dp_yearpicker td { width: 30px }
37
-
38
- .Zebra_DatePicker,
39
- .Zebra_DatePicker .dp_header .dp_hover,
40
- .Zebra_DatePicker td.dp_selected,
41
- .Zebra_DatePicker .dp_footer .dp_hover,
42
- .Zebra_DatePicker td.dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
43
-
44
- /* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
45
- ----------------------------------------------------------------------------------------------------------------------*/
46
- .Zebra_DatePicker.dp_visible { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }
47
- .Zebra_DatePicker.dp_hidden { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }
48
-
49
- /* = HEADER
50
- ----------------------------------------------------------------------------------------------------------------------*/
51
- .Zebra_DatePicker .dp_header td { }
52
-
53
- .Zebra_DatePicker .dp_header .dp_previous,
54
- .Zebra_DatePicker .dp_header .dp_next { width: 30px }
55
-
56
- .Zebra_DatePicker .dp_header .dp_caption { font-weight: bold }
57
- .Zebra_DatePicker .dp_header .dp_hover { background: #DEDEDE; color: #373737 }
58
-
59
- /* = DATEPICKER
60
- ----------------------------------------------------------------------------------------------------------------------*/
61
- .Zebra_DatePicker .dp_daypicker th { font-weight: bold }
62
- .Zebra_DatePicker td.dp_not_in_month { color: #DEDEDE; cursor: default }
63
- .Zebra_DatePicker td.dp_not_in_month_selectable { }
64
- .Zebra_DatePicker td.dp_weekend { }
65
- .Zebra_DatePicker td.dp_weekend_disabled { color: #DEDEDE; cursor: default }
66
- .Zebra_DatePicker td.dp_selected { background: #039; color: #FFF !important }
67
- .Zebra_DatePicker td.dp_week_number { cursor: text; font-weight: bold }
68
-
69
- /* = MONTHPICKER
70
- ----------------------------------------------------------------------------------------------------------------------*/
71
- .Zebra_DatePicker .dp_monthpicker td { width: 33% }
72
-
73
- /* = YEARPICKER
74
- ----------------------------------------------------------------------------------------------------------------------*/
75
- .Zebra_DatePicker .dp_yearpicker td { width: 33% }
76
-
77
- /* = FOOTER
78
- ----------------------------------------------------------------------------------------------------------------------*/
79
- .Zebra_DatePicker .dp_footer { margin-top: 3px }
80
-
81
- /* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
82
- ----------------------------------------------------------------------------------------------------------------------*/
83
- .Zebra_DatePicker td.dp_current { color: #3A87AD }
84
- .Zebra_DatePicker td.dp_disabled_current { color: #3A87AD }
85
- .Zebra_DatePicker td.dp_disabled { color: #DEDEDE; cursor: default }
86
- .Zebra_DatePicker td.dp_hover { background: #DEDEDE }
87
-
88
- /* = ICON
89
- ----------------------------------------------------------------------------------------------------------------------*/
90
- button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: asset-url('zebra-datepicker/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
91
- button.Zebra_DatePicker_Icon_Disabled { background-image: asset-url('zebra-datepicker/calendar-disabled.png') }
92
-
93
- /* don't set vertical margins! */
94
- button.Zebra_DatePicker_Icon { margin: 0 0 0 3px }
95
- button.Zebra_DatePicker_Icon_Inside_Right { margin: 0 3px 0 0 }
96
- button.Zebra_DatePicker_Icon_Inside_Left { margin: 0 0 0 3px }
71
+ .Zebra_DatePicker .dp_yearpicker td,
72
+ .Zebra_DatePicker .dp_timepicker td {
73
+ width: 33.3333%;
74
+ }
75
+
76
+ .Zebra_DatePicker .dp_timepicker .dp_disabled {
77
+ border: none;
78
+ color: #222;
79
+ font-size: 39px;
80
+ font-weight: bold;
81
+ }
82
+
83
+ .Zebra_DatePicker .dp_time_separator div {
84
+ position: relative;
85
+ }
86
+
87
+ .Zebra_DatePicker .dp_time_separator div:after {
88
+ content: ":";
89
+ color: #222;
90
+ font-size: 37px;
91
+ left: 100%;
92
+ position: absolute;
93
+ z-index: 1;
94
+ }
95
+
96
+ .Zebra_DatePicker .dp_header {
97
+ margin-bottom: 5px;
98
+ }
99
+
100
+ .Zebra_DatePicker .dp_footer {
101
+ margin-top: 5px;
102
+ }
103
+
104
+ .Zebra_DatePicker .dp_footer .dp_icon {
105
+ width: 50%;
106
+ }
107
+
108
+ .Zebra_DatePicker .dp_actions td {
109
+ border-radius: 4px;
110
+ }
111
+
112
+ .Zebra_DatePicker .dp_actions .dp_caption {
113
+ font-weight: bold;
114
+ width: 100%;
115
+ }
116
+
117
+ .Zebra_DatePicker .dp_actions .dp_hover {
118
+ background-color: #dedede;
119
+ }
120
+
121
+ .Zebra_DatePicker .dp_daypicker th {
122
+ cursor: text;
123
+ font-weight: bold;
124
+ }
125
+
126
+ .Zebra_DatePicker.dp_hidden {
127
+ display: none;
128
+ }
129
+
130
+ .Zebra_DatePicker .dp_icon {
131
+ height: 16px;
132
+ background-image: asset-url("zebra-datepicker/bootstrap/icons.png");
133
+ background-repeat: no-repeat;
134
+ }
135
+
136
+ .Zebra_DatePicker .dp_icon.dp_confirm {
137
+ background-position: center -123px;
138
+ }
139
+
140
+ .Zebra_DatePicker .dp_icon.dp_view_toggler {
141
+ background-position: center -91px;
142
+ }
143
+
144
+ .Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
145
+ background-position: center -59px;
146
+ }
147
+
148
+ button.Zebra_DatePicker_Icon {
149
+ background: asset-url("zebra-datepicker/bootstrap/icons.png") no-repeat center top;
150
+ border: none;
151
+ cursor: pointer;
152
+ display: block;
153
+ height: 16px;
154
+ line-height: 0;
155
+ margin: 0 0 0 3px;
156
+ padding: 0;
157
+ position: absolute;
158
+ text-indent: -9000px;
159
+ width: 16px;
160
+ }
161
+
162
+ button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
163
+ background-position: center -32px;
164
+ cursor: default;
165
+ }
166
+
167
+ button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right {
168
+ margin: 0 3px 0 0;
169
+ }
170
+
171
+ button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Left {
172
+ margin: 0 0 0 3px;
173
+ }
data/vendor/assets/stylesheets/zebra-datepicker/default.scss CHANGED
@@ -1,103 +1,208 @@
1
- /*
2
-
3
- Zebra_DatePicker: a lightweight jQuery date picker plugin
4
-
5
- Default theme
6
-
7
- copyright (c) 2011 - 2014 Stefan Gabos
8
- http://stefangabos.ro/jquery/zebra-datepicker/
9
-
10
- */
1
+ .Zebra_DatePicker {
2
+ background: #666;
3
+ border-radius: 4px;
4
+ box-shadow: 0px 0px 10px #888;
5
+ color: #222;
6
+ font: 13px Tahoma, Arial, Helvetica, sans-serif;
7
+ padding: 3px 3px;
8
+ position: absolute;
9
+ display: table;
10
+ z-index: 1200;
11
+ }
11
12
 
12
13
  .Zebra_DatePicker *,
13
14
  .Zebra_DatePicker *:after,
14
- .Zebra_DatePicker *:before { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }
15
-
16
- .Zebra_DatePicker { position: absolute; background: #666; border: 3px solid #666; z-index: 1200; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; top: 0 }
17
-
18
- .Zebra_DatePicker * { margin: 0; padding: 0; color: #000; background: transparent; border: none }
19
-
20
- /* = GLOBALS
21
- ----------------------------------------------------------------------------------------------------------------------*/
22
- .Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }
23
-
24
- .Zebra_DatePicker td,
25
- .Zebra_DatePicker th { text-align: center; padding: 5px 0 }
26
-
27
- .Zebra_DatePicker td { cursor: pointer }
28
-
29
- .Zebra_DatePicker .dp_daypicker,
30
- .Zebra_DatePicker .dp_monthpicker,
31
- .Zebra_DatePicker .dp_yearpicker { margin-top: 3px }
15
+ .Zebra_DatePicker *:before {
16
+ box-sizing: content-box !important;
17
+ }
18
+
19
+ .Zebra_DatePicker * {
20
+ padding: 0;
21
+ }
22
+
23
+ .Zebra_DatePicker table {
24
+ border-collapse: collapse;
25
+ border-radius: 4px;
26
+ border-spacing: 0;
27
+ width: 100%;
28
+ }
29
+
30
+ .Zebra_DatePicker th, .Zebra_DatePicker td {
31
+ padding: 5px;
32
+ cursor: pointer;
33
+ text-align: center;
34
+ min-width: 25px;
35
+ width: 25px;
36
+ }
37
+
38
+ .Zebra_DatePicker .dp_body th, .Zebra_DatePicker .dp_body td {
39
+ border: 1px solid #bfbfbf;
40
+ }
41
+
42
+ .Zebra_DatePicker .dp_body th:first-child, .Zebra_DatePicker .dp_body td:first-child {
43
+ border-left: none;
44
+ }
45
+
46
+ .Zebra_DatePicker .dp_body th:last-child, .Zebra_DatePicker .dp_body td:last-child {
47
+ border-right: none;
48
+ }
49
+
50
+ .Zebra_DatePicker .dp_body tr:first-child th,
51
+ .Zebra_DatePicker .dp_body tr:first-child td {
52
+ border-top: none;
53
+ }
54
+
55
+ .Zebra_DatePicker .dp_body tr:last-child th,
56
+ .Zebra_DatePicker .dp_body tr:last-child td {
57
+ border-bottom: none;
58
+ }
59
+
60
+ .Zebra_DatePicker .dp_body td {
61
+ background: #e6e5e5;
62
+ }
63
+
64
+ .Zebra_DatePicker .dp_body .dp_weekend {
65
+ background: #d6d6d6;
66
+ }
67
+
68
+ .Zebra_DatePicker .dp_body .dp_not_in_month {
69
+ background: #e0e6f2;
70
+ color: #98acd4;
71
+ }
72
+
73
+ .Zebra_DatePicker .dp_body .dp_current {
74
+ color: #cc236b;
75
+ }
76
+
77
+ .Zebra_DatePicker .dp_body .dp_selected {
78
+ background: #b56a6a;
79
+ color: #fff;
80
+ }
81
+
82
+ .Zebra_DatePicker .dp_body .dp_disabled {
83
+ background: #f2f2f2;
84
+ color: #cccccc;
85
+ cursor: text;
86
+ }
87
+
88
+ .Zebra_DatePicker .dp_body .dp_disabled.dp_current {
89
+ color: #b56a6a;
90
+ }
91
+
92
+ .Zebra_DatePicker .dp_body .dp_hover {
93
+ color: #fff;
94
+ background: #88a09e;
95
+ }
96
+
97
+ .Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
98
+ background-color: #8c8c8c;
99
+ color: #fff;
100
+ }
32
101
 
33
- .Zebra_DatePicker .dp_daypicker td,
34
- .Zebra_DatePicker .dp_daypicker th,
35
102
  .Zebra_DatePicker .dp_monthpicker td,
36
- .Zebra_DatePicker .dp_yearpicker td { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }
37
-
38
- .Zebra_DatePicker,
39
- .Zebra_DatePicker .dp_header .dp_hover,
40
- .Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
41
-
42
- /* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
43
- ----------------------------------------------------------------------------------------------------------------------*/
44
- .Zebra_DatePicker.dp_visible { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }
45
- .Zebra_DatePicker.dp_hidden { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }
46
-
47
- /* = HEADER
48
- ----------------------------------------------------------------------------------------------------------------------*/
49
- .Zebra_DatePicker .dp_header td { color: #FFF }
50
-
51
- .Zebra_DatePicker .dp_header .dp_previous,
52
- .Zebra_DatePicker .dp_header .dp_next { width: 30px }
53
-
54
- .Zebra_DatePicker .dp_header .dp_caption { font-weight: bold }
55
- .Zebra_DatePicker .dp_header .dp_hover { background: #222; color: #FFF }
56
-
57
- /* = DATEPICKER
58
- ----------------------------------------------------------------------------------------------------------------------*/
59
- .Zebra_DatePicker .dp_daypicker th { background: #FFCC33 }
60
- .Zebra_DatePicker td.dp_not_in_month { background: #F3F3F3; color: #CDCDCD; cursor: default }
61
- .Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
62
- .Zebra_DatePicker td.dp_weekend { background: #D8D8D8 }
63
- .Zebra_DatePicker td.dp_weekend_disabled { color: #CCC; cursor: default }
64
- .Zebra_DatePicker td.dp_selected { background: #5A4B4B; color: #FFF !important }
65
- .Zebra_DatePicker td.dp_week_number { background: #FFCC33; color: #555; cursor: text; font-style: italic }
66
-
67
- /* = MONTHPICKER
68
- ----------------------------------------------------------------------------------------------------------------------*/
69
- .Zebra_DatePicker .dp_monthpicker td { width: 33% }
70
-
71
- /* = YEARPICKER
72
- ----------------------------------------------------------------------------------------------------------------------*/
73
- .Zebra_DatePicker .dp_yearpicker td { width: 33% }
74
-
75
- /* = FOOTER
76
- ----------------------------------------------------------------------------------------------------------------------*/
77
- .Zebra_DatePicker .dp_footer { margin-top: 3px }
78
- .Zebra_DatePicker .dp_footer .dp_hover { background: #222; color: #FFF }
79
-
80
- /* = SELECT CURRENT DAY
81
- ----------------------------------------------------------------------------------------------------------------------*/
82
- .Zebra_DatePicker .dp_today { color: #FFF; padding: 3px }
83
-
84
- /* = CLEAR DATE
85
- ----------------------------------------------------------------------------------------------------------------------*/
86
- .Zebra_DatePicker .dp_clear { color: #FFF; padding: 3px }
87
-
88
- /* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
89
- ----------------------------------------------------------------------------------------------------------------------*/
90
- .Zebra_DatePicker td.dp_current { color: #C40000 }
91
- .Zebra_DatePicker td.dp_disabled_current { color: #E38585 }
92
- .Zebra_DatePicker td.dp_disabled { background: #F3F3F3; color: #CDCDCD; cursor: default }
93
- .Zebra_DatePicker td.dp_hover { background: #482424; color: #FFF }
94
-
95
- /* = ICON
96
- ----------------------------------------------------------------------------------------------------------------------*/
97
- button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: asset-url('zebra-datepicker/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
98
- button.Zebra_DatePicker_Icon_Disabled { background-image: asset-url('zebra-datepicker/calendar-disabled.png') }
99
-
100
- /* don't set vertical margins! */
101
- button.Zebra_DatePicker_Icon { margin: 0 0 0 3px }
102
- button.Zebra_DatePicker_Icon_Inside_Right { margin: 0 3px 0 0 }
103
- button.Zebra_DatePicker_Icon_Inside_Left { margin: 0 0 0 3px }
103
+ .Zebra_DatePicker .dp_yearpicker td,
104
+ .Zebra_DatePicker .dp_timepicker td {
105
+ width: 33.3333%;
106
+ }
107
+
108
+ .Zebra_DatePicker .dp_timepicker .dp_disabled {
109
+ border: none;
110
+ color: #222;
111
+ font-size: 39px;
112
+ font-weight: bold;
113
+ }
114
+
115
+ .Zebra_DatePicker .dp_time_separator div {
116
+ position: relative;
117
+ }
118
+
119
+ .Zebra_DatePicker .dp_time_separator div:after {
120
+ content: ":";
121
+ color: 1px solid #bfbfbf;
122
+ font-size: 37px;
123
+ left: 100%;
124
+ position: absolute;
125
+ z-index: 1;
126
+ }
127
+
128
+ .Zebra_DatePicker .dp_header {
129
+ margin-bottom: 3px;
130
+ }
131
+
132
+ .Zebra_DatePicker .dp_footer {
133
+ margin-top: 3px;
134
+ }
135
+
136
+ .Zebra_DatePicker .dp_footer .dp_icon {
137
+ width: 50%;
138
+ }
139
+
140
+ .Zebra_DatePicker .dp_actions td {
141
+ border-radius: 4px;
142
+ color: #fff;
143
+ }
144
+
145
+ .Zebra_DatePicker .dp_actions .dp_caption {
146
+ font-weight: bold;
147
+ width: 100%;
148
+ }
149
+
150
+ .Zebra_DatePicker .dp_actions .dp_hover {
151
+ background-color: #8c8c8c;
152
+ color: #fff;
153
+ }
154
+
155
+ .Zebra_DatePicker .dp_daypicker th {
156
+ background: #ffcc33;
157
+ cursor: text;
158
+ font-weight: bold;
159
+ }
160
+
161
+ .Zebra_DatePicker.dp_hidden {
162
+ display: none;
163
+ }
164
+
165
+ .Zebra_DatePicker .dp_icon {
166
+ height: 16px;
167
+ background-image: asset-url("zebra-datepicker/default/icons.png");
168
+ background-repeat: no-repeat;
169
+ }
170
+
171
+ .Zebra_DatePicker .dp_icon.dp_confirm {
172
+ background-position: center -123px;
173
+ }
174
+
175
+ .Zebra_DatePicker .dp_icon.dp_view_toggler {
176
+ background-position: center -91px;
177
+ }
178
+
179
+ .Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
180
+ background-position: center -59px;
181
+ }
182
+
183
+ button.Zebra_DatePicker_Icon {
184
+ background: asset-url("zebra-datepicker/default/icons.png") no-repeat center top;
185
+ border: none;
186
+ cursor: pointer;
187
+ display: block;
188
+ height: 16px;
189
+ line-height: 0;
190
+ margin: 0 0 0 3px;
191
+ padding: 0;
192
+ position: absolute;
193
+ text-indent: -9000px;
194
+ width: 16px;
195
+ }
196
+
197
+ button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
198
+ background-position: center -32px;
199
+ cursor: default;
200
+ }
201
+
202
+ button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right {
203
+ margin: 0 3px 0 0;
204
+ }
205
+
206
+ button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Left {
207
+ margin: 0 0 0 3px;
208
+ }