2 * Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved.
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
8 * http://www.apache.org/licenses/LICENSE-2.0
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
16 * Author: Zhaoxing Meng
17 * email: meng.zhaoxing1@zte.com.cn
19 div.dataTables_length label {
25 div.dataTables_length select {
27 display: inline-block;
30 div.dataTables_filter {
34 div.dataTables_filter label {
40 div.dataTables_filter input {
42 display: inline-block;
50 div.dataTables_paginate {
56 div.dataTables_paginate ul.pagination {
61 @media screen and (max-width: 767px) {
62 div.dataTables_length,
63 div.dataTables_filter,
65 div.dataTables_paginate {
73 -webkit-box-sizing: content-box;
74 -moz-box-sizing: content-box;
75 box-sizing: content-box;
81 margin-top: 6px !important;
82 margin-bottom: 6px !important;
83 max-width: none !important;
86 table.dataTable thead .sorting,
87 table.dataTable thead .sorting_asc,
88 table.dataTable thead .sorting_desc,
89 table.dataTable thead .sorting_asc_disabled,
90 table.dataTable thead .sorting_desc_disabled {
95 table.dataTable thead > tr > th {
100 table.dataTable th:active {
105 div.dataTables_scrollHead table {
106 margin-bottom: 0 !important;
107 border-bottom-left-radius: 0;
108 border-bottom-right-radius: 0;
111 div.dataTables_scrollHead table thead tr:last-child th:first-child,
112 div.dataTables_scrollHead table thead tr:last-child td:first-child {
113 border-bottom-left-radius: 0 !important;
114 border-bottom-right-radius: 0 !important;
117 div.dataTables_scrollBody table {
119 margin-top: 0 !important;
120 margin-bottom: 0 !important;
123 div.dataTables_scrollBody tbody tr:first-child th,
124 div.dataTables_scrollBody tbody tr:first-child td {
128 div.dataTables_scrollFoot table {
129 margin-top: 0 !important;
133 /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
134 width calculations when using scrolling impossible to align columns. We have
137 table.table-bordered.dataTable {
138 border-collapse: separate !important;
140 table.table-bordered thead th,
141 table.table-bordered thead td {
142 border-left-width: 0;
145 table.table-bordered tbody th,
146 table.table-bordered tbody td {
147 border-left-width: 0;
148 border-bottom-width: 0;
150 table.table-bordered th:last-child,
151 table.table-bordered td:last-child {
152 border-right-width: 0;
154 div.dataTables_scrollHead table.table-bordered {
155 border-bottom-width: 0;
164 .table.dataTable tbody tr.active td,
165 .table.dataTable tbody tr.active th {
166 background-color: #08C;
170 .table.dataTable tbody tr.active:hover td,
171 .table.dataTable tbody tr.active:hover th {
172 background-color: #0075b0 !important;
175 .table.dataTable tbody tr.active th > a,
176 .table.dataTable tbody tr.active td > a {
180 .table-striped.dataTable tbody tr.active:nth-child(odd) td,
181 .table-striped.dataTable tbody tr.active:nth-child(odd) th {
182 background-color: #017ebc;
185 table.DTTT_selectable tbody tr {
189 div.DTTT .btn:hover {
190 text-decoration: none !important;
193 ul.DTTT_dropdown.dropdown-menu {
197 ul.DTTT_dropdown.dropdown-menu a {
198 color: #333 !important; /* needed only when demo_page.css is included */
201 ul.DTTT_dropdown.dropdown-menu li {
205 ul.DTTT_dropdown.dropdown-menu li:hover a {
206 background-color: #0088cc;
207 color: white !important;
210 div.DTTT_collection_background {
214 /* TableTools information display */
215 div.DTTT_print_info {
228 background-color: white;
229 border: 1px solid rgba(0, 0, 0, 0.2);
232 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
233 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
236 div.DTTT_print_info h6 {
243 div.DTTT_print_info p {
248 div.dataTables_processing {
257 padding-bottom: 20px;
260 background-color: white;
261 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)));
262 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%);
263 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%);
264 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%);
265 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%);
266 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%);
272 * FixedColumns styles
274 div.DTFC_LeftHeadWrapper table,
275 div.DTFC_LeftFootWrapper table,
276 div.DTFC_RightHeadWrapper table,
277 div.DTFC_RightFootWrapper table,
278 table.DTFC_Cloned tr.even {
279 background-color: white;
283 div.DTFC_RightHeadWrapper table ,
284 div.DTFC_LeftHeadWrapper table {
285 border-bottom: none !important;
286 margin-bottom: 0 !important;
287 border-top-right-radius: 0 !important;
288 border-bottom-left-radius: 0 !important;
289 border-bottom-right-radius: 0 !important;
292 div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
293 div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
294 div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
295 div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
296 border-bottom-left-radius: 0 !important;
297 border-bottom-right-radius: 0 !important;
300 div.DTFC_RightBodyWrapper table,
301 div.DTFC_LeftBodyWrapper table {
303 margin: 0 !important;
306 div.DTFC_RightBodyWrapper tbody tr:first-child th,
307 div.DTFC_RightBodyWrapper tbody tr:first-child td,
308 div.DTFC_LeftBodyWrapper tbody tr:first-child th,
309 div.DTFC_LeftBodyWrapper tbody tr:first-child td {
313 div.DTFC_RightFootWrapper table,
314 div.DTFC_LeftFootWrapper table {
316 margin-top: 0 !important;
323 div.FixedHeader_Cloned table {