Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Datatables Plugin(in v1.3) |
||
| 3 | ***/ |
||
| 4 | .dataTable { |
||
| 5 | width: 100%; |
||
| 6 | clear: both; |
||
| 7 | margin-top: 5px; |
||
| 8 | } |
||
| 9 | |||
| 10 | .dataTables_filter { |
||
| 11 | .form-control { |
||
| 12 | margin-left: 4px; |
||
| 13 | } |
||
| 14 | |||
| 15 | label { |
||
| 16 | line-height: 32px ; |
||
| 17 | } |
||
| 18 | } |
||
| 19 | |||
| 20 | .dataTable .row-details { |
||
| 21 | margin-top: 3px; |
||
| 22 | display: inline-block; |
||
| 23 | cursor: pointer; |
||
| 24 | width: 14px; |
||
| 25 | height: 14px; |
||
| 26 | } |
||
| 27 | |||
| 28 | .dataTable .row-details.row-details-close { |
||
| 29 | background: url("../img/datatable-row-openclose.png") no-repeat 0 0; |
||
| 30 | } |
||
| 31 | |||
| 32 | .dataTable .row-details.row-details-open { |
||
| 33 | background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px ; |
||
| 34 | } |
||
| 35 | |||
| 36 | .dataTable .details { |
||
| 37 | background-color: #eee ; |
||
| 38 | } |
||
| 39 | |||
| 40 | .dataTable .details td, |
||
| 41 | .dataTable .details th { |
||
| 42 | padding: 4px; |
||
| 43 | background: none ; |
||
| 44 | border: 0; |
||
| 45 | } |
||
| 46 | |||
| 47 | .dataTable .details tr:hover td, |
||
| 48 | .dataTable .details tr:hover th { |
||
| 49 | background: none ; |
||
| 50 | } |
||
| 51 | |||
| 52 | .dataTable .details tr:nth-child(odd) td, |
||
| 53 | .dataTable .details tr:nth-child(odd) th { |
||
| 54 | background-color: #eee ; |
||
| 55 | } |
||
| 56 | |||
| 57 | .dataTable .details tr:nth-child(even) td, |
||
| 58 | .dataTable .details tr:nth-child(even) th { |
||
| 59 | background-color: #eee ; |
||
| 60 | } |
||
| 61 | |||
| 62 | .dataTable > thead > tr > th.sorting, |
||
| 63 | .dataTable > thead > tr > th.sorting_asc, |
||
| 64 | .dataTable > thead > tr > th.sorting_desc { |
||
| 65 | padding-right: 18px; |
||
| 66 | } |
||
| 67 | |||
| 68 | .dataTable .table-checkbox { |
||
| 69 | width: 8px !important; |
||
| 70 | } |
||
| 71 | |||
| 72 | @media (max-width: 768px) { |
||
| 73 | .dataTables_wrapper .dataTables_length .form-control, |
||
| 74 | .dataTables_wrapper .dataTables_filter .form-control { |
||
| 75 | display: inline-block; |
||
| 76 | } |
||
| 77 | |||
| 78 | .dataTables_wrapper .dataTables_info { |
||
| 79 | top: 17px; |
||
| 80 | } |
||
| 81 | |||
| 82 | .dataTables_wrapper .dataTables_paginate { |
||
| 83 | margin-top: -15px; |
||
| 84 | } |
||
| 85 | } |
||
| 86 | |||
| 87 | @media (max-width: 480px) { |
||
| 88 | .dataTables_wrapper .dataTables_filter .form-control { |
||
| 89 | width: 175px !important; |
||
| 90 | } |
||
| 91 | |||
| 92 | .dataTables_wrapper .dataTables_paginate { |
||
| 93 | float: left; |
||
| 94 | margin-top: 20px; |
||
| 95 | } |
||
| 96 | } |
||
| 97 | |||
| 98 | .dataTables_processing { |
||
| 99 | position: fixed; |
||
| 100 | top: 50%; |
||
| 101 | left: 50%; |
||
| 102 | min-width: 125px; |
||
| 103 | margin-left: 0; |
||
| 104 | padding: 7px; |
||
| 105 | text-align: center; |
||
| 106 | color: #333; |
||
| 107 | font-size: 13px; |
||
| 108 | border: 1px solid #ddd; |
||
| 109 | background-color: #eee; |
||
| 110 | vertical-align: middle; |
||
| 111 | -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
||
| 112 | -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
||
| 113 | box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
||
| 114 | } |
||
| 115 | |||
| 116 | .dataTables_processing span { |
||
| 117 | line-height:15px; |
||
| 118 | vertical-align: middle; |
||
| 119 | } |
||
| 120 | |||
| 121 | .dataTables_empty { |
||
| 122 | text-align: center; |
||
| 123 | } |
||
| 124 | |||
| 125 | /*** |
||
| 126 | TableTools |
||
| 127 | ***/ |
||
| 128 | .tabletools-btn-group { |
||
| 129 | margin: 0 0 10px 0; |
||
| 130 | |||
| 131 | > .btn { |
||
| 132 | margin-right: 5px; |
||
| 133 | |||
| 134 | &:last-child { |
||
| 135 | margin-right: 0; |
||
| 136 | } |
||
| 137 | } |
||
| 138 | } |
||
| 139 | |||
| 140 | .tabletools-dropdown-on-portlet { |
||
| 141 | margin-top: -45px; |
||
| 142 | float: right; |
||
| 143 | |||
| 144 | > .btn { |
||
| 145 | margin-right: 5px; |
||
| 146 | |||
| 147 | &:last-child { |
||
| 148 | margin-right: 0; |
||
| 149 | } |
||
| 150 | } |
||
| 151 | } |
||
| 152 | |||
| 153 | .DTTT_Print { |
||
| 154 | background-color: #fff; |
||
| 155 | |||
| 156 | .DTTT_PrintMessage { |
||
| 157 | display: none; |
||
| 158 | } |
||
| 159 | |||
| 160 | @media print { |
||
| 161 | |||
| 162 | .DTTT_PrintMessage { |
||
| 163 | display: inline-block; |
||
| 164 | } |
||
| 165 | |||
| 166 | } |
||
| 167 | |||
| 168 | .DTTT_Print_Info { |
||
| 169 | display: block; |
||
| 170 | position: fixed; |
||
| 171 | top: 35px; |
||
| 172 | font-size: 18px; |
||
| 173 | width: 700px; |
||
| 174 | left: 50%; |
||
| 175 | margin-left: -350px; |
||
| 176 | text-align: center; |
||
| 177 | } |
||
| 178 | |||
| 179 | .page-sidebar, |
||
| 180 | .page-header, |
||
| 181 | .page-footer { |
||
| 182 | display: none; |
||
| 183 | } |
||
| 184 | |||
| 185 | .page-content-wrapper { |
||
| 186 | float: none; |
||
| 187 | } |
||
| 188 | |||
| 189 | .row, |
||
| 190 | [class*="col-"] { |
||
| 191 | padding: 0; |
||
| 192 | margin: 0; |
||
| 193 | } |
||
| 194 | |||
| 195 | .page-content { |
||
| 196 | margin: 50px auto !important; |
||
| 197 | border: 0 !important; |
||
| 198 | width: 800px !important; |
||
| 199 | padding: 0 !important; |
||
| 200 | |||
| 201 | .portlet { |
||
| 202 | border: 0; |
||
| 203 | padding:0; |
||
| 204 | |||
| 205 | .portlet-body { |
||
| 206 | padding: 0; |
||
| 207 | } |
||
| 208 | } |
||
| 209 | |||
| 210 | .dataTables_wrapper { |
||
| 211 | padding: 0; |
||
| 212 | margin: 0; |
||
| 213 | box-shadow: 5px 5px rgba(#666, 0.1); |
||
| 214 | |||
| 215 | @media print { |
||
| 216 | box-shadow: none; |
||
| 217 | } |
||
| 218 | } |
||
| 219 | } |
||
| 220 | } |
||
| 221 | |||
| 222 | /*** |
||
| 223 | Extended pagination |
||
| 224 | ***/ |
||
| 225 | |||
| 226 | .paging_bootstrap_extended { |
||
| 227 | margin: 0 !important; |
||
| 228 | padding: 0 !important; |
||
| 229 | float: none !important; |
||
| 230 | font-size: 13px; |
||
| 231 | } |
||
| 232 | |||
| 233 | .dataTables_extended_wrapper .seperator { |
||
| 234 | padding: 0 2px; |
||
| 235 | } |
||
| 236 | |||
| 237 | .dataTables_extended_wrapper div.dataTables_paginate, |
||
| 238 | .dataTables_extended_wrapper div.dataTables_length, |
||
| 239 | .dataTables_extended_wrapper div.dataTables_info { |
||
| 240 | display: inline-block; |
||
| 241 | float: none !important; |
||
| 242 | padding: 0 !important; |
||
| 243 | margin: 0 !important; |
||
| 244 | position: static !important; |
||
| 245 | } |
||
| 246 | |||
| 247 | @media (max-width: 480px) { |
||
| 248 | |||
| 249 | .dataTables_extended_wrapper div.dataTables_paginate, |
||
| 250 | .dataTables_extended_wrapper div.dataTables_length, |
||
| 251 | .dataTables_extended_wrapper div.dataTables_info { |
||
| 252 | display: block; |
||
| 253 | margin-bottom: 10px !important; |
||
| 254 | } |
||
| 255 | |||
| 256 | .dataTables_extended_wrapper .seperator { |
||
| 257 | display: none !important; |
||
| 258 | } |
||
| 259 | } |
||
| 260 | |||
| 261 | .dataTables_extended_wrapper div.dataTables_length label { |
||
| 262 | margin: 0 !important; |
||
| 263 | padding: 0 !important; |
||
| 264 | font-size: 13px; |
||
| 265 | float: none !important; |
||
| 266 | display: inline-block !important; |
||
| 267 | } |
||
| 268 | |||
| 269 | .table-container .table-actions-wrapper { |
||
| 270 | display: none; |
||
| 271 | } |
||
| 272 | |||
| 273 | /*** |
||
| 274 | Scroller Extension |
||
| 275 | ***/ |
||
| 276 | |||
| 277 | .dataTables_scroll { |
||
| 278 | margin-bottom: 10px; |
||
| 279 | } |
||
| 280 | |||
| 281 | .dataTables_scrollHead { |
||
| 282 | border-bottom: 2px solid #ddd !important; |
||
| 283 | |||
| 284 | thead { |
||
| 285 | th { |
||
| 286 | border-bottom: 0 !important; |
||
| 287 | } |
||
| 288 | } |
||
| 289 | } |
||
| 290 | |||
| 291 | .dataTables_scrollBody { |
||
| 292 | border-bottom: 1px solid #ddd !important; |
||
| 293 | } |