5a920362 |
1 | /* |
2 | * An alternative styling for ColVis |
3 | * Note you will likely have to change the path for the background image used by jQuery UI theming: |
4 | * ../../../../examples/examples_support/themes/smoothness |
5 | */ |
6 | |
7 | .ColVis { |
8 | position: absolute; |
9 | right: 0; |
10 | top: 0; |
11 | width: 15px; |
12 | height: 30px; |
13 | } |
14 | |
15 | .ColVis_MasterButton { |
16 | height: 100%; |
17 | width: 100%; |
18 | border-left-width: 0; |
19 | cursor: pointer; |
20 | *cursor: hand; |
21 | background: url('../images/button.png') no-repeat top left; |
22 | } |
23 | |
24 | button.ColVis_Button::-moz-focus-inner { |
25 | border: none !important; |
26 | padding: 0; |
27 | } |
28 | |
29 | .ColVis_text_hover { |
30 | border: 1px solid #999; |
31 | background-color: #f0f0f0; |
32 | } |
33 | |
34 | div.ColVis_collectionBackground { |
35 | background-color: black; |
36 | z-index: 1100; |
37 | } |
38 | |
39 | div.ColVis_collection { |
40 | position: relative; |
41 | width: 150px; |
42 | background-color: #f9f9f9; |
43 | padding: 3px; |
44 | border: 1px solid #ccc; |
45 | z-index: 1102; |
46 | } |
47 | |
48 | div.ColVis_collection button.ColVis_Button { |
49 | height: 30px; |
50 | width: 100%; |
51 | margin-right: 3px; |
52 | margin-bottom: 2px; |
53 | padding: 3px 5px; |
54 | cursor: pointer; |
55 | *cursor: hand; |
56 | text-align: left; |
57 | } |
58 | |
59 | div.ColVis_collection button.ColVis_Button:hover { |
60 | border: 1px solid #999; |
61 | background-color: #f0f0f0; |
62 | } |
63 | |
64 | div.ColVis_catcher { |
65 | position: absolute; |
66 | z-index: 1101; |
67 | } |
68 | |
69 | span.ColVis_radio { |
70 | display: inline-block; |
71 | width: 20px; |
72 | } |
73 | |
74 | button.ColVis_Restore { |
75 | margin-top: 15px; |
76 | } |
77 | |
78 | button.ColVis_Restore span { |
79 | display: inline-block; |
80 | padding-left: 10px; |
81 | text-align: left; |
82 | } |
83 | |
84 | .disabled { |
85 | color: #999; |
86 | } |
87 | |
88 | |
89 | |
90 | /* |
91 | * Styles needed for DataTables scrolling |
92 | */ |
93 | div.dataTables_scrollHead { |
94 | position: relative; |
95 | overflow: hidden; |
96 | } |
97 | |
98 | div.dataTables_scrollBody { |
99 | overflow-y: scroll; |
100 | } |
101 | |
102 | div.dataTables_scrollFoot { |
103 | overflow: hidden; |
104 | } |