koha-tmpl/intranet-tmpl/prog/en/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_length {
  51     border-right : 1px solid #686868;
  52     line-height:1.9em;
  53 }
  54 div.dataTables_info {
  55     border-right : 1px solid #AAA;
  56     line-height:1.9em;
  57 }
  58 div.dataTables_length,
  59 div.dataTables_filter {
  60     border-left : 1px solid #FFF;
  61 }
  62 div.dataTables_filter {
  63     line-height : 1.9em;
  64 }
  65 div.dataTables_paginate {
  66     background-color : #F4F4F4;
  67     font-size: 110%;
  68     padding : 0;
  69 }
  70
  71 .paging_full_numbers a.paginate_button,
  72 .paging_full_numbers a.paginate_active {
  73     border-right : 1px solid #AAA;
  74     border-left : 1px solid #FFF;
  75     display : block;
  76     float : left;
  77     line-height:1.6em;
  78     padding: .3em .7em;
  79     cursor: pointer;
  80 }
  81
  82 .paging_full_numbers a.paginate_button {
  83     color : #0000CC;
  84 }
  85 .paging_full_numbers a.paginate_button.first {
  86     background-image : url('../../img/first.png');
  87     background-repeat: no-repeat;
  88     background-position : 1% center;
  89     padding-left : 2em;
  90 }
  91 .paging_full_numbers a.paginate_button.previous {
  92     background-image : url('../../img/prev.png');
  93     background-repeat: no-repeat;
  94     background-position : 1% center;
  95     padding-left : 2em;
  96 }
  97 .paging_full_numbers a.paginate_button.next {
  98     background-image : url('../../img/next.png');
  99     background-repeat: no-repeat;
 100     background-position : 96% center;
 101     padding-right : 2em;
 102 }
 103 .paging_full_numbers a.paginate_button.last {
 104     background-image : url('../../img/last.png');
 105     background-repeat: no-repeat;
 106     background-position : 96% center;
 107     border-right : 1px solid #686868;
 108     padding-right : 2em;
 109 }
 110 div.bottom.pager .paging_full_numbers a.paginate_button.last {
 111     border-right-width : 0;
 112 }
 113 .paging_full_numbers a.paginate_active {
 114     background-color : #FFFFEA;
 115     color : #000;
 116     font-weight: bold;
 117 }
 118
 119 .paging_full_numbers a.paginate_button:hover {
 120     background-color: #FFC;
 121 }
 122
 123 .paging_full_numbers a.paginate_button.paginate_button_disabled {
 124     color : #666;
 125 }
 126
 127 /* Two-button version */
 128
 129 div.dataTables_paginate.paging_two_button,
 130 div.dataTables_paginate.paging_four_button {
 131     background-color : transparent;
 132     border-right : 1px solid #686868;
 133     border-left : 1px solid #FFF;
 134     line-height : 1.8em;
 135 }
 136 .paginate_disabled_first,
 137 .paginate_enabled_first,
 138 .paginate_disabled_previous,
 139 .paginate_enabled_previous,
 140 .paginate_disabled_next,
 141 .paginate_enabled_next,
 142 .paginate_disabled_last,
 143 .paginate_enabled_last {
 144     float: left;
 145     height: 16px;
 146     margin: .5em;
 147     width: 16px;
 148 }
 149 .paginate_disabled_first {
 150     background-image: url("../../img/first-disabled.png");
 151 }
 152 .paginate_enabled_first {
 153     background-image: url("../../img/first.png");
 154     cursor: pointer;
 155 }
 156 .paginate_disabled_previous {
 157     background-image: url("../../img/prev-disabled.png");
 158 }
 159 .paginate_enabled_previous {
 160     background-image: url("../../img/prev.png");
 161     cursor: pointer;
 162 }
 163 .paginate_disabled_next {
 164     background-image: url("../../img/next-disabled.png");
 165 }
 166 .paginate_enabled_next {
 167     background-image: url("../../img/next.png");
 168     cursor: pointer;
 169 }
 170 .paginate_disabled_last {
 171     background-image: url("../../img/last-disabled.png");
 172 }
 173 .paginate_enabled_last {
 174     background-image: url("../../img/last.png");
 175     cursor: pointer;
 176 }
 177
 178 .dataTables_processing {
 179     background-color: white;
 180     border: 1px solid #DDDDDD;
 181     color: #999999;
 182     font-size: 14px;
 183     height: 30px;
 184     left: 50%;
 185     margin-left: -125px;
 186     margin-top: -15px;
 187     padding: 14px 0 2px;
 188     position: fixed;
 189     text-align: center;
 190     top: 50%;
 191     width: 250px;
 192 }
 193
 194 input {
 195     border-radius: 5px;
 196 }
 197
 198 tr.odd.selected td {
 199     background-color: #D3D3D3;
 200 }
 201
 202 tr.even.selected td {
 203     background-color: #D3D3D3;
 204 }
 205
 206 /*
 207 table.display {
 208     width: 100%;
 209 }
 210 table.display thead th {
 211     border-bottom: 1px solid black;
 212     cursor: pointer;
 213     font-weight: bold;
 214     padding: 3px 18px 3px 10px;
 215 }
 216 .dataTables_wrapper {
 217     clear: both;
 218     position: relative;
 219 }
 220 .dataTables_processing {
 221     background-color: white;
 222     border: 1px solid #DDDDDD;
 223     color: #999999;
 224     font-size: 14px;
 225     height: 30px;
 226     left: 50%;
 227     margin-left: -125px;
 228     margin-top: -15px;
 229     padding: 14px 0 2px;
 230     position: fixed;
 231     text-align: center;
 232     top: 50%;
 233     width: 250px;
 234 }
 235 .dataTables_info {
 236     float: left;
 237     width: 60%;
 238 }
 239 .dataTables_paginate {
 240     float: right;
 241     text-align: right;
 242     width: 44px;
 243 }
 244 .paging_full_numbers {
 245     height: 22px;
 246     line-height: 22px;
 247     width: 400px;
 248 }
 249 .paging_full_numbers span.paginate_button,
 250      .paging_full_numbers span.paginate_active {
 251     border: 1px solid #aaa;
 252     -webkit-border-radius: 5px;
 253     -moz-border-radius: 5px;
 254     padding: 2px 5px;
 255     margin: 0 3px;
 256     cursor: pointer;
 257     *cursor: hand;
 258 }
 259
 260 .paging_full_numbers span.paginate_button {
 261     background-color: #ddd;
 262 }
 263
 264 .paging_full_numbers span.paginate_button:hover {
 265     background-color: #ccc;
 266 }
 267
 268 .paging_full_numbers span.paginate_active {
 269     background-color: #99B3FF;
 270 }
 271 .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
 272     float: left;
 273     height: 19px;
 274     margin-left: 3px;
 275     width: 19px;
 276 }
 277 .paginate_disabled_previous {
 278     background-image: url("../../img/datatables/back_disabled.jpg");
 279 }
 280 .paginate_enabled_previous {
 281     background-image: url("../../img/datatables/back_enabled.jpg");
 282 }
 283 .paginate_disabled_next {
 284     background-image: url("../../img/datatables/forward_disabled.jpg");
 285 }
 286 .paginate_enabled_next {
 287     background-image: url("../../img/datatables/forward_enabled.jpg");
 288 }
 289 .spacer {
 290     clear: both;
 291     height: 20px;
 292 }