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 |
} |