L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

merged CSS for tabs - changes to resolve IE6 + 7 tabs issues

Browse Source
This commit is contained in:
urs_hunkler
2007-03-04 17:18:50 +00:00
parent d11a1daa5f
commit c1f257edb5
3 changed files with 67 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/standard/styles_ie6.css
+21 -7
View File
@@ -7,24 +7,38 @@
}
.tabrow0 {
padding-top: 6px;
padding-top: 10px;
}
.tabrow0 LI.first {
.tabrow0 li {
margin-left: 0;
}
.tabrow0 li.first {
margin-left: -4px;
margin-right: -4px;
}
.tabrow0 li.last a {
margin-right: 0;
}
.tabrow0 A {
padding: 0 0 0 14px;
.tabrow0 li.onerow {
margin-right: 0;
}
.tabrow0 A span {
.tabrow0 a {
padding: 0 0 0 13px;
}
.tabrow0 a span {
padding: 12px 1em 4px 0;
}
.tabrow0 UL {
top: 2.1em;
.tabrow0 div,
.tabrow0 ul {
top: 2.7em;
padding: 0.2em 0;
}
/*fix for misalignment of text fields in ie */
theme/standard/styles_ie7.css
+21 -7
View File
@@ -2,22 +2,36 @@
* These styles are ONLY included for IE 7 (via meta.php)
*/
.tabrow0 LI.first {
.tabrow0 li {
margin-left: 0;
}
.tabrow0 li.first {
margin-right: -4px;
}
.tabrow0 li.onerow {
margin-right: 0;
}
.tabrow0 A {
.tabrow0 a {
display: inline-block;
padding: 6px 0 10px 14px;
line-height: 1.6em;
padding: 8px 0 0.35em 13px;
line-height: 1.5em;
}
.tabrow0 A span {
.tabrow0 a span {
padding: 10px 1em 10px 0;
}
.tabrow0 UL {
top: 2.1em;
.tabrow0 div,
.tabrow0 ul {
top: 2.6em;
padding: 0.2em 0;
}
.tabrow0 div.empty {
margin-right: 0;
}
.sideblock {
theme/standard/styles_layout.css
+25 -31
View File
@@ -2179,6 +2179,7 @@ body#message-messages {
margin:0;
list-style:none;
line-height:1.8em;
font-size: 84%;
}
.tabrow0 li {
@@ -2188,10 +2189,11 @@ body#message-messages {
}
.tabrow0 a span {
padding: 10px 14px 6px 0;
padding: 10px 14px 0.35em 0;
background: transparent url(pix/tab/right.gif) no-repeat right top;
}
/*
.tabrow0 a.here span {
background: transparent url(pix/tab/right_last.gif) no-repeat right top;
}
@@ -2199,6 +2201,7 @@ body#message-messages {
.tabrow0 .last span {
background: transparent url(pix/tab/right_last.gif) no-repeat right top;
}
*/
.tabrow1 li a span {
background: none !important;
@@ -2206,11 +2209,9 @@ body#message-messages {
.tabrow0 a {
text-decoration: none;
/* font-weight: bold; */
background: transparent url(pix/tab/left.gif) no-repeat left top;
margin: 0 -1px 0 0;
/* margin: 0; */
padding: 10px 0 4px 14px;
padding: 10px 0 0.35em 13px;
}
.tabrow0 a:hover, .tabrow0 a:active, .tabrow0 a.here:link, .tabrow0 a.here:visited {
@@ -2221,7 +2222,7 @@ body#message-messages {
background-image: url(pix/tab/left_hover.gif);
}
.tabrow0 a.here:hover {
.tabrow0 .here a:hover {
background-image: url(pix/tab/left.gif);
}
@@ -2229,15 +2230,15 @@ body#message-messages {
background-image: url(pix/tab/right_hover.gif);
}
.tabrow0 a.here:hover span {
background-image: url(pix/tab/right_last.gif);
.tabrow0 .here a:hover span {
background-image: url(pix/tab/right.gif);
}
.tabrow0 a.here {
.tabrow0 .here a {
color:#444;
}
.tabrow0 a.here:link, .tabrow0 a.here:visited {
.tabrow0 .here a:link, .tabrow0 .here a:visited {
position:relative;
z-index:102;
}
@@ -2249,18 +2250,19 @@ body#message-messages {
padding: 0;
}
.tabrow0 div,
.tabrow0 ul {
position:absolute;
left:0;
top:1.8em;
width:100%;
margin:0;
padding:0.25em 0;
list-style:none;
position: absolute;
left: 0;
top: 2.0em;
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%;
font-size: 90%;
}
.tabrow0 ul li {
@@ -2283,26 +2285,18 @@ body#message-messages {
}
.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 li a:hover, .tabrow0 ul li a:hover span,
.tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
background-image: none !important;
}
.tabrow0 ul a:hover, .tabrow0 ul a:active, .tabrow0 ul a.here:link, .tabrow0 ul a.here:visited {
.tabrow0 ul a:hover, .tabrow0 ul a:active, .tabrow0 ul .here a:link, .tabrow0 ul .here a:visited {
color:#444;
}
/* hmmm ... how can we shrink the tab fonts?
.tabtree .tabrow0 span {
font-size:0.9em;
.tabrow0 ul div {
display: none;
}
.tabtree .tabrow1 span {
font-size:0.7em;
}
*/
/***
*** User
***/