msb-core/apiroute/apiroute-service/src/main/resources/iui-metrics/js/dataTables/dataTables.bootstrap.css

   1 /**
   2  * Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved.
   3  *
   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
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  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.
  15  *
  16  *     Author: Zhaoxing Meng
  17  *     email: meng.zhaoxing1@zte.com.cn
  18  */
  19 div.dataTables_length label {
  20         font-weight: normal;
  21         text-align: left;
  22         white-space: nowrap;
  23 }
  24
  25 div.dataTables_length select {
  26         width: 75px;
  27         display: inline-block;
  28 }
  29
  30 div.dataTables_filter {
  31         text-align: right;
  32 }
  33
  34 div.dataTables_filter label {
  35         font-weight: normal;
  36         white-space: nowrap;
  37         text-align: left;
  38 }
  39
  40 div.dataTables_filter input {
  41         margin-left: 0.5em;
  42         display: inline-block;
  43 }
  44
  45 div.dataTables_info {
  46         padding-top: 8px;
  47         white-space: nowrap;
  48 }
  49
  50 div.dataTables_paginate {
  51         margin: 0;
  52         white-space: nowrap;
  53         text-align: right;
  54 }
  55
  56 div.dataTables_paginate ul.pagination {
  57         margin: 2px 0;
  58         white-space: nowrap;
  59 }
  60
  61 @media screen and (max-width: 767px) {
  62         div.dataTables_length,
  63         div.dataTables_filter,
  64         div.dataTables_info,
  65         div.dataTables_paginate {
  66                 text-align: center;
  67         }
  68 }
  69
  70
  71 table.dataTable td,
  72 table.dataTable th {
  73         -webkit-box-sizing: content-box;
  74         -moz-box-sizing: content-box;
  75         box-sizing: content-box;
  76 }
  77
  78
  79 table.dataTable {
  80         clear: both;
  81         margin-top: 6px !important;
  82         margin-bottom: 6px !important;
  83         max-width: none !important;
  84 }
  85
  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 {
  91         cursor: pointer;
  92 }
  93
  94
  95 table.dataTable thead > tr > th {
  96         padding-left: 18px;
  97         padding-right: 18px;
  98 }
  99
 100 table.dataTable th:active {
 101         outline: none;
 102 }
 103
 104 /* Scrolling */
 105 div.dataTables_scrollHead table {
 106         margin-bottom: 0 !important;
 107         border-bottom-left-radius: 0;
 108         border-bottom-right-radius: 0;
 109 }
 110
 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;
 115 }
 116
 117 div.dataTables_scrollBody table {
 118         border-top: none;
 119         margin-top: 0 !important;
 120         margin-bottom: 0 !important;
 121 }
 122
 123 div.dataTables_scrollBody tbody tr:first-child th,
 124 div.dataTables_scrollBody tbody tr:first-child td {
 125         border-top: none;
 126 }
 127
 128 div.dataTables_scrollFoot table {
 129         margin-top: 0 !important;
 130         border-top: none;
 131 }
 132
 133 /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
 134    width calculations when using scrolling impossible to align columns. We have
 135    to use separate
 136  */
 137 table.table-bordered.dataTable {
 138         border-collapse: separate !important;
 139 }
 140 table.table-bordered thead th,
 141 table.table-bordered thead td {
 142         border-left-width: 0;
 143         border-top-width: 0;
 144 }
 145 table.table-bordered tbody th,
 146 table.table-bordered tbody td {
 147         border-left-width: 0;
 148         border-bottom-width: 0;
 149 }
 150 table.table-bordered th:last-child,
 151 table.table-bordered td:last-child {
 152         border-right-width: 0;
 153 }
 154 div.dataTables_scrollHead table.table-bordered {
 155         border-bottom-width: 0;
 156 }
 157
 158
 159
 160
 161 /*
 162  * TableTools styles
 163  */
 164 .table.dataTable tbody tr.active td,
 165 .table.dataTable tbody tr.active th {
 166         background-color: #08C;
 167         color: white;
 168 }
 169
 170 .table.dataTable tbody tr.active:hover td,
 171 .table.dataTable tbody tr.active:hover th {
 172         background-color: #0075b0 !important;
 173 }
 174
 175 .table.dataTable tbody tr.active th > a,
 176 .table.dataTable tbody tr.active td > a {
 177         color: white;
 178 }
 179
 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;
 183 }
 184
 185 table.DTTT_selectable tbody tr {
 186         cursor: pointer;
 187 }
 188
 189 div.DTTT .btn:hover {
 190         text-decoration: none !important;
 191 }
 192
 193 ul.DTTT_dropdown.dropdown-menu {
 194   z-index: 2003;
 195 }
 196
 197 ul.DTTT_dropdown.dropdown-menu a {
 198         color: #333 !important; /* needed only when demo_page.css is included */
 199 }
 200
 201 ul.DTTT_dropdown.dropdown-menu li {
 202         position: relative;
 203 }
 204
 205 ul.DTTT_dropdown.dropdown-menu li:hover a {
 206         background-color: #0088cc;
 207         color: white !important;
 208 }
 209
 210 div.DTTT_collection_background {
 211         z-index: 2002;
 212 }
 213
 214 /* TableTools information display */
 215 div.DTTT_print_info {
 216         position: fixed;
 217         top: 50%;
 218         left: 50%;
 219         width: 400px;
 220         height: 150px;
 221         margin-left: -200px;
 222         margin-top: -75px;
 223         text-align: center;
 224         color: #333;
 225         padding: 10px 30px;
 226         opacity: 0.95;
 227
 228         background-color: white;
 229         border: 1px solid rgba(0, 0, 0, 0.2);
 230         border-radius: 6px;
 231
 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);
 234 }
 235
 236 div.DTTT_print_info h6 {
 237         font-weight: normal;
 238         font-size: 28px;
 239         line-height: 28px;
 240         margin: 1em;
 241 }
 242
 243 div.DTTT_print_info p {
 244         font-size: 14px;
 245         line-height: 20px;
 246 }
 247
 248 div.dataTables_processing {
 249     position: absolute;
 250     top: 50%;
 251     left: 50%;
 252     width: 100%;
 253     height: 60px;
 254     margin-left: -50%;
 255     margin-top: -25px;
 256     padding-top: 20px;
 257     padding-bottom: 20px;
 258     text-align: center;
 259     font-size: 1.2em;
 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%);
 267 }
 268
 269
 270
 271 /*
 272  * FixedColumns styles
 273  */
 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;
 280     margin-bottom: 0;
 281 }
 282
 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;
 290 }
 291
 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;
 298 }
 299
 300 div.DTFC_RightBodyWrapper table,
 301 div.DTFC_LeftBodyWrapper table {
 302     border-top: none;
 303     margin: 0 !important;
 304 }
 305
 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 {
 310     border-top: none;
 311 }
 312
 313 div.DTFC_RightFootWrapper table,
 314 div.DTFC_LeftFootWrapper table {
 315     border-top: none;
 316     margin-top: 0 !important;
 317 }
 318
 319
 320 /*
 321  * FixedHeader styles
 322  */
 323 div.FixedHeader_Cloned table {
 324         margin: 0 !important
 325 }
 326