MediaWiki:Mobile.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the mobile site */ |
/* CSS placed here will affect users of the mobile site */ |
||
.AAMenuRow{ |
|||
display:block; |
|||
vertical-align:top; |
|||
} |
|||
.AAMenuCell{ |
|||
display:inline-block; |
|||
width:400px; |
|||
height:180px; |
|||
border: 5px solid; |
|||
border-color: #0095ff; |
|||
background-color: #f6f6f6; |
|||
margin: 3px 0px 0px 1px; |
|||
vertical-align:top; |
|||
} |
|||
.AAMenuCell div{ |
|||
height:180px; |
|||
vertical-align:top; |
|||
} |
|||
.AAMenuCell p{ |
|||
overflow: hidden; /* this is what keep the <p> from wrapping */ |
|||
} |
|||
.AAMenuCell ul{ |
|||
overflow: hidden; /* this is what keep the <p> from wrapping */ |
|||
display:list-item; |
|||
} |
|||
.AAMenuImg img{ |
|||
vertical-align:top; |
|||
} |
|||
.AAMenuImg{ |
|||
width:100px; |
|||
display:inline-block; |
|||
} |
|||
.AAMenuText{ |
|||
width:290px; |
|||
display:inline-block; |
|||
} |
Revision as of 16:46, 16 March 2015
/* CSS placed here will affect users of the mobile site */
.AAMenuRow{
display:block;
vertical-align:top;
}
.AAMenuCell{
display:inline-block;
width:400px;
height:180px;
border: 5px solid;
border-color: #0095ff;
background-color: #f6f6f6;
margin: 3px 0px 0px 1px;
vertical-align:top;
}
.AAMenuCell div{
height:180px;
vertical-align:top;
}
.AAMenuCell p{
overflow: hidden; /* this is what keep the <p> from wrapping */
}
.AAMenuCell ul{
overflow: hidden; /* this is what keep the <p> from wrapping */
display:list-item;
}
.AAMenuImg img{
vertical-align:top;
}
.AAMenuImg{
width:100px;
display:inline-block;
}
.AAMenuText{
width:290px;
display:inline-block;
}