/*pagebar可改为自定义名称*/ /*公共样式 字体,行高,字体颜色等*/ .pagebar { font-size: 18px; color: #ad0f19; line-height: 34px; margin-bottom: 54px; overflow: hidden;text-align:center; } .pagebar span{ color:#ad0f19;border-radius:3px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} /*去掉a链接的下划线*/ .pagebar a{ text-decoration: none;color: #ad0f19; } /*消掉最左侧页码区margin-left的5个像素*/ .pagebar .p_pages{ margin-left: -5px; } /*按钮和页码的外观*/ .pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun a, .pagebar .p_no a{ border: 1px solid #af141e; padding: 0px 8px; margin:0px 0px 0px 5px; height:36px; -height:auto; box-sizing:border-box; display:inline-block; vertical-align:middle;line-height: 34px; } /*文字对齐样式*/ .pagebar .p_t{ margin:0px; padding:0px; display:inline-block; vertical-align:middle; } /*无链接的字体颜色*/ .pagebar .p_fun_d, .pagebar .p_no_d{ color: rgba(153,15,24,.5); } /*链接字体颜色*/ .pagebar .p_fun a, .pagebar .p_no a{ color:#ad0f19;border-radius:3px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s } /*鼠标移上时有链接按钮的外观*/ .pagebar .p_no a:hover,.pagebar .p_fun a:hover, .pagebar .p_goto a:hover{ color:#fff;background-color:#f19928;border-color:#f19928} } /*页码省略号...的外观*/ .pagebar .p_dot { margin-left:4px; margin-right:-4px; color:#ad0f19; } /*当前页码的外观*/ .pagebar .p_no_d { color: #fff; background-color: #f19928; border-color: #f19928; } /*按钮控制*/ /*控制是否显示 "首页" "尾页" */ .pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{ display:none; } /*控制是否显示 "上页" "下页"*/ .pagebar .p_prev,.pagebar .p_prev_d.pagebar .p_next,.pagebar .p_next_d{ /*display:none;*/ } /*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/ .pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{ /*display:none;*/ } /*控制是否显示页码*/ .pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{ /*display:none;*/ } /*跳转到页码输入框的外观*/ .pagebar .p_goto input { display:inline-block;vertical-align:middle;width:51px;height:36px;font-size:18px;line-height:34px;text-align:center;border:1px solid #af141e;border-radius:3px;background:0 0;margin:-1px 10px 0;overflow:hidden } /*跳转到页码输入框 鼠标移上及输入时的外框颜色*/ .pagebar .p_goto input:hover, .pagebar .p_goto input:focus{ border: 1px solid #af141e; } /*跳转按钮的外观*/ .pagebar .p_goto a{ border: 1px solid #af141e; padding: 0px 6px; border-radius: 3px; margin:0px; _height:auto; display:inline-block; box-sizing:border-box; vertical-align:middle; }