MediaWiki:Mobile.css: Difference between revisions

From AAISP Support Site
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:150px;
border: 5px solid;
border-color: #0095ff;
background-color: #f6f6f6;
margin: 3px 0px 0px 1px;
vertical-align:top;

}

.AAMenuCell div{
height:150px;
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 19:47, 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:150px;
    border: 5px solid;
    border-color: #0095ff;
    background-color: #f6f6f6;
    margin: 3px 0px 0px 1px;
    vertical-align:top;

}

.AAMenuCell div{
    height:150px;
    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;

}