koha-tmpl/intranet-tmpl/prog/css/datatables.css

   1 input.search_init {
   2     color: #999999;
   3 }
   4 .sorting_asc {
   5     padding-right: 19px;
   6     background: url("../img/asc.gif") no-repeat scroll right center #EEEEEE;
   7 }
   8 .sorting_desc {
   9     padding-right: 19px;
  10     background: url("../img/desc.gif") no-repeat scroll right center #EEEEEE;
  11 }
  12 .sorting {
  13     padding-right: 19px;
  14     background: url("../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
  15 }
  16 .sorting_asc_disabled {
  17     padding-right: 19px;
  18     background: url("../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
  19 }
  20 .sorting_desc_disabled {
  21     padding-right: 19px;
  22     background: url("../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
  23 }
  24 .sorting_disabled {
  25     padding-right: 19px;
  26     background-color: #EEEEEE;
  27 }
  28
  29 div.top {clear : both; }
  30
  31 div.top.pager,
  32 div.bottom.pager {
  33     background-color : #E5E5E5;
  34     padding : 0;
  35 }
  36
  37 div.bottom.pager div.dataTables_paginate.paging_full_numbers,
  38 div.bottom.pager div.dataTables_paginate.paging_four_button {
  39     border-right-width : 0;
  40 }
  41
  42 div.dataTables_filter,
  43 div.dataTables_length,
  44 div.dataTables_info,
  45 div.dataTables_paginate {
  46     float: left;
  47     padding : .3em .5em .3em .5em;
  48 }
  49
  50 div.dataTables_filter label,
  51 div.dataTables_length label,
  52 div.dataTables_info label,
  53 div.dataTables_paginate label,
  54 div.dataTables_filter input,
  55 div.dataTables_length input,
  56 div.dataTables_info input,
  57 div.dataTables_paginate input {
  58     padding: 0;
  59 }
  60
  61 div.dataTables_length {
  62     border-right : 1px solid #686868;
  63     line-height:1.9em;
  64 }
  65 div.dataTables_info {
  66     border-right : 1px solid #AAA;
  67     line-height:1.9em;
  68 }
  69 div.dataTables_length,
  70 div.dataTables_filter {
  71     border-left : 1px solid #FFF;
  72     border-right : 1px solid #AAAAAA;
  73 }
  74 div.dataTables_length label {
  75     display: inline;
  76 }
  77 div.dataTables_filter {
  78     line-height : inherit;
  79 }
  80 div.dataTables_paginate {
  81     padding : 0;
  82 }
  83
  84 .paging_full_numbers a.paginate_button,
  85 .paging_full_numbers a.paginate_active,
  86 .paging_full_numbers > span > span {
  87     border-right : 1px solid #AAA;
  88     border-left : 1px solid #FFF;
  89     color: #000;
  90     display : block;
  91     float : left;
  92     line-height:1.9em;
  93     padding : 0.4em 0.7em;
  94 }
  95 .paging_full_numbers a.paginate_button,
  96 .paging_full_numbers a.paginate_active {
  97     cursor: pointer;
  98 }
  99 .paging_full_numbers a.paginate_button,
 100 .paging_full_numbers > span > span {
 101     background-color : #FFF;
 102     background-repeat: no-repeat;
 103 }
 104 .paging_full_numbers a.paginate_button.first {
 105     background-color: transparent;
 106     background-image : url('../img/first.png');
 107     background-position : 3px center;
 108     padding-left : 23px;
 109 }
 110 .paging_full_numbers a.paginate_button.previous {
 111     background-color: transparent;
 112     background-image : url('../img/prev.png');
 113     background-position : 3px center;
 114     padding-left : 23px;
 115 }
 116 .paging_full_numbers a.paginate_button.next {
 117     background-color: transparent;
 118     background-image : url('../img/next.png');
 119     background-position : 93% center;
 120     padding-right : 25px;
 121 }
 122 .paging_full_numbers a.paginate_button.last {
 123     background-color: transparent;
 124     background-image : url('../img/last.png');
 125     background-position : 93% center;
 126     border-right : 0;
 127     padding-right : 25px;
 128 }
 129
 130 div.bottom.pager .paging_full_numbers a.paginate_button.last {
 131     border-right-width : 0;
 132 }
 133
 134 div.bottom.pager div:first-child {
 135     border-left : 0;
 136 }
 137
 138 .paging_full_numbers a.paginate_active {
 139     background-color : #FFFFEA;
 140     color : #000;
 141     font-weight: bold;
 142 }
 143
 144 .paging_full_numbers a.current {
 145     background-color : #FFFFCC;
 146     font-weight: bold;
 147 }
 148
 149 .paging_full_numbers a.paginate_button:hover {
 150     background-color: #FFC;
 151 }
 152
 153 .paging_full_numbers a.paginate_button.paginate_button_disabled {
 154     color : #666;
 155 }
 156
 157 /* Two-button version */
 158
 159 div.dataTables_paginate.paging_two_button,
 160 div.dataTables_paginate.paging_four_button {
 161     background-color : transparent;
 162     border-right : 1px solid #686868;
 163     border-left : 1px solid #FFF;
 164     line-height : 2.5em;
 165 }
 166 .paginate_disabled_first,
 167 .paginate_enabled_first,
 168 .paginate_disabled_previous,
 169 .paginate_enabled_previous,
 170 .paginate_disabled_next,
 171 .paginate_enabled_next,
 172 .paginate_disabled_last,
 173 .paginate_enabled_last {
 174     cursor: pointer;
 175     *cursor: hand;
 176     padding: .2em 0;
 177 }
 178
 179 .paginate_disabled_previous,
 180 .paginate_enabled_previous,
 181 .paginate_disabled_next,
 182 .paginate_enabled_next {
 183     color: #111 !important;
 184 }
 185
 186 .paginate_disabled_first,
 187 .paginate_enabled_first,
 188 .paginate_disabled_previous,
 189 .paginate_enabled_previous {
 190     padding-left: 23px;
 191 }
 192 .paginate_disabled_next,
 193 .paginate_enabled_next,
 194 .paginate_disabled_last,
 195 .paginate_enabled_last {
 196     padding-right: 23px;
 197     margin-left: 10px;
 198     margin-right : .3em;
 199 }
 200
 201 .paging_four_button .paginate_disabled_first,
 202 .paging_four_button .paginate_disabled_previous,
 203 .paging_four_button .paginate_enabled_first,
 204 .paging_four_button .paginate_enabled_previous  {
 205     margin-left : .3em;
 206 }
 207
 208 .paging_full_numbers a.paginate_button.first.disabled,
 209 .paginate_disabled_first {
 210     background: transparent url("../img/first-disabled.png") no-repeat 3px top;
 211     color: #666;
 212     cursor: default;
 213 }
 214 .paginate_enabled_first {
 215     background: transparent url("../img/first.png") no-repeat 3px top;
 216     cursor: pointer;
 217 }
 218 .paging_full_numbers a.paginate_button.previous.disabled,
 219 .paginate_disabled_previous {
 220     background: transparent url("../img/prev-disabled.png") no-repeat 3px top;
 221     color: #666;
 222     cursor: default;
 223 }
 224 .paginate_enabled_previous {
 225     background: transparent url("../img/prev.png") no-repeat 3px top;
 226     cursor: pointer;
 227 }
 228 .paging_full_numbers a.paginate_button.next.disabled,
 229 .paginate_disabled_next {
 230     background: transparent url("../img/next-disabled.png") no-repeat right top;
 231     color: #666;
 232     cursor: default;
 233 }
 234 .paginate_enabled_next {
 235     background: transparent url("../img/next.png") no-repeat right top;
 236     cursor: pointer;
 237 }
 238 .paging_full_numbers a.paginate_button.last.disabled,
 239 .paginate_disabled_last {
 240     background: transparent url("../img/last-disabled.png") no-repeat right top;
 241     color: #666;
 242     cursor: default;
 243 }
 244 .paginate_enabled_last {
 245     background: transparent url("../img/last.png") no-repeat right top;
 246     cursor: pointer;
 247 }
 248
 249 .paging_full_numbers a.paginate_button.first.disabled,
 250 .paging_full_numbers a.paginate_button.previous.disabled,
 251 .paging_full_numbers a.paginate_button.next.disabled,
 252 .paging_full_numbers a.paginate_button.last.disabled {
 253     background-position-y: 7px;
 254 }
 255
 256 .dataTables_processing {
 257     background-color: white;
 258     border: 1px solid #999;
 259     -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
 260     box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
 261     color: #333;
 262     font-size: 14px;
 263     left: 50%;
 264     margin-left: -125px;
 265     margin-top: -15px;
 266     padding: 10px 14px 12px;
 267     position: fixed;
 268     text-align: center;
 269     top: 50%;
 270 }
 271
 272 tr.odd.selected td {
 273     background-color: #D3D3D3;
 274 }
 275
 276 tr.even.selected td {
 277     background-color: #D3D3D3;
 278 }
 279
 280 /* ColumnFilter */
 281 span.filter_column > input[type="text"] {
 282     font-size: 80%;
 283     width: 100%;
 284     box-sizing: border-box;
 285 }
 286
 287 /* Row grouping */
 288 td.group,
 289 table.group td.group {
 290     background-color: #D1CFD0;
 291     border-bottom: 2px solid #A19B9E;
 292     border-top: 2px solid #A19B9E;
 293 }
 294
 295 table.group tr.odd td {
 296     background-color : #F3F3F3;
 297     border : 1px solid #BCBCBC;
 298     border-right : 1px solid #BCBCBC;
 299 }
 300
 301 table.group tr.even td {
 302     background-color: #FFF;
 303     border-right : 1px solid #BCBCBC;
 304 }
 305
 306 button.dt-button,
 307 div.dt-button,
 308 a.dt-button,
 309 a.dt-button:link,
 310 a.dt-button:visited,
 311 a.dt-button:hover,
 312 a.dt-button:active {
 313     color: #000;
 314     font-size: 1em;
 315     margin: 3px 3px 0;
 316 }
 317
 318 button.dt-button::before,
 319 div.dt-button::before,
 320 a.dt-button::before {
 321     content: '';
 322 }
 323
 324 button.dt-button:active:not(.disabled):hover:not(.disabled),
 325 button.dt-button.active:not(.disabled):hover:not(.disabled),
 326 div.dt-button:active:not(.disabled):hover:not(.disabled),
 327 div.dt-button.active:not(.disabled):hover:not(.disabled),
 328 a.dt-button:active:not(.disabled):hover:not(.disabled),
 329 a.dt-button.active:not(.disabled):hover:not(.disabled) {
 330     background: #FFC none;
 331     border-color: #CCC;
 332     box-shadow: none;
 333     text-shadow: none;
 334 }
 335
 336 div.dt-button-collection {
 337     width: auto;
 338 }
 339
 340 div.dt-button-collection a.dt-button {
 341     background: #FFF none;
 342     border-color: #EEE;
 343     text-shadow: none;
 344 }
 345
 346 div.dt-button-collection a.dt-button::before {
 347     color: #CCC;
 348     content: "\f00d";
 349     display: inline-block;
 350     font-family: FontAwesome;
 351     margin-right: .5em;
 352     width: 1em;
 353 }
 354
 355 div.dt-button-collection a.dt-button:active:not(.disabled),
 356 div.dt-button-collection a.dt-button.active:not(.disabled) {
 357     background: #E6F0F2 none;
 358     border: 1px solid #999;
 359     box-shadow: none;
 360 }
 361
 362 div.dt-button-collection a.dt-button:active:not(.disabled)::before,
 363 div.dt-button-collection a.dt-button.active:not(.disabled)::before {
 364     color:  #538200;
 365     content: "\f00c";
 366     display: inline-block;
 367     font-family: FontAwesome;
 368     margin-right: .5em;
 369     width: 1em;
 370 }
 371
 372 div.dt-button-collection a.dt-button:not(.disabled):hover,
 373 div.dt-button-collection a.dt-button.active:not(.disabled):hover {
 374     box-shadow: none;
 375     border: 1px solid #999;
 376     background: #FFC none;
 377 }
 378
 379
 380 div.dt-button-collection a.dt-button:not(.disabled)::before,
 381 div.dt-button-collection a.dt-button.active:not(.disabled):hover::before {
 382     color:  #CC0000;
 383     content: "\f00d";
 384     display: inline-block;
 385     font-family: FontAwesome;
 386     margin-right: .5em;
 387     width: 1em;
 388 }
 389
 390 div.dt-button-collection a.dt-button.buttons-html5:not(.disabled)::before {
 391     color: #222BAC;
 392     display: inline-block;
 393     font-family: FontAwesome;
 394     margin-right: .5em;
 395     width: 1em;
 396 }
 397
 398 div.dt-button-collection a.dt-button.buttons-excel:not(.disabled)::before {
 399     content: "\f1c3";
 400 }
 401
 402 div.dt-button-collection a.dt-button.buttons-csv:not(.disabled)::before {
 403     content: "\f0ce";
 404 }
 405
 406 div.dt-button-collection a.dt-button.buttons-copy:not(.disabled)::before {
 407     content: "\f0c5";
 408 }
 409
 410 div.dt-button-collection a.dt-button.buttons-print:not(.disabled)::before {
 411     color:  #222BAC;
 412     content: "\f02f";
 413     display: inline-block;
 414     font-family: FontAwesome;
 415     margin-right: .5em;
 416     width: 1em;
 417 }
 418
 419 .dt-button-text {
 420     display: none;
 421 }
 422
 423 @media (min-width: 1028px) {
 424     .dt-button-text {
 425         display: inline;
 426     }
 427 }