Re-use .tabset

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index b1c7c68..64233df 100644 (file)
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -1939,8 +1939,8 @@ KronolithCore = {
             case 'kronolithEventLinkTags':
                 $('kronolithEventDialog').select('.kronolithTabsOption').invoke('hide');
                 $(id.replace(/Link/, 'Tab')).show();
-                $('kronolithEventDialog').select('.kronolithTabs li').invoke('removeClassName', 'selected');
-                elt.parentNode.addClassName('selected');
+                $('kronolithEventDialog').select('.tabset li').invoke('removeClassName', 'activeTab');
+                elt.parentNode.addClassName('activeTab');
                 e.stop();
                 return;
 

diff --git a/kronolith/templates/index/edit.inc b/kronolith/templates/index/edit.inc
index 4a9ac2b..b297323 100644 (file)
--- a/kronolith/templates/index/edit.inc
+++ b/kronolith/templates/index/edit.inc
@@ -40,15 +40,17 @@
   </tr>
 </tbody></table>
 
-<ul class="kronolithTabs">
-  <li class="selected"><a href="#" id="kronolithEventLinkDescription"><?php echo _("Description") ?></a></li>
-  <li><a href="#" id="kronolithEventLinkReminder"><?php echo _("Reminder") ?></a></li>
-  <li><a href="#" id="kronolithEventLinkRecur"><?php echo _("Repeat") ?></a></li>
-  <li><a href="#" id="kronolithEventLinkUrl"><?php echo _("URL") ?></a></li>
-  <li><a href="#" id="kronolithEventLinkAttendees"><?php echo _("Attendees") ?></a></li>
-  <li><a href="#" id="kronolithEventLinkTags"><?php echo _("Tags and Keywords") ?></a></li>
-</ul>
-<div class="clear"></div>
+<div class="tabset">
+  <ul>
+    <li class="activeTab"><a href="#" id="kronolithEventLinkDescription"><?php echo _("Description") ?></a></li>
+    <li><a href="#" id="kronolithEventLinkReminder"><?php echo _("Reminder") ?></a></li>
+    <li><a href="#" id="kronolithEventLinkRecur"><?php echo _("Repeat") ?></a></li>
+    <li><a href="#" id="kronolithEventLinkUrl"><?php echo _("URL") ?></a></li>
+    <li><a href="#" id="kronolithEventLinkAttendees"><?php echo _("Attendees") ?></a></li>
+    <li><a href="#" id="kronolithEventLinkTags"><?php echo _("Tags and Keywords") ?></a></li>
+  </ul>
+</div>
+<br class="clear" />
 
 <div id="kronolithEventTabDescription" class="kronolithTabsOption">
   <textarea name="description" id="kronolithEventDescription" rows="5" cols="40" class="kronolithLongField"></textarea>

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index b1cc8e9..95f5884 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -663,20 +663,14 @@ div#kronolithEventTopTags span:hover {
     cursor: pointer;
 }
 
-.kronolithTabs {
+#kronolithEventDialog .tabset {
+    float: none;
+    width: auto;
+    background: none;
     margin: 15px 0;
-    list-style: none;
 }
-.kronolithTabs li {
-    border: 1px solid #c0c0c0;
-    float: left;
-    height: 25px;
-    line-height: 25px;
-}
-.kronolithTabs a {
-    padding: 0 14px;
-    font-weight: bold;
-    text-decoration: none;
+#kronolithEventDialog .tabset ul {
+    padding-left: 0;
 }
 
 .kronolithTabsOption {
@@ -1009,7 +1003,6 @@ div.kronolithView div.kronolithViewBody div.kronolithRow {
 #kronolithViewTasks caption.tabset {
     float: none;
     width: auto;
-    font-weight: bold;
     background: none;
 }
 #kronolithViewTasks ul.kronolithNavigation {