Fixes to styles and new images to finalise new tabs as per MDL-7782

Looking much better!  Thanks, Urs!

diff --git a/theme/standard/pix/tab/right_last.gif b/theme/standard/pix/tab/right_last.gif
new file mode 100755 (executable)
index 0000000..8ed76c4
Binary files /dev/null and b/theme/standard/pix/tab/right_last.gif differ

diff --git a/theme/standard/pix/tab/tabrow1.gif b/theme/standard/pix/tab/tabrow1.gif
new file mode 100755 (executable)
index 0000000..1bd7a0a
Binary files /dev/null and b/theme/standard/pix/tab/tabrow1.gif differ

diff --git a/theme/standard/styles_fonts.css b/theme/standard/styles_fonts.css
index 17b5bf19e565f083e8243ab00a5bb17a3585daa0..c91347b4a7b04c199de3fec5cc53462bcdf2874f 100644 (file)
--- a/theme/standard/styles_fonts.css
+++ b/theme/standard/styles_fonts.css
@@ -594,14 +594,6 @@ body#grade-index .grades .header {
 /***
  *** Tabs
  ***/
-.tabtree {
-  font-size:0.9em;
-  font-weight:bold;
-}
-
-.tabtree a:hover {
-  text-decoration: none;
-}
 
 
 /***

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index 68a3fce12d298aa02202b1c955b554b9bd592998..93920274a7cbde9b36cad3c169c98716626a4607 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -2018,85 +2018,126 @@ body#message-messages {
  *** Tabs
  ***/
 
+
+/*globalnav*/
 .tabtree {
+    position:relative;
 }
 
 .tabrow0 {
-  position:relative;
-  float:left;
-  width:100%;
-  padding:0 0 1.75em 1em;
-  margin:0;
-  list-style:none;
-  line-height:1em;
+    text-align: center;
+       width:100%;
+       padding:0 0 1.75em 0;
+       margin:0;
+       list-style:none;
+       line-height:1.8em;
 }
 
-.tabrow0 li {
-  float:left;
-  margin:0;
-  padding:0;
+.tabrow0 LI {
+    display: inline;
+    margin: 0 -4px 0 0;
+       padding: 0;
 }
 
-.tabrow0 a {
-  display:block;
-  color:#006;
-  text-decoration:none;
-  /* font-weight:bold; */
-  background:#eee;
-  margin:0;
-  padding:0.25em 1em;
-  border-left:1px solid #fff;
-  border-top:1px solid #fff;
-  border-right:1px solid #aaa;
+.tabrow0 A span {
+       padding: 10px 14px 4px 0;
+    background: transparent url(pix/tab/right.gif) no-repeat right top;
+}
+
+.tabrow0 .last span {
+    background: transparent url(pix/tab/right_last.gif) no-repeat right top;
+}
+
+.tabrow0 A {
+       text-decoration: none;
+       /* font-weight: bold; */
+       background: transparent url(pix/tab/left.gif) no-repeat left top;
+       margin: 0;
+       padding: 10px 0 4px 14px;
+}
+
+.tabrow0 A:hover, .tabrow0 A:active, .tabrow0 A.here:link, .tabrow0 A.here:visited {
+       /* background:#ddd; */
+}
+
+.tabrow0 A:hover {
+       background-image: url(pix/tab/left_hover.gif);
+}
+
+.tabrow0 A.here:hover {
+       background-image: url(pix/tab/left.gif);
 }
 
-.tabrow0 a:hover,
-.tabrow0 a:active,
-.tabrow0 a.active:link,
-.tabrow0 a.active:visited {
-  background:#ddd;
+.tabrow0 A:hover span {
+       background-image: url(pix/tab/right_hover.gif);
 }
 
-.tabrow0 a.active:link,
-.tabrow0 a.active:visited {
-  position:relative;
-  z-index:102;
+.tabrow0 A.here:hover span {
+       background-image: url(pix/tab/right.gif);
 }
 
-.tabrow0 a.selected:link,
-.tabrow0 a.selected:visited {
-  color:#000;
-  background:#ddd;
+.tabrow0 A.here {
+    color:#444;
+}
+
+.tabrow0 A.here:link, .tabrow0 A.here:visited {
+       position:relative;
+       z-index:102;
 }
 
 /*subnav*/
-.tabrow0 ul {
-  position:absolute;
-  left:0;
-  top:1.5em;
-  float:left;
-  background:#ddd;
-  width:100%;
-  margin:0;
-  padding:0.25em 0.25em 0.25em 1em;
-  list-style:none;
-  border-top:1px solid #fff;
+.tabrow0 .empty {
+    height: 1px;
+    overflow: hidden;
+    padding: 0;
 }
 
-.tabrow0 ul li {
-  float:left;
-  display:block;
-  margin-top:1px;
+.tabrow0 UL {
+       position:absolute;
+       left:0;
+       top:1.8em;
+       width:100%;
+       margin:0;
+       padding:0.25em 0;
+       list-style:none;
+       border-top: 1px solid #aaa;
+    line-height: normal;
+    background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
+    font-size: 95%;
 }
 
-.tabrow0 ul a {
-  background:#ddd;
-  display:inline;
-  margin:0;
-  padding:0 1em;
-  border:0
+.tabrow0 UL LI {
+       display:inline;
+       margin-top:1px;
+    background-image: none;
+}
+
+.tabrow0 UL A {
+    background-image: none;
+       color:#00c;
+       margin:0;
+       padding:0 1em;
+       border:0
+}
+
+.tabrow0 UL A span { 
+       padding: 0;
+    background-image: none;
 }
 
+.tabrow0 UL .last span,
+.tabrow0 UL A:hover, .tabrow0 UL A:hover span,
+.tabrow0 UL A.here:hover, .tabrow0 UL A.here:hover span {
+    background-image: none;
+}
+
+.tabrow0 UL A:hover, .tabrow0 UL A:active, .tabrow0 UL A.here:link, .tabrow0 UL A.here:visited {
+       color:#444;
+}
+
+.tabtree span {
+    font-size:0.1;
+}
 
 /***
  *** User

diff --git a/theme/standardwhite/gradients.css b/theme/standardwhite/gradients.css
index aa7b9cc25b037a50be538f0f641dc0f07644bd7d..8325996b3b0d10d3e3608558b490bc45545e355f 100644 (file)
--- a/theme/standardwhite/gradients.css
+++ b/theme/standardwhite/gradients.css
@@ -19,14 +19,3 @@ div.header {
     background-position:top;    
     background-repeat:repeat-x;     
 }
-
-.tabrow0 li a {
-    background-image:url(gradient.jpg);     
-    background-position:top;    
-    background-repeat:repeat-x;     
-}
-
-.tabrow1 li a {
-    background-image:none !important;
-}
-