msb-public-java
/
jeecg
mirror of https://gitee.com/jeecg/jeecg.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '344648eb79'
${ noResults }
jeecg/WebRoot/plug-in/datatables/thems/default/datatables_style.css

468 lines
14 KiB
Raw Blame History Escape

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

/*
* 表格样式
*/
body {
background: #fff;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
background: url(img/5.png) repeat;
font-family: 'Droid Sans', Helvetica, Arial, sans-serif；
Helvetica, Arial, sans-serif;
color:#353535;
font-size: 13px;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
font-size-adjust: 100%;
font-weight: 400;
/*-webkit-text-stroke: 100%;*/
}
.dataTables_wrapper {
position: relative;
clear: both;
zoom: 1; /* Feeling sorry for IE */
}
.box .dataTables_wrapper {
padding-top: 5px;
}
/*列表长度下拉框宽度*/
div.dataTables_length select {
width: 60px;
}
.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 30px;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px 0;
border: 1px solid #ddd;
text-align: center;
color: #999;
font-size: 14px;
background-color: white;
}
.dataTables_length {
width: auto;
float: right;
}
.dataTables_length .selector {
margin-left: 10px;
}
.dataTables_length .selector select {
width: 50px !important;
}
.box .dataTables_length {
margin-right: 15px;
}
.dataTables_filter {
width: auto;
float: left;
text-align: left;
}
.dataTables_filter input {
margin-left: 10px;
background: url(img/search.png) no-repeat 98% center;
}
.box .dataTables_filter {
margin-left: 15px;
}
.dataTables_info {
width: auto;
float: left;
margin-top: 10px;
padding-left: 10px;
}
.box .dataTables_info {
margin-top: 15px;
margin-bottom: 15px;
}
.dataTables_paginate {
float: right;
text-align: right;
margin-top: 10px;
margin-right: 10px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables display
*/
table.display {
margin: 0 auto;
clear: both;
width: 100%;
}
table.display thead tr {
background: rgb(255, 255, 255);
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255,
255, 255, 1) ), color-stop(100%, rgba(243, 243, 243, 1) ) );
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
'#ffffff', endColorstr = '#f3f3f3', GradientType = 0 );
-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
}
table.display thead th {
font-weight: bold;
cursor: pointer; *
cursor: hand;
}
table.display tfoot tr {
background: rgb(255, 255, 255);
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255,
255, 255, 1) ), color-stop(100%, rgba(243, 243, 243, 1) ) );
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
'#ffffff', endColorstr = '#f3f3f3', GradientType = 0 );
-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
border-bottom: 1px solid #c4c4c4;
}
table.display tfoot th {
font-weight: bold;
}
.box table.display tfoot th {
border-bottom: 1px solid #c4c4c4;
}
table.display tr.heading2 td {
border-bottom: 1px solid #aaa;
}
table.display td {
padding: 3px 2px;
}
table.display th {
padding: 3px 3px;
}
table.display td.center {
text-align: center;
width: auto;
display: table-cell;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables sorting
*/
.sorting_asc {
background: url('img/sort_asc.png') no-repeat center right
!important;
}
.sorting_desc {
background: url('img/sort_desc.png') no-repeat center right
!important;
}
.sorting {
background: url('img/sort_both.png') no-repeat center right
!important;
}
.sorting_asc_disabled {
background: url('img/sort_asc_disabled.png') no-repeat center
right !important;
}
.sorting_desc_disabled {
background: url('img/sort_desc_disabled.png') no-repeat center
right !important;
}
th:active {
outline: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables row classes
*/
table.display tr.odd.gradeA {
background-color: #ffffff;
}
table.display tr.even.gradeA {
background-color: #f7f7f7;
}
table.display tr.odd.gradeC {
background-color: #ffffff;
}
table.display tr.even.gradeC {
background-color: #f7f7f7;
}
table.display tr.odd.gradeX {
background-color: #ffffff;
}
table.display tr.even.gradeX {
background-color: #f7f7f7;
}
table.display tr.odd.gradeU {
background-color: #ffffff;
}
table.display tr.even.gradeU {
background-color: #f7f7f7;
}
tr.odd {
background-color: #f7f7f7;
}
tr.even {
background-color: white;
}
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.top .dataTables_info {
float: none;
}
.clear {
clear: both;
}
.dataTables_empty {
text-align: center;
}
tfoot input {
margin: 0.5em 0;
width: 100%;
color: #444;
}
tfoot input.search_init {
color: #999;
}
td.group {
background-color: #d1cfd0;
border-bottom: 2px solid #A19B9E;
border-top: 2px solid #A19B9E;
}
td.details {
background-color: #d1cfd0;
border: 2px solid #A19B9E;
}
.example_alt_pagination div.dataTables_info {
width: 40%;
}
.paging_full_numbers {
height: 28px;
}
.paging_full_numbers a:active {
color: #f2f2f2;
box-shadow: 0 1px 0 #eaeaea, 0 1px 0 #67c3da inset;
border-color: #5098aa;
background: #88BBC8;
}
.paging_full_numbers a:hover {
border: 1px solid #a3a3a3;
background: #e8e6e6;
}
.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active
{
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
color: #333 !important;
}
.paging_full_numbers a.paginate_button {
display: inline-block;
float: left;
padding: 0 14px;
line-height: 28px;
text-decoration: none;
border: 1px solid #c4c4c4;
border-left-width: 1px;
background: rgb(255, 255, 255);
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255,
255, 255, 1) ), color-stop(100%, rgba(243, 243, 243, 1) ) );
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
background: linear-gradient(top, rgba(255, 255, 255, 1) 1%,
rgba(243, 243, 243, 1) 100% );
filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
'#ffffff', endColorstr = '#f3f3f3', GradientType = 0 );
min-height: 28px;
color: #717171;
box-shadow: 0 1px 0 #eaeaea, 0 1px 0 #fff inset;
margin-right: 4px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
font-weight: 700;
}
.paging_full_numbers a.paginate_button:hover {
border: 1px solid #a3a3a3;
background: #e8e6e6;
}
.paging_full_numbers a.paginate_active {
color: #f2f2f2;
box-shadow: 0 1px 0 #eaeaea, 0 1px 0 #67c3da inset;
border-color: #5098aa;
background: #88BBC8;
float: left;
padding: 0 14px;
line-height: 28px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
font-weight: 700;
cursor: default;
text-decoration: none;
color: #fff;
}
/*表格样式*/
.table {position: relative;}
.table td { border-top: 1px solid #c4c4c4;}
.table thead th, .table tbody td {text-align: center;}
.table thead th:first-child, .table tbody td:first-child {text-align: left;}
.table tr {
-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
}
.table tbody {background-color:#fafafa;}
.table tbody + tbody {border-top: 2px solid #c4c4c4;}
.table tbody tr:last-child{border-bottom: 1px solid #c4c4c4;}
.table thead th {
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
}
.table-bordered {
border-color: #c4c4c4;
border-top:1px solid transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-bottom: 1px;
border-collapse: collapse;
margin-top:-1px;
margin-left:-1px;
}
.table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
border-top: 1px solid #c4c4c4;
}
.table-bordered th,.table-bordered td { border-left: 1px solid #c4c4c4;}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 2px;
-moz-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
background-color: #f7f7f7;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #e8eaeb;
}
.noPad .table {border: 1px solid transparent;margin-bottom: -1px; margin-top:-1px;}
.box .dataTables_wrapper {margin-left: -1px;}
Reference in new issue View Git Blame Copy Permalink