MDL-14477 - Improve display of tab bars

1. Make disable tabs look more disabled, in particular, make sure they don't do anything when you mouse over them, and make the text colour grey.

2. Put the active tab into bold, to make it look more active.

diff --git a/theme/standard/styles_color.css b/theme/standard/styles_color.css
index 61679203339e6cfa8f4a1c753f165242d29c93a3..1372fd2891c1eb4fa900c06285fe5adfa4d6d8a8 100644 (file)
--- a/theme/standard/styles_color.css
+++ b/theme/standard/styles_color.css
@@ -830,6 +830,25 @@ table.message_search_results td {
  *** Tabs
  ***/
 
+.tabtree a.nolink,
+.tabtree .here ul a.nolink {
+  color: #888;
+}
+
+.tabtree a.nolink:hover,
+.tabtree .here ul a.nolink:hover {
+  color: #888;
+}
+
+.tabtree .here a.nolink,
+.tabtree .here ul .here a.nolink {
+  color: black;
+}
+
+.tabtree .here a.nolink:hover,
+.tabtree .here ul .here a.nolink {
+  color: black;
+}
 
 
 /***

diff --git a/theme/standard/styles_fonts.css b/theme/standard/styles_fonts.css
index ab7223e1ef2378b57754cd29f38a0e64dbe4cb98..9021fc209805d30d4021c5d1968c7d59ddfe18d8 100644 (file)
--- a/theme/standard/styles_fonts.css
+++ b/theme/standard/styles_fonts.css
@@ -719,6 +719,14 @@ body#grade-index .grades .header {
   text-decoration: none;
 }
 
+.tabtree .here {
+  font-weight: bold;
+}
+
+.tabtree .here ul {
+  font-weight: normal;
+}
+
 /***
  *** Tags
  ***/

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index 4188d053cc54569b9bc4fc6cdfc8d8de093cc327..89708702ba8f10cfb15d4964654f07c93b5b8c72 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -2734,19 +2734,23 @@ body.notes .notesgroup {
   padding: 10px 0 0.35em 13px;
 }
 
-.tabrow0 a:hover {
+.tabrow0 a:link:hover,
+.tabrow0 a:visited:hover {
   background-image: url(pix/tab/left_hover.gif);
 }
 
-.tabrow0 .here a:hover {
+.tabrow0 .here a:link:hover,
+.tabrow0 .here a:visited:hover, {
   background-image: url(pix/tab/left.gif);
 }
 
-.tabrow0 a:hover span {
+.tabrow0 a:link:hover span,
+.tabrow0 a:visited:hover span {
   background-image: url(pix/tab/right_hover.gif);
 }
 
-.tabrow0 .here a:hover span {
+.tabrow0 .here a:link:hover span,
+.tabrow0 .here a:visited:hover span {
   background-image: url(pix/tab/right.gif);
 }