mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
Add compatibility with IE6
This commit is contained in:
Saivann
parent
b9d31814b7
commit
7969811455
8 changed files with 516 additions and 118 deletions
12
css/csshover.htc
Normal file
12
css/csshover.htc
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<public:attach event="ondocumentready" onevent="CSSHover()" />
|
||||
<script>
|
||||
/**
|
||||
* Whatever:hover - V3.11
|
||||
* http://www.xs4all.nl/~peterned/
|
||||
*
|
||||
* Copyright (c) 2009 Peter Nederlof
|
||||
* Licensed under the LGPL license
|
||||
* http://creativecommons.org/licenses/LGPL/2.1
|
||||
*/
|
||||
window.CSSHover=(function(){var m=/(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active|focus))/i;var n=/(.*?)\:(hover|active|focus)/i;var o=/[^:]+:([a-z\-]+).*/i;var p=/(\.([a-z0-9_\-]+):[a-z]+)|(:[a-z]+)/gi;var q=/\.([a-z0-9_\-]*on(hover|active|focus))/i;var s=/msie (5|6|7)/i;var t=/backcompat/i;var u={index:0,list:['text-kashida','text-kashida-space','text-justify'],get:function(){return this.list[(this.index++)%this.list.length]}};var v=function(c){return c.replace(/-(.)/mg,function(a,b){return b.toUpperCase()})};var w={elements:[],callbacks:{},init:function(){if(!s.test(navigator.userAgent)&&!t.test(window.document.compatMode)){return}var a=window.document.styleSheets,l=a.length;for(var i=0;i<l;i++){this.parseStylesheet(a[i])}},parseStylesheet:function(a){if(a.imports){try{var b=a.imports;var l=b.length;for(var i=0;i<l;i++){this.parseStylesheet(a.imports[i])}}catch(securityException){}}try{var c=a.rules;var r=c.length;for(var j=0;j<r;j++){this.parseCSSRule(c[j],a)}}catch(someException){}},parseCSSRule:function(a,b){var c=a.selectorText;if(m.test(c)){var d=a.style.cssText;var e=n.exec(c)[1];var f=c.replace(o,'on$1');var g=c.replace(p,'.$2'+f);var h=q.exec(g)[1];var i=e+h;if(!this.callbacks[i]){var j=u.get();var k=v(j);b.addRule(e,j+':expression(CSSHover(this, "'+f+'", "'+h+'", "'+k+'"))');this.callbacks[i]=true}b.addRule(g,d)}},patch:function(a,b,c,d){try{var f=a.parentNode.currentStyle[d];a.style[d]=f}catch(e){a.runtimeStyle[d]=''}if(!a.csshover){a.csshover=[]}if(!a.csshover[c]){a.csshover[c]=true;var g=new CSSHoverElement(a,b,c);this.elements.push(g)}return b},unload:function(){try{var l=this.elements.length;for(var i=0;i<l;i++){this.elements[i].unload()}this.elements=[];this.callbacks={}}catch(e){}}};var x={onhover:{activator:'onmouseenter',deactivator:'onmouseleave'},onactive:{activator:'onmousedown',deactivator:'onmouseup'},onfocus:{activator:'onfocus',deactivator:'onblur'}};function CSSHoverElement(a,b,c){this.node=a;this.type=b;var d=new RegExp('(^|\\s)'+c+'(\\s|$)','g');this.activator=function(){a.className+=' '+c};this.deactivator=function(){a.className=a.className.replace(d,' ')};a.attachEvent(x[b].activator,this.activator);a.attachEvent(x[b].deactivator,this.deactivator)}CSSHoverElement.prototype={unload:function(){this.node.detachEvent(x[this.type].activator,this.activator);this.node.detachEvent(x[this.type].deactivator,this.deactivator);this.activator=null;this.deactivator=null;this.node=null;this.type=null}};window.attachEvent('onbeforeunload',function(){w.unload()});return function(a,b,c,d){if(a){return w.patch(a,b,c,d)}else{w.init()}}})();
|
||||
</script>
|
||||
331
css/ie.css
Normal file
331
css/ie.css
Normal file
|
|
@ -0,0 +1,331 @@
|
|||
body{
|
||||
/*Allows to use :hover on any html tag using javascript*/
|
||||
behavior:url("/css/csshover.htc");
|
||||
}
|
||||
h1 .ieimg,
|
||||
h2 .ieimg,
|
||||
h3 .ieimg{
|
||||
vertical-align:middle;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
#head div{
|
||||
width:expression(this.parentNode.id&&this.parentNode.id=='head'?'1000px':'');
|
||||
margin:expression(this.parentNode.id&&this.parentNode.id=='head'?'auto':'');
|
||||
position:expression(this.parentNode.id&&this.parentNode.id=='head'?'relative':'');
|
||||
z-index:expression(this.parentNode.id&&this.parentNode.id=='head'?'100':'');
|
||||
}
|
||||
#body{
|
||||
width:1000px;
|
||||
}
|
||||
#footer{
|
||||
width:800px;
|
||||
}
|
||||
#content{
|
||||
width: 690px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#lang{
|
||||
border-left:2px solid #f7f7f7;
|
||||
border-right:2px solid #f7f7f7;
|
||||
border-top:2px solid #f7f7f7;
|
||||
}
|
||||
#menu li{
|
||||
/*This one is also required for IE7*/
|
||||
zoom:1;
|
||||
display:inline;
|
||||
}
|
||||
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
|
||||
border:2px solid #f7f7f7;
|
||||
}
|
||||
#menu li a:hover,
|
||||
#menu li a:active:hover,
|
||||
#menu li a:visited:hover,
|
||||
#menu li a:link:hover,
|
||||
#menu li.active a,
|
||||
#menu li.active a:active,
|
||||
#menu li.active a:visited,
|
||||
#menu li.active a:link {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border: 2px solid #ebebeb;
|
||||
}
|
||||
|
||||
#menufor li a:hover,
|
||||
#menufor li a:active:hover,
|
||||
#menufor li a:visited:hover,
|
||||
#menufor li a:link:hover,
|
||||
#menufor li.active a,
|
||||
#menufor li.active a:active,
|
||||
#menufor li.active a:visited,
|
||||
#menufor li.active a:link{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#choose .ieimg,
|
||||
#before .ieimg,
|
||||
#support .ieimg {
|
||||
vertical-align:middle;
|
||||
margin-right:8px;
|
||||
margin-left:-40px;
|
||||
}
|
||||
|
||||
.index{
|
||||
/*This one is also required for IE7*/
|
||||
zoom:1;
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.boxexpand *{
|
||||
display:expression((this.parentNode.nodeName=='DIV')?'none':'');
|
||||
}
|
||||
.boxexpand h3{
|
||||
display:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'block':'');
|
||||
margin:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'20px 0px':'');
|
||||
}
|
||||
.boxexpand h3 a:link,
|
||||
.boxexpand h3 a:visited,
|
||||
.boxexpand h3 a:active{
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.foundation{
|
||||
width:500px;
|
||||
}
|
||||
|
||||
.devprojectlist li{
|
||||
display:expression((this.parentNode.childNodes[0]==this||this.parentNode.childNodes[1]==this||this.parentNode.childNodes[2]==this||this.parentNode.childNodes[3]==this)?'list-item':'');
|
||||
}
|
||||
|
||||
.floatimg{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.previewrow h2{
|
||||
font-size:115%;
|
||||
}
|
||||
.previewrow div{
|
||||
/*zoom and display are also required for IE7*/
|
||||
zoom:expression(this.parentNode.className=='previewrow'?'1':'');
|
||||
display:expression(this.parentNode.className=='previewrow'?'inline':'');
|
||||
position:expression(this.parentNode.className=='previewrow'?'relative':'');
|
||||
margin-right:expression(this.parentNode.className=='previewrow'?'17px':'');
|
||||
margin-bottom:expression(this.parentNode.className=='previewrow'?'12px':'');
|
||||
vertical-align:expression(this.parentNode.className=='previewrow'?'top':'');
|
||||
}
|
||||
.previewrow div.last{
|
||||
margin-right:0px;
|
||||
}
|
||||
.previewrow div a,
|
||||
.previewrow div a:visited,
|
||||
.previewrow div a:link,
|
||||
.previewrow div a:active{
|
||||
zoom:1;
|
||||
display:inline;
|
||||
font-size:94%;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
width:72px;
|
||||
height:110px;
|
||||
vertical-align:top;
|
||||
}
|
||||
.previewrow div a img{
|
||||
display:block;
|
||||
margin:auto;
|
||||
margin-bottom:10px;
|
||||
width:72px;
|
||||
height:72px;
|
||||
}
|
||||
.previewrow div div{
|
||||
height:0px;
|
||||
position:absolute;
|
||||
left:-105px;
|
||||
right:-110px;
|
||||
bottom:100px;
|
||||
padding:0px;
|
||||
z-index:1000;
|
||||
overflow:hidden;
|
||||
width:280px;
|
||||
}
|
||||
.previewrow div div div{
|
||||
width:280px;
|
||||
position:static;
|
||||
}
|
||||
.previewrow div:hover div {
|
||||
height:auto;
|
||||
}
|
||||
.previewcol .previewrow{
|
||||
padding-left:expression(this.parentNode.firstChild==this?'0px':'');
|
||||
}
|
||||
.previewrow div div div.b1{
|
||||
background:url(/img/bubbletop.png) bottom center no-repeat;
|
||||
padding:0px;
|
||||
height:10px;
|
||||
}
|
||||
.previewrow div div div.b2{
|
||||
background:url(/img/bubblemiddle.png) bottom center repeat-y;
|
||||
padding:0px;
|
||||
padding-top:10px;
|
||||
}
|
||||
.previewrow div div div.b3{
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblebottom.png', sizingMethod='scale');
|
||||
padding:0px;
|
||||
height:64px;
|
||||
}
|
||||
.previewrow>div>div>div:first-child+div{
|
||||
padding:0px;
|
||||
}
|
||||
.previewrow div div div p{
|
||||
width:220px;
|
||||
position:relative;
|
||||
left:30px;
|
||||
}
|
||||
.previewrow div div div h2{
|
||||
font-size:130%;
|
||||
position:relative;
|
||||
left:30px;
|
||||
margin:0px;
|
||||
}
|
||||
.previewrow div div div span{
|
||||
/*FIXME can't get to make it work on IE6-7*/
|
||||
display:none;
|
||||
position:absolute;
|
||||
right:10px;
|
||||
top:10px;
|
||||
}
|
||||
.previewrow div div div span img{
|
||||
margin-left:4px;
|
||||
}
|
||||
.previewrow div div div p {
|
||||
font-size:95%;
|
||||
line-height:1.2em;
|
||||
margin:0px;
|
||||
padding:10px 0px;
|
||||
}
|
||||
.previewrow div div div p a,
|
||||
.previewrow div div div p a:visited,
|
||||
.previewrow div div div p a:link,
|
||||
.previewrow div div div p a:active{
|
||||
display:block;
|
||||
text-align:center;
|
||||
width:auto;
|
||||
height:auto;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
font-size:125%;
|
||||
}
|
||||
.previewrow .walletwarning .b1{
|
||||
background-image:url(/img/bubblewarntop.png);
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblewarntop.png', sizingMethod='scale');
|
||||
}
|
||||
.previewrow .walletwarning .b2{
|
||||
background-image:url(/img/bubblewarnmiddle.png);
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblewarnmiddle.png', sizingMethod='scale');
|
||||
}
|
||||
.previewrow .walletwarning .b3{
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblewarnbottom.png', sizingMethod='scale');
|
||||
}
|
||||
|
||||
|
||||
.press-volunteer div div{
|
||||
width: 400px;
|
||||
height: 150px;
|
||||
display: inline;
|
||||
zoom:1;
|
||||
margin-right: 30px;
|
||||
margin-bottom: 30px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.press-volunteer div div img{
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.press-volunteer div div p{
|
||||
font-weight:expression((this.parentNode.getElementsByTagName('P')[0]==this)?'bold':'');
|
||||
color:expression((this.parentNode.getElementsByTagName('P')[0]==this)?'#0d579b':'');
|
||||
margin:expression((this.parentNode.getElementsByTagName('P')[0]==this||this.parentNode.getElementsByTagName('P')[1]==this||this.parentNode.getElementsByTagName('P')[3]==this)?'0px':'');
|
||||
font-size:expression((this.parentNode.getElementsByTagName('P')[2]==this)?'80%':'');
|
||||
}
|
||||
.press-volunteer div p img{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.press-volunteer div p{
|
||||
height:expression((this.parentNode.getElementsByTagName('P')[1]==this&&this.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode&&this.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode.parentNode)?'0px':'');
|
||||
overflow:expression((this.parentNode.getElementsByTagName('P')[1]==this&&this.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode&&this.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode.parentNode)?'hidden':'');
|
||||
font-size:expression((this.parentNode.getElementsByTagName('P')[1]==this&&this.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode&&this.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode.parentNode)?'85%':'');
|
||||
text-align:expression((this.parentNode.getElementsByTagName('P')[1]==this&&this.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode&&this.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0]==this.parentNode.parentNode)?'justify':'');
|
||||
}
|
||||
|
||||
.press-faq div{
|
||||
width:400px;
|
||||
display:inline;
|
||||
zoom:1;
|
||||
vertical-align:top;
|
||||
text-align:left;
|
||||
margin-bottom:15px;
|
||||
margin-right:30px;
|
||||
}
|
||||
.press-faq div a{
|
||||
display:inline;
|
||||
zoom:1;
|
||||
font-weight:bold;
|
||||
margin-right:20px;
|
||||
}
|
||||
.press-faq li a{
|
||||
font-weight:normal;
|
||||
}
|
||||
.press-faq div div{
|
||||
height:0px;
|
||||
width:auto;
|
||||
margin:10px 0px 0px 0px;
|
||||
overflow:hidden;
|
||||
text-align:justify;
|
||||
}
|
||||
.press-faq div span p{
|
||||
margin-bottom:0px;
|
||||
}
|
||||
|
||||
.press-materials div a {
|
||||
font-weight:bold;
|
||||
font-size:110%;
|
||||
}
|
||||
.press-materials div {
|
||||
display:inline;
|
||||
zoom:1;
|
||||
width:300px;
|
||||
vertical-align:top;
|
||||
position:relative;
|
||||
}
|
||||
.press-materials div div{
|
||||
height:250px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.press-materials p a {
|
||||
font-weight:normal;
|
||||
font-size:100%;
|
||||
margin-right:10px;
|
||||
margin-bottom:10px;
|
||||
zoom:1;
|
||||
}
|
||||
.press-materials div div p span{
|
||||
font-weight:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'bold':'');
|
||||
display:expression((this.parentNode.getElementsByTagName('SPAN')[0]==this)?'block':'');
|
||||
}
|
||||
|
||||
.press-news div{
|
||||
height:125px;
|
||||
margin-bottom:30px;
|
||||
width:700px;
|
||||
}
|
||||
.press-news div a img{
|
||||
float:left;
|
||||
margin-right:30px;
|
||||
}
|
||||
.press-news div a{
|
||||
display:block;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.press-news div p{
|
||||
font-size:80%;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue