Revision 97e42c7d static/css/base.css
b/static/css/base.css | ||
---|---|---|
455 | 455 |
#cluster_overview_table_wrapper{ |
456 | 456 |
width: 100%; |
457 | 457 |
} |
458 |
|
|
458 |
/* |
|
459 |
* jQuery UI specific styling |
|
460 |
*/ |
|
459 | 461 |
|
460 | 462 |
.paging_two_button .ui-button { |
461 | 463 |
float: left; |
... | ... | |
518 | 520 |
} |
519 | 521 |
|
520 | 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 |
|
|
521 | 538 |
.dataTables_wrapper { |
522 | 539 |
position: relative; |
523 | 540 |
min-height: 302px; |
524 |
float: left; |
|
525 |
clear: both; |
|
526 | 541 |
_height: 302px; |
527 |
width: 100%; |
|
528 |
zoom: 1; /* Feeling sorry for IE */ |
|
542 |
clear: both; |
|
529 | 543 |
} |
530 | 544 |
|
531 | 545 |
.dataTables_processing { |
532 | 546 |
position: absolute; |
533 |
top: 50%;
|
|
547 |
top: 0px;
|
|
534 | 548 |
left: 50%; |
535 | 549 |
width: 250px; |
536 |
height: 30px; |
|
537 | 550 |
margin-left: -125px; |
538 |
margin-top: -15px; |
|
539 |
padding: 14px 0 2px 0; |
|
540 | 551 |
border: 1px solid #ddd; |
541 | 552 |
text-align: center; |
542 | 553 |
color: #999; |
543 |
font-size: 14px;
|
|
544 |
background-color: white;
|
|
554 |
font-size: 11px;
|
|
555 |
padding: 2px 0;
|
|
545 | 556 |
} |
546 | 557 |
|
547 | 558 |
.dataTables_length { |
... | ... | |
556 | 567 |
} |
557 | 568 |
|
558 | 569 |
.dataTables_info { |
559 |
width: 60%;
|
|
570 |
width: 50%;
|
|
560 | 571 |
float: left; |
561 | 572 |
} |
562 | 573 |
|
563 | 574 |
.dataTables_paginate { |
564 |
width: 44px; |
|
565 |
* width: 50px; |
|
566 | 575 |
float: right; |
567 | 576 |
text-align: right; |
568 | 577 |
} |
... | ... | |
593 | 602 |
|
594 | 603 |
|
595 | 604 |
|
596 |
|
|
605 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|
606 |
* DataTables display |
|
607 |
*/ |
|
597 | 608 |
table.display { |
598 | 609 |
margin: 0 auto; |
599 |
clear: both; |
|
600 | 610 |
width: 100%; |
611 |
clear: both; |
|
601 | 612 |
border-collapse: collapse; |
602 |
|
|
603 |
} |
|
604 |
|
|
605 |
table.display thead th { |
|
606 |
padding: 3px 18px 3px 10px; |
|
607 |
font-weight: normal; |
|
608 |
cursor: pointer; |
|
609 |
* cursor: hand; |
|
610 | 613 |
} |
611 | 614 |
|
612 | 615 |
table.display tfoot th { |
613 |
padding: 3px 18px 3px 10px; |
|
614 |
border-top: 1px solid black; |
|
616 |
padding: 3px 0px 3px 10px; |
|
615 | 617 |
font-weight: bold; |
618 |
font-weight: normal; |
|
616 | 619 |
} |
617 | 620 |
|
618 | 621 |
table.display tr.heading2 td { |
... | ... | |
623 | 626 |
padding: 3px 10px; |
624 | 627 |
} |
625 | 628 |
|
626 |
table.display td a { |
|
627 |
font-weight: normal; |
|
628 |
} |
|
629 |
|
|
630 | 629 |
table.display td.center { |
631 | 630 |
text-align: center; |
632 | 631 |
} |
633 | 632 |
|
634 |
table.display tfoot th { |
|
635 |
padding: 3px 0px 3px 10px; |
|
636 |
font-weight: bold; |
|
637 |
font-weight: normal; |
|
638 |
} |
|
639 | 633 |
|
640 |
table.display tr.heading2 td { |
|
641 |
border-bottom: 1px solid #aaa; |
|
642 |
} |
|
643 |
|
|
644 |
table.display td { |
|
645 |
padding: 3px 10px; |
|
646 |
} |
|
647 | 634 |
|
648 |
table.display td.center {
|
|
649 |
text-align: center;
|
|
650 |
}
|
|
635 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
636 |
* DataTables sorting
|
|
637 |
*/
|
|
651 | 638 |
|
652 | 639 |
.sorting_asc { |
653 | 640 |
background: url('../images/sort_asc.png') no-repeat center right; |
... | ... | |
669 | 656 |
background: url('../images/sort_desc_disabled.png') no-repeat center right; |
670 | 657 |
} |
671 | 658 |
|
659 |
|
|
660 |
|
|
661 |
|
|
662 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|
663 |
* DataTables row classes |
|
664 |
*/ |
|
672 | 665 |
table.display tr.odd.gradeA { |
673 |
background-color: #EEEEEE;
|
|
666 |
background-color: #ddffdd;
|
|
674 | 667 |
} |
675 | 668 |
|
676 | 669 |
table.display tr.even.gradeA { |
677 |
background-color: #F6F6F6; |
|
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; |
|
678 | 682 |
} |
679 | 683 |
|
680 | 684 |
table.display tr.odd.gradeC { |
... | ... | |
710 | 714 |
background-color: white; |
711 | 715 |
} |
712 | 716 |
|
717 |
|
|
718 |
|
|
719 |
|
|
720 |
|
|
721 |
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|
722 |
* Misc |
|
723 |
*/ |
|
713 | 724 |
.dataTables_scroll { |
714 | 725 |
clear: both; |
715 | 726 |
} |
716 | 727 |
|
717 |
.dataTables_scrollBody { |
|
718 |
*margin-top: -1px; |
|
719 |
} |
|
720 |
|
|
721 | 728 |
.top, .bottom { |
722 | 729 |
padding: 15px; |
723 | 730 |
background-color: #F5F5F5; |
... | ... | |
762 | 769 |
width: 40%; |
763 | 770 |
} |
764 | 771 |
|
765 |
.paging_full_numbers { |
|
766 |
width: 400px; |
|
767 |
height: 22px; |
|
768 |
line-height: 22px; |
|
769 |
} |
|
770 |
|
|
771 | 772 |
.paging_full_numbers span.paginate_button, |
772 | 773 |
.paging_full_numbers span.paginate_active { |
773 | 774 |
border: 1px solid #aaa; |
... | ... | |
799 | 800 |
background-color: #9FAFD1; |
800 | 801 |
} |
801 | 802 |
|
803 |
|
|
804 |
/* |
|
805 |
* Sorting classes for columns |
|
806 |
*/ |
|
807 |
/* For the standard odd/even */ |
|
802 | 808 |
tr.odd td.sorting_1 { |
803 | 809 |
background-color: #D3D6FF; |
804 | 810 |
} |
... | ... | |
823 | 829 |
background-color: #F9F9FF; |
824 | 830 |
} |
825 | 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 |
*/ |
|
826 | 843 |
tr.odd.gradeA td.sorting_1 { |
827 |
background-color: #E1E1E1;
|
|
844 |
background-color: #c4ffc4;
|
|
828 | 845 |
} |
829 | 846 |
|
830 | 847 |
tr.odd.gradeA td.sorting_2 { |
831 |
background-color: #E8E8E8;
|
|
848 |
background-color: #d1ffd1;
|
|
832 | 849 |
} |
833 | 850 |
|
834 | 851 |
tr.odd.gradeA td.sorting_3 { |
835 |
background-color: #E8E8E8;
|
|
852 |
background-color: #d1ffd1;
|
|
836 | 853 |
} |
837 | 854 |
|
838 | 855 |
tr.even.gradeA td.sorting_1 { |
839 |
background-color: #EAEAEA;
|
|
856 |
background-color: #d5ffd5;
|
|
840 | 857 |
} |
841 | 858 |
|
842 | 859 |
tr.even.gradeA td.sorting_2 { |
843 |
background-color: #F0F0F0;
|
|
860 |
background-color: #e2ffe2;
|
|
844 | 861 |
} |
845 | 862 |
|
846 | 863 |
tr.even.gradeA td.sorting_3 { |
847 |
background-color: #F0F0F0;
|
|
864 |
background-color: #e2ffe2;
|
|
848 | 865 |
} |
849 | 866 |
|
850 | 867 |
tr.odd.gradeC td.sorting_1 { |
... | ... | |
919 | 936 |
background-color: #e2e2e2; |
920 | 937 |
} |
921 | 938 |
|
939 |
|
|
940 |
/* |
|
941 |
* Row highlighting example |
|
942 |
*/ |
|
922 | 943 |
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { |
923 | 944 |
background-color: #ECFFB3; |
924 | 945 |
} |
... | ... | |
927 | 948 |
background-color: #E6FF99; |
928 | 949 |
} |
929 | 950 |
|
930 |
.ex_highlight_row #example tr.even:hover { |
|
931 |
background-color: #ECFFB3; |
|
932 |
} |
|
933 |
|
|
934 |
.ex_highlight_row #example tr.even:hover td.sorting_1 { |
|
935 |
background-color: #DDFF75; |
|
936 |
} |
|
937 |
|
|
938 |
.ex_highlight_row #example tr.even:hover td.sorting_2 { |
|
939 |
background-color: #E7FF9E; |
|
940 |
} |
|
941 |
|
|
942 |
.ex_highlight_row #example tr.even:hover td.sorting_3 { |
|
943 |
background-color: #E2FF89; |
|
944 |
} |
|
945 |
|
|
946 |
.ex_highlight_row #example tr.odd:hover { |
|
947 |
background-color: #E6FF99; |
|
948 |
} |
|
949 |
|
|
950 |
.ex_highlight_row #example tr.odd:hover td.sorting_1 { |
|
951 |
background-color: #D6FF5C; |
|
952 |
} |
|
953 |
|
|
954 |
.ex_highlight_row #example tr.odd:hover td.sorting_2 { |
|
955 |
background-color: #E0FF84; |
|
956 |
} |
|
957 |
|
|
958 |
.ex_highlight_row #example tr.odd:hover td.sorting_3 { |
|
959 |
background-color: #DBFF70; |
|
960 |
} |
|
961 |
|
|
962 |
table.KeyTable td { |
|
963 |
border: 3px solid transparent; |
|
964 |
} |
|
965 |
|
|
966 |
table.KeyTable td.focus { |
|
967 |
border: 3px solid #3366FF; |
|
968 |
} |
|
969 |
|
|
970 |
table.display tr.gradeA { |
|
971 |
background-color: #eeffee; |
|
972 |
} |
|
973 |
|
|
974 |
table.display tr.gradeC { |
|
975 |
background-color: #ddddff; |
|
976 |
} |
|
977 |
|
|
978 |
table.display tr.gradeX { |
|
979 |
background-color: #ffdddd; |
|
980 |
} |
|
981 |
|
|
982 |
table.display tr.gradeU { |
|
983 |
background-color: #ddd; |
|
984 |
} |
|
985 |
|
|
986 | 951 |
div.box { |
987 | 952 |
height: 100px; |
988 | 953 |
padding: 10px; |
Also available in: Unified diff