闲来无事修改drupal6.x分页风格仿digg,效果如下:
CSS代码:
/* 注意:保证以下代码不被默认的代码覆盖
如果有冲突自行修改
----------------------------------------------- */
/* container
在低分辨率下(如:800x600)使用默认garland主题时
防止分页超出页面宽度换行,你可以根据情况注释掉
----------------------------------------------- */
#container{
width: 980px;
}
/* pager
----------------------------------------------- */
div.item-list ul.pager{
padding: 0px;
margin: 1em 0;
clear: left;
text-align: center;
font: 12px/1.4em Arial, Helvetica, sans-serif;
}
div.item-list ul.pager li{
background-image:none;
display:inline;
margin: 0px;
padding: 0px;
list-style: none;
border: none;
}
div.item-list ul.pager a.active,
div.item-list ul li.pager-current,
div.item-list ul li.pager-ellipsis{
background: #fff;
text-decoration: none;
border: 1px solid #9AAFE5;
color:#105CB6;
display: block;
float: left;
padding: .2em .5em;
margin-right: 1px;
cursor:pointer;
}
div.item-list ul li.pager-ellipsis{
border: none;
color:#333;
}
div.item-list ul.pager li .active:hover {
border: 1px solid #2E6AB1;
}
div.item-list ul.pager li.pager-current{
border: 1px solid #2E6AB1;
font-weight: bold;
background: #2E6AB1;
color: #fff;
margin-right: 1px;
}
没有评论:
发表评论