Update datepicker to latest version
From https://github.com/eternicode/bootstrap-datepicker/pull/35/head
parent
c345fc2b8d
commit
49363cfe36
1
NEWS
1
NEWS
|
@ -7,6 +7,7 @@ Enhancements
|
||||||
- SOGo version is now displayed in preferences window (#2612)
|
- SOGo version is now displayed in preferences window (#2612)
|
||||||
- added the SOGoMaximumSyncWindowSize system default to overwrite the
|
- added the SOGoMaximumSyncWindowSize system default to overwrite the
|
||||||
maximum number of items returned during an ActiveSync sync operation
|
maximum number of items returned during an ActiveSync sync operation
|
||||||
|
- updated datepicker
|
||||||
|
|
||||||
Bug fixes
|
Bug fixes
|
||||||
- fixed saved HTML content of draft when attaching a file
|
- fixed saved HTML content of draft when attaching a file
|
||||||
|
|
|
@ -293,8 +293,11 @@ function setEndDate(newEndDate) {
|
||||||
function onAdjustTime(event) {
|
function onAdjustTime(event) {
|
||||||
var endDate = window.getEndDate();
|
var endDate = window.getEndDate();
|
||||||
var startDate = window.getStartDate();
|
var startDate = window.getStartDate();
|
||||||
|
var input = $(this);
|
||||||
|
if (input.tagName != 'INPUT')
|
||||||
|
input = input.down('input');
|
||||||
|
|
||||||
if ($(this).readAttribute("id").startsWith("start")) {
|
if (input.id.startsWith("start")) {
|
||||||
// Start date was changed
|
// Start date was changed
|
||||||
if (startDate == null) {
|
if (startDate == null) {
|
||||||
var oldStartDate = window.getShadowStartDate();
|
var oldStartDate = window.getShadowStartDate();
|
||||||
|
@ -350,15 +353,15 @@ function initTimeWidgets(widgets) {
|
||||||
this.timeWidgets = widgets;
|
this.timeWidgets = widgets;
|
||||||
|
|
||||||
if (widgets['start']['date']) {
|
if (widgets['start']['date']) {
|
||||||
jQuery(widgets['start']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
jQuery(widgets['start']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek})
|
||||||
jQuery(widgets['start']['date']).change(onAdjustTime);
|
.on('changeDate', onAdjustTime);
|
||||||
widgets['start']['time'].on("time:change", onAdjustTime);
|
widgets['start']['time'].on("time:change", onAdjustTime);
|
||||||
widgets['start']['time'].addInterface(SOGoTimePickerInterface);
|
widgets['start']['time'].addInterface(SOGoTimePickerInterface);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (widgets['end']['date']) {
|
if (widgets['end']['date']) {
|
||||||
jQuery(widgets['end']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
jQuery(widgets['end']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek})
|
||||||
jQuery(widgets['end']['date']).change(onAdjustTime);
|
.on('changeDate', onAdjustTime);
|
||||||
widgets['end']['time'].on("time:change", onAdjustTime);
|
widgets['end']['time'].on("time:change", onAdjustTime);
|
||||||
widgets['end']['time'].addInterface(SOGoTimePickerInterface);
|
widgets['end']['time'].addInterface(SOGoTimePickerInterface);
|
||||||
}
|
}
|
||||||
|
|
|
@ -96,20 +96,17 @@ function validateContactEditor() {
|
||||||
return rc
|
return rc
|
||||||
}
|
}
|
||||||
|
|
||||||
this.initTimeWidgets = function (widgets) {
|
function initTimeWidget(input) {
|
||||||
this.timeWidgets = widgets;
|
|
||||||
var firstDay = new Date();
|
var firstDay = new Date();
|
||||||
firstDay.setFullYear(1900,0,1);
|
firstDay.setFullYear(1900,0,1);
|
||||||
var lastDay = new Date();
|
var lastDay = new Date();
|
||||||
|
|
||||||
jQuery(widgets['birthday']['date']).closest('.date').datepicker({autoclose: true,
|
jQuery(input).closest('.date').datepicker({autoclose: true,
|
||||||
weekStart: 0,
|
|
||||||
endDate: lastDay,
|
endDate: lastDay,
|
||||||
startDate: firstDay,
|
startDate: firstDay,
|
||||||
setStartDate: lastDay,
|
setStartDate: lastDay,
|
||||||
startView: 2,
|
startView: 2})
|
||||||
position: "below-shifted-left"});
|
}
|
||||||
};
|
|
||||||
|
|
||||||
function onDisplaynameKeyDown() {
|
function onDisplaynameKeyDown() {
|
||||||
var fn = $("displayname");
|
var fn = $("displayname");
|
||||||
|
@ -303,9 +300,7 @@ function initEditorForm() {
|
||||||
emptyCategory.observe("click", onEmptyCategoryClick);
|
emptyCategory.observe("click", onEmptyCategoryClick);
|
||||||
}
|
}
|
||||||
|
|
||||||
var widgets = {'birthday': {'date': $("birthdayDate")}};
|
initTimeWidget($("birthdayDate"));
|
||||||
initTimeWidgets(widgets);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
document.observe("dom:loaded", initEditorForm);
|
document.observe("dom:loaded", initEditorForm);
|
||||||
|
|
|
@ -56,7 +56,6 @@ function validateTaskEditor() {
|
||||||
if (startdate && enddate) {
|
if (startdate && enddate) {
|
||||||
tmpdate = uixEarlierDate(startdate, enddate);
|
tmpdate = uixEarlierDate(startdate, enddate);
|
||||||
if (tmpdate == enddate) {
|
if (tmpdate == enddate) {
|
||||||
// window.alert(cuicui);
|
|
||||||
alert(labels.validate_endbeforestart);
|
alert(labels.validate_endbeforestart);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
@ -101,73 +100,6 @@ function validateTaskEditor() {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleDetails() {
|
|
||||||
var div = $("details");
|
|
||||||
var buttons = $("buttons");
|
|
||||||
var buttonsHeight = buttons.clientHeight * 3;
|
|
||||||
|
|
||||||
if (div.style.visibility) {
|
|
||||||
div.style.visibility = null;
|
|
||||||
window.resizeBy(0, -(div.clientHeight + buttonsHeight));
|
|
||||||
$("detailsButton").innerHTML = _("Show Details");
|
|
||||||
} else {
|
|
||||||
div.style.visibility = 'visible;';
|
|
||||||
window.resizeBy(0, (div.clientHeight + buttonsHeight));
|
|
||||||
$("detailsButton").innerHTML = _("Hide Details");
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggleCycleVisibility(node, nodeName, hiddenValue) {
|
|
||||||
var spanNode = $(nodeName);
|
|
||||||
var newVisibility = ((node.value == hiddenValue) ? null : 'visible;');
|
|
||||||
spanNode.style.visibility = newVisibility;
|
|
||||||
|
|
||||||
if (nodeName == 'cycleSelectionFirstLevel') {
|
|
||||||
var otherSpanNode = $('cycleSelectionSecondLevel');
|
|
||||||
if (!newVisibility)
|
|
||||||
{
|
|
||||||
otherSpanNode.superVisibility = otherSpanNode.style.visibility;
|
|
||||||
otherSpanNode.style.visibility = null;
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
otherSpanNode.style.visibility = otherSpanNode.superVisibility;
|
|
||||||
otherSpanNode.superVisibility = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
|
|
||||||
var uids = $('uixselector-participants-uidList');
|
|
||||||
log ("contactId: " + contactId);
|
|
||||||
if (contactId)
|
|
||||||
{
|
|
||||||
var re = new RegExp("(^|,)" + contactId + "($|,)");
|
|
||||||
|
|
||||||
log ("uids: " + uids);
|
|
||||||
if (!re.test(uids.value))
|
|
||||||
{
|
|
||||||
log ("no match... realling adding");
|
|
||||||
if (uids.value.length > 0)
|
|
||||||
uids.value += ',' + contactId;
|
|
||||||
else
|
|
||||||
uids.value = contactId;
|
|
||||||
|
|
||||||
var names = $('uixselector-participants-display');
|
|
||||||
names.innerHTML += ('<li onmousedown="return false;"'
|
|
||||||
+ ' onclick="onRowClick(event);"><img src="'
|
|
||||||
+ ResourcesURL + '/abcard.png" />'
|
|
||||||
+ contactName + '</li>');
|
|
||||||
}
|
|
||||||
else
|
|
||||||
log ("match... ignoring contact");
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onTimeControlCheck(checkBox) {
|
function onTimeControlCheck(checkBox) {
|
||||||
if (checkBox) {
|
if (checkBox) {
|
||||||
var inputs = checkBox.parentNode.getElementsByTagName("input");
|
var inputs = checkBox.parentNode.getElementsByTagName("input");
|
||||||
|
@ -271,14 +203,15 @@ this.onAdjustDueTime = function(event) {
|
||||||
this.initTimeWidgets = function (widgets) {
|
this.initTimeWidgets = function (widgets) {
|
||||||
this.timeWidgets = widgets;
|
this.timeWidgets = widgets;
|
||||||
|
|
||||||
jQuery(widgets['start']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
jQuery(widgets['start']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek})
|
||||||
jQuery(widgets['due']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
.on('changeDate', onAdjustTime);
|
||||||
jQuery('#statusTime_date').closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
|
||||||
|
|
||||||
jQuery(widgets['start']['date']).change(onAdjustTime);
|
|
||||||
widgets['start']['time'].on("time:change", onAdjustDueTime);
|
widgets['start']['time'].on("time:change", onAdjustDueTime);
|
||||||
widgets['start']['time'].addInterface(SOGoTimePickerInterface);
|
widgets['start']['time'].addInterface(SOGoTimePickerInterface);
|
||||||
|
|
||||||
|
jQuery(widgets['due']['date']).closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
||||||
widgets['due']['time'].addInterface(SOGoTimePickerInterface);
|
widgets['due']['time'].addInterface(SOGoTimePickerInterface);
|
||||||
|
|
||||||
|
jQuery('#statusTime_date').closest('.date').datepicker({autoclose: true, weekStart: firstDayOfWeek});
|
||||||
};
|
};
|
||||||
|
|
||||||
function onStatusListChange(event) {
|
function onStatusListChange(event) {
|
||||||
|
|
|
@ -8,39 +8,75 @@
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
.datepicker {
|
.datepicker {
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
margin-top: 1px;
|
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
direction: ltr;
|
||||||
/*.dow {
|
/*.dow {
|
||||||
border-top: 1px solid #ddd !important;
|
border-top: 1px solid #ddd !important;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.datepicker:before {
|
.datepicker-inline {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
.datepicker.datepicker-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.datepicker.datepicker-rtl table tr td span {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown:before {
|
||||||
content: '';
|
content: '';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-left: 7px solid transparent;
|
border-left: 7px solid transparent;
|
||||||
border-right: 7px solid transparent;
|
border-right: 7px solid transparent;
|
||||||
border-bottom: 7px solid #ccc;
|
border-bottom: 7px solid #ccc;
|
||||||
|
border-top: 0;
|
||||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -7px;
|
|
||||||
left: 6px;
|
|
||||||
}
|
}
|
||||||
.datepicker:after {
|
.datepicker-dropdown:after {
|
||||||
content: '';
|
content: '';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-left: 6px solid transparent;
|
border-left: 6px solid transparent;
|
||||||
border-right: 6px solid transparent;
|
border-right: 6px solid transparent;
|
||||||
border-bottom: 6px solid #ffffff;
|
border-bottom: 6px solid #ffffff;
|
||||||
|
border-top: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -6px;
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:before {
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:after {
|
||||||
left: 7px;
|
left: 7px;
|
||||||
}
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:before {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:after {
|
||||||
|
right: 7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:before {
|
||||||
|
top: -7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:after {
|
||||||
|
top: -6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||||
|
bottom: -7px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 7px solid #999;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||||
|
bottom: -6px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 6px solid #ffffff;
|
||||||
|
}
|
||||||
.datepicker > div {
|
.datepicker > div {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -55,6 +91,12 @@
|
||||||
}
|
}
|
||||||
.datepicker table {
|
.datepicker table {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
.datepicker td,
|
.datepicker td,
|
||||||
.datepicker th {
|
.datepicker th {
|
||||||
|
@ -64,25 +106,31 @@
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
.datepicker td.day:hover {
|
.table-striped .datepicker table tr td,
|
||||||
|
.table-striped .datepicker table tr th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.day:hover,
|
||||||
|
.datepicker table tr td.day.focused {
|
||||||
background: #eeeeee;
|
background: #eeeeee;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.datepicker td.old,
|
.datepicker table tr td.old,
|
||||||
.datepicker td.new {
|
.datepicker table tr td.new {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
.datepicker td.disabled,
|
.datepicker table tr td.disabled,
|
||||||
.datepicker td.disabled:hover {
|
.datepicker table tr td.disabled:hover {
|
||||||
background: none;
|
background: none;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
.datepicker td.today,
|
.datepicker table tr td.today,
|
||||||
.datepicker td.today:hover,
|
.datepicker table tr td.today:hover,
|
||||||
.datepicker td.today.disabled,
|
.datepicker table tr td.today.disabled,
|
||||||
.datepicker td.today.disabled:hover {
|
.datepicker table tr td.today.disabled:hover {
|
||||||
background-color: #fde19a;
|
background-color: #fde19a;
|
||||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
|
@ -94,53 +142,112 @@
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||||
border-color: #fdf59a #fdf59a #fbed50;
|
border-color: #fdf59a #fdf59a #fbed50;
|
||||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
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);
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #000;
|
||||||
}
|
}
|
||||||
.datepicker td.today:hover,
|
.datepicker table tr td.today:hover,
|
||||||
.datepicker td.today:hover:hover,
|
.datepicker table tr td.today:hover:hover,
|
||||||
.datepicker td.today.disabled:hover,
|
.datepicker table tr td.today.disabled:hover,
|
||||||
.datepicker td.today.disabled:hover:hover,
|
.datepicker table tr td.today.disabled:hover:hover,
|
||||||
.datepicker td.today:active,
|
.datepicker table tr td.today:active,
|
||||||
.datepicker td.today:hover:active,
|
.datepicker table tr td.today:hover:active,
|
||||||
.datepicker td.today.disabled:active,
|
.datepicker table tr td.today.disabled:active,
|
||||||
.datepicker td.today.disabled:hover:active,
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
.datepicker td.today.active,
|
.datepicker table tr td.today.active,
|
||||||
.datepicker td.today:hover.active,
|
.datepicker table tr td.today:hover.active,
|
||||||
.datepicker td.today.disabled.active,
|
.datepicker table tr td.today.disabled.active,
|
||||||
.datepicker td.today.disabled:hover.active,
|
.datepicker table tr td.today.disabled:hover.active,
|
||||||
.datepicker td.today.disabled,
|
.datepicker table tr td.today.disabled,
|
||||||
.datepicker td.today:hover.disabled,
|
.datepicker table tr td.today:hover.disabled,
|
||||||
.datepicker td.today.disabled.disabled,
|
.datepicker table tr td.today.disabled.disabled,
|
||||||
.datepicker td.today.disabled:hover.disabled,
|
.datepicker table tr td.today.disabled:hover.disabled,
|
||||||
.datepicker td.today[disabled],
|
.datepicker table tr td.today[disabled],
|
||||||
.datepicker td.today:hover[disabled],
|
.datepicker table tr td.today:hover[disabled],
|
||||||
.datepicker td.today.disabled[disabled],
|
.datepicker table tr td.today.disabled[disabled],
|
||||||
.datepicker td.today.disabled:hover[disabled] {
|
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||||
background-color: #fdf59a;
|
background-color: #fdf59a;
|
||||||
}
|
}
|
||||||
.datepicker td.today:active,
|
.datepicker table tr td.today:active,
|
||||||
.datepicker td.today:hover:active,
|
.datepicker table tr td.today:hover:active,
|
||||||
.datepicker td.today.disabled:active,
|
.datepicker table tr td.today.disabled:active,
|
||||||
.datepicker td.today.disabled:hover:active,
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
.datepicker td.today.active,
|
.datepicker table tr td.today.active,
|
||||||
.datepicker td.today:hover.active,
|
.datepicker table tr td.today:hover.active,
|
||||||
.datepicker td.today.disabled.active,
|
.datepicker table tr td.today.disabled.active,
|
||||||
.datepicker td.today.disabled:hover.active {
|
.datepicker table tr td.today.disabled:hover.active {
|
||||||
background-color: #fbf069 \9;
|
background-color: #fbf069 \9;
|
||||||
}
|
}
|
||||||
.datepicker td.range,
|
.datepicker table tr td.today:hover:hover {
|
||||||
.datepicker td.range:hover,
|
color: #000;
|
||||||
.datepicker td.range.disabled,
|
}
|
||||||
.datepicker td.range.disabled:hover {
|
.datepicker table tr td.today.active:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range,
|
||||||
|
.datepicker table tr td.range:hover,
|
||||||
|
.datepicker table tr td.range.disabled,
|
||||||
|
.datepicker table tr td.range.disabled:hover {
|
||||||
background: #eeeeee;
|
background: #eeeeee;
|
||||||
-webkit-border-radius: 0;
|
-webkit-border-radius: 0;
|
||||||
-moz-border-radius: 0;
|
-moz-border-radius: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
.datepicker td.selected,
|
.datepicker table tr td.range.today,
|
||||||
.datepicker td.selected:hover,
|
.datepicker table tr td.range.today:hover,
|
||||||
.datepicker td.selected.disabled,
|
.datepicker table tr td.range.today.disabled,
|
||||||
.datepicker td.selected.disabled:hover {
|
.datepicker table tr td.range.today.disabled:hover {
|
||||||
|
background-color: #f3d17a;
|
||||||
|
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||||
|
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||||
|
border-color: #f3e97a #f3e97a #edde34;
|
||||||
|
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);
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today:hover:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today[disabled],
|
||||||
|
.datepicker table tr td.range.today:hover[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||||
|
background-color: #f3e97a;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active {
|
||||||
|
background-color: #efe24b \9;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected,
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover {
|
||||||
background-color: #9e9e9e;
|
background-color: #9e9e9e;
|
||||||
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
||||||
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
||||||
|
@ -152,46 +259,46 @@
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||||
border-color: #808080 #808080 #595959;
|
border-color: #808080 #808080 #595959;
|
||||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
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);
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
.datepicker td.selected:hover,
|
.datepicker table tr td.selected:hover,
|
||||||
.datepicker td.selected:hover:hover,
|
.datepicker table tr td.selected:hover:hover,
|
||||||
.datepicker td.selected.disabled:hover,
|
.datepicker table tr td.selected.disabled:hover,
|
||||||
.datepicker td.selected.disabled:hover:hover,
|
.datepicker table tr td.selected.disabled:hover:hover,
|
||||||
.datepicker td.selected:active,
|
.datepicker table tr td.selected:active,
|
||||||
.datepicker td.selected:hover:active,
|
.datepicker table tr td.selected:hover:active,
|
||||||
.datepicker td.selected.disabled:active,
|
.datepicker table tr td.selected.disabled:active,
|
||||||
.datepicker td.selected.disabled:hover:active,
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
.datepicker td.selected.active,
|
.datepicker table tr td.selected.active,
|
||||||
.datepicker td.selected:hover.active,
|
.datepicker table tr td.selected:hover.active,
|
||||||
.datepicker td.selected.disabled.active,
|
.datepicker table tr td.selected.disabled.active,
|
||||||
.datepicker td.selected.disabled:hover.active,
|
.datepicker table tr td.selected.disabled:hover.active,
|
||||||
.datepicker td.selected.disabled,
|
.datepicker table tr td.selected.disabled,
|
||||||
.datepicker td.selected:hover.disabled,
|
.datepicker table tr td.selected:hover.disabled,
|
||||||
.datepicker td.selected.disabled.disabled,
|
.datepicker table tr td.selected.disabled.disabled,
|
||||||
.datepicker td.selected.disabled:hover.disabled,
|
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||||
.datepicker td.selected[disabled],
|
.datepicker table tr td.selected[disabled],
|
||||||
.datepicker td.selected:hover[disabled],
|
.datepicker table tr td.selected:hover[disabled],
|
||||||
.datepicker td.selected.disabled[disabled],
|
.datepicker table tr td.selected.disabled[disabled],
|
||||||
.datepicker td.selected.disabled:hover[disabled] {
|
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||||
background-color: #808080;
|
background-color: #808080;
|
||||||
}
|
}
|
||||||
.datepicker td.selected:active,
|
.datepicker table tr td.selected:active,
|
||||||
.datepicker td.selected:hover:active,
|
.datepicker table tr td.selected:hover:active,
|
||||||
.datepicker td.selected.disabled:active,
|
.datepicker table tr td.selected.disabled:active,
|
||||||
.datepicker td.selected.disabled:hover:active,
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
.datepicker td.selected.active,
|
.datepicker table tr td.selected.active,
|
||||||
.datepicker td.selected:hover.active,
|
.datepicker table tr td.selected:hover.active,
|
||||||
.datepicker td.selected.disabled.active,
|
.datepicker table tr td.selected.disabled.active,
|
||||||
.datepicker td.selected.disabled:hover.active {
|
.datepicker table tr td.selected.disabled:hover.active {
|
||||||
background-color: #666666 \9;
|
background-color: #666666 \9;
|
||||||
}
|
}
|
||||||
.datepicker td.active,
|
.datepicker table tr td.active,
|
||||||
.datepicker td.active:hover,
|
.datepicker table tr td.active:hover,
|
||||||
.datepicker td.active.disabled,
|
.datepicker table tr td.active.disabled,
|
||||||
.datepicker td.active.disabled:hover {
|
.datepicker table tr td.active.disabled:hover {
|
||||||
background-color: #006dcc;
|
background-color: #006dcc;
|
||||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
@ -203,43 +310,43 @@
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||||
border-color: #0044cc #0044cc #002a80;
|
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);
|
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);
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
.datepicker td.active:hover,
|
.datepicker table tr td.active:hover,
|
||||||
.datepicker td.active:hover:hover,
|
.datepicker table tr td.active:hover:hover,
|
||||||
.datepicker td.active.disabled:hover,
|
.datepicker table tr td.active.disabled:hover,
|
||||||
.datepicker td.active.disabled:hover:hover,
|
.datepicker table tr td.active.disabled:hover:hover,
|
||||||
.datepicker td.active:active,
|
.datepicker table tr td.active:active,
|
||||||
.datepicker td.active:hover:active,
|
.datepicker table tr td.active:hover:active,
|
||||||
.datepicker td.active.disabled:active,
|
.datepicker table tr td.active.disabled:active,
|
||||||
.datepicker td.active.disabled:hover:active,
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
.datepicker td.active.active,
|
.datepicker table tr td.active.active,
|
||||||
.datepicker td.active:hover.active,
|
.datepicker table tr td.active:hover.active,
|
||||||
.datepicker td.active.disabled.active,
|
.datepicker table tr td.active.disabled.active,
|
||||||
.datepicker td.active.disabled:hover.active,
|
.datepicker table tr td.active.disabled:hover.active,
|
||||||
.datepicker td.active.disabled,
|
.datepicker table tr td.active.disabled,
|
||||||
.datepicker td.active:hover.disabled,
|
.datepicker table tr td.active:hover.disabled,
|
||||||
.datepicker td.active.disabled.disabled,
|
.datepicker table tr td.active.disabled.disabled,
|
||||||
.datepicker td.active.disabled:hover.disabled,
|
.datepicker table tr td.active.disabled:hover.disabled,
|
||||||
.datepicker td.active[disabled],
|
.datepicker table tr td.active[disabled],
|
||||||
.datepicker td.active:hover[disabled],
|
.datepicker table tr td.active:hover[disabled],
|
||||||
.datepicker td.active.disabled[disabled],
|
.datepicker table tr td.active.disabled[disabled],
|
||||||
.datepicker td.active.disabled:hover[disabled] {
|
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||||
background-color: #0044cc;
|
background-color: #0044cc;
|
||||||
}
|
}
|
||||||
.datepicker td.active:active,
|
.datepicker table tr td.active:active,
|
||||||
.datepicker td.active:hover:active,
|
.datepicker table tr td.active:hover:active,
|
||||||
.datepicker td.active.disabled:active,
|
.datepicker table tr td.active.disabled:active,
|
||||||
.datepicker td.active.disabled:hover:active,
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
.datepicker td.active.active,
|
.datepicker table tr td.active.active,
|
||||||
.datepicker td.active:hover.active,
|
.datepicker table tr td.active:hover.active,
|
||||||
.datepicker td.active.disabled.active,
|
.datepicker table tr td.active.disabled.active,
|
||||||
.datepicker td.active.disabled:hover.active {
|
.datepicker table tr td.active.disabled:hover.active {
|
||||||
background-color: #003399 \9;
|
background-color: #003399 \9;
|
||||||
}
|
}
|
||||||
.datepicker td span {
|
.datepicker table tr td span {
|
||||||
display: block;
|
display: block;
|
||||||
width: 23%;
|
width: 23%;
|
||||||
height: 54px;
|
height: 54px;
|
||||||
|
@ -251,19 +358,19 @@
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.datepicker td span:hover {
|
.datepicker table tr td span:hover {
|
||||||
background: #eeeeee;
|
background: #eeeeee;
|
||||||
}
|
}
|
||||||
.datepicker td span.disabled,
|
.datepicker table tr td span.disabled,
|
||||||
.datepicker td span.disabled:hover {
|
.datepicker table tr td span.disabled:hover {
|
||||||
background: none;
|
background: none;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
.datepicker td span.active,
|
.datepicker table tr td span.active,
|
||||||
.datepicker td span.active:hover,
|
.datepicker table tr td span.active:hover,
|
||||||
.datepicker td span.active.disabled,
|
.datepicker table tr td span.active.disabled,
|
||||||
.datepicker td span.active.disabled:hover {
|
.datepicker table tr td span.active.disabled:hover {
|
||||||
background-color: #006dcc;
|
background-color: #006dcc;
|
||||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
@ -275,59 +382,69 @@
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||||
border-color: #0044cc #0044cc #002a80;
|
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);
|
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);
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
.datepicker td span.active:hover,
|
.datepicker table tr td span.active:hover,
|
||||||
.datepicker td span.active:hover:hover,
|
.datepicker table tr td span.active:hover:hover,
|
||||||
.datepicker td span.active.disabled:hover,
|
.datepicker table tr td span.active.disabled:hover,
|
||||||
.datepicker td span.active.disabled:hover:hover,
|
.datepicker table tr td span.active.disabled:hover:hover,
|
||||||
.datepicker td span.active:active,
|
.datepicker table tr td span.active:active,
|
||||||
.datepicker td span.active:hover:active,
|
.datepicker table tr td span.active:hover:active,
|
||||||
.datepicker td span.active.disabled:active,
|
.datepicker table tr td span.active.disabled:active,
|
||||||
.datepicker td span.active.disabled:hover:active,
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
.datepicker td span.active.active,
|
.datepicker table tr td span.active.active,
|
||||||
.datepicker td span.active:hover.active,
|
.datepicker table tr td span.active:hover.active,
|
||||||
.datepicker td span.active.disabled.active,
|
.datepicker table tr td span.active.disabled.active,
|
||||||
.datepicker td span.active.disabled:hover.active,
|
.datepicker table tr td span.active.disabled:hover.active,
|
||||||
.datepicker td span.active.disabled,
|
.datepicker table tr td span.active.disabled,
|
||||||
.datepicker td span.active:hover.disabled,
|
.datepicker table tr td span.active:hover.disabled,
|
||||||
.datepicker td span.active.disabled.disabled,
|
.datepicker table tr td span.active.disabled.disabled,
|
||||||
.datepicker td span.active.disabled:hover.disabled,
|
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||||
.datepicker td span.active[disabled],
|
.datepicker table tr td span.active[disabled],
|
||||||
.datepicker td span.active:hover[disabled],
|
.datepicker table tr td span.active:hover[disabled],
|
||||||
.datepicker td span.active.disabled[disabled],
|
.datepicker table tr td span.active.disabled[disabled],
|
||||||
.datepicker td span.active.disabled:hover[disabled] {
|
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||||
background-color: #0044cc;
|
background-color: #0044cc;
|
||||||
}
|
}
|
||||||
.datepicker td span.active:active,
|
.datepicker table tr td span.active:active,
|
||||||
.datepicker td span.active:hover:active,
|
.datepicker table tr td span.active:hover:active,
|
||||||
.datepicker td span.active.disabled:active,
|
.datepicker table tr td span.active.disabled:active,
|
||||||
.datepicker td span.active.disabled:hover:active,
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
.datepicker td span.active.active,
|
.datepicker table tr td span.active.active,
|
||||||
.datepicker td span.active:hover.active,
|
.datepicker table tr td span.active:hover.active,
|
||||||
.datepicker td span.active.disabled.active,
|
.datepicker table tr td span.active.disabled.active,
|
||||||
.datepicker td span.active.disabled:hover.active {
|
.datepicker table tr td span.active.disabled:hover.active {
|
||||||
background-color: #003399 \9;
|
background-color: #003399 \9;
|
||||||
}
|
}
|
||||||
.datepicker td span.old {
|
.datepicker table tr td span.old,
|
||||||
|
.datepicker table tr td span.new {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
.datepicker th.switch {
|
.datepicker th.datepicker-switch {
|
||||||
width: 145px;
|
width: 145px;
|
||||||
}
|
}
|
||||||
.datepicker thead tr:first-child th,
|
.datepicker thead tr:first-child th,
|
||||||
.datepicker tfoot tr:first-child th {
|
.datepicker tfoot tr th {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.datepicker thead tr:first-child th:hover,
|
.datepicker thead tr:first-child th:hover,
|
||||||
.datepicker tfoot tr:first-child th:hover {
|
.datepicker tfoot tr th:hover {
|
||||||
background: #eeeeee;
|
background: #eeeeee;
|
||||||
}
|
}
|
||||||
|
.datepicker .cw {
|
||||||
|
font-size: 10px;
|
||||||
|
width: 12px;
|
||||||
|
padding: 0 2px 0 5px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.datepicker thead tr:first-child th.cw {
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
.input-append.date .add-on i,
|
.input-append.date .add-on i,
|
||||||
.input-prepend.date .add-on i {
|
.input-prepend.date .add-on i {
|
||||||
display: block;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
@ -349,10 +466,10 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
height: 18px;
|
height: 20px;
|
||||||
padding: 4px 5px;
|
padding: 4px 5px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 18px;
|
line-height: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-shadow: 0 1px 0 #ffffff;
|
text-shadow: 0 1px 0 #ffffff;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
@ -387,19 +504,11 @@
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 18px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
.datepicker.dropdown-menu th,
|
.datepicker.dropdown-menu th,
|
||||||
.datepicker.dropdown-menu td {
|
.datepicker.datepicker-inline th,
|
||||||
|
.datepicker.dropdown-menu td,
|
||||||
|
.datepicker.datepicker-inline td {
|
||||||
padding: 4px 5px;
|
padding: 4px 5px;
|
||||||
}
|
}
|
||||||
.datepicker .prev,
|
|
||||||
.datepicker .next {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
.datepicker .prev:after {
|
|
||||||
content: "«";
|
|
||||||
}
|
|
||||||
.datepicker .next:after {
|
|
||||||
content: "»";
|
|
||||||
}
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue