提交 | 用户 | 时间
|
58d006
|
1 |
@datepicker-active-bg: #2283C5; |
A |
2 |
@datepicker-disabled-bg: #8B9AA3; |
|
3 |
@datepicker-active-bg2: #7D8893;//inside .well |
|
4 |
|
|
5 |
|
|
6 |
.enable_plugin_datetime() when(@enable-plugin-datetime = true) { |
|
7 |
// date & time picker |
|
8 |
.datepicker , .daterangepicker { |
|
9 |
td , th { .border-radius(0) !important; font-size: @base-font-size; } |
|
10 |
|
|
11 |
td.active { |
|
12 |
& , &:hover { background:@datepicker-active-bg !important; } |
|
13 |
|
|
14 |
&.disabled { |
|
15 |
& , &:hover { background:@datepicker-disabled-bg !important; } |
|
16 |
} |
|
17 |
} |
|
18 |
} |
|
19 |
.datepicker { |
|
20 |
td , th { min-width: 32px; } |
|
21 |
} |
|
22 |
.datepicker-dropdown.datepicker-orient-bottom { |
|
23 |
&:after, &:before { |
|
24 |
top: auto; |
|
25 |
} |
|
26 |
} |
|
27 |
|
|
28 |
|
|
29 |
.daterangepicker .calendar-date { |
|
30 |
border-radius: 0; |
|
31 |
} |
|
32 |
|
|
33 |
.datepicker-months .month , .datepicker-years .year { |
|
34 |
border-radius:0 !important; |
|
35 |
} |
|
36 |
.datepicker-months .month.active , .datepicker-years .year.active { |
|
37 |
& , &:hover , &:focus, &:active { |
|
38 |
background-image: none !important; |
|
39 |
background-color: @datepicker-active-bg !important; |
|
40 |
} |
|
41 |
} |
|
42 |
.bootstrap-timepicker-widget table td input { |
|
43 |
width: 32px; |
|
44 |
} |
|
45 |
|
|
46 |
.well .datepicker table tr td.day:hover { |
|
47 |
background-color: @datepicker-active-bg2; |
|
48 |
color: #FFF; |
|
49 |
} |
|
50 |
|
|
51 |
.bootstrap-timepicker-widget table td a:hover { |
|
52 |
.border-radius(0); |
|
53 |
} |
|
54 |
|
|
55 |
|
|
56 |
.daterangepicker.opensleft, .daterangepicker.opensright { |
|
57 |
&:before { |
|
58 |
-moz-border-bottom-colors: rgba(0, 0, 0, 0.2); |
|
59 |
} |
|
60 |
&:after { |
|
61 |
-moz-border-bottom-colors: #fff; |
|
62 |
} |
|
63 |
} |
|
64 |
|
|
65 |
|
|
66 |
.datepicker-dropdown:before { |
|
67 |
-moz-border-bottom-colors: rgba(0, 0, 0, 0.2); |
|
68 |
} |
|
69 |
.datepicker-dropdown:after { |
|
70 |
-moz-border-bottom-colors: #fff; |
|
71 |
} |
|
72 |
.datepicker-dropdown.datepicker-orient-bottom:before { |
|
73 |
-moz-border-top-colors: #999; |
|
74 |
} |
|
75 |
.datepicker-dropdown.datepicker-orient-bottom:after { |
|
76 |
-moz-border-top-colors: #FFF; |
|
77 |
} |
|
78 |
.bootstrap-timepicker-widget.dropdown-menu:before { |
|
79 |
-moz-border-bottom-colors: rgba(0,0,0,0.2); |
|
80 |
} |
|
81 |
.bootstrap-timepicker-widget.dropdown-menu:after { |
|
82 |
-moz-border-bottom-colors: #FFF; |
|
83 |
} |
|
84 |
|
|
85 |
.bootstrap-timepicker-widget.timepicker-orient-bottom:before { |
|
86 |
-moz-border-top-colors: #999; |
|
87 |
} |
|
88 |
.bootstrap-timepicker-widget.timepicker-orient-bottom:after { |
|
89 |
-moz-border-top-colors: #FFF; |
|
90 |
} |
|
91 |
|
|
92 |
|
|
93 |
|
|
94 |
|
|
95 |
//date time picker |
|
96 |
.bootstrap-datetimepicker-widget [class=btn] { |
|
97 |
border-width: 0 !important; |
|
98 |
background-color: transparent !important; |
|
99 |
color: desaturate(lighten(#1B6AAA, 20%), 40%) !important; |
|
100 |
|
|
101 |
text-shadow: none !important; |
|
102 |
|
|
103 |
&:hover { |
|
104 |
color: #1B6AAA !important; |
|
105 |
} |
|
106 |
} |
|
107 |
|
|
108 |
|
|
109 |
.bootstrap-datetimepicker-widget .btn.btn-primary { |
|
110 |
border-width: 3px !important; |
|
111 |
} |
|
112 |
|
|
113 |
.bootstrap-datetimepicker-widget .picker-switch { |
|
114 |
margin-bottom: 2px; |
|
115 |
a { |
|
116 |
width: 90% !important; |
|
117 |
background-color: #EEE !important; |
|
118 |
color: @ace-blue !important; |
|
119 |
font-size: @font-size-datetimepicker-switch; |
|
120 |
|
|
121 |
&:hover { |
|
122 |
background-color: desaturate(lighten(@btn-primary , 40%) , 10%) !important; |
|
123 |
} |
|
124 |
span { |
|
125 |
background: none !important; |
|
126 |
width: 90%; |
|
127 |
} |
|
128 |
} |
|
129 |
} |
|
130 |
.bootstrap-datetimepicker-widget table td span { |
|
131 |
border-radius: 0; |
|
132 |
//margin: 0; |
|
133 |
} |
|
134 |
.bootstrap-datetimepicker-widget { |
|
135 |
.timepicker-hour, .timepicker-minute, .timepicker-second { |
|
136 |
color: #555 !important; |
|
137 |
} |
|
138 |
} |
|
139 |
|
|
140 |
|
|
141 |
} |
|
142 |
.enable_plugin_datetime(); |