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