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

Apply some additional CSS cleanup and fixes

Browse source
This commit is contained in:
Saivann 2013-10-22 02:42:11 -04:00
parent dc95a88d06
commit 25af20cceb
6 changed files with 279 additions and 266 deletions
Download patch file Download diff file Expand all files Collapse all files

18
_layouts/base.html
View file

@ -33,13 +33,13 @@ menu:
<div><div>{{ site.ALERT }}</div></div> <div><div>{{ site.ALERT }}</div></div>
</div> </div>
{% endif %} {% endif %}
<div id="head"><div> <div class="head"><div>
<select id="langselect" onchange="window.location=this.value;"> <select id="langselect" class="langselect" onchange="window.location=this.value;">
{% for lang in site.langsorder %}{% if lang.id == page.lang %}{% assign active = ' selected="selected"'%}{% else %}{% assign active = ''%}{% endif %} {% for lang in site.langsorder %}{% if lang.id == page.lang %}{% assign active = ' selected="selected"'%}{% else %}{% assign active = ''%}{% endif %}
<option value="/{{ lang.id }}/{% translate {{page.id}} url {{lang.id}} %}"{{ active }}>{{ site.langs[lang.id] }}</option> <option value="/{{ lang.id }}/{% translate {{page.id}} url {{lang.id}} %}"{{ active }}>{{ site.langs[lang.id] }}</option>
{% endfor %} {% endfor %}
</select> </select>
<ul id="lang"> <ul class="lang">
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a> <li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
<ul> <ul>
{% for lang in site.langsorder %}{% if lang.id != page.lang %} {% for lang in site.langsorder %}{% if lang.id != page.lang %}
@ -48,9 +48,9 @@ menu:
</ul> </ul>
</li> </li>
</ul> </ul>
<a id="logo" href="/{{ page.lang }}/"><img src="/img/logotop.svg" alt="Bitcoin"></a> <a class="logo" href="/{{ page.lang }}/"><img src="/img/logotop.svg" alt="Bitcoin"></a>
<a href="#" id="menumobile" onclick="mobileMenuShow(event);"></a> <a id="menumobile" class="menumobile" onclick="mobileMenuShow(event);" href="#"></a>
<ul id="menusimple"> <ul id="menusimple" class="menusimple">
<li><a href="#" onclick="mobileMenuHover(event);">{% translate menu-intro layout %}</a> <li><a href="#" onclick="mobileMenuHover(event);">{% translate menu-intro layout %}</a>
<ul> <ul>
<li{% if page.id == 'bitcoin-for-individuals' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-individuals url %}">{% translate menu-bitcoin-for-individuals layout %}</a></li> <li{% if page.id == 'bitcoin-for-individuals' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-individuals url %}">{% translate menu-bitcoin-for-individuals layout %}</a></li>
@ -98,11 +98,11 @@ menu:
{% endcase %} {% endcase %}
</ul> </ul>
</div></div> </div></div>
<div id="body"> <div class="body">
<div id="content"> <div id="content" class="content">
{{ content }} {{ content }}
</div> </div>
<div id="footer"><div> <div class="footer"><div>
<a href="/en/alerts">Network Status</a> <a href="/en/alerts">Network Status</a>
<a href="https://bitcoinfoundation.org/">{% translate menu-foundation layout %}</a> <a href="https://bitcoinfoundation.org/">{% translate menu-foundation layout %}</a>
{% case page.lang %} {% case page.lang %}

372
_less/screen.less
View file

@ -46,7 +46,7 @@ a:active img{
border:0; border:0;
} }
blockquote{ blockquote{
margin-left:0px; margin-left:0;
margin-bottom:18px; margin-bottom:18px;
border-left:5px solid #eee; border-left:5px solid #eee;
padding-left:15px; padding-left:15px;
@ -59,24 +59,24 @@ pre{
line-height:18px; line-height:18px;
font-size:12px; font-size:12px;
border:1px solid #ccc; border:1px solid #ccc;
white-space:pre-wrap;
word-wrap:break-word;
-webkit-border-radius:3px; -webkit-border-radius:3px;
-moz-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; border-radius:3px;
white-space:pre-wrap;
word-wrap:break-word;
} }
ul{ ul{
padding-left:20px; padding-left:20px;
margin-left:0px; margin-left:0;
} }
ul ul{ ul ul{
list-style-type:disc; list-style-type:disc;
} }
li{ li{
padding:5px 0px; padding:5px 0;
} }
li p{ li p{
margin:0px; margin:0;
} }
/*Styles for whole website*/ /*Styles for whole website*/
@ -141,41 +141,35 @@ li p{
text-decoration:underline; text-decoration:underline;
} }
#head{ .head{
margin:30px 0px 30px 0px; margin:30px 0 30px 0;
} }
#head>div{ .head div{
max-width:940px; max-width:940px;
margin:auto; margin:auto;
position:relative; position:relative;
z-index:100; z-index:100;
} }
#head.home{ .body{
text-align:center;
}
#head.home #logo{
text-align:center;
}
#body{
max-width:940px; max-width:940px;
margin:auto; margin:auto;
position:relative; position:relative;
} }
#langselect{ .langselect{
display:none; display:none;
} }
#lang, .lang,
#lang li, .lang li,
#lang ul{ .lang ul{
display:block; display:block;
list-style:none; list-style:none;
padding:0px; padding:0;
margin:0px; margin:0;
text-align:right; text-align:right;
cursor:pointer; cursor:pointer;
} }
#lang{ .lang{
position:absolute; position:absolute;
right:5px; right:5px;
top:8px; top:8px;
@ -184,13 +178,13 @@ li p{
border-right:2px solid transparent; border-right:2px solid transparent;
border-top:2px solid transparent; border-top:2px solid transparent;
} }
#lang:hover{ .lang:hover{
border-left:2px solid #ebebeb; border-left:2px solid #ebebeb;
border-right:2px solid #ebebeb; border-right:2px solid #ebebeb;
border-top:2px solid #ebebeb; border-top:2px solid #ebebeb;
background-color:#fff; background-color:#fff;
} }
#lang li ul{ .lang li ul{
display:none; display:none;
right:-2px; right:-2px;
top:28px; top:28px;
@ -202,13 +196,13 @@ li p{
border-right:2px solid #ebebeb; border-right:2px solid #ebebeb;
border-bottom:2px solid #ebebeb; border-bottom:2px solid #ebebeb;
} }
#lang:hover li ul{ .lang:hover li ul{
display:block; display:block;
} }
#lang li a, .lang li a,
#lang li a:link, .lang li a:link,
#lang li a:visited, .lang li a:visited,
#lang li a:active{ .lang li a:active{
text-decoration:none; text-decoration:none;
font-size:115%; font-size:115%;
width:100px; width:100px;
@ -216,59 +210,62 @@ li p{
color:#b8b8b8; color:#b8b8b8;
padding:4px 8px; padding:4px 8px;
} }
#lang li ul li a, .lang li ul li a,
#lang li ul li a:link, .lang li ul li a:link,
#lang li ul li a:visited, .lang li ul li a:visited,
#lang li ul li a:active{ .lang li ul li a:active{
padding:2px 8px; padding:2px 8px;
} }
#lang:hover li a{ .lang:hover li a{
color:#666666; color:#666666;
} }
#lang:hover li ul li a{ .lang:hover li ul li a{
color:#b8b8b8; color:#b8b8b8;
} }
#lang li ul li:hover a{ .lang li ul li:hover a{
color:#666666; color:#666666;
} }
#logo{ .logo{
display:block; display:block;
margin-left:40px; margin-left:40px;
width:191px; width:191px;
height:40px; height:40px;
} }
#menumobile{ .menumobile{
display:none; display:none;
} }
#menusimple{ .menusimple{
margin:0px; margin:0;
position:absolute; position:absolute;
top:8px; top:8px;
left:245px; left:245px;
padding:0px; padding:0;
height:35px; height:35px;
} }
#menusimple li{ .menusimple li{
list-style:none; list-style:none;
display:inline-block; display:inline-block;
position:relative; position:relative;
padding:0px; padding:0;
margin:0px 3px; margin:0 3px;
border-radius:5px;
-webkit-border-radius:5px; -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
} }
#menusimple li:first-child, .menusimple li:first-child,
#menusimple li:first-child+li{ .menusimple li:first-child+li{
border-bottom-left-radius:0px; -webkit-border-bottom-left-radius:0;
border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0;
-webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
} }
#menusimple li a{ .menusimple li a{
font-family:'Ubuntu', sans-serif; font-family:'Ubuntu', sans-serif;
font-weight:300; font-weight:300;
font-size:110%; font-size:110%;
@ -278,85 +275,89 @@ li p{
color:#2c6fad; color:#2c6fad;
white-space:nowrap; white-space:nowrap;
} }
#menusimple li:hover, .menusimple li:hover,
#menusimple li.active{ .menusimple li.active{
background-color:#2c6fad; background-color:#2c6fad;
} }
#menusimple li:hover a, .menusimple li:hover a,
#menusimple li.active a{ .menusimple li.active a{
color:#fff; color:#fff;
} }
#menusimple li ul{ .menusimple li ul{
display:none; display:none;
position:absolute; position:absolute;
background-color:#fff; background-color:#fff;
border:1px solid #2c6fad; border:1px solid #2c6fad;
min-width:120%; min-width:120%;
padding:5px 0px; padding:5px 0;
margin:0px; margin:0;
left:0px; left:0;
} }
#menusimple li:hover ul{ .menusimple li:hover ul{
display:block; display:block;
} }
#menusimple li ul li{ .menusimple li ul li{
padding:0px; padding:0;
margin:0px; margin:0;
display:block; display:block;
width:100%; width:100%;
border-radius:0px; -webkit-border-radius:0;
-webkit-border-radius:0px; -moz-border-radius:0;
border-radius:0;
} }
#menusimple li ul li a, .menusimple li ul li a,
#menusimple li ul li a:active, .menusimple li ul li a:active,
#menusimple li ul li a:visited, .menusimple li ul li a:visited,
#menusimple li ul li a:link{ .menusimple li ul li a:link{
display:block; display:block;
color:#2c6fad; color:#2c6fad;
font-size:100%; font-size:100%;
margin:1px 0px; margin:1px 0;
padding:6px 10px 3px 10px; padding:6px 10px 3px 10px;
} }
#menusimple li ul li:hover a, .menusimple li ul li:hover a,
#menusimple li ul li.active a{ .menusimple li ul li.active a{
color:#fff; color:#fff;
} }
#content{ .content{
position:relative; position:relative;
padding:30px 40px 40px 40px; padding:30px 40px 40px 40px;
margin:0px 5px; margin:0 5px;
text-align:justify; text-align:justify;
background-color:#fff; background-color:#fff;
min-height:400px; min-height:400px;
border:2px solid #ebebeb; border:2px solid #ebebeb;
border-radius:6px;
-webkit-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius:6px; -moz-border-radius:6px;
border-radius:6px;
} }
#content p,#content li{ .content p,.content li{
line-height:1.5em; line-height:1.5em;
} }
#footer{ .footer{
position:relative; position:relative;
top:-2px; top:-2px;
padding:20px 0px 20px 40px; padding:20px 0 20px 40px;
text-align:left; text-align:left;
font-size:94%; font-size:94%;
max-width:940px; max-width:940px;
} }
#footer div{ .footer div{
padding-top:6px; padding-top:6px;
} }
#footer>div>a{ .footer div a{
margin-right:15px; margin-right:15px;
white-space:nowrap; white-space:nowrap;
} }
#footer>div>span{ .footer div span{
margin-top:15px; margin-top:15px;
display:block; display:block;
} }
.footer div span a{
margin-right:auto;
}
/*Styles specific to elements in pages*/ /*Styles specific to elements in pages*/
@ -376,7 +377,7 @@ li p{
} }
.mainlist{ .mainlist{
font-size:125%; font-size:125%;
margin:30px 0px; margin:30px 0;
} }
.mainlist>div{ .mainlist>div{
width:250px; width:250px;
@ -423,21 +424,22 @@ li p{
font-family:'Ubuntu', sans-serif; font-family:'Ubuntu', sans-serif;
font-weight:400; font-weight:400;
font-size:150%; font-size:150%;
text-shadow:0px 2px 6px rgba(0,0,0,0.6); text-shadow:0 2px 6px rgba(0,0,0,0.6);
text-align:left; text-align:left;
display:inline-block; display:inline-block;
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:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
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%);
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
color:#fff; color:#fff;
padding:15px 20px 20px 68px; padding:15px 20px 20px 68px;
margin:40px 0px 40px 0px; margin:40px 0 40px 0;
border-radius:12px;
-webkit-border-radius:12px; -webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
} }
.mainbutton a:hover{ .mainbutton a:hover{
background-image:none; background-image:none;
@ -500,13 +502,14 @@ li p{
color:#fff; color:#fff;
border:1px solid #d57700; border:1px solid #d57700;
background-color:#ee9209; background-color:#ee9209;
background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
border-radius:3px; background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
-webkit-border-radius:3px; -webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
} }
.start div div div a:hover{ .start div div div a:hover{
background-image:none; background-image:none;
@ -525,7 +528,7 @@ li p{
.start div div div{ .start div div div{
display:block; display:block;
width:auto; width:auto;
padding-bottom:0px; padding-bottom:0;
position:absolute; position:absolute;
bottom:35px; bottom:35px;
} }
@ -550,8 +553,8 @@ li p{
.index ul, .index ul,
.index li{ .index li{
list-style:none; list-style:none;
padding:0px; padding:0;
margin:0px; margin:0;
} }
.index{ .index{
padding:20px; padding:20px;
@ -559,7 +562,7 @@ li p{
display:inline-block; display:inline-block;
} }
.index ul{ .index ul{
padding:10px 0px; padding:10px 0;
} }
.index li{ .index li{
font-weight:bold; font-weight:bold;
@ -578,7 +581,7 @@ li p{
.box{ .box{
border:2px dashed #4892b2; border:2px dashed #4892b2;
padding:0px 20px 0px 20px; padding:0 20px 0 20px;
} }
.boxexpand{ .boxexpand{
overflow:hidden; overflow:hidden;
@ -588,7 +591,7 @@ li p{
} }
.boxexpand>h3:first-child{ .boxexpand>h3:first-child{
display:block; display:block;
margin:20px 0px; margin:20px 0;
} }
.boxexpand>h3:first-child a:link, .boxexpand>h3:first-child a:link,
.boxexpand>h3:first-child a:visited, .boxexpand>h3:first-child a:visited,
@ -613,9 +616,11 @@ li p{
margin-bottom:20px; margin-bottom:20px;
} }
.tablehalf img{ .tablehalf img{
border-radius:10px;
width:400px; width:400px;
height:220px; height:220px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
} }
.tablehalf h2 img{ .tablehalf h2 img{
width:auto; width:auto;
@ -630,7 +635,7 @@ li p{
font-size:80%; font-size:80%;
} }
.contributors span{ .contributors span{
padding:6px 0px; padding:6px 0;
width:170px; width:170px;
overflow:hidden; overflow:hidden;
display:inline-block; display:inline-block;
@ -646,7 +651,7 @@ li p{
display:inline-block; display:inline-block;
width:380px; width:380px;
vertical-align:top; vertical-align:top;
padding:10px 0px 25px 0px; padding:10px 0 25px 0;
min-height:200px; min-height:200px;
} }
.resources>div>div:first-child{ .resources>div>div:first-child{
@ -664,10 +669,10 @@ li p{
} }
.resources p{ .resources p{
font-size:115%; font-size:115%;
margin:6px 0px; margin:6px 0;
} }
#chatbox{ .chatbox{
text-align:center; text-align:center;
} }
@ -703,7 +708,7 @@ li p{
clear:both; clear:both;
} }
.previewcol .previewrow:first-child{ .previewcol .previewrow:first-child{
padding-left:0px; padding-left:0;
} }
.previewrow{ .previewrow{
float:left; float:left;
@ -724,7 +729,7 @@ li p{
} }
.previewrow>div:first-child+div+div, .previewrow>div:first-child+div+div,
.previewrow>div:first-child+div+div+div+div+div{ .previewrow>div:first-child+div+div+div+div+div{
margin-right:0px; margin-right:0;
} }
.previewrow>div>a>img{ .previewrow>div>a>img{
display:block; display:block;
@ -746,17 +751,17 @@ li p{
} }
.previewrow>div>div{ .previewrow>div>div{
opacity:0; opacity:0;
transition:opacity 400ms ease-out;
-moz-transition:opacity 400ms ease-out; -moz-transition:opacity 400ms ease-out;
-webkit-transition:opacity 400ms ease-out; -webkit-transition:opacity 400ms ease-out;
width:0px; transition:opacity 400ms ease-out;
height:0px; width:0;
height:0;
display:inline-block; display:inline-block;
position:absolute; position:absolute;
left:-110px; left:-110px;
right:-110px; right:-110px;
bottom:100px; bottom:100px;
padding:0px; padding:0;
z-index:1000; z-index:1000;
overflow:hidden; overflow:hidden;
} }
@ -771,7 +776,7 @@ li p{
} }
.previewrow>div>div>div:first-child+div{ .previewrow>div>div>div:first-child+div{
background:url(/img/bubblemiddle.svg) bottom center repeat-y; background:url(/img/bubblemiddle.svg) bottom center repeat-y;
padding:0px 30px; padding:0 30px;
} }
.previewrow>div>div>div:first-child+div+div{ .previewrow>div>div>div:first-child+div+div{
background:url(/img/bubblebottom.svg) bottom center no-repeat; background:url(/img/bubblebottom.svg) bottom center no-repeat;
@ -783,7 +788,7 @@ li p{
right:30px; right:30px;
} }
.previewrow>div>div>div>h2{ .previewrow>div>div>div>h2{
margin:0px; margin:0;
padding-top:10px; padding-top:10px;
} }
.previewrow>div>div>div>span>img{ .previewrow>div>div>div>span>img{
@ -791,14 +796,13 @@ li p{
} }
.previewrow>div>div>div>h2:first-child+span+p{ .previewrow>div>div>div>h2:first-child+span+p{
font-size:95%; font-size:95%;
line-height:1.2em; margin:0;
margin:0px; padding:10px 0;
padding:10px 0px;
} }
.previewrow>div>div>div>h2:first-child+span+p+p{ .previewrow>div>div>div>h2:first-child+span+p+p{
text-align:center; text-align:center;
margin:0px; margin:0;
padding:0px; padding:0;
position:relative; position:relative;
bottom:-10px; bottom:-10px;
} }
@ -810,15 +814,16 @@ li p{
text-decoration:none; text-decoration:none;
color:#fff; color:#fff;
background-color:#2c6fad; background-color:#2c6fad;
background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
border:1px solid #255f96; border:1px solid #255f96;
padding:4px 8px; padding:4px 8px;
border-radius:4px;
-webkit-border-radius:4px; -webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
} }
.previewrow>div>div>div>h2:first-child+span+p+p>a:hover{ .previewrow>div>div>div>h2:first-child+span+p+p>a:hover{
background-image:none; background-image:none;
@ -837,11 +842,11 @@ li p{
.previewrow .walletwarning>div>h2:first-child+span+p+p a:visited, .previewrow .walletwarning>div>h2:first-child+span+p+p a:visited,
.previewrow .walletwarning>div>h2:first-child+span+p+p a:active{ .previewrow .walletwarning>div>h2:first-child+span+p+p a:active{
background-color:#b95357; background-color:#b95357;
background-image:linear-gradient(bottom, #a04246 14%, #b95357 70%);
background-image:-o-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-o-linear-gradient(bottom, #a04246 14%, #b95357 70%);
background-image:-moz-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-moz-linear-gradient(bottom, #a04246 14%, #b95357 70%);
background-image:-webkit-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-webkit-linear-gradient(bottom, #a04246 14%, #b95357 70%);
background-image:-ms-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-ms-linear-gradient(bottom, #a04246 14%, #b95357 70%);
background-image:linear-gradient(bottom, #a04246 14%, #b95357 70%);
border:1px solid #a04246; border:1px solid #a04246;
} }
.previewrow .walletwarning>div>h2:first-child+span+p+p a:hover{ .previewrow .walletwarning>div>h2:first-child+span+p+p a:hover{
@ -861,11 +866,11 @@ li p{
.previewrow .walletinfo>div>h2:first-child+span+p+p a:visited, .previewrow .walletinfo>div>h2:first-child+span+p+p a:visited,
.previewrow .walletinfo>div>h2:first-child+span+p+p a:active{ .previewrow .walletinfo>div>h2:first-child+span+p+p a:active{
background-color:#ee9209; background-color:#ee9209;
background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-o-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-moz-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-webkit-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%); background-image:-ms-linear-gradient(bottom, #e28700 14%, #ee9209 70%);
background-image:linear-gradient(bottom, #e28700 14%, #ee9209 70%);
border:1px solid #d57700; border:1px solid #d57700;
} }
.previewrow .walletinfo>div>h2:first-child+span+p+p a:hover{ .previewrow .walletinfo>div>h2:first-child+span+p+p a:hover{
@ -917,7 +922,7 @@ h2 .rssicon{
.redirectmsg{ .redirectmsg{
text-align:center; text-align:center;
margin:20px 0px; margin:20px 0;
} }
.redirectmsg h1{ .redirectmsg h1{
color:#7b7c7c; color:#7b7c7c;
@ -940,7 +945,7 @@ h2 .rssicon{
text-align:center; text-align:center;
} }
.download .mainbutton a{ .download .mainbutton a{
margin:10px 0px 35px 0px; margin:10px 0 35px 0;
} }
.downloadbox{ .downloadbox{
display:inline-block; display:inline-block;
@ -948,24 +953,25 @@ h2 .rssicon{
border:2px solid #fad296; border:2px solid #fad296;
padding:20px; padding:20px;
font-size:125%; font-size:125%;
border-radius:12px;
-webkit-border-radius:12px; -webkit-border-radius:12px;
margin:0px auto 20px auto; -moz-border-radius:12px;
border-radius:12px;
margin:0 auto 20px auto;
} }
.downloadbox p{ .downloadbox p{
margin:0; margin:0;
margin-top:20px; margin-top:20px;
margin-bottom:0px; margin-bottom:0;
} }
.downloadbox p:first-child{ .downloadbox p:first-child{
margin-top:0px; margin-top:0;
margin-bottom:20px; margin-bottom:20px;
} }
.downloadbox a{ .downloadbox a{
display:inline-block; display:inline-block;
} }
.downloadbox div{ .downloadbox div{
margin:10px 0px; margin:10px 0;
text-align:left; text-align:left;
} }
.downloadbox span{ .downloadbox span{
@ -1013,34 +1019,34 @@ h2 .rssicon{
.press-volunteer>div>div>img:first-child+p{ .press-volunteer>div>div>img:first-child+p{
font-weight:bold; font-weight:bold;
color:#2c6fad; color:#2c6fad;
margin:0px; margin:0;
} }
.press-volunteer>div>div>img:first-child+p+p{ .press-volunteer>div>div>img:first-child+p+p{
margin:0px; margin:0;
} }
.press-volunteer>div>div>img:first-child+p+p+p{ .press-volunteer>div>div>img:first-child+p+p+p{
font-size:80%; font-size:80%;
} }
.press-volunteer>div>div>img:first-child+p+p+p+p{ .press-volunteer>div>div>img:first-child+p+p+p+p{
margin:0px; margin:0;
} }
.press-volunteer>div>p>img{ .press-volunteer>div>p>img{
vertical-align:bottom; vertical-align:bottom;
} }
.press-volunteer>div:first-child+div+div>p{ .press-volunteer>div:first-child+div+div>p{
margin-top:0px; margin-top:0;
margin-bottom:10px; margin-bottom:10px;
} }
.press-volunteer>div:first-child>p:first-child+p{ .press-volunteer>div:first-child>p:first-child+p{
height:0px; height:0;
overflow:hidden; overflow:hidden;
margin-top:0px; margin-top:0;
margin-bottom:10px; margin-bottom:10px;
font-size:85%; font-size:85%;
text-align:justify; text-align:justify;
transition:height 400ms ease-out;
-moz-transition:height 400ms ease-out; -moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out; -webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
} }
.press-faq{ .press-faq{
@ -1063,19 +1069,19 @@ h2 .rssicon{
margin-right:20px; margin-right:20px;
} }
.press-faq>div>div{ .press-faq>div>div{
height:0px; height:0;
overflow:hidden; overflow:hidden;
text-align:justify; text-align:justify;
transition:height 400ms ease-out;
-moz-transition:height 400ms ease-out; -moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out; -webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
} }
.press-faq li{ .press-faq li{
text-align:justify; text-align:justify;
line-height:1.5em; line-height:1.5em;
} }
.press-faq>div>span>p{ .press-faq>div>span>p{
margin-bottom:0px; margin-bottom:0;
} }
.press-materials{ .press-materials{
@ -1098,9 +1104,9 @@ h2 .rssicon{
.press-materials>div>div{ .press-materials>div>div{
height:270px; height:270px;
overflow:hidden; overflow:hidden;
transition:height 400ms ease-out;
-moz-transition:height 400ms ease-out; -moz-transition:height 400ms ease-out;
-webkit-transition:height 400ms ease-out; -webkit-transition:height 400ms ease-out;
transition:height 400ms ease-out;
} }
.press-materials>div:first-child+div>div img{ .press-materials>div:first-child+div>div img{
margin-right:14px; margin-right:14px;
@ -1118,7 +1124,7 @@ h2 .rssicon{
} }
.press-materials>div:first-child+div+div>div>p{ .press-materials>div:first-child+div+div>div>p{
margin-bottom:25px; margin-bottom:25px;
margin-top:0px margin-top:0
} }
.press-materials>div:first-child+div+div>div>p>span:first-child{ .press-materials>div:first-child+div+div>div>p>span:first-child{
font-weight:bold; font-weight:bold;
@ -1166,12 +1172,12 @@ h2 .rssicon{
.summary{ .summary{
text-align:left; text-align:left;
} }
#head{ .head{
margin:0px; margin:0;
} }
#langselect{ .langselect{
background-color:transparent; background-color:transparent;
border:0px; border:0;
font-size:115%; font-size:115%;
position:absolute; position:absolute;
right:-20px; right:-20px;
@ -1179,7 +1185,7 @@ h2 .rssicon{
width:150px; width:150px;
text-align:right; text-align:right;
} }
#menumobile{ .menumobile{
display:inline-block; display:inline-block;
float:right; float:right;
height:40px; height:40px;
@ -1189,58 +1195,58 @@ h2 .rssicon{
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:center center; background-position:center center;
} }
#lang, .lang,
#menusimple{ .menusimple{
display:none; display:none;
} }
#menusimple{ .menusimple{
position:static; position:static;
bottom:0px; bottom:0;
margin:0px 0px 10px 0px; margin:0 0 10px 0;
height:auto; height:auto;
} }
#menusimple li a, .menusimple li a,
#menusimple li ul li a, .menusimple li ul li a,
#menusimple li ul li a:active, .menusimple li ul li a:active,
#menusimple li ul li a:visited, .menusimple li ul li a:visited,
#menusimple li ul li a:link{ .menusimple li ul li a:link{
padding:10px 6px 8px 6px; padding:10px 6px 8px 6px;
display:block; display:block;
} }
#menusimple li{ .menusimple li{
display:block; display:block;
margin:4px; margin:4px;
position:static; position:static;
} }
#menusimple li ul{ .menusimple li ul{
min-width:0; min-width:0;
position:relative; position:relative;
} }
#menusimple ul.hover{ .menusimple ul.hover{
display:block; display:block;
} }
#logo{ .logo{
position:static; position:static;
display:inline-block; display:inline-block;
margin:10px; margin:10px;
} }
#content{ .content{
position:static; position:static;
margin:0px 5px; margin:0 5px;
padding:15px 10px 20px 10px; padding:15px 10px 20px 10px;
} }
#footer{ .footer{
padding:20px 0px 20px 5px; padding:20px 0 20px 5px;
background-color:transparent; background-color:transparent;
} }
.index{ .index{
padding:15px; padding:15px;
} }
.index ul{ .index ul{
padding:5px 0px; padding:5px 0;
} }
.index li{ .index li{
padding:3px 0px; padding:3px 0;
} }
.contributors{ .contributors{
width:auto; width:auto;
@ -1252,7 +1258,7 @@ h2 .rssicon{
.tablehalf div{ .tablehalf div{
display:block; display:block;
width:auto; width:auto;
margin-left:0px; margin-left:0;
} }
.tablehalf img{ .tablehalf img{
width:auto; width:auto;
@ -1263,12 +1269,12 @@ h2 .rssicon{
} }
.preview{ .preview{
width:auto; width:auto;
border:0px; border:0;
padding:0px; padding:0;
} }
.previewrow{ .previewrow{
float:none; float:none;
padding-left:0px; padding-left:0;
margin:auto; margin:auto;
} }
.press-volunteer>div>div{ .press-volunteer>div>div{
@ -1277,13 +1283,13 @@ h2 .rssicon{
} }
.press-volunteer>div>div>img{ .press-volunteer>div>div>img{
float:none; float:none;
margin-right:0px; margin-right:0;
margin-bottom:20px; margin-bottom:20px;
} }
.press-faq>div{ .press-faq>div{
width:auto; width:auto;
display:block; display:block;
margin-right:0px; margin-right:0;
} }
.press-news>div{ .press-news>div{
width:auto; width:auto;
@ -1291,7 +1297,7 @@ h2 .rssicon{
} }
.press-news>div>a>img{ .press-news>div>a>img{
float:none; float:none;
margin-right:0px; margin-right:0;
margin-bottom:20px; margin-bottom:20px;
} }
.mainvideo{ .mainvideo{
@ -1324,43 +1330,43 @@ h2 .rssicon{
position:static; position:static;
} }
.start>div:first-child+div{ .start>div:first-child+div{
border-top:0px; border-top:0;
} }
.start div div{ .start div div{
display:block; display:block;
width:auto; width:auto;
padding:0px 0px 50px 0px; padding:0 0 50px 0;
position:relative; position:relative;
} }
.start>div>div:first-child{ .start>div>div:first-child{
border-right:0px; border-right:0;
padding-right:0px; padding-right:0;
} }
.start div div div{ .start div div div{
bottom:15px; bottom:15px;
} }
.start>div>div:first-child+div{ .start>div>div:first-child+div{
border-left:0px; border-left:0;
padding-left:0px; padding-left:0;
margin-left:0px; margin-left:0;
} }
.resources>div:first-child+div{ .resources>div:first-child+div{
border-top:0px; border-top:0;
} }
.resources div div{ .resources div div{
display:block; display:block;
width:auto; width:auto;
padding:0px 0px 10px 0px; padding:0 0 10px 0;
min-height:0; min-height:0;
} }
.resources>div>div:first-child{ .resources>div>div:first-child{
padding-right:0px; padding-right:0;
border-right:0px; border-right:0;
} }
.resources>div>div:first-child+div{ .resources>div>div:first-child+div{
border-left:0px; border-left:0;
padding-left:0px; padding-left:0;
margin-left:0px; margin-left:0;
} }
} }

2
_templates/development.html
View file

@ -44,7 +44,7 @@ id: development
{% else %} {% else %}
<p>{% translate involvetxt1 %}</p> <p>{% translate involvetxt1 %}</p>
<p>{% translate involvetxt2 %}</p> <p>{% translate involvetxt2 %}</p>
<div id="chatbox"></div> <div id="chatbox" class="chatbox"></div>
{% endcase %} {% endcase %}
{% case page.lang %} {% case page.lang %}

103
css/ie.css
View file

@ -3,57 +3,68 @@ body{
behavior:url("/css/csshover.htc"); behavior:url("/css/csshover.htc");
} }
#head div{ .head div{
width:expression(this.parentNode.id&&this.parentNode.id=='head'?'940px':'');
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:940px; width:940px;
} }
#footer{ .body{
width:940px;
}
.footer{
width:800px; width:800px;
} }
#footer div a{ .lang{
margin-right:expression(this.parentNode.nodeName=='DIV'?'15px':'');
}
#lang{
border-left:2px solid #f7f7f7; border-left:2px solid #f7f7f7;
border-right:2px solid #f7f7f7; border-right:2px solid #f7f7f7;
border-top:2px solid #f7f7f7; border-top:2px solid #f7f7f7;
} }
#menusimple li{ .menusimple li{
/*This one is also required for IE7*/ /*This one is also required for IE7*/
zoom:1; zoom:1;
display:inline; display:inline;
} }
#menusimple li a{ .menusimple li a{
font-family:sans-serif; font-family:sans-serif;
} }
#menusimple li:hover a, .menusimple li:hover a,
#menusimple li.active a{ .menusimple li.active a{
color:#fff; color:#fff;
} }
#menusimple li ul{ .menusimple li ul{
width:190px; width:190px;
min-width:auto; min-width:auto;
} }
#menusimple li ul li{ .menusimple li ul li{
width:100%; width:100%;
} }
#menusimple li ul li a{ .menusimple li ul li a{
width:100%; width:100%;
} }
#menusimple li ul li a:hover, .menusimple li ul li a:hover,
#menusimple li ul li.active a, .menusimple li ul li.active a,
#menusimple li ul li.active a:link, .menusimple li ul li.active a:link,
#menusimple li ul li.active a:visited, .menusimple li ul li.active a:visited,
#menusimple li ul li.active a:active{ .menusimple li ul li.active a:active{
color:#fff; color:#fff;
} }
.index{
font-size:0;
}
.index li{
margin-left:-16px;
}
.index ul li{
margin-left:16px;
}
.index a,
.index a:link,
.index a:active,
.index a:visited{
font-size:16px;
}
.titleicon{ .titleicon{
vertical-align:middle; vertical-align:middle;
margin-right:5px; margin-right:5px;
@ -133,11 +144,11 @@ body{
margin-left:expression(this.parentNode.getElementsByTagName('DIV')[2]==this?'-1px':''); margin-left:expression(this.parentNode.getElementsByTagName('DIV')[2]==this?'-1px':'');
} }
.start div div div{ .start div div div{
padding-top:0px; padding-top:0;
} }
.start>div>div:first-child+div{ .start>div>div:first-child+div{
/*This one is for IE7 only*/ /*This one is for IE7 only*/
border-top:0px; border-top:0;
} }
.resources div{ .resources div{
@ -157,7 +168,7 @@ body{
} }
.resources>div>div:first-child+div{ .resources>div>div:first-child+div{
/*This one is for IE7 only*/ /*This one is for IE7 only*/
border-top:0px; border-top:0;
} }
.downloadbox{ .downloadbox{
@ -204,7 +215,7 @@ body{
} }
.boxexpand h3{ .boxexpand h3{
display:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'block':''); 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':''); margin:expression((this.parentNode.nodeName=='DIV'&&this.parentNode.getElementsByTagName('H3')[0]==this)?'20px 0':'');
} }
.boxexpand h3 a:link, .boxexpand h3 a:link,
.boxexpand h3 a:visited, .boxexpand h3 a:visited,
@ -265,12 +276,12 @@ body{
height:72px; height:72px;
} }
.previewrow div div{ .previewrow div div{
height:0px; height:0;
position:absolute; position:absolute;
left:-105px; left:-105px;
right:-110px; right:-110px;
bottom:100px; bottom:100px;
padding:0px; padding:0;
z-index:1000; z-index:1000;
overflow:hidden; overflow:hidden;
width:280px; width:280px;
@ -287,32 +298,27 @@ body{
} }
.previewrow div div div.b1{ .previewrow div div div.b1{
background:url(/img/bubbletop.png) bottom center no-repeat; background:url(/img/bubbletop.png) bottom center no-repeat;
padding:0px; padding:0;
height:10px; height:10px;
} }
.previewrow div div div.b2{ .previewrow div div div.b2{
background:url(/img/bubblemiddle.png) bottom center repeat-y; background:url(/img/bubblemiddle.png) bottom center repeat-y;
padding:0px; padding:0;
padding-top:10px; padding-top:10px;
} }
.previewrow div div div.b3{ .previewrow div div div.b3{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblebottom.png', sizingMethod='scale'); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblebottom.png', sizingMethod='scale');
padding:0px; padding:0;
height:64px; height:64px;
} }
.previewrow>div>div>div:first-child+div{ .previewrow>div>div>div:first-child+div{
padding:0px; padding:0;
}
.previewrow div div div p{
width:220px;
position:relative;
left:30px;
} }
.previewrow div div div h2{ .previewrow div div div h2{
font-size:130%; font-size:130%;
position:relative; position:relative;
left:30px; left:30px;
margin:0px; margin:0;
} }
.previewrow div div div span{ .previewrow div div div span{
/*FIXME can't get to make it work on IE6-7*/ /*FIXME can't get to make it work on IE6-7*/
@ -326,12 +332,13 @@ body{
} }
.previewrow div div div p{ .previewrow div div div p{
font-size:95%; font-size:95%;
line-height:1.2em; margin:0;
margin:0px; padding:10px 0;
padding:10px 0px;
}
.previewrow div div div p{
text-align:expression((this.parentNode.getElementsByTagName('P')[1]==this)?'center':''); text-align:expression((this.parentNode.getElementsByTagName('P')[1]==this)?'center':'');
width:220px;
position:relative;
left:30px;
line-height:1.5em;
} }
.previewrow div div div p a, .previewrow div div div p a,
.previewrow div div div p a:visited, .previewrow div div div p a:visited,
@ -434,14 +441,14 @@ body{
font-weight:normal; font-weight:normal;
} }
.press-faq div div{ .press-faq div div{
height:0px; height:0;
width:auto; width:auto;
margin:10px 0px 0px 0px; margin:10px 0 0 0;
overflow:hidden; overflow:hidden;
text-align:justify; text-align:justify;
} }
.press-faq div span p{ .press-faq div span p{
margin-bottom:0px; margin-bottom:0;
} }
.press-materials div a{ .press-materials div a{

42
css/rtl.css
View file

@ -15,7 +15,7 @@ h2,h3{
ul{ ul{
padding-right:20px; padding-right:20px;
padding-left:auto; padding-left:auto;
margin-right:0px; margin-right:0;
} }
p{ p{
line-height:2em; line-height:2em;
@ -23,34 +23,34 @@ p{
/*Styles for whole website*/ /*Styles for whole website*/
#head{ .head{
direction:ltr; direction:ltr;
} }
#lang li ul li{ .lang li ul li{
font-family:Arial, sans-serif; font-family:Arial, sans-serif;
} }
#menusimple li a, .menusimple li a,
#menusimple li a:active, .menusimple li a:active,
#menusimple li a:visited, .menusimple li a:visited,
#menusimple li a:link{ .menusimple li a:link{
font-family:'DroidNaskh', sans-serif; font-family:'DroidNaskh', sans-serif;
} }
#menusimple li ul{ .menusimple li ul{
right:0px; right:0;
left:auto; left:auto;
} }
#menusimple li ul li a, .menusimple li ul li a,
#menusimple li ul li a:active, .menusimple li ul li a:active,
#menusimple li ul li a:visited, .menusimple li ul li a:visited,
#menusimple li ul li a:link{ .menusimple li ul li a:link{
text-align:right; text-align:right;
} }
#footer{ .footer{
text-align:right; text-align:right;
padding:20px 40px 20px 0px; padding:20px 40px 20px 0;
} }
#footer>div>a{ .footer>div>a{
margin-right:0px; margin-right:0;
margin-left:15px; margin-left:15px;
} }
.titleicon{ .titleicon{
@ -58,12 +58,12 @@ p{
margin-left:5px; margin-left:5px;
} }
h1 .rssicon{ h1 .rssicon{
margin-left:0px; margin-left:0;
margin-right:10px; margin-right:10px;
margin-bottom:12px; margin-bottom:12px;
} }
h2 .rssicon{ h2 .rssicon{
margin-left:0px; margin-left:0;
margin-right:10px; margin-right:10px;
margin-bottom:18px; margin-bottom:18px;
} }
@ -97,7 +97,7 @@ h2 .rssicon{
} }
.previewrow>div:first-child+div+div, .previewrow>div:first-child+div+div,
.previewrow>div:first-child+div+div+div+div+div{ .previewrow>div:first-child+div+div+div+div+div{
margin-left:0px; margin-left:0;
} }
.previewrow>div>div>div>span{ .previewrow>div>div>div>span{
right:auto; right:auto;
@ -135,7 +135,7 @@ h2 .rssicon{
.summary{ .summary{
text-align:right; text-align:right;
} }
#content{ .content{
position:static; position:static;
padding:15px 10px 20px 10px; padding:15px 10px 20px 10px;
text-align:right; text-align:right;

8
css/sans.css
View file

@ -2,10 +2,10 @@ h1,h2{
font-family:Arial, sans-serif; font-family:Arial, sans-serif;
font-weight:bold; font-weight:bold;
} }
#menusimple li a, .menusimple li a,
#menusimple li a:active, .menusimple li a:active,
#menusimple li a:visited, .menusimple li a:visited,
#menusimple li a:link{ .menusimple li a:link{
font-family:Arial, sans-serif; font-family:Arial, sans-serif;
} }
.mainbutton a, .mainbutton a,