joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 01:36:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add compatibility with IE6

Browse source
This commit is contained in:
Saivann 2013-06-11 15:39:20 -04:00
parent b9d31814b7
commit 7969811455
8 changed files with 516 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

1
_layouts/base.html
View file

@ -22,6 +22,7 @@ menu:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>{% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %}</title> <title>{% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %}</title>
{% lesscss main.less %} {% lesscss main.less %}
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="/css/ie.css" /><script type="text/javascript" src="/js/ie.js"></script><![endif]-->
{% if page.lang == 'ar' %}<link rel="stylesheet" type="text/css" href="/ar/css/main.css">{% endif %}{% if page.lang == 'fa' %}<link rel="stylesheet" type="text/css" href="/fa/css/main.css" />{% endif %}{% if page.lang == 'pl' %}<link rel="stylesheet" type="text/css" href="/pl/css/main.css" />{% endif %}{% if page.lang == 'ru' %}<link rel="stylesheet" type="text/css" href="/ru/css/main.css" />{% endif %} {% if page.lang == 'ar' %}<link rel="stylesheet" type="text/css" href="/ar/css/main.css">{% endif %}{% if page.lang == 'fa' %}<link rel="stylesheet" type="text/css" href="/fa/css/main.css" />{% endif %}{% if page.lang == 'pl' %}<link rel="stylesheet" type="text/css" href="/pl/css/main.css" />{% endif %}{% if page.lang == 'ru' %}<link rel="stylesheet" type="text/css" href="/ru/css/main.css" />{% endif %}
<script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript" src="/js/main.js"></script>
<link rel="shortcut icon" href="/favicon.png"> <link rel="shortcut icon" href="/favicon.png">

117
_less/screen.less
View file

@ -76,6 +76,9 @@ li{
padding:5px 0px; padding:5px 0px;
text-align:left; text-align:left;
} }
li p{
margin:0px;
}
/*Styles for whole website*/ /*Styles for whole website*/
@ -123,20 +126,20 @@ li{
.alert-message{ .alert-message{
background-color:#fff; background-color:#fff;
} }
.alert-message>div{ .alert-message div{
background-color:#fff; background-color:#fff;
background-color:#c5251f; background-color:#c5251f;
} }
.alert-message.error>div{ .alert-message.error div{
background-color:#c5251f; background-color:#c5251f;
} }
.alert-message.success>div{ .alert-message.success div{
background-color:#489e48; background-color:#489e48;
} }
.alert-message.info>div{ .alert-message.info div{
background-color:#517ea7; background-color:#517ea7;
} }
.alert-message>div>div{ .alert-message div div{
margin:auto; margin:auto;
width:960px; width:960px;
padding:10px; padding:10px;
@ -186,7 +189,13 @@ li{
border-right:2px solid transparent; border-right:2px solid transparent;
border-top:2px solid transparent; border-top:2px solid transparent;
} }
#lang>li>ul{ #lang:hover{
border-left:2px solid #ebebeb;
border-right:2px solid #ebebeb;
border-top:2px solid #ebebeb;
background-color:#fff;
}
#lang li ul{
display:none; display:none;
right:-2px; right:-2px;
top:28px; top:28px;
@ -198,30 +207,23 @@ li{
border-right:2px solid #ebebeb; border-right:2px solid #ebebeb;
border-bottom:2px solid #ebebeb; border-bottom:2px solid #ebebeb;
} }
#lang:hover{ #lang:hover li ul{
border-left:2px solid #ebebeb;
border-right:2px solid #ebebeb;
border-top:2px solid #ebebeb;
background-color:#fff;
}
#lang:hover>li>ul{
display:block; display:block;
} }
#lang>li>a,#lang>li>a:link,#lang>li>a:visited,#lang>li>a:active{ #lang li a,#lang li a:link,#lang li a:visited,#lang li a:active{
padding:4px 8px;
}
#lang a,#lang a:link,#lang a:visited,#lang a:active{
padding:2px 8px;
text-decoration:none; text-decoration:none;
color:#000; color:#000;
font-size:115%; font-size:115%;
width:100px; width:100px;
display:inline-block; display:inline-block;
}
#lang>li>ul>li>a,#lang>li>ul>li>a:link,#lang>li>ul>li>a:visited,#lang>li>ul>li>a:active{
color:#5c5c5c; color:#5c5c5c;
padding:4px 8px;
} }
#lang>li>ul>li:hover>a{ #lang li ul li a,#lang li ul li a:link,#lang li ul li a:visited,#lang li ul li a:active{
padding:2px 8px;
}
#lang li ul li:hover a{
color:#000; color:#000;
} }
@ -261,10 +263,10 @@ li{
color:#2c6fad; color:#2c6fad;
white-space:nowrap; white-space:nowrap;
} }
#menufor>li:hover,#menufor>li.active{ #menufor li:hover,#menufor li.active{
background-color:#2c6fad; background-color:#2c6fad;
} }
#menufor>li:hover>a,#menufor>li.active>a{ #menufor li:hover a,#menufor li.active a{
border-radius:5px; border-radius:5px;
-webkit-left-radius:5px; -webkit-left-radius:5px;
color:#fff; color:#fff;
@ -277,8 +279,6 @@ li{
#menu li{ #menu li{
list-style:none; list-style:none;
display:inline-block; display:inline-block;
zoom:1;
*display:inline;/*IE7 support*/
margin:0px; margin:0px;
} }
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{ #menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
@ -329,7 +329,7 @@ li{
display:none; display:none;
} }
#choose>a:first-child,#before>a:first-child,#support>a:first-child{ #choose a,#before a,#support a{
padding:10px 8px 10px 48px; padding:10px 8px 10px 48px;
color:#fff; color:#fff;
display:block; display:block;
@ -345,7 +345,7 @@ li{
margin-right:8px; margin-right:8px;
margin-left:-40px; margin-left:-40px;
} }
#before>a:first-child,#support>a:first-child{ #before a,#support a{
background-color:#2c6fad; background-color:#2c6fad;
border:1px solid #20598f; border:1px solid #20598f;
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
@ -354,7 +354,7 @@ li{
background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
} }
#choose>a:first-child{ #choose a{
padding:12px 8px 12px 48px; padding:12px 8px 12px 48px;
background-color:#e78406; background-color:#e78406;
border:1px solid #d57700; border:1px solid #d57700;
@ -364,7 +364,7 @@ li{
background-image:-webkit-linear-gradient(bottom, #d57700 14%, #e78406 70%); background-image:-webkit-linear-gradient(bottom, #d57700 14%, #e78406 70%);
background-image:-ms-linear-gradient(bottom, #d57700 14%, #e78406 70%); background-image:-ms-linear-gradient(bottom, #d57700 14%, #e78406 70%);
} }
#choose>a:first-child:hover,#before>a:first-child:hover,#support>a:first-child:hover{ #choose a:hover,#before a:hover,#support a:hover{
background-image:none; background-image:none;
} }
@ -376,7 +376,7 @@ li{
font-size:94%; font-size:94%;
max-width:1050px; max-width:1050px;
} }
#footer>div{ #footer div{
padding-top:6px; padding-top:6px;
} }
@ -392,13 +392,16 @@ li{
border:2px dashed #4892b2; border:2px dashed #4892b2;
display:inline-block; display:inline-block;
} }
.index>li>a{ .index li a{
font-weight:bold; font-weight:bold;
} }
.index>ul{ .index ul{
padding:20px 0px 20px 20px; padding:20px 0px 20px 20px;
} }
.index a,.index a:link,.index a:active,.index a:visited{ .index a,
.index a:link,
.index a:active,
.index a:visited{
display:block; display:block;
text-decoration:none; text-decoration:none;
line-height:1.5em; line-height:1.5em;
@ -409,13 +412,18 @@ li{
padding:0px 20px 0px 20px; padding:0px 20px 0px 20px;
} }
.boxexpand{ .boxexpand{
height:56px;
overflow:hidden; overflow:hidden;
transition:height 400ms ease-out;
-moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out;
} }
.boxexpand h3>a:link,.boxexpand h3>a:visited,.boxexpand h3>a:active{ .boxexpand>*{
display:none;
}
.boxexpand>h3:first-child{
display:block;
margin:20px 0px;
}
.boxexpand>h3:first-child a:link,
.boxexpand>h3:first-child a:visited,
.boxexpand>h3:first-child a:active{
text-decoration:none; text-decoration:none;
} }
@ -427,16 +435,20 @@ li{
width:900px; width:900px;
text-align:left; text-align:left;
} }
.contributors>span>a{ .contributors span a{
font-size:80%; font-size:80%;
} }
.contributors>span{ .contributors span{
padding:6px 0px; padding:6px 0px;
width:170px; width:170px;
overflow:hidden; overflow:hidden;
display:inline-block; display:inline-block;
} }
.resources{
font-size:115%;
font-weight:bold;
}
.resources ul{ .resources ul{
padding-top:5px; padding-top:5px;
} }
@ -446,11 +458,7 @@ li{
.resources a,.resources a:link,.resources a:active,.resources a:visited{ .resources a,.resources a:link,.resources a:active,.resources a:visited{
text-decoration:none; text-decoration:none;
} }
.resources>li{ .resources li ul li{
font-size:115%;
font-weight:bold;
}
.resources>li>ul>li{
font-weight:normal; font-weight:normal;
} }
@ -461,13 +469,19 @@ li{
.devprojectlist{ .devprojectlist{
overflow:hidden; overflow:hidden;
} }
.devprojectlist>li{ .devprojectlist li{
display:none; display:none;
} }
.devprojectlist>li:first-child,.devprojectlist>li:first-child+li,.devprojectlist>li:first-child+li+li,.devprojectlist>li:first-child+li+li+li{ .devprojectlist li:first-child,
.devprojectlist li:first-child+li,
.devprojectlist li:first-child+li+li,
.devprojectlist li:first-child+li+li+li{
display:list-item; display:list-item;
} }
.devprojectlist>a{ .devprojectlist li.more{
display:block;
}
.devprojectlist a{
display:inline-block; display:inline-block;
margin-top:5px; margin-top:5px;
} }
@ -504,7 +518,6 @@ li{
} }
.previewrow>div{ .previewrow>div{
display:inline-block; display:inline-block;
zoom:1;*display:inline;/*IE7 support*/
position:relative; position:relative;
margin-right:17px; margin-right:17px;
margin-bottom:12px; margin-bottom:12px;
@ -608,9 +621,6 @@ li{
text-align:left; text-align:left;
margin-bottom:40px; margin-bottom:40px;
} }
.versiontext li>p{
margin:0px;
}
.download a{ .download a{
font-size:125%; font-size:125%;
@ -645,7 +655,6 @@ li{
width:400px; width:400px;
height:150px; height:150px;
display:inline-block; display:inline-block;
zoom:1;*display:inline;/*IE7 support*/
margin-right:30px; margin-right:30px;
margin-bottom:30px; margin-bottom:30px;
vertical-align:top; vertical-align:top;
@ -696,7 +705,6 @@ li{
.press-faq>div{ .press-faq>div{
width:400px; width:400px;
display:inline-block; display:inline-block;
zoom:1;*display:inline;/*IE7 support*/
vertical-align:top; vertical-align:top;
text-align:left; text-align:left;
margin-bottom:15px; margin-bottom:15px;
@ -736,7 +744,6 @@ li{
} }
.press-materials>div{ .press-materials>div{
display:inline-block; display:inline-block;
zoom:1;*display:inline;/*IE7 support*/
width:300px; width:300px;
vertical-align:top; vertical-align:top;
position:relative; position:relative;

100
_templates/choose-your-wallet.html
View file

@ -38,53 +38,53 @@ id: choose-your-wallet
<div class="previewrow"> <div class="previewrow">
<div> <div>
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Bitcoin-Qt</h2> <h2>Bitcoin-Qt</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span> <span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span>
<p>{% translate walletbitcoinqt %}</p> <p>{% translate walletbitcoinqt %}</p>
<p>{% translate walletdownload %}</p> <p>{% translate walletdownload %}</p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
</div> </div>
<div> <div>
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Multibit</h2> <h2>Multibit</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span> <span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /></span>
<p>{% translate walletmultibit %}</p> <p>{% translate walletmultibit %}</p>
<p><a href="https://multibit.org/">{% translate walletvisit %}</a></p> <p><a href="https://multibit.org/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
</div> </div>
<div class="last"> <div class="last">
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Armory</h2> <h2>Armory</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /></span> <span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /></span>
<p>{% translate walletarmory %}</p> <p>{% translate walletarmory %}</p>
<p><a href="http://bitcoinarmory.com/">{% translate walletvisit %}</a></p> <p><a href="http://bitcoinarmory.com/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
</div> </div>
<div> <div>
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Electrum</h2> <h2>Electrum</h2>
<span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /><img src="/img/dow-android.png" alt="Android" title="Android" /></span> <span><img src="/img/dow-win.png" alt="Windows" title="Windows" /><img src="/img/dow-linux.png" alt="Linux" title="Linux" /><img src="/img/dow-osx-uni.png" alt="Mac OS X" title="Mac OS X" /><img src="/img/dow-android.png" alt="Android" title="Android" /></span>
<p>{% translate walletelectrum %}</p> <p>{% translate walletelectrum %}</p>
<p><a href="http://electrum.org/">{% translate walletvisit %}</a></p> <p><a href="http://electrum.org/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
</div> </div>
@ -93,40 +93,40 @@ id: choose-your-wallet
<div class="previewrow"> <div class="previewrow">
<div> <div>
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Bitcoin Wallet</h2> <h2>Bitcoin Wallet</h2>
<span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-blackberry.png" alt="BlackBerry OS" title="BlackBerry OS" /></span> <span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-blackberry.png" alt="BlackBerry OS" title="BlackBerry OS" /></span>
<p>{% translate walletbitcoinwallet %}</p> <p>{% translate walletbitcoinwallet %}</p>
<p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">{% translate walletvisit %}</a></p> <p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
</div> </div>
<div data-id="blockchainmobile"> <div data-id="blockchainmobile">
<div class="walletwarning"> <div class="walletwarning">
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>{% translate walletwebwarning %}</h2> <h2>{% translate walletwebwarning %}</h2>
<span></span> <span></span>
<p>{% translate walletwebwarningtxt %}</p> <p>{% translate walletwebwarningtxt %}</p>
<p><a href="javascript:walletshow();">{% translate walletwebwarningok %}</a></p> <p><a href="#" onclick="walletshow(event);">{% translate walletwebwarningok %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-blockchain.png" alt="blockchain.info" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-blockchain.png" alt="blockchain.info" /></a>
</div> </div>
<div data-id="paytunia" class="last"> <div data-id="paytunia" class="last">
<div class="walletwarning"> <div class="walletwarning">
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>{% translate walletwebwarning %}</h2> <h2>{% translate walletwebwarning %}</h2>
<span></span> <span></span>
<p>{% translate walletwebwarningtxt %}</p> <p>{% translate walletwebwarningtxt %}</p>
<p><a href="javascript:walletshow();">{% translate walletwebwarningok %}</a></p> <p><a href="#" onclick="walletshow(event);">{% translate walletwebwarningok %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-paytunia.png" alt="paytunia" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-paytunia.png" alt="paytunia" /></a>
</div> </div>
@ -135,40 +135,40 @@ id: choose-your-wallet
<div class="previewrow"> <div class="previewrow">
<div data-id="blockchaindesktop"> <div data-id="blockchaindesktop">
<div class="walletwarning"> <div class="walletwarning">
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>{% translate walletwebwarning %}</h2> <h2>{% translate walletwebwarning %}</h2>
<span></span> <span></span>
<p>{% translate walletwebwarningtxt %}</p> <p>{% translate walletwebwarningtxt %}</p>
<p><a href="javascript:walletshow();">{% translate walletwebwarningok %}</a></p> <p><a href="#" onclick="walletshow(event);">{% translate walletwebwarningok %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-blockchain.png" alt="blockchain.info" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-blockchain.png" alt="blockchain.info" /></a>
</div> </div>
<div data-id="bips"> <div data-id="bips">
<div class="walletwarning"> <div class="walletwarning">
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>{% translate walletwebwarning %}</h2> <h2>{% translate walletwebwarning %}</h2>
<span></span> <span></span>
<p>{% translate walletwebwarningtxt %}</p> <p>{% translate walletwebwarningtxt %}</p>
<p><a href="javascript:walletshow();">{% translate walletwebwarningok %}</a></p> <p><a href="#" onclick="walletshow(event);">{% translate walletwebwarningok %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-bips.png" alt="bips" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bips.png" alt="bips" /></a>
</div> </div>
<div data-id="coinbase" class="last"> <div data-id="coinbase" class="last">
<div class="walletwarning"> <div class="walletwarning">
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>{% translate walletwebwarning %}</h2> <h2>{% translate walletwebwarning %}</h2>
<span></span> <span></span>
<p>{% translate walletwebwarningtxt %}</p> <p>{% translate walletwebwarningtxt %}</p>
<p><a href="javascript:walletshow();">{% translate walletwebwarningok %}</a></p> <p><a href="#" onclick="walletshow(event);">{% translate walletwebwarningok %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="#" onclick="return false;"><img src="/img/clients/lo-coinbase.png" alt="coinbase" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-coinbase.png" alt="coinbase" /></a>
</div> </div>
@ -180,66 +180,66 @@ id: choose-your-wallet
<div class="previewrow" style="display:none;"> <div class="previewrow" style="display:none;">
<div id="blockchainmobile"> <div id="blockchainmobile">
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Blockchain.info</h2> <h2>Blockchain.info</h2>
<span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span> <span><img src="/img/dow-android.png" alt="Android" title="Android" /><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span>
<p>{% translate walletblockchaininfomob %}</p> <p>{% translate walletblockchaininfomob %}</p>
<p><a href="https://blockchain.info/wallet/">{% translate walletvisit %}</a></p> <p><a href="https://blockchain.info/wallet/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a> <a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
</div> </div>
<div id="blockchaindesktop"> <div id="blockchaindesktop">
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Blockchain.info</h2> <h2>Blockchain.info</h2>
<span></span> <span></span>
<p>{% translate walletblockchaininfo %}</p> <p>{% translate walletblockchaininfo %}</p>
<p><a href="http://blockchain.info/wallet/chrome-extension">{% translate walletvisit %}</a></p> <p><a href="http://blockchain.info/wallet/chrome-extension">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a> <a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
</div> </div>
<div id="paytunia"> <div id="paytunia">
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Paytunia</h2> <h2>Paytunia</h2>
<span><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span> <span><img src="/img/dow-ios.png" alt="iOS" title="iOS" /></span>
<p>{% translate walletpaytunia %}</p> <p>{% translate walletpaytunia %}</p>
<p><a href="https://paytunia.com/">{% translate walletvisit %}</a></p> <p><a href="https://paytunia.com/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="https://paytunia.com/"><img src="/img/clients/lo-paytunia.png" alt="paytunia" />Paytunia</a> <a href="https://paytunia.com/"><img src="/img/clients/lo-paytunia.png" alt="paytunia" />Paytunia</a>
</div> </div>
<div id="bips"> <div id="bips">
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>BIPS</h2> <h2>BIPS</h2>
<span></span> <span></span>
<p>{% translate walletbips %}</p> <p>{% translate walletbips %}</p>
<p><a href="https://bips.me/">{% translate walletvisit %}</a></p> <p><a href="https://bips.me/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="https://bips.me/"><img src="/img/clients/lo-bips.png" alt="BIPS" />BIPS</a> <a href="https://bips.me/"><img src="/img/clients/lo-bips.png" alt="BIPS" />BIPS</a>
</div> </div>
<div id="coinbase"> <div id="coinbase">
<div> <div>
<div></div> <div class="b1"></div>
<div> <div class="b2">
<h2>Coinbase</h2> <h2>Coinbase</h2>
<span></span> <span></span>
<p>{% translate walletcoinbase %}</p> <p>{% translate walletcoinbase %}</p>
<p><a href="https://coinbase.com/">{% translate walletvisit %}</a></p> <p><a href="https://coinbase.com/">{% translate walletvisit %}</a></p>
</div> </div>
<div></div> <div class="b3"></div>
</div> </div>
<a href="https://coinbase.com/"><img src="/img/clients/lo-coinbase.png" alt="coinbase" />Coinbase</a> <a href="https://coinbase.com/"><img src="/img/clients/lo-coinbase.png" alt="coinbase" />Coinbase</a>
</div> </div>

2
_templates/development.html
View file

@ -57,7 +57,7 @@ id: development
<li><a href="https://github.com/jgarzik/picocoin">picocoin</a> - A tiny bitcoin library, with lightweight client and utils.</li> <li><a href="https://github.com/jgarzik/picocoin">picocoin</a> - A tiny bitcoin library, with lightweight client and utils.</li>
<li><a href="https://github.com/jgarzik/python-bitcoinlib">python-bitcoinlib</a> - A library for Bitcoin written in python.</li> <li><a href="https://github.com/jgarzik/python-bitcoinlib">python-bitcoinlib</a> - A library for Bitcoin written in python.</li>
<li><a href="https://github.com/bitsofproof/supernode">Bits of Proof Enterprise Bitcoin Server</a> - A modular implementation of the Bitcoin protocol in Java.</li> <li><a href="https://github.com/bitsofproof/supernode">Bits of Proof Enterprise Bitcoin Server</a> - A modular implementation of the Bitcoin protocol in Java.</li>
<a href="#" onclick="librariesShow(event)">{% translate moremore %}</a> <li class="more"><a href="#" onclick="librariesShow(event)">{% translate moremore %}</a></li>
</ul> </ul>
{% endcase %} {% endcase %}

12
css/csshover.htc Normal file
View 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
View 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%;
}

37
js/ie.js Normal file
View file

@ -0,0 +1,37 @@
function pngfix(){
//Allows IE6 to render transparent png
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
//Workaround to skip github icons
if(img.src.indexOf('gravatar.com')!==-1)continue;
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + " ieimg' " : "class='ieimg' "
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
var imgWidth = img.width;
var imgHeight = img.height;
//Workaround for hidden img to prevent 0px width and height
if(img.src.indexOf('/img/clients/')!==-1){imgWidth='72';imgHeight='72';}
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + imgWidth + "px; height:" + imgHeight + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.onload=pngfix;

34
js/main.js
View file

@ -59,12 +59,17 @@ for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
} }
function walletshow(){ function walletshow(e){
for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){ for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
if(nd[i].getAttribute('data-id')===null||nd[i].getAttribute('data-id')=='')continue; if(nd[i].getAttribute('data-id')===null||nd[i].getAttribute('data-id')=='')continue;
var d=nd[i].getElementsByTagName('DIV')[0]; var d=nd[i].getElementsByTagName('DIV')[0];
var s=document.getElementById(nd[i].getAttribute('data-id')).getElementsByTagName('DIV')[0]; var s=document.getElementById(nd[i].getAttribute('data-id')).getElementsByTagName('DIV')[0];
d.innerHTML=s.innerHTML; d.getElementsByTagName('H2')[0].innerHTML=s.getElementsByTagName('H2')[0].innerHTML;
d.getElementsByTagName('SPAN')[0].innerHTML=s.getElementsByTagName('SPAN')[0].innerHTML;
d.getElementsByTagName('P')[0].innerHTML=s.getElementsByTagName('P')[0].innerHTML;
d.getElementsByTagName('P')[1].getElementsByTagName('A')[0].innerHTML=s.getElementsByTagName('P')[1].getElementsByTagName('A')[0].innerHTML;
d.getElementsByTagName('P')[1].getElementsByTagName('A')[0].href=s.getElementsByTagName('P')[1].getElementsByTagName('A')[0].href;
d.getElementsByTagName('P')[1].getElementsByTagName('A')[0].onclick='';
d.className=''; d.className='';
//Workaround for browsers that don't handle re-rendering class styles and svg (they have backgroundImage hardcoded in HTML) //Workaround for browsers that don't handle re-rendering class styles and svg (they have backgroundImage hardcoded in HTML)
for(var ii=0,nn=d.childNodes.length;ii<nn;ii++){if(d.childNodes[ii].nodeType==1&&d.childNodes[ii].style.backgroundImage!='')d.childNodes[ii].style.backgroundImage=d.childNodes[ii].style.backgroundImage.replace('bubblewarn','bubble');} for(var ii=0,nn=d.childNodes.length;ii<nn;ii++){if(d.childNodes[ii].nodeType==1&&d.childNodes[ii].style.backgroundImage!='')d.childNodes[ii].style.backgroundImage=d.childNodes[ii].style.backgroundImage.replace('bubblewarn','bubble');}
@ -72,6 +77,7 @@ for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
for(var ii=0,as=s.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==s.parentNode){var ss=as[ii];break;}} for(var ii=0,as=s.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==s.parentNode){var ss=as[ii];break;}}
dd.innerHTML=ss.innerHTML; dd.innerHTML=ss.innerHTML;
} }
cancelEvent(e);
} }
@ -90,14 +96,18 @@ cancelEvent(e);
function boxshow(e){ function boxshow(e){
var p=t=getEventTarget(e); var p=t=getEventTarget(e);
while(p.nodeName!='DIV')p=p.parentNode; while(p.nodeName!='DIV')p=p.parentNode;
var pp=p.cloneNode(true); var sh=getHeight(p);
pp.style.visibility='hidden'; for(var i=0,nds=p.childNodes,n=nds.length;i<n;i++)if(nds[i].nodeType==1)nds[i].style.display='block';
pp.style.height='auto';
p.parentNode.appendChild(pp);
var nhe=getHeight(pp);
pp.parentNode.removeChild(pp);
p.style.height=nhe+'px';
t.removeAttribute('href'); t.removeAttribute('href');
t.onclick='';
var dh=getHeight(p);
p.style.height=sh+'px';
setTimeout(function(){
p.style.transition='height 400ms ease-out';
p.style.MozTransition='height 400ms ease-out';
p.style.WebkitTransition='height 400ms ease-out';
setTimeout(function(){p.style.height=dh+'px';},20);
},20);
cancelEvent(e); cancelEvent(e);
} }
@ -152,15 +162,15 @@ var p=t=getEventTarget(e);
while(p.nodeType!=1||p.nodeName!='UL')p=p.parentNode; while(p.nodeType!=1||p.nodeName!='UL')p=p.parentNode;
var sh=getHeight(p); var sh=getHeight(p);
for(var i=0,nds=p.getElementsByTagName('LI'),n=nds.length;i<n;i++)nds[i].style.display='list-item'; for(var i=0,nds=p.getElementsByTagName('LI'),n=nds.length;i<n;i++)nds[i].style.display='list-item';
t.parentNode.removeChild(t); t.parentNode.parentNode.removeChild(t.parentNode);
var dh=getHeight(p); var dh=getHeight(p);
p.style.height=sh+'px'; p.style.height=sh+'px';
setTimeout(function(){ setTimeout(function(){
p.style.transition='height 400ms ease-out'; p.style.transition='height 400ms ease-out';
p.style.MozTransition='height 400ms ease-out'; p.style.MozTransition='height 400ms ease-out';
p.style.WebkitTransition='height 400ms ease-out'; p.style.WebkitTransition='height 400ms ease-out';
p.style.height=dh+'px'; setTimeout(function(){p.style.height=dh+'px';},20);
},1); },20);
cancelEvent(e); cancelEvent(e);
} }