分页样式纠正,解决两个垂直滚动条问题
This commit is contained in:
@@ -26,6 +26,8 @@
|
||||
<link href="${pageContext.request.contextPath}/static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="${pageContext.request.contextPath}/static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link href="${pageContext.request.contextPath}/static/global/css/page.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="${pageContext.request.contextPath}/static/global/plugins/respond.min.js"></script>
|
||||
|
||||
@@ -15,6 +15,10 @@
|
||||
onClick="javascript:window.location='${ctx}/cfg/request/form'"><spring:message code="add_request"></spring:message></button>
|
||||
</div>
|
||||
|
||||
<h3 class="page-title">
|
||||
来函管理
|
||||
</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet box blue">
|
||||
@@ -128,7 +132,7 @@
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="pagination">${page}</div>
|
||||
<div class="page">${page}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -199,7 +199,7 @@
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu">
|
||||
<li class="hide"><a href="${pageContext.request.contextPath}/language?language=zh_CN"> 简体中文 </a></li>
|
||||
<li><a href="${pageContext.request.contextPath}/language?language=zh_CN"> 简体中文 </a></li>
|
||||
<li><a href="${pageContext.request.contextPath}/language?language=en"> English </a></li>
|
||||
<li><a href="${pageContext.request.contextPath}/language?language=ru"> русский язык </a></li>
|
||||
</ul>
|
||||
|
||||
85
src/main/webapp/static/global/css/page.css
Normal file
85
src/main/webapp/static/global/css/page.css
Normal file
@@ -0,0 +1,85 @@
|
||||
|
||||
.page {
|
||||
|
||||
}
|
||||
.page ul {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.page ul > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.page ul > li > a,
|
||||
.page ul > li > span {
|
||||
float: left;
|
||||
padding: 4px 12px;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.page ul > li > a:hover,
|
||||
.page ul > li > a:focus,
|
||||
.page ul > .active > a,
|
||||
.page ul > .active > span {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.page ul > .active > a,
|
||||
.page ul > .active > span {
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.page ul > .disabled > span,
|
||||
.page ul > .disabled > a,
|
||||
.page ul > .disabled > a:hover,
|
||||
.page ul > .disabled > a:focus {
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.page ul > li:first-child > a,
|
||||
.page ul > li:first-child > span {
|
||||
border-left-width: 1px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
}
|
||||
|
||||
.page ul > li:last-child > a,
|
||||
.page ul > li:last-child > span {
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
}
|
||||
|
||||
.page-centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.page .controls a{border:0;}
|
||||
.page .controls input{
|
||||
border: 1px solid #ddd;
|
||||
color:#999;
|
||||
width:30px;
|
||||
padding:0;
|
||||
margin:-3px 0 0 0;
|
||||
text-align:center;
|
||||
}
|
||||
@@ -1611,7 +1611,7 @@
|
||||
background-color:#fff
|
||||
}
|
||||
.page-content .row {
|
||||
margin-bottom: 10px;
|
||||
|
||||
}
|
||||
|
||||
.page-container-bg-solid .page-content {
|
||||
|
||||
Reference in New Issue
Block a user