make calendar better looking

Signed-off-by: Andreas Unterkircher <unki@netshadow.at>

diff --git a/phpfspot.js b/phpfspot.js
index f705e8813f117e5a2604d55c89af0554ae9b9ab2..706d6423e417f778019edcaaaee74ace8a4c85b3 100644 (file)
--- a/phpfspot.js
+++ b/phpfspot.js
@@ -534,8 +534,23 @@ function hidePhotoDetails(mode)
  */
 function showCalendar(date_box, click_obj)
 {
-   var calendar = document.getElementById('calendar');
-   var userdate = document.getElementById('date_' + date_box).value;
+   var calendar;
+   var userdate;
+
+   calendar = document.getElementById('calendar');
+   if(calendar == undefined) {
+      window.alert("Can not find element 'calendar'");
+      return;
+   }
+
+   userdate = document.getElementById('date_' + date_box);
+
+   if(userdate == undefined) {
+      window.alert("Can not find element 'date_'" + date_box);
+      return;
+   }
+
+   userdate = userdate.value;
 
    if(date_box == 'from') {
       var xpos = document.getElementById('frompic').offsetLeft;
@@ -548,7 +563,7 @@ function showCalendar(date_box, click_obj)
       calendar_mode = 'to';
    }
    calendar.style.left = xpos + 100 + 'px';
-   calendar.style.top = ypos + 80 + 'px';
+   calendar.style.top = ypos + 120 + 'px';
 
    if(calendar.style.visibility == "" || calendar.style.visibility == 'hidden') {
       calendar.style.visibility = 'visible';

diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index 4aa376cea511d9bd6bdf790583cba0dc6df406f5..4618c772a9666a9ffe2d707c309cdb3572625cba 100644 (file)
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -196,10 +196,6 @@ a.smalltag:hover {
    color:                  #00aa44;
 }
 
-a.calendar {
-   font-size:              10px;
-}
-
 div.thumb {
    text-align:             center;
    vertical-align:         top;
@@ -276,28 +272,36 @@ div.credits{
    margin-left:            10px;
 }
 
+/*
+ * calendar layer
+ */
+
+a.calendar {
+   font-size:              14px;
+}
+
 table.calendar tr td {
-   border:                 solid 1px #ffffff;
+   border:                 solid 1px #00aa00;
    padding:                1px;
    text-align:             center;
-   font-size:              10px;
+   font-size:              14px;
 }
 
 .prevMonth {
-    font-size: 10px;
-    text-align: left;
+   font-size:              14px;
+   text-align:             left;
 }
 .nextMonth {
-    font-size: 10px;
-    text-align: right;
+   font-size:              14px;
+   text-align:             right;
 }
+
 #calendar {
-   position: absolute;
-   width: 140px;
-   height: 200px;
-   background-color: #000000;
-   visibility: hidden;
-   z-index: 1000;
+   position:               absolute;
+   background-color:       #ffffff;
+   visibility:             hidden;
+   z-index:                1000;
+   border:                 solid 3px #aaaaaa;
 }
 
 #slide_navigation {