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     display : block;
  90     float : left;
  91     line-height:1.9em;
  92     padding : 0.4em 0.7em;
  93 }
  94 .paging_full_numbers a.paginate_button,
  95 .paging_full_numbers a.paginate_active {
  96     cursor: pointer;
  97 }
  98 .paging_full_numbers a.paginate_button,
  99 .paging_full_numbers > span > span {
 100     background-color : #FFF;
 101     background-repeat: no-repeat;
 102     color : #0000CC;
 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.paginate_button:hover {
 145     background-color: #FFC;
 146 }
 147
 148 .paging_full_numbers a.paginate_button.paginate_button_disabled {
 149     color : #666;
 150 }
 151
 152 /* Two-button version */
 153
 154 div.dataTables_paginate.paging_two_button,
 155 div.dataTables_paginate.paging_four_button {
 156     background-color : transparent;
 157     border-right : 1px solid #686868;
 158     border-left : 1px solid #FFF;
 159     line-height : 2.5em;
 160 }
 161 .paginate_disabled_first,
 162 .paginate_enabled_first,
 163 .paginate_disabled_previous,
 164 .paginate_enabled_previous,
 165 .paginate_disabled_next,
 166 .paginate_enabled_next,
 167 .paginate_disabled_last,
 168 .paginate_enabled_last {
 169     cursor: pointer;
 170     *cursor: hand;
 171     padding: .2em 0;
 172 }
 173
 174 .paginate_disabled_previous,
 175 .paginate_enabled_previous,
 176 .paginate_disabled_next,
 177 .paginate_enabled_next {
 178     color: #111 !important;
 179 }
 180
 181 .paginate_disabled_first,
 182 .paginate_enabled_first,
 183 .paginate_disabled_previous,
 184 .paginate_enabled_previous {
 185     padding-left: 23px;
 186 }
 187 .paginate_disabled_next,
 188 .paginate_enabled_next,
 189 .paginate_disabled_last,
 190 .paginate_enabled_last {
 191     padding-right: 23px;
 192     margin-left: 10px;
 193     margin-right : .3em;
 194 }
 195
 196 .paging_four_button .paginate_disabled_first,
 197 .paging_four_button .paginate_disabled_previous,
 198 .paging_four_button .paginate_enabled_first,
 199 .paging_four_button .paginate_enabled_previous  {
 200     margin-left : .3em;
 201 }
 202
 203 .paging_full_numbers a.paginate_button.first.disabled,
 204 .paginate_disabled_first {
 205     background: transparent url("../img/first-disabled.png") no-repeat 3px top;
 206     color: #666;
 207     cursor: default;
 208 }
 209 .paginate_enabled_first {
 210     background: transparent url("../img/first.png") no-repeat 3px top;
 211     cursor: pointer;
 212 }
 213 .paging_full_numbers a.paginate_button.previous.disabled,
 214 .paginate_disabled_previous {
 215     background: transparent url("../img/prev-disabled.png") no-repeat 3px top;
 216     color: #666;
 217     cursor: default;
 218 }
 219 .paginate_enabled_previous {
 220     background: transparent url("../img/prev.png") no-repeat 3px top;
 221     cursor: pointer;
 222 }
 223 .paging_full_numbers a.paginate_button.next.disabled,
 224 .paginate_disabled_next {
 225     background: transparent url("../img/next-disabled.png") no-repeat right top;
 226     color: #666;
 227     cursor: default;
 228 }
 229 .paginate_enabled_next {
 230     background: transparent url("../img/next.png") no-repeat right top;
 231     cursor: pointer;
 232 }
 233 .paging_full_numbers a.paginate_button.last.disabled,
 234 .paginate_disabled_last {
 235     background: transparent url("../img/last-disabled.png") no-repeat right top;
 236     color: #666;
 237     cursor: default;
 238 }
 239 .paginate_enabled_last {
 240     background: transparent url("../img/last.png") no-repeat right top;
 241     cursor: pointer;
 242 }
 243
 244 .paging_full_numbers a.paginate_button.first.disabled,
 245 .paging_full_numbers a.paginate_button.previous.disabled,
 246 .paging_full_numbers a.paginate_button.next.disabled,
 247 .paging_full_numbers a.paginate_button.last.disabled {
 248     background-position-y: 7px;
 249 }
 250
 251 .dataTables_processing {
 252     background-color: white;
 253     border: 1px solid #999;
 254     -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
 255     box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
 256     color: #333;
 257     font-size: 14px;
 258     left: 50%;
 259     margin-left: -125px;
 260     margin-top: -15px;
 261     padding: 10px 14px 12px;
 262     position: fixed;
 263     text-align: center;
 264     top: 50%;
 265 }
 266
 267 tr.odd.selected td {
 268     background-color: #D3D3D3;
 269 }
 270
 271 tr.even.selected td {
 272     background-color: #D3D3D3;
 273 }
 274
 275 /* ColumnFilter */
 276 span.filter_column > input[type="text"] {
 277     font-size: 80%;
 278     width: 100%;
 279     box-sizing: border-box;
 280 }
 281
 282 /* Row grouping */
 283 td.group,
 284 table.group td.group {
 285     background-color: #D1CFD0;
 286     border-bottom: 2px solid #A19B9E;
 287     border-top: 2px solid #A19B9E;
 288 }
 289
 290 table.group tr.odd td {
 291     background-color : #F3F3F3;
 292     border : 1px solid #BCBCBC;
 293     border-right : 1px solid #BCBCBC;
 294 }
 295
 296 table.group tr.even td {
 297     background-color: #FFF;
 298     border-right : 1px solid #BCBCBC;
 299 }
 300
 301 button.dt-button, div.dt-button, a.dt-button {
 302     margin: 3px 3px 0;
 303 }