discovery-ui/src/main/resources/iui/microservices/js/dataTables/dataTables.bootstrap.css

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