Use icons for navigation.

diff --git a/kronolith/themes/graphics/left.png b/kronolith/themes/graphics/left.png
new file mode 100644 (file)
index 0000000..cec9d11
Binary files /dev/null and b/kronolith/themes/graphics/left.png differ

diff --git a/kronolith/themes/graphics/right.png b/kronolith/themes/graphics/right.png
new file mode 100644 (file)
index 0000000..64646fe
Binary files /dev/null and b/kronolith/themes/graphics/right.png differ

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index b66f5c5..3bab4ea 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -806,11 +806,13 @@ div#kronolithEventTopTags span:hover {
     position: absolute;
     top: 0;
     right: 0;
-    font-weight: bold;
+    width: 16px;
+    color: transparent;
     cursor: pointer;
-    text-decoration: none;
+    background: transparent url("graphics/right.png") no-repeat top right;
 }
 #kronolithMinicalPrev {
+    background-image: url("graphics/left.png");
     right: 15px;
 }
 
@@ -967,11 +969,26 @@ div.kronolithView div.kronolithViewBody div.kronolithRow {
     right: 2px;
     cursor: pointer;
 }
+.kronolithPrev, .kronolithNext {
+    position: absolute;
+    right: 0;
+    width: 16px;
+    color: transparent;
+    background: transparent url("graphics/right.png") no-repeat top right;
+}
+.kronolithPrev {
+    right: 15px;
+    background-image: url("graphics/left.png");
+}
+#kronolithBody caption .kronolithToday {
+    position: absolute;
+    right: 35px;
+}
 
 /* Main view year */
 #kronolithViewYear .kronolithMinical {
     float: left;
-    margin: 0 15px 15px 20px;
+    margin: 2px 15px 13px 20px;
 }
 
 /* Main view month */