Design tweaks.
authorJan Schneider <jan@horde.org>
Wed, 12 May 2010 16:52:26 +0000 (18:52 +0200)
committerJan Schneider <jan@horde.org>
Wed, 12 May 2010 16:52:46 +0000 (18:52 +0200)
kronolith/templates/index/index.inc
kronolith/templates/index/year.inc
kronolith/themes/screen.css

index 7c0dae9..740dc50 100644 (file)
@@ -64,7 +64,7 @@
   </div>
 
   <div id="kronolithMinical" class="kronolithMinical">
-    <table cellspacing="1" cellpadding="0" border="0">
+    <table>
     <caption>
       <a id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
       <a id="kronolithMinicalNext" title="<?php echo _("Next month") ?>">&gt;</a>
index c13fc39..d71d4c0 100644 (file)
@@ -25,7 +25,7 @@
 <div id="kronolithYear10" class="kronolithMinical"></div>
 <div id="kronolithYear11" class="kronolithMinical"></div>
 
-<table id="kronolithYearTemplate" style="display:none" cellspacing="1" cellpadding="0" border="0">
+<table id="kronolithYearTemplate" style="display:none">
   <caption>
     <span class="kronolithMinicalDate">&nbsp;</span>
   </caption>
index 8d35f18..d5fee7d 100644 (file)
@@ -516,7 +516,7 @@ body.kronolithAjax {
 }
 #kronolithMenuCalendars {
     position: absolute;
-    top: 265px;
+    top: 245px;
     bottom: 0;
     width: 100%;
     overflow: auto;
@@ -525,8 +525,8 @@ body.kronolithAjax {
 }
 #kronolithMenu h3 {
     position: relative;
-    margin-top: 15px;
-    margin-bottom: 10px;
+    margin-top: 10px;
+    margin-bottom: 2px;
     font-size: 100%;
     font-weight: bold;
     border-bottom: 1px #999 dotted;
@@ -534,7 +534,7 @@ body.kronolithAjax {
 }
 #kronolithSearchForm {
     position: relative;
-    top: 15px;
+    top: 10px;
 }
 #kronolithSearchTerm {
     width: 126px;
@@ -559,9 +559,6 @@ body.kronolithAjax {
     text-indent: -10000px;
     cursor: pointer;
 }
-#kronolithMenu div.kronolithCalendars {
-    margin-bottom: 15px;
-}
 #kronolithMenu div.kronolithCalendars div {
     margin-bottom: 2px;
     padding: 2px 2px 2px 20px;
@@ -899,10 +896,11 @@ div.kronolithFormActions {
 }
 .kronolithMinical table {
     width: 100%;
+    border-spacing: 1px;
 }
-.kronolithMinical caption {
+.kronolithMinical caption, #kronolithBody .kronolithMinical caption {
     position: relative;
-    margin-bottom: 10px;
+    margin: 0 1px 1px 1px;
     height: 20px;
     line-height: 20px;
     font-weight: bold;
@@ -1131,6 +1129,8 @@ table.kronolithView td.kronolithFirstCol {
 .kronolithFirstCol span {
     display: block;
     margin-bottom: 5px;
+    margin-left: 2px;
+    white-space: nowrap;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
 }
@@ -1379,10 +1379,10 @@ div.kronolithEvent {
     width: auto;
     line-height: 15px;
     margin: 1px;
-    padding: 2px 5px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
+    padding: 3px 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
 }
 #kronolithViewDay .kronolithAllDay div.kronolithEvent,
 #kronolithViewWeek .kronolithAllDay div.kronolithEvent {
@@ -1399,7 +1399,7 @@ div.kronolithEvent .kronolithDragger {
     visibility: hidden;
     left: 0;
     right: 0;
-    height: 12px;
+    height: 11px;
 }
 div.kronolithEvent.kronolithEditable {
     cursor: move;
@@ -1448,7 +1448,7 @@ div.kronolithEvent .kronolithEventInfo {
     border-radius: 5px;
     right: 0;
     left: 0;
-    padding: 5px;
+    padding: 3px 5px 4px 5px;
     overflow: hidden;
 }
 div.kronolithEditable:hover .kronolithEventInfo,