openo-portal/portal-common/src/main/webapp/common/thirdparty/data-tables/dataTables.bootstrap.css

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