webapp/resources/datatables-1.9.4/media/css/jquery.dataTables_themeroller.css

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