|
| 1 | +/** |
| 2 | + * Build file for the dist version of datetimepicker.css |
| 3 | + */ |
1 | 4 | /*! |
2 | | - * Datepicker for Bootstrap v3 |
3 | | - * |
| 5 | + * Datetimepicker for Bootstrap v3 |
| 6 | + * https://github.com/Eonasdan/bootstrap-datetimepicker/ |
4 | 7 | * Copyright 2012 Stefan Petre |
5 | 8 | * Licensed under the Apache License v2.0 |
6 | 9 | * http://www.apache.org/licenses/LICENSE-2.0 |
7 | 10 | * |
8 | 11 | */ |
9 | | - |
10 | 12 | .bootstrap-datetimepicker-widget { |
11 | 13 | top: 0; |
12 | 14 | left: 0; |
13 | | - z-index: 3000; |
14 | 15 | width: 250px; |
15 | 16 | padding: 4px; |
16 | 17 | margin-top: 1px; |
| 18 | + z-index: 99999; |
17 | 19 | border-radius: 4px; |
| 20 | + /*.dow { |
| 21 | + border-top: 1px solid #ddd !important; |
| 22 | + }*/ |
| 23 | +} |
| 24 | +.bootstrap-datetimepicker-widget .btn { |
| 25 | + padding: 6px; |
18 | 26 | } |
19 | | - |
20 | 27 | .bootstrap-datetimepicker-widget:before { |
21 | | - position: absolute; |
22 | | - top: -7px; |
23 | | - left: 6px; |
| 28 | + content: ''; |
24 | 29 | display: inline-block; |
| 30 | + border-left: 7px solid transparent; |
25 | 31 | border-right: 7px solid transparent; |
26 | 32 | border-bottom: 7px solid #ccc; |
27 | | - border-left: 7px solid transparent; |
28 | 33 | border-bottom-color: rgba(0, 0, 0, 0.2); |
29 | | - content: ''; |
| 34 | + position: absolute; |
| 35 | + top: -7px; |
| 36 | + left: 6px; |
30 | 37 | } |
31 | | - |
32 | 38 | .bootstrap-datetimepicker-widget:after { |
33 | | - position: absolute; |
34 | | - top: -6px; |
35 | | - left: 7px; |
| 39 | + content: ''; |
36 | 40 | display: inline-block; |
| 41 | + border-left: 6px solid transparent; |
37 | 42 | border-right: 6px solid transparent; |
38 | 43 | border-bottom: 6px solid white; |
39 | | - border-left: 6px solid transparent; |
40 | | - content: ''; |
| 44 | + position: absolute; |
| 45 | + top: -6px; |
| 46 | + left: 7px; |
41 | 47 | } |
42 | | - |
43 | 48 | .bootstrap-datetimepicker-widget.pull-right:before { |
44 | | - right: 6px; |
45 | 49 | left: auto; |
| 50 | + right: 6px; |
46 | 51 | } |
47 | | - |
48 | 52 | .bootstrap-datetimepicker-widget.pull-right:after { |
49 | | - right: 7px; |
50 | 53 | left: auto; |
| 54 | + right: 7px; |
51 | 55 | } |
52 | | - |
53 | 56 | .bootstrap-datetimepicker-widget > ul { |
54 | | - margin: 0; |
55 | 57 | list-style-type: none; |
| 58 | + margin: 0; |
56 | 59 | } |
57 | | - |
58 | 60 | .bootstrap-datetimepicker-widget .timepicker-hour, |
59 | 61 | .bootstrap-datetimepicker-widget .timepicker-minute, |
60 | 62 | .bootstrap-datetimepicker-widget .timepicker-second { |
61 | 63 | width: 100%; |
62 | | - font-size: 1.2em; |
63 | 64 | font-weight: bold; |
| 65 | + font-size: 1.2em; |
64 | 66 | } |
65 | | - |
66 | 67 | .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator { |
67 | 68 | width: 4px; |
68 | 69 | padding: 0; |
69 | 70 | margin: 0; |
70 | 71 | } |
71 | | - |
72 | 72 | .bootstrap-datetimepicker-widget .datepicker > div { |
73 | 73 | display: none; |
74 | 74 | } |
75 | | - |
76 | 75 | .bootstrap-datetimepicker-widget .picker-switch { |
77 | 76 | text-align: center; |
78 | 77 | } |
79 | | - |
80 | 78 | .bootstrap-datetimepicker-widget table { |
81 | 79 | width: 100%; |
82 | 80 | margin: 0; |
83 | 81 | } |
84 | | - |
85 | 82 | .bootstrap-datetimepicker-widget td, |
86 | 83 | .bootstrap-datetimepicker-widget th { |
| 84 | + text-align: center; |
87 | 85 | width: 20px; |
88 | 86 | height: 20px; |
89 | | - text-align: center; |
90 | 87 | border-radius: 4px; |
91 | 88 | } |
92 | | - |
93 | 89 | .bootstrap-datetimepicker-widget td.day:hover, |
94 | 90 | .bootstrap-datetimepicker-widget td.hour:hover, |
95 | 91 | .bootstrap-datetimepicker-widget td.minute:hover, |
96 | 92 | .bootstrap-datetimepicker-widget td.second:hover { |
97 | | - cursor: pointer; |
98 | 93 | background: #eeeeee; |
| 94 | + cursor: pointer; |
99 | 95 | } |
100 | | - |
101 | 96 | .bootstrap-datetimepicker-widget td.old, |
102 | 97 | .bootstrap-datetimepicker-widget td.new { |
103 | 98 | color: #999999; |
104 | 99 | } |
105 | | - |
106 | 100 | .bootstrap-datetimepicker-widget td.active, |
107 | 101 | .bootstrap-datetimepicker-widget td.active:hover { |
| 102 | + background-color: #428bca; |
108 | 103 | color: #fff; |
109 | 104 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
110 | | - background-color: #428bca; |
111 | 105 | } |
112 | | - |
113 | 106 | .bootstrap-datetimepicker-widget td.disabled, |
114 | 107 | .bootstrap-datetimepicker-widget td.disabled:hover { |
| 108 | + background: none; |
115 | 109 | color: #999999; |
116 | 110 | cursor: not-allowed; |
117 | | - background: none; |
118 | 111 | } |
119 | | - |
120 | 112 | .bootstrap-datetimepicker-widget td span { |
121 | 113 | display: block; |
122 | | - float: left; |
123 | 114 | width: 47px; |
124 | 115 | height: 54px; |
125 | | - margin: 2px; |
126 | 116 | line-height: 54px; |
| 117 | + float: left; |
| 118 | + margin: 2px; |
127 | 119 | cursor: pointer; |
128 | 120 | border-radius: 4px; |
129 | 121 | } |
130 | | - |
131 | 122 | .bootstrap-datetimepicker-widget td span:hover { |
132 | 123 | background: #eeeeee; |
133 | 124 | } |
134 | | - |
135 | 125 | .bootstrap-datetimepicker-widget td span.active { |
| 126 | + background-color: #428bca; |
136 | 127 | color: #fff; |
137 | 128 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
138 | | - background-color: #428bca; |
139 | 129 | } |
140 | | - |
141 | 130 | .bootstrap-datetimepicker-widget td span.old { |
142 | 131 | color: #999999; |
143 | 132 | } |
144 | | - |
145 | 133 | .bootstrap-datetimepicker-widget td span.disabled, |
146 | 134 | .bootstrap-datetimepicker-widget td span.disabled:hover { |
| 135 | + background: none; |
147 | 136 | color: #999999; |
148 | 137 | cursor: not-allowed; |
149 | | - background: none; |
150 | 138 | } |
151 | | - |
152 | 139 | .bootstrap-datetimepicker-widget th.switch { |
153 | 140 | width: 145px; |
154 | 141 | } |
155 | | - |
156 | 142 | .bootstrap-datetimepicker-widget th.next, |
157 | 143 | .bootstrap-datetimepicker-widget th.prev { |
158 | 144 | font-size: 21px; |
159 | 145 | } |
160 | | - |
161 | 146 | .bootstrap-datetimepicker-widget th.disabled, |
162 | 147 | .bootstrap-datetimepicker-widget th.disabled:hover { |
| 148 | + background: none; |
163 | 149 | color: #999999; |
164 | 150 | cursor: not-allowed; |
165 | | - background: none; |
166 | 151 | } |
167 | | - |
168 | 152 | .bootstrap-datetimepicker-widget thead tr:first-child th { |
169 | 153 | cursor: pointer; |
170 | 154 | } |
171 | | - |
172 | 155 | .bootstrap-datetimepicker-widget thead tr:first-child th:hover { |
173 | 156 | background: #eeeeee; |
174 | 157 | } |
175 | | - |
176 | 158 | .input-group.date .input-group-addon span { |
177 | 159 | display: block; |
| 160 | + cursor: pointer; |
178 | 161 | width: 16px; |
179 | 162 | height: 16px; |
180 | | - cursor: pointer; |
181 | 163 | } |
182 | | - |
183 | 164 | .bootstrap-datetimepicker-widget.left-oriented:before { |
184 | | - right: 6px; |
185 | 165 | left: auto; |
| 166 | + right: 6px; |
186 | 167 | } |
187 | | - |
188 | 168 | .bootstrap-datetimepicker-widget.left-oriented:after { |
189 | | - right: 7px; |
190 | 169 | left: auto; |
| 170 | + right: 7px; |
191 | 171 | } |
192 | | - |
193 | 172 | .bootstrap-datetimepicker-widget ul.list-unstyled li.in div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td { |
194 | | - padding: 0 !important; |
| 173 | + padding: 0px !important; |
195 | 174 | } |
0 commit comments