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_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     border-right : 1px solid #AAAAAA;
  62 }
  63 div.dataTables_filter {
  64     line-height : 1.9em;
  65 }
  66 div.dataTables_paginate {
  67     padding : 0;
  68 }
  69
  70 .paging_full_numbers a.paginate_button,
  71 .paging_full_numbers a.paginate_active,
  72 .paging_full_numbers > span > span {
  73     border-right : 1px solid #AAA;
  74     border-left : 1px solid #FFF;
  75     display : block;
  76     float : left;
  77     line-height:1.9em;
  78     padding : 0.4em 0.7em;
  79 }
  80 .paging_full_numbers a.paginate_button,
  81 .paging_full_numbers a.paginate_active {
  82     cursor: pointer;
  83 }
  84 .paging_full_numbers a.paginate_button,
  85 .paging_full_numbers > span > span {
  86     background-color : #FFF;
  87     background-repeat: no-repeat;
  88     color : #0000CC;
  89 }
  90 .paging_full_numbers a.paginate_button.first {
  91     background-color: transparent;
  92     background-image : url('../img/first.png');
  93     background-position : 3px center;
  94     padding-left : 23px;
  95 }
  96 .paging_full_numbers a.paginate_button.previous {
  97     background-color: transparent;
  98     background-image : url('../img/prev.png');
  99     background-position : 3px center;
 100     padding-left : 23px;
 101 }
 102 .paging_full_numbers a.paginate_button.next {
 103     background-color: transparent;
 104     background-image : url('../img/next.png');
 105     background-position : 93% center;
 106     padding-right : 25px;
 107 }
 108 .paging_full_numbers a.paginate_button.last {
 109     background-color: transparent;
 110     background-image : url('../img/last.png');
 111     background-position : 93% center;
 112     border-right : 0;
 113     padding-right : 25px;
 114 }
 115 div.bottom.pager .paging_full_numbers a.paginate_button.last {
 116     border-right-width : 0;
 117 }
 118
 119 div.bottom.pager div:first-child {
 120     border-left : 0;
 121 }
 122
 123 .paging_full_numbers a.paginate_active {
 124     background-color : #FFFFEA;
 125     color : #000;
 126     font-weight: bold;
 127 }
 128
 129 .paging_full_numbers a.paginate_button:hover {
 130     background-color: #FFC;
 131 }
 132
 133 .paging_full_numbers a.paginate_button.paginate_button_disabled {
 134     color : #666;
 135 }
 136
 137 /* Two-button version */
 138
 139 div.dataTables_paginate.paging_two_button,
 140 div.dataTables_paginate.paging_four_button {
 141     background-color : transparent;
 142     border-right : 1px solid #686868;
 143     border-left : 1px solid #FFF;
 144     line-height : 2.5em;
 145 }
 146 .paginate_disabled_first,
 147 .paginate_enabled_first,
 148 .paginate_disabled_previous,
 149 .paginate_enabled_previous,
 150 .paginate_disabled_next,
 151 .paginate_enabled_next,
 152 .paginate_disabled_last,
 153 .paginate_enabled_last {
 154     cursor: pointer;
 155     *cursor: hand;
 156     padding: .1em 0;
 157 }
 158
 159 .paginate_disabled_previous,
 160 .paginate_enabled_previous,
 161 .paginate_disabled_next,
 162 .paginate_enabled_next {
 163     color: #111 !important;
 164 }
 165
 166 .paginate_disabled_previous,
 167 .paginate_enabled_previous {
 168     padding-left: 23px;
 169 }
 170 .paginate_disabled_next,
 171 .paginate_enabled_next,
 172 .paginate_disabled_last,
 173 .paginate_enabled_last {
 174     padding-right: 23px;
 175     margin-left: 10px;
 176     margin-right : .3em;
 177 }
 178
 179 .paging_four_button .paginate_disabled_first,
 180 .paging_four_button .paginate_disabled_previous,
 181 .paging_four_button .paginate_enabled_first,
 182 .paging_four_button .paginate_enabled_previous  {
 183     margin-left : .3em;
 184 }
 185
 186 .paginate_disabled_first {
 187     background: transparent url("../img/first-disabled.png") no-repeat 3px top;
 188 }
 189 .paginate_enabled_first {
 190     background: transparent url("../img/first.png") no-repeat 3px top;
 191     cursor: pointer;
 192 }
 193 .paginate_disabled_previous {
 194     background: transparent url("../img/prev-disabled.png") no-repeat 3px top;
 195 }
 196 .paginate_enabled_previous {
 197     background: transparent url("../img/prev.png") no-repeat 3px top;
 198     cursor: pointer;
 199 }
 200 .paginate_disabled_next {
 201     background: transparent url("../img/next-disabled.png") no-repeat right top;
 202 }
 203 .paginate_enabled_next {
 204     background: transparent url("../img/next.png") no-repeat right top;
 205     cursor: pointer;
 206 }
 207 .paginate_disabled_last {
 208     background: transparent url("../img/last-disabled.png") no-repeat right top;
 209 }
 210 .paginate_enabled_last {
 211     background: transparent url("../img/last.png") no-repeat right top;
 212     cursor: pointer;
 213 }
 214
 215 .dataTables_processing {
 216     background-color: white;
 217     border: 1px solid #999;
 218     -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
 219     box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
 220     color: #333;
 221     font-size: 14px;
 222     height: 30px;
 223     left: 50%;
 224     margin-left: -125px;
 225     margin-top: -15px;
 226     padding: 14px 0 2px;
 227     position: fixed;
 228     text-align: center;
 229     top: 50%;
 230     width: 250px;
 231 }
 232
 233 tr.odd.selected td {
 234     background-color: #D3D3D3;
 235 }
 236
 237 tr.even.selected td {
 238     background-color: #D3D3D3;
 239 }
 240
 241 /* ColumnFilter */
 242 span.filter_column > input[type="text"] {
 243     font-size: 80%;
 244     width: 100%;
 245     box-sizing: border-box;
 246 }
 247
 248 /* Row grouping */
 249 td.group,
 250 table.group td.group {
 251     background-color: #D1CFD0;
 252     border-bottom: 2px solid #A19B9E;
 253     border-top: 2px solid #A19B9E;
 254 }
 255
 256 table.group tr.odd td {
 257     background-color : #F3F3F3;
 258     border : 1px solid #BCBCBC;
 259     border-right : 1px solid #BCBCBC;
 260 }
 261
 262 table.group tr.even td {
 263     background-color: #FFF;
 264     border-right : 1px solid #BCBCBC;
 265 }