#435646 by tstoeckler: Fix vertical tabs in Stark.

misc/vertical-tabs.css

@@ -47,11 +47,6 @@ div.vertical-tabs ul.vertical-tabs-list li a:focus {
 div.vertical-tabs ul.vertical-tabs-list li a:hover {
   text-decoration: none;
 }
-div.vertical-tabs ul.vertical-tabs-list li strong {
-  /* Strong tags are used around tab titles to indicate importance; however,
-     only the currently active tab should actually look bold. */
-  font-weight:normal;
-}
 div.vertical-tabs ul.vertical-tabs-list li.selected {
   background: #fff;
   border-right-width: 0;
@@ -60,8 +55,8 @@ div.vertical-tabs ul.vertical-tabs-list li.selected {
 div.vertical-tabs ul.vertical-tabs-list li.selected a:focus {
   outline: 0;
 }
-div.vertical-tabs ul.vertical-tabs-list li.selected strong {
-  font-weight: bold;
+div.vertical-tabs ul.vertical-tabs-list li.selected strong,
+div.vertical-tabs ul.vertical-tabs-list li.selected small {
   color: #000;
 }
 div.vertical-tabs ul.vertical-tabs-list .summary {

misc/vertical-tabs.js

@@ -111,7 +111,7 @@ Drupal.theme.prototype.verticalTab = function (settings) {
   tab.item = $('<li class="vertical-tab-button"></li>')
     .append(tab.link = $('<a href="#"></a>')
       .append(tab.title = $('<strong></strong>').text(settings.title))
-      .append(tab.summary = $('<span class="summary"></span>')
+      .append(tab.summary = $('<small class="summary"></small>')
     )
   );
   return tab;

themes/garland/style.css

@@ -886,6 +886,18 @@ div.vertical-tabs ul.vertical-tabs-list li {
   border-color: #d9eaf5;
 }
 
+div.vertical-tabs ul.vertical-tabs-list li strong {
+  font-weight: normal;
+}
+
+div.vertical-tabs ul.vertical-tabs-list li.selected strong {
+  font-weight: bold;
+}
+
+div.vertical-tabs ul.vertical-tabs-list li.selected small {
+  color: #898989;
+}
+
 div.vertical-tabs ul.vertical-tabs-list li.selected {
   background: #fff repeat-x 0 0;
 }