Apply some additional CSS cleanup and fixes

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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