/*Datepicker for BootstrapCopyright 2012 Stefan PetreLicensed under the Apache License v2.0http://www.apache.org/licenses/LICENSE-2.0*/ .datepicker { display:none; position:absolute; width:300px; height:auto; background:white; @include box-shadow(0px 2px 5px black(0.15)); border:3px #eee solid; top:0; left:0; padding:4px; margin-top:1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /*.dow { border-top:1px solid #ddd !important; } */ } .datepicker:before { content:''; display:inline-block; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-bottom-color:rgba(0, 0, 0, 0.2); position:absolute; top:-7px; left:6px; } .datepicker:after { content:''; display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #ffffff; position:absolute; top:-6px; left:7px; } .datepicker > div { display:none; } .datepicker table { width:100%; margin:0; } .datepicker td, .datepicker th { text-align:center; width:20px; height:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .datepicker td.day:hover { background:#eeeeee; cursor:pointer; } .datepicker td.old, .datepicker td.new { color:#999999; } .datepicker td.active, .datepicker td.active:hover { background-color:#006dcc; background-image:-moz-linear-gradient(top, #0088cc, #0044cc); background-image:-ms-linear-gradient(top, #0088cc, #0044cc); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image:-webkit-linear-gradient(top, #0088cc, #0044cc); background-image:-o-linear-gradient(top, #0088cc, #0044cc); background-image:linear-gradient(top, #0088cc, #0044cc); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color:#0044cc #0044cc #002a80; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color:#0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color:#003399 \\9; } .datepicker td span { display:block; width:47px; height:54px; line-height:54px; float:left; margin:2px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .datepicker td span:hover { background:#eeeeee; } .datepicker td span.active { background-color:#006dcc; background-image:-moz-linear-gradient(top, #0088cc, #0044cc); background-image:-ms-linear-gradient(top, #0088cc, #0044cc); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image:-webkit-linear-gradient(top, #0088cc, #0044cc); background-image:-o-linear-gradient(top, #0088cc, #0044cc); background-image:linear-gradient(top, #0088cc, #0044cc); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color:#0044cc #0044cc #002a80; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color:#0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color:#003399 \\9; } .datepicker td span.old { color:#999999; } .datepicker th.switch { width:145px; } .datepicker th.next, .datepicker th.prev { font-size:19.5px; } .datepicker thead tr:first-child th { cursor:pointer; } .datepicker thead tr:first-child th:hover { background:#eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display:block; cursor:pointer; width:16px; height:16px; }