diff options
| author | Frédéric Sureau <frederic.sureau@gmail.com> | 2012-04-05 15:40:09 +0200 |
|---|---|---|
| committer | Frédéric Sureau <frederic.sureau@gmail.com> | 2012-04-05 15:40:09 +0200 |
| commit | be32a2550ec3b40d393620c301bbaa5bb59d1bc2 (patch) | |
| tree | 7b23aed90fe5a568dc68a38ad790aed191d56b86 /budget/static/css/datepicker.css | |
| parent | 870101c237cf75f6984df62a9fa6417c73542d1a (diff) | |
| download | ihatemoney-mirror-be32a2550ec3b40d393620c301bbaa5bb59d1bc2.zip ihatemoney-mirror-be32a2550ec3b40d393620c301bbaa5bb59d1bc2.tar.gz ihatemoney-mirror-be32a2550ec3b40d393620c301bbaa5bb59d1bc2.tar.bz2 | |
Update to Boostrap v2.
Remove unused libs (QTip, JQueryUI) and add bootstrap-datepicker which is much lighter.
Diffstat (limited to 'budget/static/css/datepicker.css')
| -rw-r--r-- | budget/static/css/datepicker.css | 224 |
1 files changed, 224 insertions, 0 deletions
diff --git a/budget/static/css/datepicker.css b/budget/static/css/datepicker.css new file mode 100644 index 0000000..25dcbd8 --- /dev/null +++ b/budget/static/css/datepicker.css @@ -0,0 +1,224 @@ +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +.datepicker { + 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.days div.datepicker-days { + display: block; +} +.datepicker.months div.datepicker-months { + display: block; +} +.datepicker.years div.datepicker-years { + display: block; +} +.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.disabled, +.datepicker td.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker td.active, +.datepicker td.active:hover, +.datepicker td.active.disabled, +.datepicker td.active.disabled: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.disabled:hover, +.datepicker td.active.disabled:hover:hover, +.datepicker td.active:active, +.datepicker td.active:hover:active, +.datepicker td.active.disabled:active, +.datepicker td.active.disabled:hover:active, +.datepicker td.active.active, +.datepicker td.active:hover.active, +.datepicker td.active.disabled.active, +.datepicker td.active.disabled:hover.active, +.datepicker td.active.disabled, +.datepicker td.active:hover.disabled, +.datepicker td.active.disabled.disabled, +.datepicker td.active.disabled:hover.disabled, +.datepicker td.active[disabled], +.datepicker td.active:hover[disabled], +.datepicker td.active.disabled[disabled], +.datepicker td.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker td.active:active, +.datepicker td.active:hover:active, +.datepicker td.active.disabled:active, +.datepicker td.active.disabled:hover:active, +.datepicker td.active.active, +.datepicker td.active:hover.active, +.datepicker td.active.disabled.active, +.datepicker td.active.disabled: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.disabled, +.datepicker td span.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker td span.active, +.datepicker td span.active:hover, +.datepicker td span.active.disabled, +.datepicker td span.active.disabled: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 span.active:hover, +.datepicker td span.active:hover:hover, +.datepicker td span.active.disabled:hover, +.datepicker td span.active.disabled:hover:hover, +.datepicker td span.active:active, +.datepicker td span.active:hover:active, +.datepicker td span.active.disabled:active, +.datepicker td span.active.disabled:hover:active, +.datepicker td span.active.active, +.datepicker td span.active:hover.active, +.datepicker td span.active.disabled.active, +.datepicker td span.active.disabled:hover.active, +.datepicker td span.active.disabled, +.datepicker td span.active:hover.disabled, +.datepicker td span.active.disabled.disabled, +.datepicker td span.active.disabled:hover.disabled, +.datepicker td span.active[disabled], +.datepicker td span.active:hover[disabled], +.datepicker td span.active.disabled[disabled], +.datepicker td span.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker td span.active:active, +.datepicker td span.active:hover:active, +.datepicker td span.active.disabled:active, +.datepicker td span.active.disabled:hover:active, +.datepicker td span.active.active, +.datepicker td span.active:hover.active, +.datepicker td span.active.disabled.active, +.datepicker td span.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker td span.old { + color: #999999; +} +.datepicker th.switch { + width: 145px; +} +.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; +} |
