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