diff --git a/integration/bootstrap/3/dataTables.bootstrap.less b/integration/bootstrap/3/dataTables.bootstrap.less new file mode 100644 index 0000000..85f8873 --- /dev/null +++ b/integration/bootstrap/3/dataTables.bootstrap.less @@ -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; + } +}