Skip to content

Commit 0c931df

Browse files
committed
Simplify css
1 parent 07c553f commit 0c931df

File tree

2 files changed

+9
-180
lines changed

2 files changed

+9
-180
lines changed

.csslintrc

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,3 @@
11
{
2-
"adjoining-classes": false,
3-
"box-model": false,
4-
"box-sizing": false,
5-
"floats": false,
6-
"font-sizes": false,
7-
"important": false,
8-
"known-properties": false,
9-
"overqualified-elements": false,
10-
"qualified-headings": false,
11-
"regex-selectors": false,
12-
"unique-headings": false,
13-
"universal-selector": false,
14-
"unqualified-attributes": false
2+
"adjoining-classes": false
153
}

src/css/datetimepicker.css

Lines changed: 8 additions & 167 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
*/
66

77
.datetimepicker {
8-
padding: 4px;
98
margin-top: 1px;
109
-webkit-border-radius: 4px;
1110
-moz-border-radius: 4px;
@@ -22,91 +21,6 @@
2221
float: right;
2322
}
2423

25-
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
26-
top: 0;
27-
left: 0;
28-
}
29-
30-
[class*=" datetimepicker-dropdown"]:before {
31-
content: '';
32-
display: inline-block;
33-
border-left: 7px solid transparent;
34-
border-right: 7px solid transparent;
35-
border-bottom: 7px solid #ccc;
36-
border-bottom-color: rgb(0, 0, 0);
37-
border-bottom-color: rgba(0, 0, 0, 0.2);
38-
position: absolute;
39-
}
40-
41-
[class*=" datetimepicker-dropdown"]:after {
42-
content: '';
43-
display: inline-block;
44-
border-left: 6px solid transparent;
45-
border-right: 6px solid transparent;
46-
border-bottom: 6px solid #ffffff;
47-
position: absolute;
48-
}
49-
50-
[class*=" datetimepicker-dropdown-top"]:before {
51-
content: '';
52-
display: inline-block;
53-
border-left: 7px solid transparent;
54-
border-right: 7px solid transparent;
55-
border-top: 7px solid #ccc;
56-
border-top-color: rgb(0, 0, 0);
57-
border-top-color: rgba(0, 0, 0, 0.2);
58-
border-bottom: 0;
59-
}
60-
61-
[class*=" datetimepicker-dropdown-top"]:after {
62-
content: '';
63-
display: inline-block;
64-
border-left: 6px solid transparent;
65-
border-right: 6px solid transparent;
66-
border-top: 6px solid #ffffff;
67-
border-bottom: 0;
68-
}
69-
70-
.datetimepicker-dropdown-bottom-left:before {
71-
top: -7px;
72-
right: 6px;
73-
}
74-
75-
.datetimepicker-dropdown-bottom-left:after {
76-
top: -6px;
77-
right: 7px;
78-
}
79-
80-
.datetimepicker-dropdown-bottom-right:before {
81-
top: -7px;
82-
left: 6px;
83-
}
84-
85-
.datetimepicker-dropdown-bottom-right:after {
86-
top: -6px;
87-
left: 7px;
88-
}
89-
90-
.datetimepicker-dropdown-top-left:before {
91-
bottom: -7px;
92-
right: 6px;
93-
}
94-
95-
.datetimepicker-dropdown-top-left:after {
96-
bottom: -6px;
97-
right: 7px;
98-
}
99-
100-
.datetimepicker-dropdown-top-right:before {
101-
bottom: -7px;
102-
left: 6px;
103-
}
104-
105-
.datetimepicker-dropdown-top-right:after {
106-
bottom: -6px;
107-
left: 7px;
108-
}
109-
11024
.datetimepicker > div {
11125
display: none;
11226
}
@@ -119,23 +33,23 @@
11933
width: 25%;
12034
}
12135

122-
.datetimepicker.minutes div.datetimepicker-minutes {
36+
.datetimepicker.minutes {
12337
display: block;
12438
}
12539

126-
.datetimepicker.hours div.datetimepicker-hours {
40+
.datetimepicker.hours {
12741
display: block;
12842
}
12943

130-
.datetimepicker.days div.datetimepicker-days {
44+
.datetimepicker.days {
13145
display: block;
13246
}
13347

134-
.datetimepicker.months div.datetimepicker-months {
48+
.datetimepicker.months {
13549
display: block;
13650
}
13751

138-
.datetimepicker.years div.datetimepicker-years {
52+
.datetimepicker.years {
13953
display: block;
14054
}
14155

@@ -162,17 +76,17 @@
16276
background-color: transparent;
16377
}
16478

165-
.datetimepicker table tr td.minute:hover {
79+
.datetimepicker table tr .minute:hover {
16680
background: #eeeeee;
16781
cursor: pointer;
16882
}
16983

170-
.datetimepicker table tr td.hour:hover {
84+
.datetimepicker table tr .hour:hover {
17185
background: #eeeeee;
17286
cursor: pointer;
17387
}
17488

175-
.datetimepicker table tr td.day:hover {
89+
.datetimepicker table tr .day:hover {
17690
background: #eeeeee;
17791
cursor: pointer;
17892
}
@@ -189,57 +103,6 @@
189103
cursor: default;
190104
}
191105

192-
.datetimepicker table tr td.today,
193-
.datetimepicker table tr td.today:hover,
194-
.datetimepicker table tr td.today.disabled,
195-
.datetimepicker table tr td.today.disabled:hover {
196-
background-color: #fde19a;
197-
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
198-
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
199-
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
200-
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
201-
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
202-
background-image: linear-gradient(top, #fdd49a, #fdf59a);
203-
background-repeat: repeat-x;
204-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
205-
border-color: #fdf59a #fdf59a #fbed50;
206-
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
207-
}
208-
209-
.datetimepicker table tr td.today:hover,
210-
.datetimepicker table tr td.today:hover:hover,
211-
.datetimepicker table tr td.today.disabled:hover,
212-
.datetimepicker table tr td.today.disabled:hover:hover,
213-
.datetimepicker table tr td.today:active,
214-
.datetimepicker table tr td.today:hover:active,
215-
.datetimepicker table tr td.today.disabled:active,
216-
.datetimepicker table tr td.today.disabled:hover:active,
217-
.datetimepicker table tr td.today.active,
218-
.datetimepicker table tr td.today:hover.active,
219-
.datetimepicker table tr td.today.disabled.active,
220-
.datetimepicker table tr td.today.disabled:hover.active,
221-
.datetimepicker table tr td.today.disabled,
222-
.datetimepicker table tr td.today:hover.disabled,
223-
.datetimepicker table tr td.today.disabled.disabled,
224-
.datetimepicker table tr td.today.disabled:hover.disabled,
225-
.datetimepicker table tr td.today[disabled],
226-
.datetimepicker table tr td.today:hover[disabled],
227-
.datetimepicker table tr td.today.disabled[disabled],
228-
.datetimepicker table tr td.today.disabled:hover[disabled] {
229-
background-color: #fdf59a;
230-
}
231-
232-
.datetimepicker table tr td.today:active,
233-
.datetimepicker table tr td.today:hover:active,
234-
.datetimepicker table tr td.today.disabled:active,
235-
.datetimepicker table tr td.today.disabled:hover:active,
236-
.datetimepicker table tr td.today.active,
237-
.datetimepicker table tr td.today:hover.active,
238-
.datetimepicker table tr td.today.disabled.active,
239-
.datetimepicker table tr td.today.disabled:hover.active {
240-
background-color: #fbf069 \9;
241-
}
242-
243106
.datetimepicker table tr td.active,
244107
.datetimepicker table tr td.active:hover,
245108
.datetimepicker table tr td.active.disabled,
@@ -282,17 +145,6 @@
282145
background-color: #0044cc;
283146
}
284147

285-
.datetimepicker table tr td.active:active,
286-
.datetimepicker table tr td.active:hover:active,
287-
.datetimepicker table tr td.active.disabled:active,
288-
.datetimepicker table tr td.active.disabled:hover:active,
289-
.datetimepicker table tr td.active.active,
290-
.datetimepicker table tr td.active:hover.active,
291-
.datetimepicker table tr td.active.disabled.active,
292-
.datetimepicker table tr td.active.disabled:hover.active {
293-
background-color: #003399 \9;
294-
}
295-
296148
.datetimepicker table tr td span {
297149
display: block;
298150
width: 23%;
@@ -359,17 +211,6 @@
359211
background-color: #0044cc;
360212
}
361213

362-
.datetimepicker table tr td span.active:active,
363-
.datetimepicker table tr td span.active:hover:active,
364-
.datetimepicker table tr td span.active.disabled:active,
365-
.datetimepicker table tr td span.active.disabled:hover:active,
366-
.datetimepicker table tr td span.active.active,
367-
.datetimepicker table tr td span.active:hover.active,
368-
.datetimepicker table tr td span.active.disabled.active,
369-
.datetimepicker table tr td span.active.disabled:hover.active {
370-
background-color: #003399 \9;
371-
}
372-
373214
.datetimepicker table tr td span.past,
374215
.datetimepicker table tr td span.future {
375216
color: #999999;

0 commit comments

Comments
 (0)