Add project files.
This commit is contained in:
171
SysApp/wwwroot/css/atg-ui/table.css
Normal file
171
SysApp/wwwroot/css/atg-ui/table.css
Normal file
@ -0,0 +1,171 @@
|
||||
/*Table*/
|
||||
|
||||
.abs-pContainer {
|
||||
user-select: none;
|
||||
width: 100%;
|
||||
/* box-shadow: 0 0px 20px 0px rgb(0 0 0 / 15%);
|
||||
*/ border-radius: 10px;
|
||||
}
|
||||
.abs-pContainer [data-scrollbar]{
|
||||
height: 100%!important;
|
||||
}
|
||||
/*@media not all and (min-resolution:.001dpcm) {
|
||||
@supports (-webkit-appearance:none) {
|
||||
.c-ta-c {
|
||||
-webkit-mask-image: -webkit-radial-gradient(white, black);
|
||||
}
|
||||
}
|
||||
}*/
|
||||
.atable-scroll {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
.abs-scrollbar {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
height: auto !important;
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.abs-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.abs-pContainer .scrollbar-thumb {
|
||||
background: #ccc !important
|
||||
}
|
||||
.abs-table {
|
||||
border-radius: 10px;
|
||||
color: #6e6b7b
|
||||
}
|
||||
.abs-table th {
|
||||
color: #fff;
|
||||
background-color: #36304a;
|
||||
padding: 20px 10px 20px;
|
||||
font-size: .9rem;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: .5px
|
||||
}
|
||||
|
||||
.abs-table th:first-child, [data-style="default"] .abs-table td:first-child {
|
||||
padding-left: 25px !important
|
||||
}
|
||||
|
||||
|
||||
.abs-table tbody tr:nth-child(even) {
|
||||
background: #f8f6ff
|
||||
}
|
||||
|
||||
.abs-table td {
|
||||
font-size: .82rem;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
color: #808080;
|
||||
padding: 8px 15px
|
||||
}
|
||||
|
||||
.abs-container {
|
||||
box-shadow: 0 0px 20px 0px rgb(0 0 0 / 15%);
|
||||
border-radius: 10px;
|
||||
border: 1px solid #ccc
|
||||
}
|
||||
.abs-table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.abs-table th:first-child {
|
||||
padding-left: 25px !important
|
||||
}
|
||||
|
||||
.abs-table tbody tr:hover td {
|
||||
background-color: #EBEBEB
|
||||
}
|
||||
.abs-table tbody tr.active td {
|
||||
background-color: rgba(0, 92, 153,.1);
|
||||
border-top: 1px solid rgba(0, 92, 153,.1);
|
||||
border-bottom: 1px solid rgba(0, 92, 153,.1);
|
||||
font-weight: 600;
|
||||
color: #005c99
|
||||
}
|
||||
|
||||
.abs-table tbody tr:hover td:first-child, .abs-table tbody tr.active td:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
.abs-table tbody tr.active td:first-child {
|
||||
border-left: 1px solid rgba(0, 92, 153,.1);
|
||||
}
|
||||
|
||||
.abs-table tbody tr.active td:last-child {
|
||||
border-right: 1px solid rgba(0, 92, 153,.1);
|
||||
}
|
||||
|
||||
.abs-table tbody tr:hover td:last-child, .abs-table tbody tr.active td:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
.abs-table tr td:first-child {
|
||||
padding-left: 15px !important
|
||||
}
|
||||
|
||||
.paging .btn-primary {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
color: #005c99;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
.con-paging{
|
||||
font-size:.82rem
|
||||
}
|
||||
|
||||
.paging {
|
||||
margin: 15px 0
|
||||
}
|
||||
|
||||
.paging .item {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
color: #6e6b7b;
|
||||
border-radius: 50%;
|
||||
background-color: #f3f2f7;
|
||||
text-align: center;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
|
||||
.paging .item.active {
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
background-color: #7367f0 !important
|
||||
}
|
||||
|
||||
.c-page-link {
|
||||
height: 30px;
|
||||
border-radius: 32px;
|
||||
background-color: #f3f2f7;
|
||||
}
|
||||
|
||||
.paging .item:hover {
|
||||
color: #fff;
|
||||
background-color: #7367f0 !important
|
||||
}
|
||||
|
||||
.item-less {
|
||||
margin-right: 5px
|
||||
}
|
||||
|
||||
.item-more {
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
.con-paging .inpNum {
|
||||
width: 40px;
|
||||
padding: 8px 10px;
|
||||
margin: 15px 8px
|
||||
}
|
Reference in New Issue
Block a user