Remove special Vector tabs CSS for IE 6

Removing special CSS for Internet Explorer 6.
It's mid 2018 and users will still be able to read
the content if they have to.

Change-Id: I0f98c61cf9108c0a91769e9b7044023b01f974ed
This commit is contained in:
Volker E 2018-05-23 08:19:49 +02:00
parent 5d962c88b2
commit 73eb37394d

View file

@ -30,8 +30,7 @@ div.vectorTabs {
li {
float: left;
line-height: 1.125em;
/* For IE6, overridden later to display:block by modern browsers */
display: inline-block;
display: block;
height: 100%;
margin: 0;
padding: 0;
@ -40,11 +39,6 @@ div.vectorTabs {
background-repeat: repeat-x;
white-space: nowrap;
}
/* IGNORED BY IE6 which doesn't support child selector */
> li {
display: block;
}
}
li {
@ -72,8 +66,7 @@ div.vectorTabs {
}
a {
/* For IE6, overridden later to display:block by modern browsers */
display: inline-block;
display: block;
height: 1.9em;
padding-left: 0.625em; // equals `8px` at computed `font-size` of `12.8px`
padding-right: 0.625em;
@ -81,11 +74,6 @@ div.vectorTabs {
cursor: pointer;
font-size: 0.8em;
}
/* Ignored by IE6 which doesn't support child selector */
> a {
display: block;
}
}
span {
@ -96,15 +84,9 @@ div.vectorTabs {
height: 100%;
a {
/* For IE6, overridden later to display:block by modern browsers */
display: inline-block;
padding-top: 1.25em;
}
/* Ignored by IE6 which doesn't support child selector */
> a {
float: left;
display: block;
padding-top: 1.25em;
}
}
}
@ -235,9 +217,8 @@ div.vectorMenu li {
line-height: 1em;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorMenu li a {
display: inline-block;
display: block;
padding: 0.625em;
white-space: nowrap;
color: @menu-link-color;
@ -245,11 +226,6 @@ div.vectorMenu li a {
font-size: 0.8em;
}
/* IGNORED BY IE6 */
div.vectorMenu li > a {
display: block;
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
color: #222;
@ -277,23 +253,4 @@ div.vectorMenu li.selected a:visited {
display: block;
}
// Expand vectorMenu as basic tabs in IE6
// (IE6 doesn't support :hover on DIV)
* html div.vectorMenu div.menu {
display: block;
position: static;
border: 0;
}
* html div#mw-head div.vectorMenu h3 {
display: none;
}
* html div.vectorMenu li {
float: left;
line-height: 1.125em;
border-right: 1px solid #a7d7f9;
}
* html div.vectorMenu li a {
padding-top: 1.25em;
}
@import 'watchstar.less';