Fix CSS styles for future rtl translations

This commit is contained in:
Saivann 2014-05-08 00:01:54 -04:00
parent e4873b457d
commit 9717c728e9
5 changed files with 85 additions and 25 deletions

View file

@ -90,7 +90,8 @@ if(typeof(legacyIE)==='undefined'){
<div id="content" class="content"> <div id="content" class="content">
{{ content }} {{ content }}
</div> </div>
<div class="footer"><div> <div class="footer">
<div class="footermenu">
<a href="/en/alerts">Network Status</a> <a href="/en/alerts">Network Status</a>
{% case page.lang %} {% case page.lang %}
{% when 'ar' or 'fa' or 'id' or 'it' or 'nl' or 'pl' or 'tr' or 'zh_TW' %} {% when 'ar' or 'fa' or 'id' or 'it' or 'nl' or 'pl' or 'tr' or 'zh_TW' %}
@ -104,13 +105,14 @@ if(typeof(legacyIE)==='undefined'){
{% else %} {% else %}
<a href="/{{ page.lang }}/{% translate about-us url %}">{% translate menu-about-us layout %}</a> <a href="/{{ page.lang }}/{% translate about-us url %}">{% translate menu-about-us layout %}</a>
{% endcase %} {% endcase %}
</div>
<span>© Bitcoin Project 2009-2014 {% translate footer layout %}</span> <span>© Bitcoin Project 2009-2014 {% translate footer layout %}</span>
</div></div> </div>
</div> </div>
<div class="foundation-banner"> <div class="foundation-banner">
{% case page.lang %} {% case page.lang %}
{% when 'ar' or 'bg' or 'fa' or 'id' or 'it' or 'nl' or 'pl' or 'tr' or 'zh_TW' %} {% when 'ar' or 'bg' or 'fa' or 'id' or 'it' or 'nl' or 'pl' or 'tr' or 'zh_TW' %}
<div>{% translate sponsor layout en %} <a href="https://bitcoinfoundation.org/"><img src="/img/brand/logo_foundation.svg" alt="Foundation"> The Bitcoin Foundation</a></div> <div style="direction:ltr;">{% translate sponsor layout en %} <a href="https://bitcoinfoundation.org/"><img src="/img/brand/logo_foundation.svg" alt="Foundation"> The Bitcoin Foundation</a></div>
{% else %} {% else %}
<div>{% translate sponsor layout %} <a href="https://bitcoinfoundation.org/"><img src="/img/brand/logo_foundation.svg" alt="Foundation"> The Bitcoin Foundation</a></div> <div>{% translate sponsor layout %} <a href="https://bitcoinfoundation.org/"><img src="/img/brand/logo_foundation.svg" alt="Foundation"> The Bitcoin Foundation</a></div>
{% endcase %} {% endcase %}

View file

@ -9,9 +9,6 @@ body{
.body{ .body{
width:940px; width:940px;
} }
.footer{
width:800px;
}
.lang{ .lang{
border-left:2px solid #f7f7f7; border-left:2px solid #f7f7f7;
border-right:2px solid #f7f7f7; border-right:2px solid #f7f7f7;

View file

@ -40,10 +40,10 @@ p{
right:0; right:0;
left:auto; left:auto;
} }
.footer{ .footermenu{
padding:20px 40px 20px 0; display:inline-block;
} }
.footer>div>a{ .footermenu a{
margin-right:0; margin-right:0;
margin-left:15px; margin-left:15px;
} }
@ -159,6 +159,56 @@ h2 .rssicon{
left:0; left:0;
} }
.mainlist img{
margin-left:10px;
float:right;
}
.start{
text-align:right;
}
.start>div>div:first-child{
padding-right:0;
padding-left:40px;
border-right:0;
border-left:1px solid #e0e0e0;
}
.start>div>div:first-child+div{
padding-left:0;
padding-right:40px;
border-left:0;
border-right:1px solid #e0e0e0;
margin-right:-1px
}
.foundation-banner a,
.foundation-banner a:link,
.foundation-banner a:active,
.foundation-banner a:visited{
direction:ltr;
display:inline-block;
margin-left:0;
margin-right:6px;
}
.eventtable div div{
text-align:right;
padding-right:0;
padding-left:20px;
}
.tablehalf{
left:0;
right:-40px;
}
.tablehalf div{
margin-left:0;
margin-right:40px;
}
.tablehalf p{
text-align:right;
}
/*Override UbuntuBold by Droid Naskh*/ /*Override UbuntuBold by Droid Naskh*/
@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh-regular.eot');font-weight:normal;font-style:normal;} @font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh-regular.eot');font-weight:normal;font-style:normal;}
@ -178,6 +228,9 @@ h2 .rssicon{
padding:15px 10px 20px 10px; padding:15px 10px 20px 10px;
text-align:right; text-align:right;
} }
.footermenu{
display:block;
}
.resources>div>div:first-child{ .resources>div>div:first-child{
padding-left:0; padding-left:0;
border-left:0; border-left:0;
@ -203,4 +256,21 @@ h2 .rssicon{
.download div p{ .download div p{
text-align:right; text-align:right;
} }
.mainlist>div:first-child,
.mainlist>div:first-child+div,
.mainlist>div:first-child+div+div{
text-align:right;
}
.start>div>div:first-child{
border-left:0;
padding-left:0;
}
.start>div>div:first-child+div{
border-right:0;
padding-right:0;
margin-right:0;
}
.tablehalf div{
margin-right:0;
}
} }

View file

@ -380,22 +380,18 @@ table td,table th{
.footer{ .footer{
position:relative; position:relative;
top:-2px; padding:20px 0;
padding:20px 0 20px 40px;
text-align:center; text-align:center;
max-width:940px; max-width:940px;
font-size:94%; font-size:94%;
} }
.footer div{ .footermenu{
padding-top:6px; display:inline;
} }
.footer div a{ .footermenu a{
margin-right:15px; margin-right:15px;
white-space:nowrap; white-space:nowrap;
} }
.footer div span a{
margin-right:auto;
}
/*Styles specific to elements in pages*/ /*Styles specific to elements in pages*/
@ -1411,13 +1407,11 @@ h2 .rssicon{
border-radius:0; border-radius:0;
} }
.footer{ .footer{
padding:20px 0 20px 5px;
background-color:transparent;
line-height:1.5em; line-height:1.5em;
} }
.footer div span{ .footermenu{
display:block; display:block;
margin-top:10px; margin-bottom:20px;
} }
.index{ .index{
padding:15px; padding:15px;
@ -1566,9 +1560,6 @@ h2 .rssicon{
.mainlist>div:first-child+div+div{ .mainlist>div:first-child+div+div{
text-align:left; text-align:left;
} }
.start p{
text-align:left;
}
.start>div{ .start>div{
position:static; position:static;
} }

View file

@ -354,7 +354,7 @@ fa:
menu-faq: درباره menu-faq: درباره
menu-choose-your-wallet: "انتخاب کیف پول" menu-choose-your-wallet: "انتخاب کیف پول"
menu-you-need-to-know: "آن چه باید بدانید" menu-you-need-to-know: "آن چه باید بدانید"
footer: "منتشر شده تحت <a href=\"http://opensource.org/licenses/mit-license.php\" target=\"_blank\">MIT گواهینامه" footer: "منتشر شده تحت <a href=\"http://opensource.org/licenses/mit-license.php\" target=\"_blank\">MIT گواهینامه</a>"
url: url:
bitcoin-for-developers: bitcoin-for-developers bitcoin-for-developers: bitcoin-for-developers
bitcoin-for-individuals: bitcoin-for-individuals bitcoin-for-individuals: bitcoin-for-individuals