2 * Datepicker for Bootstrap
4 * Copyright 2012 Stefan Petre
5 * Licensed under the Apache License v2.0
6 * http://www.apache.org/licenses/LICENSE-2.0
14 -webkit-border-radius: 4px;
15 -moz-border-radius: 4px;
19 border-top: 1px solid #ddd !important;
25 display: inline-block;
26 border-left: 7px solid transparent;
27 border-right: 7px solid transparent;
28 border-bottom: 7px solid #ccc;
29 border-bottom-color: rgba(0, 0, 0, 0.2);
36 display: inline-block;
37 border-left: 6px solid transparent;
38 border-right: 6px solid transparent;
39 border-bottom: 6px solid #ffffff;
56 -webkit-border-radius: 4px;
57 -moz-border-radius: 4px;
60 .datepicker td.day:hover {
64 .datepicker td.day.disabled {
71 .datepicker td.active,
72 .datepicker td.active:hover {
74 background-color: #006dcc;
75 background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
76 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
77 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
78 background-image: -o-linear-gradient(top, #0088cc, #0044cc);
79 background-image: linear-gradient(to bottom, #0088cc, #0044cc);
80 background-repeat: repeat-x;
81 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
82 border-color: #0044cc #0044cc #002a80;
83 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
84 *background-color: #0044cc;
85 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
87 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
89 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
91 .datepicker td.active:hover,
92 .datepicker td.active:hover:hover,
93 .datepicker td.active:focus,
94 .datepicker td.active:hover:focus,
95 .datepicker td.active:active,
96 .datepicker td.active:hover:active,
97 .datepicker td.active.active,
98 .datepicker td.active:hover.active,
99 .datepicker td.active.disabled,
100 .datepicker td.active:hover.disabled,
101 .datepicker td.active[disabled],
102 .datepicker td.active:hover[disabled] {
104 background-color: #0044cc;
105 *background-color: #003bb3;
107 .datepicker td.active:active,
108 .datepicker td.active:hover:active,
109 .datepicker td.active.active,
110 .datepicker td.active:hover.active {
111 background-color: #003399 \9;
113 .datepicker td span {
121 -webkit-border-radius: 4px;
122 -moz-border-radius: 4px;
125 .datepicker td span:hover {
128 .datepicker td span.active {
130 background-color: #006dcc;
131 background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
132 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
133 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
134 background-image: -o-linear-gradient(top, #0088cc, #0044cc);
135 background-image: linear-gradient(to bottom, #0088cc, #0044cc);
136 background-repeat: repeat-x;
137 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
138 border-color: #0044cc #0044cc #002a80;
139 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
140 *background-color: #0044cc;
141 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
143 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
145 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
147 .datepicker td span.active:hover,
148 .datepicker td span.active:focus,
149 .datepicker td span.active:active,
150 .datepicker td span.active.active,
151 .datepicker td span.active.disabled,
152 .datepicker td span.active[disabled] {
154 background-color: #0044cc;
155 *background-color: #003bb3;
157 .datepicker td span.active:active,
158 .datepicker td span.active.active {
159 background-color: #003399 \9;
161 .datepicker td span.old {
164 .datepicker th.switch {
168 .datepicker th.prev {
171 .datepicker thead tr:first-child th {
174 .datepicker thead tr:first-child th:hover {
177 .input-append.date .add-on i,
178 .input-prepend.date .add-on i {