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