From d84f30fc4b9fd58f1dc5a64feeeca0f03fc335d9 Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Sat, 21 Aug 2010 12:15:05 +0400
Subject: [PATCH] * datepicker style changed

---
 src/mytinytodo.js            |  2 --
 src/themes/default/style.css | 28 +++++++++++++---------------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/mytinytodo.js b/src/mytinytodo.js
index edba6e0..6ef668d 100644
--- a/src/mytinytodo.js
+++ b/src/mytinytodo.js
@@ -322,10 +322,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
 			firstDay: _mtt.options.firstdayofweek,
 			showOn: 'button',
 			buttonImage: _mtt.templateUrl + 'images/calendar.png', buttonImageOnly: true,
-			changeMonth:true, changeYear:true, 
 			constrainInput: false,
 			duration:'',
-			nextText:'&gt;', prevText:'&lt;',
 			dayNamesMin:_mtt.lang.daysMin, dayNames:_mtt.lang.daysLong, monthNamesShort:_mtt.lang.monthsLong
 		});
 
diff --git a/src/themes/default/style.css b/src/themes/default/style.css
index 3658797..284f02a 100644
--- a/src/themes/default/style.css
+++ b/src/themes/default/style.css
@@ -253,27 +253,25 @@ a.mtt-back-button { font-size:8pt; }
 
 #taskview { padding:2px; }
 
-.ui-datepicker { width:180px; z-index:202; border: 1px solid #cccccc; background: #ffffff; display:none; padding:2px; }
+.ui-datepicker { width:190px; z-index:202; border: 1px solid #cccccc; background: #ffffff; display:none; padding:2px; 
+ -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); box-shadow:1px 2px 5px rgba(0,0,0,0.5); 
+ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
+}
 .ui-datepicker-trigger { cursor:pointer; vertical-align:text-bottom; margin-left:1px; } 
 .ui-datepicker-calendar { width:100%; border-collapse:collapse; }
 .ui-datepicker-calendar thead th { text-align:center; padding:0px; font-size:9pt; }
 .ui-datepicker-calendar tbody td { text-align:right; padding:1px;  }
-.ui-datepicker-calendar td a { display:block; text-decoration:none; color:#444444; border:1px solid #cccccc; background-color:#f9f9f9; color:#111; padding:0px 1px; }
-.ui-datepicker-calendar td.ui-datepicker-today a { color:#666666; background-color:#fff;  }
+.ui-datepicker-calendar td a { display:block; text-decoration:none; color:#444444; border:1px solid #cccccc; background-color:#f9f9f9; color:#111; padding:1px; }
 .ui-datepicker-calendar td.ui-datepicker-current-day a { background-color:#EAF5FF; color:#222222; border-color:#5980FF; }
-.ui-datepicker-calendar td a:hover { color:#5980FF; }
+.ui-datepicker-calendar td.ui-datepicker-today a { color:#fff; background-color:#ccc;  }
+.ui-datepicker-calendar td a:hover { border-color:#5980FF; }
 .ui-datepicker-header { padding:3px 0px; }
-.ui-datepicker-prev { position:absolute; left:2px;}
-.ui-datepicker-next { position:absolute; right:2px;}
-.ui-datepicker-title { text-align:center; }
-.ui-datepicker-prev, .ui-datepicker-next { cursor:pointer; padding:0px 3px; }
-
-.ui-resizable { position:relative;}
-.ui-resizable-handle { position:absolute; font-size:0.1px; z-index:99999; display:block;}
-.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display:none; }
-.ui-resizable-s { cursor:s-resize; height:7px; width:100%; bottom:-5px; left:0px; }
-.ui-resizable-e { cursor:e-resize; width:7px; right:-5px; top:0px; height:100%; }
-.ui-resizable-se { cursor:se-resize; width:12px; height:12px; right:1px; bottom:1px; }
+.ui-datepicker-prev { position:absolute; left:2px; height:20px;  }
+.ui-datepicker-next { position:absolute; right:2px; height:20px; }
+.ui-datepicker-title { text-align:center; line-height:20px;  }
+.ui-icon { width:16px; height:16px; text-indent:-99999px; overflow:hidden; }
+.ui-datepicker .ui-icon-circle-triangle-w { display:block; position:absolute; top:50%; margin-top:-8px; background:url(images/icons.gif) -48px -16px no-repeat; }
+.ui-datepicker .ui-icon-circle-triangle-e { display:block; position:absolute; top:50%; margin-top:-8px; right:50%; background:url(images/icons.gif) -32px -16px no-repeat; }
 
 .mtt-menu-button {
  -moz-user-select:none; -webkit-user-select: none;