20
It think it would be nice if the page navigation links in the forum were buttons. This would make it easier to use on a mobile phone.
I use the following CSS on Xoops 2.5 if you want to try it :
/* pk pagination as buttons */
#xo-pagenav{float:right}
#xo-pagenav a.xo-pagarrow { /* page navigation arrows */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav a.xo-pagarrow:hover{ /* page navigation arrows HOVER */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
background-color: #eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav .xo-pagact { /* active page */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
background-color: #98C93B;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav a.xo-counterpage { /* visited page */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav a.xo-counterpage:hover { /* visited page HOVER */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
background-color: #eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}