library/css/jquery.dataTables.css

   1
   2 /*
   3  * Table
   4  */
   5 table.dataTable {
   6         margin: 0 auto;
   7         clear: both;
   8         width: 100%;
   9 }
  10
  11 table.dataTable thead th {
  12         padding: 3px 18px 3px 10px;
  13         border-bottom: 1px solid black;
  14         font-weight: bold;
  15         cursor: pointer;
  16         *cursor: hand;
  17 }
  18
  19 table.dataTable tfoot th {
  20         padding: 3px 18px 3px 10px;
  21         border-top: 1px solid black;
  22         font-weight: bold;
  23 }
  24
  25 table.dataTable td {
  26         padding: 3px 10px;
  27 }
  28
  29 table.dataTable td.center,
  30 table.dataTable td.dataTables_empty {
  31         text-align: center;
  32 }
  33
  34 table.dataTable tr.odd { background-color: #E2E4FF; }
  35 table.dataTable tr.even { background-color: white; }
  36
  37 table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
  38 table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
  39 table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
  40 table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
  41 table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
  42 table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
  43
  44
  45 /*
  46  * Table wrapper
  47  */
  48 .dataTables_wrapper {
  49         position: relative;
  50         clear: both;
  51         *zoom: 1;
  52 }
  53
  54
  55 /*
  56  * Page length menu
  57  */
  58 .dataTables_length {
  59         float: left;
  60 }
  61
  62
  63 /*
  64  * Filter
  65  */
  66 .dataTables_filter {
  67         float: right;
  68         text-align: right;
  69 }
  70
  71
  72 /*
  73  * Table information
  74  */
  75 .dataTables_info {
  76         clear: both;
  77         float: left;
  78 }
  79
  80
  81 /*
  82  * Pagination
  83  */
  84 .dataTables_paginate {
  85         float: right;
  86         text-align: right;
  87 }
  88
  89 /* Two button pagination - previous / next */
  90 .paginate_disabled_previous,
  91 .paginate_enabled_previous,
  92 .paginate_disabled_next,
  93 .paginate_enabled_next {
  94         height: 19px;
  95         float: left;
  96         cursor: pointer;
  97         *cursor: hand;
  98         color: #111 !important;
  99 }
 100 .paginate_disabled_previous:hover,
 101 .paginate_enabled_previous:hover,
 102 .paginate_disabled_next:hover,
 103 .paginate_enabled_next:hover {
 104         text-decoration: none !important;
 105 }
 106 .paginate_disabled_previous:active,
 107 .paginate_enabled_previous:active,
 108 .paginate_disabled_next:active,
 109 .paginate_enabled_next:active {
 110         outline: none;
 111 }
 112
 113 .paginate_disabled_previous,
 114 .paginate_disabled_next {
 115         color: #666 !important;
 116 }
 117 .paginate_disabled_previous,
 118 .paginate_enabled_previous {
 119         padding-left: 23px;
 120 }
 121 .paginate_disabled_next,
 122 .paginate_enabled_next {
 123         padding-right: 23px;
 124         margin-left: 10px;
 125 }
 126
 127 .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
 128 .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
 129 .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
 130
 131 .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
 132 .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
 133 .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
 134
 135 /* Full number pagination */
 136 .paging_full_numbers {
 137         height: 22px;
 138         line-height: 22px;
 139 }
 140 .paging_full_numbers a:active {
 141         outline: none
 142 }
 143 .paging_full_numbers a:hover {
 144         text-decoration: none;
 145 }
 146
 147 .paging_full_numbers a.paginate_button,
 148 .paging_full_numbers a.paginate_active {
 149         border: 1px solid #aaa;
 150         -webkit-border-radius: 5px;
 151         -moz-border-radius: 5px;
 152         border-radius: 5px;
 153         padding: 2px 5px;
 154         margin: 0 3px;
 155         cursor: pointer;
 156         *cursor: hand;
 157         color: #333 !important;
 158 }
 159
 160 .paging_full_numbers a.paginate_button {
 161         background-color: #ddd;
 162 }
 163
 164 .paging_full_numbers a.paginate_button:hover {
 165         background-color: #ccc;
 166         text-decoration: none !important;
 167 }
 168
 169 .paging_full_numbers a.paginate_active {
 170         background-color: #99B3FF;
 171 }
 172
 173
 174 /*
 175  * Processing indicator
 176  */
 177 .dataTables_processing {
 178         position: absolute;
 179         top: 50%;
 180         left: 50%;
 181         width: 250px;
 182         height: 30px;
 183         margin-left: -125px;
 184         margin-top: -15px;
 185         padding: 14px 0 2px 0;
 186         border: 1px solid #ddd;
 187         text-align: center;
 188         color: #999;
 189         font-size: 14px;
 190         background-color: white;
 191 }
 192
 193
 194 /*
 195  * Sorting
 196  */
 197 .sorting { background: url('../images/sort_both.png') no-repeat center right; }
 198 .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
 199 .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
 200
 201 .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
 202 .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 203
 204 table.dataTable th:active {
 205         outline: none;
 206 }
 207
 208
 209 /*
 210  * Scrolling
 211  */
 212 .dataTables_scroll {
 213         clear: both;
 214 }
 215
 216 .dataTables_scrollBody {
 217         *margin-top: -1px;
 218         -webkit-overflow-scrolling: touch;
 219 }
 220