#435646 by tstoeckler: Fix vertical tabs in Stark.

2 files changed, 3 insertions, 8 deletions

diff --git a/misc/vertical-tabs.css b/misc/vertical-tabs.css
index 61d100f28..99b672d46 100644
--- a/misc/vertical-tabs.css
+++ b/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 {
diff --git a/misc/vertical-tabs.js b/misc/vertical-tabs.js
index e96fba6d4..9d6bc6f95 100644
--- a/misc/vertical-tabs.js
+++ b/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;