Use a consistent centered layout for mobiles

(Apply previous improvements to the Innovation page to all pages)
This commit is contained in:
Saivann 2014-11-07 02:49:47 -05:00
parent fbf5448c59
commit 53fdb6a067
2 changed files with 33 additions and 32 deletions

View file

@ -298,8 +298,13 @@ h2 .rssicon{
/*Styles specific to mobiles*/
@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
h1{
text-align:right;
h2{
text-align:center;
}
.titleicon,
.warningicon{
margin:auto;
margin-bottom:5px;
}
.langselect{
text-align:right;
@ -309,17 +314,16 @@ h2 .rssicon{
margin-left:0;
margin-right:10px;
}
.summary{
text-align:right;
}
.content{
position:static;
padding:15px 10px 20px 10px;
text-align:right;
}
.footermenu{
display:block;
}
.resources,
.resources p{
text-align:center;
}
.resources>div>div:first-child{
padding-left:0;
border-left:0;
@ -353,10 +357,6 @@ h2 .rssicon{
.downloadbox{
text-align:right;
}
.download h1,
.download h2{
text-align:right;
}
.download div p{
text-align:right;
}

View file

@ -2022,15 +2022,20 @@ h2 .rssicon{
img{
max-width:100%;
}
h1{
text-align:left;
h1,
h2{
text-align:center;
}
.titleicon,
.warningicon{
display:block;
position:static;
margin:auto;
margin-bottom:5px;
}
.banner-message div div{
width:auto;
}
.summary{
text-align:left;
}
.head{
margin:0;
}
@ -2106,7 +2111,7 @@ h2 .rssicon{
position:static;
text-align:left;
margin:0;
padding:15px 10px 20px 10px;
padding:20px 10px;
border-right:0;
border-left:0;
-webkit-border-radius:0;
@ -2133,9 +2138,9 @@ h2 .rssicon{
.index li{
padding:3px 0;
}
.docreference{
width:220px;
margin:0 0 40px 0;
.docreference a{
display:block;
margin:0 auto 40px auto;
}
.toc{
position:static;
@ -2204,9 +2209,6 @@ h2 .rssicon{
margin:auto;
display:block;
}
.tablehalf h2 {
text-align: center;
}
.listtable div div{
display:block;
}
@ -2278,6 +2280,8 @@ h2 .rssicon{
padding-right:0;
}
.start div div div{
position:static;
text-align:center;
bottom:15px;
}
.start>div>div:first-child+div{
@ -2303,6 +2307,10 @@ h2 .rssicon{
padding-left:0;
margin-left:0;
}
.resources,
.resources p{
text-align:center;
}
.resourcesorg div div{
width:auto;
display:block;
@ -2317,9 +2325,6 @@ h2 .rssicon{
padding:0;
border:0;
}
.resourcesmore div h2{
text-align:left;
}
.walletmenu ul{
display:block;
}
@ -2433,10 +2438,6 @@ h2 .rssicon{
.download div p{
text-align:left;
}
.download h1,
.download h2{
text-align:left;
}
.download .mainbutton{
display:none;
}