theming the date picker for the admin theme

diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index 2d587fcbe33907e953c390a24b3fc0e325416363..8993ec66dfba8bea5b61d832fca8b4996c683158 100644 (file)
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -476,7 +476,76 @@ input[type="submit"]:hover, .elgg-button-submit:hover, .elgg-button-action:hover
 .elgg-button-action.elgg-state-disabled {
        background-color: #aaa;
 }
-
+/* **************************************
+     DATE PICKER
+*************************************** */
+.ui-datepicker {
+       margin-top: 3px;
+       padding: 3px 3px 0;
+       border: 1px solid #ccc;
+       background-color: white;
+}
+.ui-datepicker-header {
+       padding: 2px 0;
+       border: 1px solid #ccc;
+       background-color: #eee;
+       border-radius: 5px;
+       -moz-border-radius: 5px;
+       -webkit-border-radius: 5px;
+}
+.ui-datepicker-prev, .ui-datepicker-next {
+    position: absolute;
+    top: 9px;
+       cursor: pointer;
+}
+.ui-datepicker-prev {
+    left: 6px;
+}
+.ui-datepicker-next {
+    right: 6px;
+}
+.ui-datepicker-title {
+    line-height: 1.8em;
+    margin: 0 30px;
+    text-align: center;
+       font-weight: bold;
+}
+.ui-datepicker-calendar {
+       margin-bottom: 2px;
+}
+.ui-datepicker th {
+       border: none;
+    font-weight: bold;
+    padding: 5px 6px;
+    text-align: center;
+}
+.ui-datepicker td {
+       padding: 1px;
+}
+.ui-datepicker td span, .ui-datepicker td a {
+    display: block;
+    padding: 2px;
+       line-height: 1.2em;
+    text-align: right;
+    text-decoration: none;
+}
+.ui-datepicker-calendar .ui-state-default {
+       border: 1px solid #ccc;
+    color: #555;
+       background: #fafafa;
+}
+.ui-datepicker-calendar .ui-state-hover {
+       border: 1px solid #aaa;
+    color: #333;
+       background: #ccc;
+}
+.ui-datepicker-calendar .ui-state-active,
+.ui-datepicker-calendar .ui-state-active.ui-state-hover {
+       font-weight: bold;
+    border: 1px solid #999;
+    color: #333;
+       background: #ddd;
+}
 /* ***************************************
        PAGINATION
 *************************************** */