root / static / css / base.css @ 97e42c7d
History | View | Annotate | Download (15.7 kB)
1 |
* {
|
---|---|
2 |
font-family: arial, freesans, clean, sans-serif; |
3 |
font-size: 12px; |
4 |
} |
5 |
|
6 |
html {
|
7 |
height: 100% color: black; |
8 |
} |
9 |
|
10 |
#page_wrapper {
|
11 |
margin-left: auto; |
12 |
margin-right: auto; |
13 |
width: 1000px; |
14 |
padding-top: 1em; |
15 |
} |
16 |
|
17 |
.errorlist li { |
18 |
color: red; |
19 |
font-size: 12px !important; |
20 |
margin: 0 0 3px; |
21 |
padding: 4px 5px 4px 25px; |
22 |
list-style: none outside none; |
23 |
} |
24 |
|
25 |
.error{
|
26 |
color: red; |
27 |
font-weight: bold; |
28 |
} |
29 |
|
30 |
#password_change_form label{ |
31 |
display: block; |
32 |
float: left; |
33 |
padding: 3px 10px 0 0; |
34 |
width: 13em; |
35 |
} |
36 |
|
37 |
a {
|
38 |
color: #4183C4; |
39 |
text-decoration: none; |
40 |
font-weight: bold; |
41 |
} |
42 |
|
43 |
a:hover { |
44 |
text-decoration: underline; |
45 |
} |
46 |
|
47 |
#main {
|
48 |
background: url("/static/background_grnet.png") repeat-x scroll 0 0 #FFFFFF; |
49 |
padding: 0; |
50 |
margin: 0; |
51 |
} |
52 |
|
53 |
#header {
|
54 |
height: 85px; |
55 |
margin: 0 auto; |
56 |
width: 990px; |
57 |
} |
58 |
|
59 |
.logoimg {
|
60 |
border: 0 none; |
61 |
position: absolute; |
62 |
left: 0; |
63 |
top: 0; |
64 |
} |
65 |
|
66 |
#header .grnetlogo { |
67 |
left: 10px; |
68 |
top: 18px; |
69 |
position: relative; |
70 |
} |
71 |
|
72 |
.loginform {
|
73 |
border-top: medium none; |
74 |
font-size: 12px; |
75 |
padding: 2px; |
76 |
float: right; |
77 |
-moz-border-radius: 5px 5px 5px 5px; |
78 |
border-radius: 5px; |
79 |
-webkit-border-radius: 5px; |
80 |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
81 |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
82 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
83 |
background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
84 |
border-color: #E9E9E9 #E9E9E9 #F5F5F5; |
85 |
border-style: solid; |
86 |
border-width: 1px; |
87 |
right: 10px; |
88 |
position: relative; |
89 |
top: -20px; |
90 |
|
91 |
|
92 |
|
93 |
|
94 |
} |
95 |
|
96 |
.topmenuuser{
|
97 |
padding: 4px; |
98 |
} |
99 |
|
100 |
.topmenuaction{
|
101 |
padding: 4px; |
102 |
background: url("/static/rule.png") no-repeat scroll 0 50% transparent; |
103 |
} |
104 |
|
105 |
body {
|
106 |
padding-bottom: 2em; |
107 |
background: white; |
108 |
margin: 0; |
109 |
} |
110 |
|
111 |
#content {
|
112 |
width: 990px; |
113 |
margin-left: auto; |
114 |
margin-right: auto; |
115 |
clear: both; |
116 |
background: #fafafa; |
117 |
border: 2px solid #FFFFFF; |
118 |
-moz-border-radius: 10px 10px 10px 10px; |
119 |
border-raduis: 10px; |
120 |
-webkit-border-radius: 10px; |
121 |
-moz-box-shadow: 0 0 3px #AAAAAA; |
122 |
-webkit-box-shadow: 0 0 3px #AAAAAA; |
123 |
box-shadow: 0 0 3px #AAAAAA; |
124 |
background-color: #F9F9F9; |
125 |
overflow: hidden; |
126 |
padding-bottom: 5px; |
127 |
padding-left: 5px; |
128 |
min-height: 200px; |
129 |
} |
130 |
|
131 |
#title, #title a { |
132 |
font-size: 18px; |
133 |
font-weight: bold; |
134 |
color: #656565; |
135 |
top: 25px; |
136 |
left: 50px; |
137 |
position: relative; |
138 |
width: 300px; |
139 |
} |
140 |
|
141 |
#menu {
|
142 |
height: 28px; |
143 |
padding-top: 5px; |
144 |
} |
145 |
|
146 |
#menu ul { |
147 |
padding: 0; |
148 |
margin: 0; |
149 |
list-style-type: none; |
150 |
display: inline; |
151 |
} |
152 |
|
153 |
#menu ul li { |
154 |
padding-left: 20px; |
155 |
display: inline; |
156 |
} |
157 |
|
158 |
#menu ul li a { |
159 |
color: white; |
160 |
text-decoration: none; |
161 |
} |
162 |
|
163 |
#menu ul li a:hover { |
164 |
font-weight: bold; |
165 |
} |
166 |
|
167 |
.conf_table ul { |
168 |
padding: 0; |
169 |
margin: 0; |
170 |
list-style-type: none; |
171 |
display: inline; |
172 |
} |
173 |
|
174 |
#footer, #footer a { |
175 |
clear: both; |
176 |
padding-top: 1em; |
177 |
font-size: 0.9em; |
178 |
text-align: center; |
179 |
} |
180 |
|
181 |
#formcontent {
|
182 |
padding: 2px; |
183 |
margin-bottom: 0; |
184 |
} |
185 |
|
186 |
#formcontent a { |
187 |
color: #4183C4; |
188 |
} |
189 |
|
190 |
#formcontent input { |
191 |
width: 6em; |
192 |
|
193 |
} |
194 |
|
195 |
|
196 |
#pagelist {
|
197 |
text-align: center; |
198 |
font-weight: bold; |
199 |
position: fixed; |
200 |
bottom: 0px; |
201 |
right: 0px; |
202 |
background: white; |
203 |
padding-left: 200px; |
204 |
width: 100%; |
205 |
padding-top: 0.5em; |
206 |
border-top: 1px solid #333; |
207 |
} |
208 |
|
209 |
#pagelist a { |
210 |
text-decoration: none; |
211 |
color: gray; |
212 |
} |
213 |
|
214 |
|
215 |
h3 {
|
216 |
font-size: 1.2em; |
217 |
} |
218 |
|
219 |
td {
|
220 |
text-align: left; |
221 |
} |
222 |
|
223 |
tr.even { |
224 |
background: #eaeaea; |
225 |
} |
226 |
|
227 |
span.highlighted { |
228 |
font-weight: bold; |
229 |
color: red; |
230 |
} |
231 |
|
232 |
form.update { |
233 |
text-align: center; |
234 |
display: none; |
235 |
} |
236 |
form.update textarea { |
237 |
width: 100%; |
238 |
} |
239 |
|
240 |
textarea#id_comments { |
241 |
width: 80%; |
242 |
} |
243 |
|
244 |
.hidden {
|
245 |
display: none; |
246 |
} |
247 |
|
248 |
.center_text {
|
249 |
text-align: center; |
250 |
} |
251 |
|
252 |
#searchform {
|
253 |
width: 300px; |
254 |
margin-left: auto; |
255 |
margin-right: auto; |
256 |
text-align: center; |
257 |
} |
258 |
|
259 |
.info_content_title {
|
260 |
background-color: #F0F0F0; |
261 |
border-bottom: 1px solid #FFFFFF; |
262 |
border-top: 1px solid #D9D9D9; |
263 |
color: #666666; |
264 |
font-size: 12px; |
265 |
font-weight: bold; |
266 |
margin: 20px 0; |
267 |
padding: 5px 0 5px 10px; |
268 |
text-align: left; |
269 |
text-shadow: 1px 1px 1px #FFFFFF; |
270 |
width: 100%; |
271 |
} |
272 |
|
273 |
.row_container{
|
274 |
background-color: white; |
275 |
clear: both; |
276 |
overflow: auto; |
277 |
width: 988px; |
278 |
border: 1px solid black; |
279 |
} |
280 |
.row1{
|
281 |
float: left; |
282 |
width: 300px; |
283 |
} |
284 |
.row1_content{
|
285 |
-moz-border-radius: 5px 5px 5px 5px; |
286 |
-webkit-border-radius: 5px; |
287 |
border-radius: 5px; |
288 |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
289 |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
290 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
291 |
background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
292 |
border-color: #E9E9E9 #E9E9E9 #F5F5F5; |
293 |
border-style: solid; |
294 |
border-width: 1px; |
295 |
padding: 4px; |
296 |
margin: 0 auto; |
297 |
width: 50%; |
298 |
position: relative; |
299 |
top: 20px; |
300 |
} |
301 |
.row2{
|
302 |
float: left; |
303 |
width: 300px; |
304 |
} |
305 |
.row3{
|
306 |
float: left; |
307 |
width: 300px; |
308 |
} |
309 |
.row1_table_content{
|
310 |
-moz-border-radius: 5px 5px 5px 5px; |
311 |
-webkit-border-radius: 5px; |
312 |
border-radius: 5px; |
313 |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
314 |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
315 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
316 |
background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
317 |
border-color: #E9E9E9 #E9E9E9 #F5F5F5; |
318 |
border-style: solid; |
319 |
border-width: 1px; |
320 |
padding: 3px; |
321 |
margin: 0 auto; |
322 |
text-align: left; |
323 |
|
324 |
} |
325 |
.actions_table{
|
326 |
background-color: #FFF0DF; |
327 |
border-collapse: collapse; |
328 |
border: 1px solid #D9D9D9; |
329 |
float: right; |
330 |
margin: 5px; |
331 |
min-width: 330px; |
332 |
width: 100%; |
333 |
} |
334 |
.actions_table td{ |
335 |
padding: 5px; |
336 |
} |
337 |
.instances_table{
|
338 |
border-collapse: collapse; |
339 |
float: right; |
340 |
/*
|
341 |
margin: 1px;
|
342 |
*/
|
343 |
} |
344 |
.instances_table td{ |
345 |
border: 1px solid #D9D9D9; |
346 |
padding: 5px; |
347 |
} |
348 |
.instances_table th{ |
349 |
border: 1px solid #D9D9D9; |
350 |
padding: 5px; |
351 |
} |
352 |
.instance_name{
|
353 |
text-align: left; |
354 |
} |
355 |
#title a:hover{ |
356 |
text-decoration: none; |
357 |
} |
358 |
.table_title{
|
359 |
background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
360 |
} |
361 |
.inner_table{
|
362 |
border-collapse: collapse; |
363 |
width:100%; |
364 |
height:100%; |
365 |
} |
366 |
.inner_table_holder{
|
367 |
padding: 0px !important; |
368 |
} |
369 |
.table_top_header{
|
370 |
background: url("/static/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; |
371 |
} |
372 |
.borderless{
|
373 |
border: 0 none !important; |
374 |
} |
375 |
.inner_category{
|
376 |
width: 35%; |
377 |
background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
378 |
border-left: 0 none !important; |
379 |
} |
380 |
.no_brd_right{
|
381 |
border-right: 0 none !important; |
382 |
} |
383 |
.no_brd_top{
|
384 |
border-top: 0 none !important; |
385 |
} |
386 |
.no_brd_btm{
|
387 |
border-bottom: 0 none !important; |
388 |
} |
389 |
|
390 |
#fl_l{
|
391 |
float: left; |
392 |
width: 42% |
393 |
} |
394 |
#configuration {
|
395 |
width: 58%; |
396 |
float: left; |
397 |
text-align: center; |
398 |
} |
399 |
|
400 |
#configuration form { |
401 |
margin-left: auto; |
402 |
margin-right: auto; |
403 |
max-width: 800px; |
404 |
} |
405 |
|
406 |
#configuration th { |
407 |
text-align: right; |
408 |
} |
409 |
|
410 |
#configuration td { |
411 |
text-align: left; |
412 |
} |
413 |
|
414 |
#configuration input[type="text"] { |
415 |
width: 22em; |
416 |
} |
417 |
.conf_table th{ |
418 |
font-weight: normal; |
419 |
background-color: #ECECEC; /* fallback color if gradients are not supported */ |
420 |
background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; |
421 |
border-bottom: 1px solid #D9D9D9; |
422 |
} |
423 |
.conf_table{
|
424 |
float: right; |
425 |
margin: 5px; |
426 |
border: 1px solid #D9D9D9; |
427 |
border-collapse: collapse; |
428 |
width: 100%; |
429 |
} |
430 |
.conf_table td{ |
431 |
border-bottom: 1px solid #D9D9D9; |
432 |
|
433 |
} |
434 |
.conf_table .table_topper_header{ |
435 |
font-weight: bold; |
436 |
background: url("/static/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; |
437 |
} |
438 |
.instance_det_table{
|
439 |
border-collapse: collapse; |
440 |
clear: both; |
441 |
width: 400px; |
442 |
margin: 5px; |
443 |
} |
444 |
.instance_det_table td{ |
445 |
border: 1px solid #D9D9D9; |
446 |
padding: 5px; |
447 |
} |
448 |
.instance_det_table th{ |
449 |
border: 1px solid #D9D9D9; |
450 |
padding: 5px; |
451 |
} |
452 |
|
453 |
|
454 |
|
455 |
#cluster_overview_table_wrapper{
|
456 |
width: 100%; |
457 |
} |
458 |
/*
|
459 |
* jQuery UI specific styling
|
460 |
*/
|
461 |
|
462 |
.paging_two_button .ui-button { |
463 |
float: left; |
464 |
cursor: pointer; |
465 |
* cursor: hand; |
466 |
} |
467 |
|
468 |
.paging_full_numbers .ui-button { |
469 |
padding: 2px 6px; |
470 |
margin: 0; |
471 |
cursor: pointer; |
472 |
* cursor: hand; |
473 |
} |
474 |
|
475 |
.dataTables_paginate .ui-button { |
476 |
margin-right: -0.1em !important; |
477 |
} |
478 |
|
479 |
.paging_full_numbers {
|
480 |
width: 350px !important; |
481 |
} |
482 |
|
483 |
.dataTables_wrapper .ui-toolbar { |
484 |
padding: 5px; |
485 |
} |
486 |
|
487 |
.dataTables_paginate {
|
488 |
width: auto; |
489 |
} |
490 |
|
491 |
.dataTables_info {
|
492 |
padding-top: 3px; |
493 |
} |
494 |
|
495 |
table.display thead th { |
496 |
padding: 3px 0px 3px 10px; |
497 |
cursor: pointer; |
498 |
* cursor: hand; |
499 |
} |
500 |
|
501 |
div.dataTables_wrapper .ui-widget-header { |
502 |
font-weight: normal; |
503 |
} |
504 |
|
505 |
|
506 |
/*
|
507 |
* Sort arrow icon positioning
|
508 |
*/
|
509 |
table.display thead th div.DataTables_sort_wrapper { |
510 |
position: relative; |
511 |
padding-right: 20px; |
512 |
padding-right: 20px; |
513 |
} |
514 |
|
515 |
table.display thead th div.DataTables_sort_wrapper span { |
516 |
position: absolute; |
517 |
top: 50%; |
518 |
margin-top: -8px; |
519 |
right: 0; |
520 |
} |
521 |
|
522 |
|
523 |
|
524 |
|
525 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
526 |
*
|
527 |
* Everything below this line is the same as demo_table.css. This file is
|
528 |
* required for 'cleanliness' of the markup
|
529 |
*
|
530 |
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
531 |
|
532 |
|
533 |
|
534 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
535 |
* DataTables features
|
536 |
*/
|
537 |
|
538 |
.dataTables_wrapper {
|
539 |
position: relative; |
540 |
min-height: 302px; |
541 |
_height: 302px; |
542 |
clear: both; |
543 |
} |
544 |
|
545 |
.dataTables_processing {
|
546 |
position: absolute; |
547 |
top: 0px; |
548 |
left: 50%; |
549 |
width: 250px; |
550 |
margin-left: -125px; |
551 |
border: 1px solid #ddd; |
552 |
text-align: center; |
553 |
color: #999; |
554 |
font-size: 11px; |
555 |
padding: 2px 0; |
556 |
} |
557 |
|
558 |
.dataTables_length {
|
559 |
width: 40%; |
560 |
float: left; |
561 |
} |
562 |
|
563 |
.dataTables_filter {
|
564 |
width: 50%; |
565 |
float: right; |
566 |
text-align: right; |
567 |
} |
568 |
|
569 |
.dataTables_info {
|
570 |
width: 50%; |
571 |
float: left; |
572 |
} |
573 |
|
574 |
.dataTables_paginate {
|
575 |
float: right; |
576 |
text-align: right; |
577 |
} |
578 |
|
579 |
/* Pagination nested */
|
580 |
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { |
581 |
height: 19px; |
582 |
width: 19px; |
583 |
margin-left: 3px; |
584 |
float: left; |
585 |
} |
586 |
|
587 |
.paginate_disabled_previous {
|
588 |
background-image: url('../images/back_disabled.jpg'); |
589 |
} |
590 |
|
591 |
.paginate_enabled_previous {
|
592 |
background-image: url('../images/back_enabled.jpg'); |
593 |
} |
594 |
|
595 |
.paginate_disabled_next {
|
596 |
background-image: url('../images/forward_disabled.jpg'); |
597 |
} |
598 |
|
599 |
.paginate_enabled_next {
|
600 |
background-image: url('../images/forward_enabled.jpg'); |
601 |
} |
602 |
|
603 |
|
604 |
|
605 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
606 |
* DataTables display
|
607 |
*/
|
608 |
table.display { |
609 |
margin: 0 auto; |
610 |
width: 100%; |
611 |
clear: both; |
612 |
border-collapse: collapse; |
613 |
} |
614 |
|
615 |
table.display tfoot th { |
616 |
padding: 3px 0px 3px 10px; |
617 |
font-weight: bold; |
618 |
font-weight: normal; |
619 |
} |
620 |
|
621 |
table.display tr.heading2 td { |
622 |
border-bottom: 1px solid #aaa; |
623 |
} |
624 |
|
625 |
table.display td { |
626 |
padding: 3px 10px; |
627 |
} |
628 |
|
629 |
table.display td.center { |
630 |
text-align: center; |
631 |
} |
632 |
|
633 |
|
634 |
|
635 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
636 |
* DataTables sorting
|
637 |
*/
|
638 |
|
639 |
.sorting_asc {
|
640 |
background: url('../images/sort_asc.png') no-repeat center right; |
641 |
} |
642 |
|
643 |
.sorting_desc {
|
644 |
background: url('../images/sort_desc.png') no-repeat center right; |
645 |
} |
646 |
|
647 |
.sorting {
|
648 |
background: url('../images/sort_both.png') no-repeat center right; |
649 |
} |
650 |
|
651 |
.sorting_asc_disabled {
|
652 |
background: url('../images/sort_asc_disabled.png') no-repeat center right; |
653 |
} |
654 |
|
655 |
.sorting_desc_disabled {
|
656 |
background: url('../images/sort_desc_disabled.png') no-repeat center right; |
657 |
} |
658 |
|
659 |
|
660 |
|
661 |
|
662 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
663 |
* DataTables row classes
|
664 |
*/
|
665 |
table.display tr.odd.gradeA { |
666 |
background-color: #ddffdd; |
667 |
} |
668 |
|
669 |
table.display tr.even.gradeA { |
670 |
background-color: #eeffee; |
671 |
} |
672 |
|
673 |
|
674 |
|
675 |
|
676 |
table.display tr.odd.gradeA { |
677 |
background-color: #ddffdd; |
678 |
} |
679 |
|
680 |
table.display tr.even.gradeA { |
681 |
background-color: #eeffee; |
682 |
} |
683 |
|
684 |
table.display tr.odd.gradeC { |
685 |
background-color: #ddddff; |
686 |
} |
687 |
|
688 |
table.display tr.even.gradeC { |
689 |
background-color: #eeeeff; |
690 |
} |
691 |
|
692 |
table.display tr.odd.gradeX { |
693 |
background-color: #ffdddd; |
694 |
} |
695 |
|
696 |
table.display tr.even.gradeX { |
697 |
background-color: #ffeeee; |
698 |
} |
699 |
|
700 |
table.display tr.odd.gradeU { |
701 |
background-color: #ddd; |
702 |
} |
703 |
|
704 |
table.display tr.even.gradeU { |
705 |
background-color: #eee; |
706 |
} |
707 |
|
708 |
|
709 |
tr.odd { |
710 |
background-color: #E2E4FF; |
711 |
} |
712 |
|
713 |
tr.even { |
714 |
background-color: white; |
715 |
} |
716 |
|
717 |
|
718 |
|
719 |
|
720 |
|
721 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
722 |
* Misc
|
723 |
*/
|
724 |
.dataTables_scroll {
|
725 |
clear: both; |
726 |
} |
727 |
|
728 |
.top, .bottom { |
729 |
padding: 15px; |
730 |
background-color: #F5F5F5; |
731 |
border: 1px solid #CCCCCC; |
732 |
} |
733 |
|
734 |
.top .dataTables_info { |
735 |
float: none; |
736 |
} |
737 |
|
738 |
.clear {
|
739 |
clear: both; |
740 |
} |
741 |
|
742 |
.dataTables_empty {
|
743 |
text-align: center; |
744 |
} |
745 |
|
746 |
tfoot input { |
747 |
margin: 0.5em 0; |
748 |
width: 100%; |
749 |
color: #444; |
750 |
} |
751 |
|
752 |
tfoot input.search_init { |
753 |
color: #999; |
754 |
} |
755 |
|
756 |
td.group { |
757 |
background-color: #d1cfd0; |
758 |
border-bottom: 2px solid #A19B9E; |
759 |
border-top: 2px solid #A19B9E; |
760 |
} |
761 |
|
762 |
td.details { |
763 |
background-color: #d1cfd0; |
764 |
border: 2px solid #A19B9E; |
765 |
} |
766 |
|
767 |
|
768 |
.example_alt_pagination div.dataTables_info { |
769 |
width: 40%; |
770 |
} |
771 |
|
772 |
.paging_full_numbers span.paginate_button, |
773 |
.paging_full_numbers span.paginate_active { |
774 |
border: 1px solid #aaa; |
775 |
-webkit-border-radius: 5px; |
776 |
-moz-border-radius: 5px; |
777 |
padding: 2px 5px; |
778 |
margin: 0 3px; |
779 |
cursor: pointer; |
780 |
*cursor: hand; |
781 |
} |
782 |
|
783 |
.paging_full_numbers span.paginate_button { |
784 |
background-color: #ddd; |
785 |
} |
786 |
|
787 |
.paging_full_numbers span.paginate_button:hover { |
788 |
background-color: #ccc; |
789 |
} |
790 |
|
791 |
.paging_full_numbers span.paginate_active { |
792 |
background-color: #99B3FF; |
793 |
} |
794 |
|
795 |
table.display tr.even.row_selected td { |
796 |
background-color: #B0BED9; |
797 |
} |
798 |
|
799 |
table.display tr.odd.row_selected td { |
800 |
background-color: #9FAFD1; |
801 |
} |
802 |
|
803 |
|
804 |
/*
|
805 |
* Sorting classes for columns
|
806 |
*/
|
807 |
/* For the standard odd/even */
|
808 |
tr.odd td.sorting_1 { |
809 |
background-color: #D3D6FF; |
810 |
} |
811 |
|
812 |
tr.odd td.sorting_2 { |
813 |
background-color: #DADCFF; |
814 |
} |
815 |
|
816 |
tr.odd td.sorting_3 { |
817 |
background-color: #E0E2FF; |
818 |
} |
819 |
|
820 |
tr.even td.sorting_1 { |
821 |
background-color: #EAEBFF; |
822 |
} |
823 |
|
824 |
tr.even td.sorting_2 { |
825 |
background-color: #F2F3FF; |
826 |
} |
827 |
|
828 |
tr.even td.sorting_3 { |
829 |
background-color: #F9F9FF; |
830 |
} |
831 |
|
832 |
|
833 |
/* For the Conditional-CSS grading rows */
|
834 |
/*
|
835 |
Colour calculations (based off the main row colours)
|
836 |
Level 1:
|
837 |
dd > c4
|
838 |
ee > d5
|
839 |
Level 2:
|
840 |
dd > d1
|
841 |
ee > e2
|
842 |
*/
|
843 |
tr.odd.gradeA td.sorting_1 { |
844 |
background-color: #c4ffc4; |
845 |
} |
846 |
|
847 |
tr.odd.gradeA td.sorting_2 { |
848 |
background-color: #d1ffd1; |
849 |
} |
850 |
|
851 |
tr.odd.gradeA td.sorting_3 { |
852 |
background-color: #d1ffd1; |
853 |
} |
854 |
|
855 |
tr.even.gradeA td.sorting_1 { |
856 |
background-color: #d5ffd5; |
857 |
} |
858 |
|
859 |
tr.even.gradeA td.sorting_2 { |
860 |
background-color: #e2ffe2; |
861 |
} |
862 |
|
863 |
tr.even.gradeA td.sorting_3 { |
864 |
background-color: #e2ffe2; |
865 |
} |
866 |
|
867 |
tr.odd.gradeC td.sorting_1 { |
868 |
background-color: #c4c4ff; |
869 |
} |
870 |
|
871 |
tr.odd.gradeC td.sorting_2 { |
872 |
background-color: #d1d1ff; |
873 |
} |
874 |
|
875 |
tr.odd.gradeC td.sorting_3 { |
876 |
background-color: #d1d1ff; |
877 |
} |
878 |
|
879 |
tr.even.gradeC td.sorting_1 { |
880 |
background-color: #d5d5ff; |
881 |
} |
882 |
|
883 |
tr.even.gradeC td.sorting_2 { |
884 |
background-color: #e2e2ff; |
885 |
} |
886 |
|
887 |
tr.even.gradeC td.sorting_3 { |
888 |
background-color: #e2e2ff; |
889 |
} |
890 |
|
891 |
tr.odd.gradeX td.sorting_1 { |
892 |
background-color: #ffc4c4; |
893 |
} |
894 |
|
895 |
tr.odd.gradeX td.sorting_2 { |
896 |
background-color: #ffd1d1; |
897 |
} |
898 |
|
899 |
tr.odd.gradeX td.sorting_3 { |
900 |
background-color: #ffd1d1; |
901 |
} |
902 |
|
903 |
tr.even.gradeX td.sorting_1 { |
904 |
background-color: #ffd5d5; |
905 |
} |
906 |
|
907 |
tr.even.gradeX td.sorting_2 { |
908 |
background-color: #ffe2e2; |
909 |
} |
910 |
|
911 |
tr.even.gradeX td.sorting_3 { |
912 |
background-color: #ffe2e2; |
913 |
} |
914 |
|
915 |
tr.odd.gradeU td.sorting_1 { |
916 |
background-color: #c4c4c4; |
917 |
} |
918 |
|
919 |
tr.odd.gradeU td.sorting_2 { |
920 |
background-color: #d1d1d1; |
921 |
} |
922 |
|
923 |
tr.odd.gradeU td.sorting_3 { |
924 |
background-color: #d1d1d1; |
925 |
} |
926 |
|
927 |
tr.even.gradeU td.sorting_1 { |
928 |
background-color: #d5d5d5; |
929 |
} |
930 |
|
931 |
tr.even.gradeU td.sorting_2 { |
932 |
background-color: #e2e2e2; |
933 |
} |
934 |
|
935 |
tr.even.gradeU td.sorting_3 { |
936 |
background-color: #e2e2e2; |
937 |
} |
938 |
|
939 |
|
940 |
/*
|
941 |
* Row highlighting example
|
942 |
*/
|
943 |
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { |
944 |
background-color: #ECFFB3; |
945 |
} |
946 |
|
947 |
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { |
948 |
background-color: #E6FF99; |
949 |
} |
950 |
|
951 |
div.box { |
952 |
height: 100px; |
953 |
padding: 10px; |
954 |
overflow: auto; |
955 |
border: 1px solid #8080FF; |
956 |
background-color: #E5E5FF; |
957 |
} |
958 |
|
959 |
#messages {
|
960 |
position: relative; |
961 |
top: -21px; |
962 |
text-align: center; |
963 |
padding-top: 0.4em; |
964 |
padding-bottom: 0.4em; |
965 |
background-color: #d5ffd5; |
966 |
border-top: 1px solid #a5afa5; |
967 |
border-bottom: 1px solid #a5afa5; |
968 |
} |
969 |
|
970 |
#welcome {
|
971 |
float: left; |
972 |
padding: 0.5em; |
973 |
width: 45%; |
974 |
} |
975 |
|
976 |
#loginform {
|
977 |
margin-left: 50%; |
978 |
text-align: center; |
979 |
border-left: 1px solid #aaa; |
980 |
} |
981 |
|
982 |
#loginform table { |
983 |
margin-left: auto; |
984 |
margin-right: auto; |
985 |
} |