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 : 2px 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 : 2px 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 : right 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 : right 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
 179 /*
 180 table.display {
 181     width: 100%;
 182 }
 183 table.display thead th {
 184     border-bottom: 1px solid black;
 185     cursor: pointer;
 186     font-weight: bold;
 187     padding: 3px 18px 3px 10px;
 188 }
 189 .dataTables_wrapper {
 190     clear: both;
 191     position: relative;
 192 }
 193 .dataTables_processing {
 194     background-color: white;
 195     border: 1px solid #DDDDDD;
 196     color: #999999;
 197     font-size: 14px;
 198     height: 30px;
 199     left: 50%;
 200     margin-left: -125px;
 201     margin-top: -15px;
 202     padding: 14px 0 2px;
 203     position: fixed;
 204     text-align: center;
 205     top: 50%;
 206     width: 250px;
 207 }
 208 .dataTables_info {
 209     float: left;
 210     width: 60%;
 211 }
 212 .dataTables_paginate {
 213     float: right;
 214     text-align: right;
 215     width: 44px;
 216 }
 217 .paging_full_numbers {
 218     height: 22px;
 219     line-height: 22px;
 220     width: 400px;
 221 }
 222 .paging_full_numbers span.paginate_button,
 223      .paging_full_numbers span.paginate_active {
 224     border: 1px solid #aaa;
 225     -webkit-border-radius: 5px;
 226     -moz-border-radius: 5px;
 227     padding: 2px 5px;
 228     margin: 0 3px;
 229     cursor: pointer;
 230     *cursor: hand;
 231 }
 232
 233 .paging_full_numbers span.paginate_button {
 234     background-color: #ddd;
 235 }
 236
 237 .paging_full_numbers span.paginate_button:hover {
 238     background-color: #ccc;
 239 }
 240
 241 .paging_full_numbers span.paginate_active {
 242     background-color: #99B3FF;
 243 }
 244 .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
 245     float: left;
 246     height: 19px;
 247     margin-left: 3px;
 248     width: 19px;
 249 }
 250 .paginate_disabled_previous {
 251     background-image: url("../../img/datatables/back_disabled.jpg");
 252 }
 253 .paginate_enabled_previous {
 254     background-image: url("../../img/datatables/back_enabled.jpg");
 255 }
 256 .paginate_disabled_next {
 257     background-image: url("../../img/datatables/forward_disabled.jpg");
 258 }
 259 .paginate_enabled_next {
 260     background-image: url("../../img/datatables/forward_enabled.jpg");
 261 }
 262 .spacer {
 263     clear: both;
 264     height: 20px;
 265 }