/*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .clearfix { *zoom:1 } .clearfix:before, .clearfix:after { display:table; content:""; line-height:0 } .clearfix:after { clear:both } .hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .input-block-level { display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .bootstrap-datetimepicker-widget { top:0; left:0; width:250px; padding:4px; margin-top:1px; z-index:3000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .bootstrap-datetimepicker-widget: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 } .bootstrap-datetimepicker-widget:after { content:''; display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; position:absolute; top:-6px; left:7px } .bootstrap-datetimepicker-widget.pull-right:before { left:auto; right:6px } .bootstrap-datetimepicker-widget.pull-right:after { left:auto; right:7px } .bootstrap-datetimepicker-widget>ul { list-style-type:none; margin:0 } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width:100%; font-weight:bold; font-size:1.2em } .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator { width:4px; padding:0; margin:0 } .bootstrap-datetimepicker-widget .datepicker>div { display:none } .bootstrap-datetimepicker-widget .picker-switch { text-align:center } .bootstrap-datetimepicker-widget table { width:100%; margin:0 } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { text-align:center; width:20px; height:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover { background:#eee; cursor:pointer } .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color:#999 } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { color:#fff; background-color:#006dcc; background-image:-moz-linear-gradient(top, #08c, #04c); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image:-webkit-linear-gradient(top, #08c, #04c); background-image:-o-linear-gradient(top, #08c, #04c); background-image:linear-gradient(to bottom, #08c, #04c); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color:#04c #04c #002a80; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#04c; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) } .bootstrap-datetimepicker-widget td.active:hover, .bootstrap-datetimepicker-widget td.active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] { color:#fff; background-color:#04c; *background-color:#003bb3 } .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active { background-color:#039 \9 } .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { background:0; color:#999; cursor:not-allowed } .bootstrap-datetimepicker-widget 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 } .bootstrap-datetimepicker-widget td span:hover { background:#eee } .bootstrap-datetimepicker-widget td span.active { color:#fff; background-color:#006dcc; background-image:-moz-linear-gradient(top, #08c, #04c); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image:-webkit-linear-gradient(top, #08c, #04c); background-image:-o-linear-gradient(top, #08c, #04c); background-image:linear-gradient(to bottom, #08c, #04c); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color:#04c #04c #002a80; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#04c; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) } .bootstrap-datetimepicker-widget td span.active:hover, .bootstrap-datetimepicker-widget td span.active:active, .bootstrap-datetimepicker-widget td span.active.active, .bootstrap-datetimepicker-widget td span.active.disabled, .bootstrap-datetimepicker-widget td span.active[disabled] { color:#fff; background-color:#04c; *background-color:#003bb3 } .bootstrap-datetimepicker-widget td span.active:active, .bootstrap-datetimepicker-widget td span.active.active { background-color:#039 \9 } .bootstrap-datetimepicker-widget td span.old { color:#999 } .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover { background:0; color:#999; cursor:not-allowed } .bootstrap-datetimepicker-widget th.switch { width:145px } .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev { font-size:21px } .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover { background:0; color:#999; cursor:not-allowed } .bootstrap-datetimepicker-widget thead tr:first-child th { cursor:pointer } .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background:#eee } .input-append.date .add-on i, .input-prepend.date .add-on i { display:block; cursor:pointer; width:16px; height:16px } .bootstrap-datetimepicker-widget.left-oriented:before { left:auto; right:6px } .bootstrap-datetimepicker-widget.left-oriented:after { left:auto; right:7px } /********* fix css datetimepicker **************/ .well.row .input-submit input{ width: 100%; } .add-on{ margin-left: -3px; display: inline-block; cursor: pointer; } .input-append input{ display: inline-block; padding: 5px 6px; border-radius: 4px 0 0 4px; vertical-align: top; border: 1px solid #cccccc; } .bootstrap-datetimepicker-widget > ul { padding: 0; } .accordion-toggle { cursor: pointer; } .bootstrap-datetimepicker-widget.dropdown-menu li > a { clear: both; color: #333333; display: block; font-weight: normal; line-height: 20px; padding: 3px 20px; white-space: nowrap; } .bootstrap-datetimepicker-widget.dropdown-menu li > a:hover{ background-color: #0081c2; background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; color: #ffffff; text-decoration: none; } .bootstrap-datetimepicker-widget .btn { border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget .btn { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f5f5f5; background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; } .bootstrap-datetimepicker-widget .btn:hover { background-position: 0 -15px; color: #333333; text-decoration: none; transition: background-position 0.1s linear 0s; } .bootstrap-datetimepicker-widget .btn:hover, .bootstrap-datetimepicker-widget .btn:active, .bootstrap-datetimepicker-widget .btn.active, .bootstrap-datetimepicker-widget .btn.disabled, .bootstrap-datetimepicker-widget .btn[disabled] { background-color: #e6e6e6; color: #333333; } .bootstrap-datetimepicker-widget .icon-calendar { background-position: -192px -120px; } .bootstrap-datetimepicker-widget .icon-time { background-position: -48px -24px; } .bootstrap-datetimepicker-widget .icon-chevron-up { background-position: -288px -120px; } .bootstrap-datetimepicker-widget .icon-chevron-down { background-position: -313px -119px; } [class^="icon-"], [class*=" icon-"] { background-image: asset-url("camaleon_cms/admin/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 1px; vertical-align: text-top; width: 14px; }