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