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