Free cookie consent management tool by TermsFeed Policy Generator

source: branches/1888_OaaS/HeuristicLab.Services.Optimization.Web/Content/datatable/css/jquery.dataTables.css @ 16115

Last change on this file since 16115 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.4 KB
Line 
1
2/*
3 * Table
4 */
5table.dataTable {
6  margin: 0 auto;
7  clear: both;
8  width: 100%;
9}
10
11table.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
19table.dataTable tfoot th {
20  padding: 3px 18px 3px 10px;
21  border-top: 1px solid black;
22  font-weight: bold;
23}
24
25table.dataTable td {
26  padding: 3px 10px;
27}
28
29table.dataTable td.center,
30table.dataTable td.dataTables_empty {
31  text-align: center;
32}
33
34table.dataTable tr.odd { background-color: #E2E4FF; }
35table.dataTable tr.even { background-color: white; }
36
37table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
38table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
39table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
40table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
41table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
42table.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 
204table.dataTable thead th:active,
205table.dataTable thead td:active {
206  outline: none;
207}
208
209
210/*
211 * Scrolling
212 */
213.dataTables_scroll {
214  clear: both;
215}
216
217.dataTables_scrollBody {
218  *margin-top: -1px;
219  -webkit-overflow-scrolling: touch;
220}
221
Note: See TracBrowser for help on using the repository browser.