Add tab styling to themes

For #32

css/theme-ebi-industry.css

@@ -9,6 +9,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -23,6 +24,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(0,134,180);
@@ -33,6 +35,11 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(0,134,180,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(0,134,180); }
 
 /* Menu hover triangle colour */

css/theme-ebi-research.css

@@ -9,6 +9,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -23,6 +24,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(109,171,73);
@@ -33,6 +35,16 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(109,171,73,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(109,171,73); }
 
 /* end */

css/theme-ebi-services-about.css

@@ -9,6 +9,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -23,6 +24,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(56,145,152);
@@ -33,6 +35,11 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(56,145,152,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(56,145,152); }
 
 /* end */

css/theme-ebi-training.css

@@ -9,6 +9,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -23,6 +24,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(233,180,0);
@@ -33,6 +35,11 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(233,180,0,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(233,180,0); }
 
 /* end */

css/theme-embl-petrol.css

@@ -9,6 +9,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -23,6 +24,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(0,124,130);
@@ -33,6 +35,11 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(0,124,130,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(0,124,130); }
 
 /* end */

css/theme-pdbe-green.css

@@ -9,6 +9,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -23,6 +24,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(116,179,96);
@@ -33,6 +35,11 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(116,179,96,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(116,179,96); }
 
 /* end */

css/theme-template.css

@@ -10,6 +10,7 @@ a {
 dl dt a,
 a.label,
 .label,
+.tabs-title > a:hover,
 a:hover,
 a:focus,
 a:active {
@@ -24,6 +25,7 @@ a.special { background-color: #7cd17c; }
 
 .menu .active > a,
 .tag,
+.tabs-title > a:hover
 .button,
 .button.primary {
   background-color: rgb(0,124,130);
@@ -34,6 +36,11 @@ a.special { background-color: #7cd17c; }
 .button:focus,
 .button:active { background: rgba(0,124,130,.9); }
 
+.tabs-title > a:focus,
+.tabs-title > a[aria-selected='true'] {
+  color: #fff;
+  background: #666; }
+
 div#local-masthead { background-color: rgb(0,124,130); }
 
 /* end */