Improve download page layout

Increase icons' size and add an icon for the source code
Show optimized OS list and no OS auto-detect button for mobiles
Don't mix release signatures with downloads
This commit is contained in:
Saivann 2013-12-15 14:47:50 -05:00
parent fc4a84b99f
commit 536cf0149b
15 changed files with 260 additions and 126 deletions

View file

@ -191,9 +191,16 @@ body{
zoom:1;
display:inline;
}
.downloadbox span{
.downloadbox div{
zoom:1;
display:inline;
display:inline;
}
.downloadbox div div{
display:block;
}
.download span{
zoom:1;
display:inline;
}
.alert-message a:hover,
@ -203,11 +210,6 @@ body{
color:#fff;
}
.download span{
zoom:1;
display:inline;
}
.index{
zoom:1;
display:inline;

View file

@ -117,6 +117,20 @@ h2 .rssicon{
margin-right:auto;
margin-left:10px;
}
.downloadbox a{
direction:ltr;
}
.downloadbox small{
direction:ltr;
}
.downloadbox div div{
text-align:right;
font-family:Arial, sans-serif;
}
.downloadbox small{
right:40px;
left:0;
}
/*Override UbuntuBold by Droid Naskh*/
@ -137,6 +151,22 @@ h2 .rssicon{
padding:15px 10px 20px 10px;
text-align:right;
}
.download{
text-align:right;
}
.download p{
text-align:right;
}
.downloadbox{
text-align:right;
}
.download h1,
.download h2{
text-align:right;
}
.download div p{
text-align:right;
}
}
/* Deprecated styles (should be removed when translations are updated) */

View file

@ -1009,7 +1009,6 @@ h2 .rssicon{
}
.downloadbox{
display:inline-block;
text-align:center;
border:2px solid #fad296;
padding:20px;
font-size:125%;
@ -1019,30 +1018,39 @@ h2 .rssicon{
margin:0 auto 20px auto;
}
.downloadbox p{
margin:0;
margin-top:20px;
margin-bottom:0;
margin:20px 0 0 0;
}
.downloadbox p:first-child{
margin-top:0;
margin-bottom:20px;
margin:0 0 10px 0;
}
.downloadbox p a{
font-size:90%;
}
.downloadbox a{
display:inline-block;
}
.downloadbox div{
display:inline-block;
margin:0 10px;
vertical-align:top;
}
.downloadbox div div{
display:block;
width:180px;
margin:10px 0;
text-align:left;
}
.downloadbox span{
width:16px;
height:16px;
display:inline-block;
.downloadbox img{
width:32px;
height:32px;
position:relative;
bottom:-22px;
}
.download span{
width:16px;
height:16px;
display:inline-block;
.downloadbox small{
display:block;
position:relative;
left:40px;
margin-top:4px;
}
.summary{
@ -1555,9 +1563,34 @@ h2 .rssicon{
.resourcesorg div{
border-top:0;
}
.download{
text-align:left;
}
.download p{
text-align:left;
}
.download div p{
text-align:left;
}
.download h1,
.download h2{
text-align:left;
}
.download .mainbutton{
display:none;
}
.downloadbox{
border:0;
padding:0;
text-align:left;
}
.downloadbox div div{
margin:0;
width:auto;
}
.downloadbox>p:first-child{
display:none;
}
}
/* Deprecated styles (should be removed when translations are updated) */