Files
backend/public/version2/css/dashboard_layouts/_tablesStyle.css

171 lines
3.5 KiB
CSS

.table tbody {
font-size: 10px !important;
}
.table thead tr {
font-size: 10px !important;
}
.table thead tr th {
text-align: center;
}
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
border-right-width: 1px;
}
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
padding-right: 10px !important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
font-family: 'IRANSansFaNum';
white-space: nowrap;
font-size: 14px !important;
}
.pagination a {
font-size: 12px;
}
.table thead {
background: #2070af;
color: #fff;
}
.table thead tr th {
font-size: 10px !important;
}
.table tbody tr td {
font-size: 10px !important;
}
.filtering-btn {
border: none;
background: #153b58;
color: #fff;
border-radius: 5px;
padding: 5px 8px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
transition: 0.2s all;
}
.filtering-btn:hover {
background: #db7240;
}
.filtering-btn:disabled {
background: #153b58a8;
}
.table-btns {
border: none;
background: #153b58;
color: #fff;
border-radius: 5px;
padding: 5px 8px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
transition: 0.2s all;
}
.table-btns:hover {
background: #db7240;
}
.table-btns:disabled {
background: #153b58a8;
}
.dataTables_wrapper .dt-buttons {
position: relative;
}
.btn-dataTable {
border: none;
background-color: transparent;
}
.btn-dataTable i {
color: rgb(43, 125, 43);
font-size: 18px;
transition: all 0.2s;
}
.table.dataTable .check-row{
background: #db652de3 !important;
color: #fff;
}
.table.dataTable .check-row .btn-dataTable i {
color: #fff;
}
.table.dataTable .check-row .pipeline {
background: #fff;
}
.table.dataTable .check-row:hover{
background: rgb(240, 147, 93) !important;
color: #fff;
}
.table.dataTable tbody tr {
cursor: pointer;
transition: all 0.2s;
}
.table.dataTable tbody tr:hover {
background: #7ab67a !important;
color: #fff;
}
.table.dataTable tbody tr:hover .btn-dataTable i {
color: #fff;
}
.table.dataTable tbody tr:hover .pipeline {
background: #fff;
}
.table.dataTable .activate-row {
background: #2b7d2b !important;
color: #fff;
}
.table.dataTable .activate-row .btn-dataTable i {
color: #fff;
}
.table.dataTable .activate-row .pipeline {
background: #fff;
}
.table.dataTable .check-row.activate-row {
background: #a8491de3 !important;
color: #fff;
}
.btn-dataTable{
padding: 2px 6px;
}
.table-add-btn {
display: flex;
font-weight: 500;
font-size: 14px;
background: #015688;
color: #fff;
padding: 5px 15px;
border: none;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
transition: 0.3s all;
}
.table-add-btn:hover {
background: #015688e0;
}
.table-add-btn:disabled {
background: #015688a8;
cursor: no-drop;
}
/* solve datatable responsive */
.table.dataTable>tbody>tr.child ul.dtr-details {
width: 100%;
}
.table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
top: unset;
}
@media (max-width: 400px) {
.page-link {
padding: 5px 8px;
}
}
/* solve datatable responsive */