MediaWiki:Mobile.css: Difference between revisions

From AAISP Support Site
mNo edit summary
mNo edit summary
Line 14: Line 14:
margin: 3px 0px 0px 1px;
margin: 3px 0px 0px 1px;
vertical-align:top;
vertical-align:top;
display:inline-block;

}
}


Line 24: Line 24:
}
}
.AAMenuCell p{
.AAMenuCell p{
overflow: hidden; /* this is what keep the <p> from wrapping */
overflow: hidden; /* this is what keeps the <p> from wrapping */
}
}




.AAMenuCell ul{
.AAMenuCell ul{
overflow: hidden; /* this is what keep the <p> from wrapping */
overflow: hidden; /* this is what keeps the <ul> from wrapping */
display:list-item;
display:list-item;
}
}
Line 41: Line 41:
.AAMenuText{
.AAMenuText{
width:290px;
width:290px;
display:inline-block;


}
}

Revision as of 21:49, 16 March 2015

/* CSS placed here will affect users of the mobile site */

.AAMenuRow{
    display:block;
    vertical-align:top;

}
.AAMenuCell{
    width:400px;
    height:150px;
    border: 5px solid;
    border-color: #0095ff;
    background-color: #f6f6f6;
    margin: 3px 0px 0px 1px;
    vertical-align:top;
    display:inline-block;
}

.AAMenuCell div{
    height:150px;
    vertical-align:top;
    background-color: red;
    display:inline-block;
}
.AAMenuCell p{
    overflow: hidden; /* this is what keeps the <p> from wrapping */
}


.AAMenuCell ul{
    overflow: hidden; /* this is what keeps the <ul> from wrapping */
    display:list-item;
}

.AAMenuImg img{
visibility: hidden;
}
.AAMenuImg{
visibility: hidden;
}
.AAMenuText{
    width:290px;

}