Free cookie consent management tool by TermsFeed Policy Generator

source: branches/OaaS/HeuristicLab.Services.Optimization.Web/Content/datatable/css/jquery.dataTables_themeroller.css @ 14777

Last change on this file since 14777 was 9062, checked in by fschoepp, 12 years ago

#1888:
Backend changes:

  • Simplified job state detection (only one hive call will be made to detect all states now, instead of one additional call per job)
  • Reorganized classes (moved model classes into Model folder)

Website changes:

  • Website now heavily uses JavaScript to achieve better user experience
  • JavaScript degrades gracefully, except for plots
  • Tables: Added jquery-datatable-plugin to extend tables (pagination + search functionality)
  • OaaS-Website now uses the design of the HL websites (found in WebApplication branch)
  • Added jqplot to render zoomable line plots for HL-Datatables
  • Styling.js: Plots will be generated by using an ajax call; additional jquery-styling occurs within this file.
  • Added jquery-ui-1.9.2 which is capable of handling/rendering tabs, accordions and resizers.
File size: 4.5 KB
Line 
1
2
3/*
4 * Table
5 */
6table.dataTable {
7  margin: 0 auto;
8  clear: both;
9  width: 100%;
10  border-collapse: collapse;
11}
12
13table.dataTable thead th {
14  padding: 3px 0px 3px 10px;
15  cursor: pointer;
16  *cursor: hand;
17}
18
19table.dataTable tfoot th {
20  padding: 3px 10px;
21}
22
23table.dataTable td {
24  padding: 3px 10px;
25}
26
27table.dataTable td.center,
28table.dataTable td.dataTables_empty {
29  text-align: center;
30}
31
32table.dataTable tr.odd { background-color: #E2E4FF; }
33table.dataTable tr.even { background-color: white; }
34
35table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
36table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
37table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
38table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
39table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
40table.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 */
216table.dataTable thead th div.DataTables_sort_wrapper {
217  position: relative;
218  padding-right: 20px;
219}
220
221table.dataTable thead th div.DataTables_sort_wrapper span {
222  position: absolute;
223  top: 50%;
224  margin-top: -8px;
225  right: 0;
226}
227
228table.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
Note: See TracBrowser for help on using the repository browser.