Doug Hill
11 years ago
parent
a6276c14ab
commit
f9e7144f9f
@ -0,0 +1,315 @@
|
||||
// DATATABLES - BOOTSTRAP 3 INTEGRATION STYLES
|
||||
// dataTables.bootstrap.less
|
||||
|
||||
// DATATABLES - CORE HTML ELEMENT MODIFICATIONS
|
||||
.table {
|
||||
tbody {
|
||||
tr.active {
|
||||
td,
|
||||
th {
|
||||
background-color: #08C
|
||||
color: white;
|
||||
}
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
&:hover {
|
||||
td, th {
|
||||
background-color: #0075b0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DATATABLES - BOOTSTRAP 3 - CORE MODIFICATIONS
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
thead {
|
||||
.sorting {
|
||||
background: url('../img/icons/sort_both.png') no-repeat center right;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sorting_asc {
|
||||
background: url('../img/icons/sort_asc.png') no-repeat center right;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sorting_desc {
|
||||
background: url('../img/icons/sort_desc.png') no-repeat center right;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sorting_asc_disabled {
|
||||
background: url('../img/icons/sort_asc_disabled.png') no-repeat center right;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sorting_desc_disabled {
|
||||
background: url('../img/icons/sort_desc_disabled.png') no-repeat center right;
|
||||
cursor: pointer;
|
||||
}
|
||||
& > tr {
|
||||
& > th {
|
||||
padding-left: 18px;
|
||||
padding-right: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
th:active {
|
||||
outline: none;
|
||||
}
|
||||
td , th {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
}
|
||||
|
||||
// DATATABLES - BOOTSTRAP 3 CLASS TABLE MODIFICATIONS
|
||||
.table-striped tbody tr.active:nth-child(odd) {
|
||||
th, td {
|
||||
background-color: #017ebc;
|
||||
}
|
||||
}
|
||||
|
||||
table.table-bordered {
|
||||
.datatable {
|
||||
border-collapse: separate !important;
|
||||
}
|
||||
thead {
|
||||
td, th {
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
th, td {
|
||||
border-left-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
}
|
||||
th:last-child, td:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DATATABLES - FORM CONTROL SECTION - VISIBLE ROW LENGTH
|
||||
div.dataTables_length {
|
||||
label {
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
select {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
// DATATABLES - FORM CONTROL SECTION: SEARCH / FILTER
|
||||
div.dataTables_filter {
|
||||
label {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
}
|
||||
input {
|
||||
width: 16em;
|
||||
}
|
||||
}
|
||||
|
||||
// DATATABLES - FORM CONTROL SECTION: INFO
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
// DATATABLES - FORM CONTROL SECTION: PAGINATION
|
||||
div.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
// DATATABLES - FORM CONTROL SECTION: PROCESSING
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
margin-left: -50%;
|
||||
margin-top: -25px;
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
background-color: white;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
|
||||
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
|
||||
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
|
||||
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
|
||||
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
|
||||
}
|
||||
|
||||
// DATATABLES - EXTENTION - SCROLLER MODIFICATIONS
|
||||
div.dataTables_scrollHead {
|
||||
table {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
table {
|
||||
.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
thead {
|
||||
tr:last-child {
|
||||
th:first-child, td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
tbody tr:first-child {
|
||||
td, th {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.dataTables_scrollFoot {
|
||||
table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// DATATABLES - EXTENTION - TABLETOOLS MODIFICATIONS
|
||||
table.DTTT_selectable {
|
||||
tbody {
|
||||
tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTTT {
|
||||
.btn {
|
||||
color: #333 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
.btn:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu {
|
||||
z-index: 2003;
|
||||
a {
|
||||
color: #333 !important;
|
||||
}
|
||||
li {
|
||||
position: relative;
|
||||
}
|
||||
li:hover {
|
||||
a {
|
||||
background-color: #0088cc;
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTTT_collection_background {
|
||||
z-index: 2002;
|
||||
}
|
||||
|
||||
div.DTTT_print_info.modal {
|
||||
height: 150px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTTT_print_info {
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// DATATABLES - EXTENTIONS - FIXED COLUMNS - MODIFICATIONS
|
||||
div.DTFC_LeftHeadWrapper table,
|
||||
div.DTFC_LeftFootWrapper table,
|
||||
div.DTFC_RightHeadWrapper table,
|
||||
div.DTFC_RightFootWrapper table,
|
||||
table.DTFC_Cloned tr.even {
|
||||
background-color: white;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table ,
|
||||
div.DTFC_LeftHeadWrapper table {
|
||||
margin-bottom: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper table,
|
||||
div.DTFC_LeftBodyWrapper table {
|
||||
border-top: none;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.DTFC_RightFootWrapper table,
|
||||
div.DTFC_LeftFootWrapper table {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
// DATATABLES - EXTENTIONS - FIXED HEADER - MODIFICATIONS
|
||||
div.FixedHeader_Cloned {
|
||||
table {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue