From 698a9660980aa972bf81210ecb2eca485128d4dc Mon Sep 17 00:00:00 2001 From: moodler Date: Thu, 25 Jan 2007 04:44:51 +0000 Subject: [PATCH] Fixes to styles and new images to finalise new tabs as per MDL-7782 Looking much better! Thanks, Urs! --- theme/standard/pix/tab/right_last.gif | Bin 0 -> 2382 bytes theme/standard/pix/tab/tabrow1.gif | Bin 0 -> 269 bytes theme/standard/styles_fonts.css | 8 -- theme/standard/styles_layout.css | 153 ++++++++++++++++---------- theme/standardwhite/gradients.css | 11 -- 5 files changed, 97 insertions(+), 75 deletions(-) create mode 100755 theme/standard/pix/tab/right_last.gif create mode 100755 theme/standard/pix/tab/tabrow1.gif diff --git a/theme/standard/pix/tab/right_last.gif b/theme/standard/pix/tab/right_last.gif new file mode 100755 index 0000000000000000000000000000000000000000..8ed76c4764a8296d384115e39cd2da4631f9078a GIT binary patch literal 2382 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 T($mz{*4NnC+S}aS#1Q~HpZBH6 literal 0 HcmV?d00001 diff --git a/theme/standard/styles_fonts.css b/theme/standard/styles_fonts.css index 17b5bf19e5..c91347b4a7 100644 --- 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 68a3fce12d..93920274a7 100644 --- 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 aa7b9cc25b..8325996b3b 100644 --- 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; -} - -- 2.39.5