Skip to content

Commit b955b0f

Browse files
author
Martijn Gussekloo
committed
First commit
0 parents  commit b955b0f

File tree

2 files changed

+515
-0
lines changed

2 files changed

+515
-0
lines changed

‎datepicker.css

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
/* =========================================================
2+
* bootstrap-datepicker.js
3+
* original by Stefan Petre
4+
* tweaked by gus
5+
* ========================================================= */
6+
7+
.bs-sc-datepicker.dropdown-menu {
8+
max-width: inherit;
9+
}
10+
.bs-sc-datepicker {
11+
top: 0;
12+
left: 0;
13+
padding: 4px;
14+
margin-top: 1px;
15+
-webkit-border-radius: 4px;
16+
-moz-border-radius: 4px;
17+
border-radius: 4px;
18+
}
19+
.bs-sc-datepicker:before {
20+
content: '';
21+
display: inline-block;
22+
border-left: 7px solid transparent;
23+
border-right: 7px solid transparent;
24+
border-bottom: 7px solid #ccc;
25+
border-bottom-color: rgba(0, 0, 0, 0.2);
26+
position: absolute;
27+
top: -7px;
28+
left: 6px;
29+
}
30+
.bs-sc-datepicker:after {
31+
content: '';
32+
display: inline-block;
33+
border-left: 6px solid transparent;
34+
border-right: 6px solid transparent;
35+
border-bottom: 6px solid #ffffff;
36+
position: absolute;
37+
top: -6px;
38+
left: 7px;
39+
}
40+
.bs-sc-datepicker table {
41+
width: 100%;
42+
margin: 0;
43+
}
44+
.bs-sc-datepicker th {
45+
border-bottom: 1px solid #efefef;
46+
}
47+
.bs-sc-datepicker td, .bs-sc-datepicker th {
48+
text-align: center;
49+
width: 20px;
50+
height: 20px;
51+
-webkit-border-radius: 4px;
52+
-moz-border-radius: 4px;
53+
border-radius: 4px;
54+
padding: 5px !important;
55+
}
56+
.bs-sc-datepicker td.day:hover {
57+
background: #eeeeee;
58+
cursor: pointer;
59+
}
60+
.bs-sc-datepicker td.old, .bs-sc-datepicker td.new {
61+
color: #DDDDDD;
62+
}
63+
.bs-sc-datepicker td.active, .bs-sc-datepicker td.active:hover {
64+
background-color: #006dcc;
65+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
66+
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
67+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
68+
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
69+
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
70+
background-image: linear-gradient(top, #0088cc, #0044cc);
71+
background-repeat: repeat-x;
72+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
73+
border-color: #0044cc #0044cc #002a80;
74+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
75+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
76+
color: #fff;
77+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
78+
}
79+
.bs-sc-datepicker td.active:hover,
80+
.bs-sc-datepicker td.active:hover:hover,
81+
.bs-sc-datepicker td.active:active,
82+
.bs-sc-datepicker td.active:hover:active,
83+
.bs-sc-datepicker td.active.active,
84+
.bs-sc-datepicker td.active:hover.active,
85+
.bs-sc-datepicker td.active.disabled,
86+
.bs-sc-datepicker td.active:hover.disabled,
87+
.bs-sc-datepicker td.active[disabled],
88+
.bs-sc-datepicker td.active:hover[disabled] {
89+
background-color: #0044cc;
90+
}
91+
.bs-sc-datepicker td.active:active,
92+
.bs-sc-datepicker td.active:hover:active,
93+
.bs-sc-datepicker td.active.active,
94+
.bs-sc-datepicker td.active:hover.active {
95+
background-color: #003399 \9;
96+
}
97+
.bs-sc-datepicker td span {
98+
display: block;
99+
width: 47px;
100+
height: 54px;
101+
line-height: 54px;
102+
float: left;
103+
margin: 2px;
104+
cursor: pointer;
105+
-webkit-border-radius: 4px;
106+
-moz-border-radius: 4px;
107+
border-radius: 4px;
108+
}
109+
.bs-sc-datepicker td span:hover {
110+
background: #eeeeee;
111+
}
112+
.bs-sc-datepicker td span.active {
113+
background-color: #006dcc;
114+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
115+
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
116+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
117+
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
118+
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
119+
background-image: linear-gradient(top, #0088cc, #0044cc);
120+
background-repeat: repeat-x;
121+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
122+
border-color: #0044cc #0044cc #002a80;
123+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
124+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
125+
color: #fff;
126+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
127+
}
128+
.bs-sc-datepicker td span.active:hover,
129+
.bs-sc-datepicker td span.active:active,
130+
.bs-sc-datepicker td span.active.active,
131+
.bs-sc-datepicker td span.active.disabled,
132+
.bs-sc-datepicker td span.active[disabled] {
133+
background-color: #0044cc;
134+
}
135+
.bs-sc-datepicker td span.active:active, .bs-sc-datepicker td span.active.active {
136+
background-color: #003399 \9;
137+
}
138+
.bs-sc-datepicker td span.old {
139+
color: #999999;
140+
}
141+
.bs-sc-datepicker th.switch {
142+
width: 145px;
143+
}
144+
.bs-sc-datepicker thead tr:first-child th {
145+
cursor: pointer;
146+
}
147+
.bs-sc-datepicker thead tr:first-child th:hover {
148+
background: #eeeeee;
149+
}
150+
.input-append.date .add-on i, .input-prepend.date .add-on i {
151+
display: block;
152+
cursor: pointer;
153+
width: 16px;
154+
height: 16px;
155+
}

0 commit comments

Comments
 (0)