]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | |
2 | /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * | |
3 | * ColVis styles | |
4 | */ | |
5 | div.ColVis { | |
6 | float: right; | |
7 | margin-bottom: 1em; | |
8 | } | |
9 | ||
10 | button.ColVis_Button, | |
11 | ul.ColVis_collection li { | |
12 | position: relative; | |
13 | float: left; | |
14 | margin-right: 3px; | |
15 | padding: 5px 8px; | |
16 | border: 1px solid #999; | |
17 | cursor: pointer; | |
18 | *cursor: hand; | |
19 | font-size: 0.88em; | |
20 | color: black !important; | |
21 | white-space: nowrap; | |
22 | ||
23 | -webkit-border-radius: 2px; | |
24 | -moz-border-radius: 2px; | |
25 | -ms-border-radius: 2px; | |
26 | -o-border-radius: 2px; | |
27 | border-radius: 2px; | |
28 | ||
29 | -webkit-box-shadow: 1px 1px 3px #ccc; | |
30 | -moz-box-shadow: 1px 1px 3px #ccc; | |
31 | -ms-box-shadow: 1px 1px 3px #ccc; | |
32 | -o-box-shadow: 1px 1px 3px #ccc; | |
33 | box-shadow: 1px 1px 3px #ccc; | |
34 | ||
35 | /* Generated by http://www.colorzilla.com/gradient-editor/ */ | |
36 | background: #ffffff; /* Old browsers */ | |
37 | background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ | |
38 | background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */ | |
39 | background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */ | |
40 | background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */ | |
41 | background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */ | |
42 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ | |
43 | } | |
44 | ||
45 | .ColVis_Button:hover, | |
46 | ul.ColVis_collection li:hover { | |
47 | border: 1px solid #666; | |
48 | text-decoration: none !important; | |
49 | ||
50 | -webkit-box-shadow: 1px 1px 3px #999; | |
51 | -moz-box-shadow: 1px 1px 3px #999; | |
52 | -ms-box-shadow: 1px 1px 3px #999; | |
53 | -o-box-shadow: 1px 1px 3px #999; | |
54 | box-shadow: 1px 1px 3px #999; | |
55 | ||
56 | background: #f3f3f3; /* Old browsers */ | |
57 | background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ | |
58 | background: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */ | |
59 | background: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */ | |
60 | background: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */ | |
61 | background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */ | |
62 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ | |
63 | } | |
64 | ||
65 | button.ColVis_Button { | |
66 | height: 30px; | |
67 | padding: 3px 8px; | |
68 | } | |
69 | ||
70 | button.ColVis_Button::-moz-focus-inner { | |
71 | border: none !important; | |
72 | padding: 0; | |
73 | } | |
74 | ||
75 | button.ColVis_Button:active { | |
76 | outline: none; | |
77 | } | |
78 | ||
79 | ||
80 | div.ColVis_collectionBackground { | |
81 | position: fixed; | |
82 | top: 0; | |
83 | left: 0; | |
84 | height: 100%; | |
85 | width: 100%; | |
86 | background-color: black; | |
87 | z-index: 1100; | |
88 | } | |
89 | ||
90 | ul.ColVis_collection { | |
91 | list-style: none; | |
92 | width: 150px; | |
93 | padding: 8px 8px 4px 8px; | |
94 | margin: 0; | |
95 | border: 1px solid #ccc; | |
96 | border: 1px solid rgba( 0, 0, 0, 0.4 ); | |
97 | background-color: #f3f3f3; | |
98 | background-color: rgba( 255, 255, 255, 0.3 ); | |
99 | overflow: hidden; | |
100 | z-index: 2002; | |
101 | ||
102 | -webkit-border-radius: 5px; | |
103 | -moz-border-radius: 5px; | |
104 | -ms-border-radius: 5px; | |
105 | -o-border-radius: 5px; | |
106 | border-radius: 5px; | |
107 | ||
108 | -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); | |
109 | -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); | |
110 | -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); | |
111 | -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); | |
112 | box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); | |
113 | } | |
114 | ||
115 | ul.ColVis_collection li { | |
116 | position: relative; | |
117 | height: auto; | |
118 | left: 0; | |
119 | right: 0; | |
120 | padding: 0.5em; | |
121 | ||
122 | display: block; | |
123 | float: none; | |
124 | margin-bottom: 4px; | |
125 | ||
126 | -webkit-box-shadow: 1px 1px 3px #999; | |
127 | -moz-box-shadow: 1px 1px 3px #999; | |
128 | -ms-box-shadow: 1px 1px 3px #999; | |
129 | -o-box-shadow: 1px 1px 3px #999; | |
130 | box-shadow: 1px 1px 3px #999; | |
131 | } | |
132 | ||
133 | ul.ColVis_collection li { | |
134 | text-align: left; | |
135 | } | |
136 | ||
137 | ul.ColVis_collection li.ColVis_Button:hover { | |
138 | border: 1px solid #999; | |
139 | background-color: #f0f0f0; | |
140 | } | |
141 | ||
142 | ul.ColVis_collection li span { | |
143 | display: inline-block; | |
144 | padding-left: 0.5em; | |
145 | cursor: pointer; | |
146 | } | |
147 | ||
148 | ||
149 | ul.ColVis_collection li.ColVis_Special { | |
150 | border-color: #555; | |
151 | background: rgb(237,237,237); /* Old browsers */ | |
152 | background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ | |
153 | background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 77%, rgba(232,232,232,1) 100%); /* FF3.6+ */ | |
154 | background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* IE10+ */ | |
155 | background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */ | |
156 | background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* W3C */ | |
157 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ | |
158 | } | |
159 | ||
160 | ul.ColVis_collection li.ColVis_Special:hover { | |
161 | background: #e2e2e2; /* Old browsers */ | |
162 | background: -webkit-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ | |
163 | background: -moz-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* FF3.6+ */ | |
164 | background: -ms-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* IE10+ */ | |
165 | background: -o-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* Opera 11.10+ */ | |
166 | background: linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* W3C */ | |
167 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ | |
168 | } | |
169 | ||
170 | ||
171 | span.ColVis_radio { | |
172 | display: inline-block; | |
173 | width: 20px; | |
174 | } | |
175 | ||
176 | div.ColVis_catcher { | |
177 | position: absolute; | |
178 | z-index: 1101; | |
179 | } | |
180 | ||
181 | .disabled { | |
182 | color: #999; | |
183 | } | |
184 | ||
185 |