Tweak main interface, make minical CSS re-usable.

diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index 53c89ad..17654aa 100644 (file)
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -48,7 +48,7 @@
 
   <h3>
     <a href="#" class="kronolithAdd">+</a>
-    <?php echo _("My Calendars") ?>
+    <span><?php echo _("My Calendars") ?></span>
   </h3>
 
   <div id="kronolithMyCalendars" class="kronolithCalendars" style="display:none">
@@ -56,7 +56,7 @@
 
   <h3>
     <a href="#" class="kronolithAdd">+</a>
-    <?php echo _("Shared Calendars") ?>
+    <span><?php echo _("Shared Calendars") ?></span>
   </h3>
 
   <div id="kronolithSharedCalendars" class="kronolithCalendars" style="display:none">
@@ -66,13 +66,13 @@
 
   <h3>
     <a href="#" class="kronolithAdd">+</a>
-    <?php echo _("Remote Calendars") ?>
+    <span><?php echo _("Remote Calendars") ?></span>
   </h3>
 
   <div id="kronolithRemoteCalendars" class="kronolithCalendars" style="display:none">
   </div>
 
-  <div id="kronolithMinical">
+  <div id="kronolithMinical" class="kronolithMinical">
     <table cellspacing="1" cellpadding="0" border="0">
     <caption>
       <a id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
@@ -94,9 +94,9 @@
     </table>
   </div>
 
-  <h3>
+  <h3 class="search">
     <a href="#" class="kronolithAdd"><?php echo _("Advanced") ?></a>
-    <?php echo _("Search") ?>
+    <span><?php echo _("Search") ?></span>
   </h3>
 
   <form action="#" method="post">

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 5e1d0eb..edcd9cf 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -780,13 +780,13 @@ div#kronolithEventTopTags span:hover {
 }
 
 /* Mini calendar */
-#kronolithMinical {
+.kronolithMinical {
     position: relative;
 }
-#kronolithMinical table {
+.kronolithMinical table {
     width: 100%;
 }
-#kronolithMinical caption {
+.kronolithMinical caption {
     position: relative;
     margin-bottom: 10px;
     height: 20px;
@@ -796,7 +796,7 @@ div#kronolithEventTopTags span:hover {
     border-bottom: 1px #000 dotted;
     text-align: left;
 }
-#kronolithMinicalDate {
+.kronolithMinicalDate {
     cursor: pointer;
 }
 #kronolithMinicalPrev, #kronolithMinicalNext {
@@ -811,10 +811,10 @@ div#kronolithEventTopTags span:hover {
     right: 15px;
 }
 
-#kronolithMinical th, #kronolithMinical td {
+.kronolithMinical th, .kronolithMinical td {
     font-size: 90%;
 }
-#kronolithMinical th, #kronolithMinical td.kronolithMinicalWeek {
+.kronolithMinical th, .kronolithMinical td.kronolithMinicalWeek {
     width: 16px;
     height: 16px;
     line-height: 16px;
@@ -823,7 +823,7 @@ div#kronolithEventTopTags span:hover {
     color: #202020;
     border: 1px #c0c0c0 solid !important;
 }
-#kronolithMinical tbody td {
+.kronolithMinical tbody td {
     width: 16px;
     height: 16px;
     line-height: 16px;
@@ -833,13 +833,13 @@ div#kronolithEventTopTags span:hover {
     empty-cells: show;
     cursor: pointer;
 }
-#kronolithMinical .kronolithMinicalEmpty {
+.kronolithMinical .kronolithMinicalEmpty {
     background: none;
     border: none;
     color: silver;
     cursor: default;
 }
-#kronolithMinical .kronolithSelected {
+.kronolithMinical .kronolithSelected {
     background-color: #ebf3fc;
     border: 1px #808080 solid;
 }