@@ -1,21 +1,29 | |||||
1 | /*! |
|
1 | /*! | |
2 | \page index.html |
|
2 | \page index.html | |
3 | \title About QCharts |
|
|||
4 | \keyword About |
|
3 | \keyword About | |
5 |
|
4 | |||
6 | \raw HTML |
|
5 | \raw HTML | |
7 | <div class="qchart"> |
|
6 | <div class="qchart"> | |
8 | <img src="images/qt_commercial_logo.png" alt="qtcommercial"/> |
|
7 | <img src="images/qt_commercial_logo.png" alt="qtcommercial"/> | |
9 |
|
8 | |||
10 | <p>QCharts is a part of Qt Commercial addons package. It provides a set of simple chart components which are available for Qt Commercial customers. |
|
9 | <p> | |
11 | It uses Qt Graphics View Framework, therefore charts can be easily integrated 2d modern user interfaces. |
|
10 | QCharts is a part of Qt Commercial addons package. It provides a set of simple chart components which are available for Qt Commercial customers. | |
12 | TODO: Introduction... With QCharts you can easily create impressive graphs of your data in Qt and QtQuick applications...</p> |
|
11 | It uses Qt Graphics View Framework, therefore charts can be easily integrated 2D modern user interfaces. QCharts can be used as QWidgets, QGraphicsWidget or QML elements. | |
|
12 | Users can easily create impressive graphs by selecting one of the charts themes. | |||
|
13 | </p> | |||
|
14 | <table><tr> | |||
|
15 | <td><img src="images/linechart.png" alt="linechart" /></td> | |||
|
16 | <td><img src="images/chartview_example_bar.jpg " alt="barchart" /></td> | |||
|
17 | <td><img src="images/chartview_example_pie.jpg " alt="piechart" /></td> | |||
|
18 | </tr> | |||
|
19 | <tr> | |||
|
20 | <td><img src="images/chartview_example.jpg " alt="linechart" /></td> | |||
|
21 | <td><img src="images/chartview_example_scatter.jpg " alt="scatterchart" /></td> | |||
|
22 | <td><img src="images/chartview_example_theme.jpg " alt="themechart" /></td> | |||
|
23 | </tr> | |||
|
24 | </table> | |||
13 | </div> |
|
25 | </div> | |
14 | \endraw |
|
26 | \endraw | |
15 |
|
27 | |||
16 | For example, to create a chart with line series using a widget based application (TODO: decent screen shots): |
|
|||
17 |
|
||||
18 | \snippet ../example/chartview/main.cpp 1 |
|
|||
19 | \image chartview_example.jpg |
|
|||
20 |
|
28 | |||
21 | */ |
|
29 | */ |
@@ -1,695 +1,708 | |||||
1 | @media screen |
|
1 | @media screen | |
2 | { |
|
2 | { | |
3 |
|
3 | |||
|
4 | .qchart | |||
|
5 | { | |||
|
6 | width: 80%; | |||
|
7 | margin-left: auto; | |||
|
8 | margin-right: auto; | |||
|
9 | margin-top: 50px; | |||
|
10 | } | |||
|
11 | ||||
4 | .qchart img |
|
12 | .qchart img | |
5 | { |
|
13 | { | |
6 | float:left; |
|
14 | float:left; | |
7 | } |
|
15 | } | |
8 |
|
16 | |||
|
17 | .qchart table | |||
|
18 | { | |||
|
19 | margin-top: 50px; | |||
|
20 | } | |||
|
21 | ||||
9 | /* basic elements */ |
|
22 | /* basic elements */ | |
10 | html |
|
23 | html | |
11 | { |
|
24 | { | |
12 | color: #000000; |
|
25 | color: #000000; | |
13 | background: #FFFFFF; |
|
26 | background: #FFFFFF; | |
14 | } |
|
27 | } | |
15 | table |
|
28 | table | |
16 | { |
|
29 | { | |
17 | border-collapse: collapse; |
|
30 | border-collapse: collapse; | |
18 | border-spacing: 0; |
|
31 | border-spacing: 0; | |
19 | } |
|
32 | } | |
20 | fieldset, img |
|
33 | fieldset, img | |
21 | { |
|
34 | { | |
22 | border: 0; |
|
35 | border: 0; | |
23 | max-width:100%; |
|
36 | max-width:100%; | |
24 | } |
|
37 | } | |
25 | address, caption, cite, code, dfn, em, strong, th, var, optgroup |
|
38 | address, caption, cite, code, dfn, em, strong, th, var, optgroup | |
26 | { |
|
39 | { | |
27 | font-style: inherit; |
|
40 | font-style: inherit; | |
28 | font-weight: inherit; |
|
41 | font-weight: inherit; | |
29 | } |
|
42 | } | |
30 | del, ins |
|
43 | del, ins | |
31 | { |
|
44 | { | |
32 | text-decoration: none; |
|
45 | text-decoration: none; | |
33 | } |
|
46 | } | |
34 | li |
|
47 | li | |
35 | { |
|
48 | { | |
36 | list-style: none; |
|
49 | list-style: none; | |
37 | } |
|
50 | } | |
38 | ol li |
|
51 | ol li | |
39 | { |
|
52 | { | |
40 | list-style: decimal; |
|
53 | list-style: decimal; | |
41 | } |
|
54 | } | |
42 | caption, th |
|
55 | caption, th | |
43 | { |
|
56 | { | |
44 | text-align: left; |
|
57 | text-align: left; | |
45 | } |
|
58 | } | |
46 | h1, h2, h3, h4, h5, h6 |
|
59 | h1, h2, h3, h4, h5, h6 | |
47 | { |
|
60 | { | |
48 | font-size: 100%; |
|
61 | font-size: 100%; | |
49 | } |
|
62 | } | |
50 | q:before, q:after |
|
63 | q:before, q:after | |
51 | { |
|
64 | { | |
52 | content: ''; |
|
65 | content: ''; | |
53 | } |
|
66 | } | |
54 | abbr, acronym |
|
67 | abbr, acronym | |
55 | { |
|
68 | { | |
56 | border: 0; |
|
69 | border: 0; | |
57 | font-variant: normal; |
|
70 | font-variant: normal; | |
58 | } |
|
71 | } | |
59 | sup, sub |
|
72 | sup, sub | |
60 | { |
|
73 | { | |
61 | vertical-align: baseline; |
|
74 | vertical-align: baseline; | |
62 | } |
|
75 | } | |
63 | tt, .qmlreadonly span, .qmldefault span |
|
76 | tt, .qmlreadonly span, .qmldefault span | |
64 | { |
|
77 | { | |
65 | word-spacing:0.5em; |
|
78 | word-spacing:0.5em; | |
66 | } |
|
79 | } | |
67 | legend |
|
80 | legend | |
68 | { |
|
81 | { | |
69 | color: #000000; |
|
82 | color: #000000; | |
70 | } |
|
83 | } | |
71 | strong |
|
84 | strong | |
72 | { |
|
85 | { | |
73 | font-weight: bold; |
|
86 | font-weight: bold; | |
74 | } |
|
87 | } | |
75 | em |
|
88 | em | |
76 | { |
|
89 | { | |
77 | font-style: italic; |
|
90 | font-style: italic; | |
78 | } |
|
91 | } | |
79 |
|
92 | |||
80 | body |
|
93 | body | |
81 | { |
|
94 | { | |
82 | margin-left: 0.5em; |
|
95 | margin-left: 0.5em; | |
83 | margin-right: 0.5em; |
|
96 | margin-right: 0.5em; | |
84 | } |
|
97 | } | |
85 | a |
|
98 | a | |
86 | { |
|
99 | { | |
87 | color: #00732F; |
|
100 | color: #00732F; | |
88 | text-decoration: none; |
|
101 | text-decoration: none; | |
89 | } |
|
102 | } | |
90 | hr |
|
103 | hr | |
91 | { |
|
104 | { | |
92 | background-color: #E6E6E6; |
|
105 | background-color: #E6E6E6; | |
93 | border: 1px solid #E6E6E6; |
|
106 | border: 1px solid #E6E6E6; | |
94 | height: 1px; |
|
107 | height: 1px; | |
95 | width: 100%; |
|
108 | width: 100%; | |
96 | text-align: left; |
|
109 | text-align: left; | |
97 | margin: 1.5em 0 1.5em 0; |
|
110 | margin: 1.5em 0 1.5em 0; | |
98 | } |
|
111 | } | |
99 |
|
112 | |||
100 | pre |
|
113 | pre | |
101 | { |
|
114 | { | |
102 | border: 1px solid #DDDDDD; |
|
115 | border: 1px solid #DDDDDD; | |
103 | -moz-border-radius: 0.7em 0.7em 0.7em 0.7em; |
|
116 | -moz-border-radius: 0.7em 0.7em 0.7em 0.7em; | |
104 | -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em; |
|
117 | -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em; | |
105 | border-radius: 0.7em 0.7em 0.7em 0.7em; |
|
118 | border-radius: 0.7em 0.7em 0.7em 0.7em; | |
106 | margin: 0 1.5em 1em 1em; |
|
119 | margin: 0 1.5em 1em 1em; | |
107 | padding: 1em 1em 1em 1em; |
|
120 | padding: 1em 1em 1em 1em; | |
108 | overflow-x: auto; |
|
121 | overflow-x: auto; | |
109 | } |
|
122 | } | |
110 | table, pre |
|
123 | table, pre | |
111 | { |
|
124 | { | |
112 | -moz-border-radius: 0.7em 0.7em 0.7em 0.7em; |
|
125 | -moz-border-radius: 0.7em 0.7em 0.7em 0.7em; | |
113 | -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em; |
|
126 | -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em; | |
114 | border-radius: 0.7em 0.7em 0.7em 0.7em; |
|
127 | border-radius: 0.7em 0.7em 0.7em 0.7em; | |
115 | background-color: #F6F6F6; |
|
128 | background-color: #F6F6F6; | |
116 | border: 1px solid #E6E6E6; |
|
129 | border: 1px solid #E6E6E6; | |
117 | border-collapse: separate; |
|
130 | border-collapse: separate; | |
118 | margin-bottom: 2.5em; |
|
131 | margin-bottom: 2.5em; | |
119 | } |
|
132 | } | |
120 | pre { |
|
133 | pre { | |
121 | font-size: 90%; |
|
134 | font-size: 90%; | |
122 | display: block; |
|
135 | display: block; | |
123 | overflow:hidden; |
|
136 | overflow:hidden; | |
124 | } |
|
137 | } | |
125 | thead |
|
138 | thead | |
126 | { |
|
139 | { | |
127 | margin-top: 0.5em; |
|
140 | margin-top: 0.5em; | |
128 | font-weight: bold |
|
141 | font-weight: bold | |
129 | } |
|
142 | } | |
130 | th |
|
143 | th | |
131 | { |
|
144 | { | |
132 | padding: 0.5em 1.5em 0.5em 1.5em; |
|
145 | padding: 0.5em 1.5em 0.5em 1.5em; | |
133 | background-color: #E1E1E1; |
|
146 | background-color: #E1E1E1; | |
134 | border-left: 1px solid #E6E6E6; |
|
147 | border-left: 1px solid #E6E6E6; | |
135 | } |
|
148 | } | |
136 | td |
|
149 | td | |
137 | { |
|
150 | { | |
138 | padding: 0.25em 1.5em 0.25em 2em; |
|
151 | padding: 0.25em 1.5em 0.25em 2em; | |
139 | } |
|
152 | } | |
140 |
|
153 | |||
141 | td.rightAlign |
|
154 | td.rightAlign | |
142 | { |
|
155 | { | |
143 | padding: 0.25em 0.5em 0.25em 1em; |
|
156 | padding: 0.25em 0.5em 0.25em 1em; | |
144 | } |
|
157 | } | |
145 | table tr.odd |
|
158 | table tr.odd | |
146 | { |
|
159 | { | |
147 | border-left: 1px solid #E6E6E6; |
|
160 | border-left: 1px solid #E6E6E6; | |
148 | background-color: #F6F6F6; |
|
161 | background-color: #F6F6F6; | |
149 | color: #66666E; |
|
162 | color: #66666E; | |
150 | } |
|
163 | } | |
151 | table tr.even |
|
164 | table tr.even | |
152 | { |
|
165 | { | |
153 | border-left: 1px solid #E6E6E6; |
|
166 | border-left: 1px solid #E6E6E6; | |
154 | background-color: #ffffff; |
|
167 | background-color: #ffffff; | |
155 | color: #66666E; |
|
168 | color: #66666E; | |
156 | } |
|
169 | } | |
157 |
|
170 | |||
158 | div.float-left |
|
171 | div.float-left | |
159 | { |
|
172 | { | |
160 | float: left; margin-right: 2em |
|
173 | float: left; margin-right: 2em | |
161 | } |
|
174 | } | |
162 | div.float-right |
|
175 | div.float-right | |
163 | { |
|
176 | { | |
164 | float: right; margin-left: 2em |
|
177 | float: right; margin-left: 2em | |
165 | } |
|
178 | } | |
166 |
|
179 | |||
167 | span.comment |
|
180 | span.comment | |
168 | { |
|
181 | { | |
169 | color: #008B00; |
|
182 | color: #008B00; | |
170 | font-style: italic |
|
183 | font-style: italic | |
171 | } |
|
184 | } | |
172 | span.string, span.char |
|
185 | span.string, span.char | |
173 | { |
|
186 | { | |
174 | color: #000084; |
|
187 | color: #000084; | |
175 | } |
|
188 | } | |
176 | span.number |
|
189 | span.number | |
177 | { |
|
190 | { | |
178 | color: #a46200; |
|
191 | color: #a46200; | |
179 | } |
|
192 | } | |
180 | span.operator |
|
193 | span.operator | |
181 | { |
|
194 | { | |
182 | color: #202020; |
|
195 | color: #202020; | |
183 | } |
|
196 | } | |
184 | span.keyword |
|
197 | span.keyword | |
185 | { |
|
198 | { | |
186 | color: #840000; |
|
199 | color: #840000; | |
187 | } |
|
200 | } | |
188 | span.name |
|
201 | span.name | |
189 | { |
|
202 | { | |
190 | color: black |
|
203 | color: black | |
191 | } |
|
204 | } | |
192 | span.type |
|
205 | span.type | |
193 | { |
|
206 | { | |
194 | font-weight: bold |
|
207 | font-weight: bold | |
195 | } |
|
208 | } | |
196 | span.type a:visited |
|
209 | span.type a:visited | |
197 | { |
|
210 | { | |
198 | color: #0F5300; |
|
211 | color: #0F5300; | |
199 | } |
|
212 | } | |
200 | span.preprocessor |
|
213 | span.preprocessor | |
201 | { |
|
214 | { | |
202 | color: #404040 |
|
215 | color: #404040 | |
203 | } |
|
216 | } | |
204 | /* end basic elements */ |
|
217 | /* end basic elements */ | |
205 |
|
218 | |||
206 | /* font style elements */ |
|
219 | /* font style elements */ | |
207 | .heading |
|
220 | .heading | |
208 | { |
|
221 | { | |
209 | font-weight: bold; |
|
222 | font-weight: bold; | |
210 | font-size: 125%; |
|
223 | font-size: 125%; | |
211 | } |
|
224 | } | |
212 | .subtitle |
|
225 | .subtitle | |
213 | { |
|
226 | { | |
214 | font-size: 110% |
|
227 | font-size: 110% | |
215 | } |
|
228 | } | |
216 | .small-subtitle |
|
229 | .small-subtitle | |
217 | { |
|
230 | { | |
218 | font-size: 100% |
|
231 | font-size: 100% | |
219 | } |
|
232 | } | |
220 | .red |
|
233 | .red | |
221 | { |
|
234 | { | |
222 | color:red; |
|
235 | color:red; | |
223 | } |
|
236 | } | |
224 | /* end font style elements */ |
|
237 | /* end font style elements */ | |
225 |
|
238 | |||
226 | /* global settings*/ |
|
239 | /* global settings*/ | |
227 | .header, .footer |
|
240 | .header, .footer | |
228 | { |
|
241 | { | |
229 | display: block; |
|
242 | display: block; | |
230 | clear: both; |
|
243 | clear: both; | |
231 | overflow: hidden; |
|
244 | overflow: hidden; | |
232 | } |
|
245 | } | |
233 | /* end global settings*/ |
|
246 | /* end global settings*/ | |
234 |
|
247 | |||
235 | /* header elements */ |
|
248 | /* header elements */ | |
236 | .header .qtref |
|
249 | .header .qtref | |
237 | { |
|
250 | { | |
238 | color: #00732F; |
|
251 | color: #00732F; | |
239 | font-weight: bold; |
|
252 | font-weight: bold; | |
240 | font-size: 100%; |
|
253 | font-size: 100%; | |
241 | text-align: center; |
|
254 | text-align: center; | |
242 | } |
|
255 | } | |
243 |
|
256 | |||
244 | .header .content |
|
257 | .header .content | |
245 | { |
|
258 | { | |
246 | /* margin-bottom: 0.5em*/ |
|
259 | /* margin-bottom: 0.5em*/ | |
247 | } |
|
260 | } | |
248 |
|
261 | |||
249 | .header .content img |
|
262 | .header .content img | |
250 | { |
|
263 | { | |
251 | display: block; |
|
264 | display: block; | |
252 | margin-left: auto; |
|
265 | margin-left: auto; | |
253 | margin-right: auto; |
|
266 | margin-right: auto; | |
254 | width: 100px; |
|
267 | width: 100px; | |
255 | } |
|
268 | } | |
256 |
|
269 | |||
257 | .naviNextPrevious |
|
270 | .naviNextPrevious | |
258 | { |
|
271 | { | |
259 | display: none |
|
272 | display: none | |
260 | } |
|
273 | } | |
261 | .header .breadcrumb |
|
274 | .header .breadcrumb | |
262 | { |
|
275 | { | |
263 | font-size: 100%; |
|
276 | font-size: 100%; | |
264 | padding: 0.5em 0 0.5em 1em; |
|
277 | padding: 0.5em 0 0.5em 1em; | |
265 | margin: 0; |
|
278 | margin: 0; | |
266 | /*background-color: #393735;*/ |
|
279 | /*background-color: #393735;*/ | |
267 | font-weight: bold; |
|
280 | font-weight: bold; | |
268 | background: #ffffff url(../images/bg.png) repeat-x; |
|
281 | background: #ffffff url(../images/bg.png) repeat-x; | |
269 | height: 20px; |
|
282 | height: 20px; | |
270 | border-bottom: 1px solid #d1d1d1; |
|
283 | border-bottom: 1px solid #d1d1d1; | |
271 | } |
|
284 | } | |
272 |
|
285 | |||
273 | .header .breadcrumb ul |
|
286 | .header .breadcrumb ul | |
274 | { |
|
287 | { | |
275 | margin: 0; |
|
288 | margin: 0; | |
276 | padding: 0; |
|
289 | padding: 0; | |
277 | } |
|
290 | } | |
278 |
|
291 | |||
279 | .header .content |
|
292 | .header .content | |
280 | { |
|
293 | { | |
281 | word-wrap: break-word; |
|
294 | word-wrap: break-word; | |
282 | } |
|
295 | } | |
283 |
|
296 | |||
284 | .header .breadcrumb ul li |
|
297 | .header .breadcrumb ul li | |
285 | { |
|
298 | { | |
286 | float: left; |
|
299 | float: left; | |
287 | /*background: url(../images/breadcrumb.png) no-repeat 0 3px;*/ |
|
300 | /*background: url(../images/breadcrumb.png) no-repeat 0 3px;*/ | |
288 | padding-left: 1.5em; |
|
301 | padding-left: 1.5em; | |
289 | margin-left: 1.5em; |
|
302 | margin-left: 1.5em; | |
290 | } |
|
303 | } | |
291 |
|
304 | |||
292 | .header .breadcrumb ul li.last |
|
305 | .header .breadcrumb ul li.last | |
293 | { |
|
306 | { | |
294 | font-weight: normal; |
|
307 | font-weight: normal; | |
295 | } |
|
308 | } | |
296 |
|
309 | |||
297 | .header .breadcrumb ul li a |
|
310 | .header .breadcrumb ul li a | |
298 | { |
|
311 | { | |
299 | color: #ffffff; |
|
312 | color: #ffffff; | |
300 | } |
|
313 | } | |
301 |
|
314 | |||
302 | .header .breadcrumb ul li a:hover |
|
315 | .header .breadcrumb ul li a:hover | |
303 | { |
|
316 | { | |
304 | color: #00732F; |
|
317 | color: #00732F; | |
305 | text-decoration: none; |
|
318 | text-decoration: none; | |
306 | } |
|
319 | } | |
307 |
|
320 | |||
308 | .header .breadcrumb ul li.first |
|
321 | .header .breadcrumb ul li.first | |
309 | { |
|
322 | { | |
310 | background-image: none; |
|
323 | background-image: none; | |
311 | padding-left: 0; |
|
324 | padding-left: 0; | |
312 | margin-left: 0; |
|
325 | margin-left: 0; | |
313 | } |
|
326 | } | |
314 |
|
327 | |||
315 | .header .content ol li { |
|
328 | .header .content ol li { | |
316 | background: none; |
|
329 | background: none; | |
317 | margin-bottom: 1.0em; |
|
330 | margin-bottom: 1.0em; | |
318 | margin-left: 1.2em; |
|
331 | margin-left: 1.2em; | |
319 | padding-left: 0 |
|
332 | padding-left: 0 | |
320 | } |
|
333 | } | |
321 |
|
334 | |||
322 | .header .content li |
|
335 | .header .content li | |
323 | { |
|
336 | { | |
324 | background: url(../images/bullet_sq.png) no-repeat 0 5px; |
|
337 | background: url(../images/bullet_sq.png) no-repeat 0 5px; | |
325 | margin-bottom: 1em; |
|
338 | margin-bottom: 1em; | |
326 | padding-left: 1.2em; |
|
339 | padding-left: 1.2em; | |
327 | } |
|
340 | } | |
328 |
|
341 | |||
329 | /* end header elements */ |
|
342 | /* end header elements */ | |
330 |
|
343 | |||
331 | /* content elements */ |
|
344 | /* content elements */ | |
332 | .content h1 |
|
345 | .content h1 | |
333 | { |
|
346 | { | |
334 | font-weight: bold; |
|
347 | font-weight: bold; | |
335 | font-size: 150% |
|
348 | font-size: 150% | |
336 | } |
|
349 | } | |
337 |
|
350 | |||
338 | .content h2 |
|
351 | .content h2 | |
339 | { |
|
352 | { | |
340 | font-weight: bold; |
|
353 | font-weight: bold; | |
341 | font-size: 135%; |
|
354 | font-size: 135%; | |
342 | width: 100%; |
|
355 | width: 100%; | |
343 | } |
|
356 | } | |
344 | .content h3 |
|
357 | .content h3 | |
345 | { |
|
358 | { | |
346 | font-weight: bold; |
|
359 | font-weight: bold; | |
347 | font-size: 120%; |
|
360 | font-size: 120%; | |
348 | width: 100%; |
|
361 | width: 100%; | |
349 | } |
|
362 | } | |
350 | .content table p |
|
363 | .content table p | |
351 | { |
|
364 | { | |
352 | margin: 0 |
|
365 | margin: 0 | |
353 | } |
|
366 | } | |
354 | .content ul |
|
367 | .content ul | |
355 | { |
|
368 | { | |
356 | padding-left: 2.5em; |
|
369 | padding-left: 2.5em; | |
357 | } |
|
370 | } | |
358 | .content li |
|
371 | .content li | |
359 | { |
|
372 | { | |
360 | padding-top: 0.25em; |
|
373 | padding-top: 0.25em; | |
361 | padding-bottom: 0.25em; |
|
374 | padding-bottom: 0.25em; | |
362 | } |
|
375 | } | |
363 | .content ul img { |
|
376 | .content ul img { | |
364 | vertical-align: middle; |
|
377 | vertical-align: middle; | |
365 | } |
|
378 | } | |
366 |
|
379 | |||
367 | .content a:visited |
|
380 | .content a:visited | |
368 | { |
|
381 | { | |
369 | color: #4c0033; |
|
382 | color: #4c0033; | |
370 | text-decoration: none; |
|
383 | text-decoration: none; | |
371 | } |
|
384 | } | |
372 |
|
385 | |||
373 | .content a:visited:hover |
|
386 | .content a:visited:hover | |
374 | { |
|
387 | { | |
375 | color: #4c0033; |
|
388 | color: #4c0033; | |
376 | text-decoration: underline; |
|
389 | text-decoration: underline; | |
377 | } |
|
390 | } | |
378 |
|
391 | |||
379 | a:hover |
|
392 | a:hover | |
380 | { |
|
393 | { | |
381 | color: #4c0033; |
|
394 | color: #4c0033; | |
382 | text-decoration: underline; |
|
395 | text-decoration: underline; | |
383 | } |
|
396 | } | |
384 | descr p a |
|
397 | descr p a | |
385 | { |
|
398 | { | |
386 | text-decoration: underline; |
|
399 | text-decoration: underline; | |
387 | } |
|
400 | } | |
388 |
|
401 | |||
389 | .descr p a:visited |
|
402 | .descr p a:visited | |
390 | { |
|
403 | { | |
391 | text-decoration: underline; |
|
404 | text-decoration: underline; | |
392 | } |
|
405 | } | |
393 |
|
406 | |||
394 | .alphaChar{ |
|
407 | .alphaChar{ | |
395 | width:95%; |
|
408 | width:95%; | |
396 | background-color:#F6F6F6; |
|
409 | background-color:#F6F6F6; | |
397 | border:1px solid #E6E6E6; |
|
410 | border:1px solid #E6E6E6; | |
398 | -moz-border-radius: 7px 7px 7px 7px; |
|
411 | -moz-border-radius: 7px 7px 7px 7px; | |
399 | border-radius: 7px 7px 7px 7px; |
|
412 | border-radius: 7px 7px 7px 7px; | |
400 | -webkit-border-radius: 7px 7px 7px 7px; |
|
413 | -webkit-border-radius: 7px 7px 7px 7px; | |
401 | font-size:12pt; |
|
414 | font-size:12pt; | |
402 | padding-left:10px; |
|
415 | padding-left:10px; | |
403 | margin-top:10px; |
|
416 | margin-top:10px; | |
404 | margin-bottom:10px; |
|
417 | margin-bottom:10px; | |
405 | } |
|
418 | } | |
406 | .flowList{ |
|
419 | .flowList{ | |
407 | /*vertical-align:top;*/ |
|
420 | /*vertical-align:top;*/ | |
408 | /*margin:20px auto;*/ |
|
421 | /*margin:20px auto;*/ | |
409 |
|
422 | |||
410 | column-count:3; |
|
423 | column-count:3; | |
411 | -webkit-column-count:3; |
|
424 | -webkit-column-count:3; | |
412 | -moz-column-count:3; |
|
425 | -moz-column-count:3; | |
413 | /* |
|
426 | /* | |
414 | column-width:100%; |
|
427 | column-width:100%; | |
415 | -webkit-column-width:200px; |
|
428 | -webkit-column-width:200px; | |
416 | -col-column-width:200px; |
|
429 | -col-column-width:200px; | |
417 | */ |
|
430 | */ | |
418 | column-gap:41px; |
|
431 | column-gap:41px; | |
419 | -webkit-column-gap:41px; |
|
432 | -webkit-column-gap:41px; | |
420 | -moz-column-gap:41px; |
|
433 | -moz-column-gap:41px; | |
421 |
|
434 | |||
422 | column-rule: 1px dashed #ccc; |
|
435 | column-rule: 1px dashed #ccc; | |
423 | -webkit-column-rule: 1px dashed #ccc; |
|
436 | -webkit-column-rule: 1px dashed #ccc; | |
424 | -moz-column-rule: 1px dashed #ccc; |
|
437 | -moz-column-rule: 1px dashed #ccc; | |
425 | } |
|
438 | } | |
426 |
|
439 | |||
427 | .flowList dl{ |
|
440 | .flowList dl{ | |
428 | } |
|
441 | } | |
429 | .flowList dd{ |
|
442 | .flowList dd{ | |
430 | /*display:inline-block;*/ |
|
443 | /*display:inline-block;*/ | |
431 | margin-left:10px; |
|
444 | margin-left:10px; | |
432 | min-width:250px; |
|
445 | min-width:250px; | |
433 | line-height: 1.5; |
|
446 | line-height: 1.5; | |
434 | min-width:100%; |
|
447 | min-width:100%; | |
435 | min-height:15px; |
|
448 | min-height:15px; | |
436 | } |
|
449 | } | |
437 |
|
450 | |||
438 | .flowList dd a{ |
|
451 | .flowList dd a{ | |
439 | } |
|
452 | } | |
440 |
|
453 | |||
441 | .content .flowList p{ |
|
454 | .content .flowList p{ | |
442 | padding:0px; |
|
455 | padding:0px; | |
443 | } |
|
456 | } | |
444 |
|
457 | |||
445 | .content .alignedsummary |
|
458 | .content .alignedsummary | |
446 | { |
|
459 | { | |
447 | margin: 15px; |
|
460 | margin: 15px; | |
448 | } |
|
461 | } | |
449 |
|
462 | |||
450 |
|
463 | |||
451 | .qmltype |
|
464 | .qmltype | |
452 | { |
|
465 | { | |
453 | text-align: center; |
|
466 | text-align: center; | |
454 | font-size: 120%; |
|
467 | font-size: 120%; | |
455 | } |
|
468 | } | |
456 | .qmlreadonly |
|
469 | .qmlreadonly | |
457 | { |
|
470 | { | |
458 | padding-left: 5px; |
|
471 | padding-left: 5px; | |
459 | float: right; |
|
472 | float: right; | |
460 | color: #254117; |
|
473 | color: #254117; | |
461 | } |
|
474 | } | |
462 |
|
475 | |||
463 | .qmldefault |
|
476 | .qmldefault | |
464 | { |
|
477 | { | |
465 | padding-left: 5px; |
|
478 | padding-left: 5px; | |
466 | float: right; |
|
479 | float: right; | |
467 | color: red; |
|
480 | color: red; | |
468 | } |
|
481 | } | |
469 |
|
482 | |||
470 | .qmldoc |
|
483 | .qmldoc | |
471 | { |
|
484 | { | |
472 | } |
|
485 | } | |
473 |
|
486 | |||
474 | .generic .alphaChar{ |
|
487 | .generic .alphaChar{ | |
475 | margin-top:5px; |
|
488 | margin-top:5px; | |
476 | } |
|
489 | } | |
477 |
|
490 | |||
478 | .generic .odd .alphaChar{ |
|
491 | .generic .odd .alphaChar{ | |
479 | background-color: #F6F6F6; |
|
492 | background-color: #F6F6F6; | |
480 | } |
|
493 | } | |
481 |
|
494 | |||
482 | .generic .even .alphaChar{ |
|
495 | .generic .even .alphaChar{ | |
483 | background-color: #FFFFFF; |
|
496 | background-color: #FFFFFF; | |
484 | } |
|
497 | } | |
485 |
|
498 | |||
486 | .memItemRight{ |
|
499 | .memItemRight{ | |
487 | padding: 0.25em 1.5em 0.25em 0; |
|
500 | padding: 0.25em 1.5em 0.25em 0; | |
488 | } |
|
501 | } | |
489 | .highlightedCode |
|
502 | .highlightedCode | |
490 | { |
|
503 | { | |
491 | margin: 1.0em; |
|
504 | margin: 1.0em; | |
492 | } |
|
505 | } | |
493 | .annotated td { |
|
506 | .annotated td { | |
494 | padding: 0.25em 0.5em 0.25em 0.5em; |
|
507 | padding: 0.25em 0.5em 0.25em 0.5em; | |
495 | } |
|
508 | } | |
496 |
|
509 | |||
497 | .header .content .toc ul |
|
510 | .header .content .toc ul | |
498 | { |
|
511 | { | |
499 | padding-left: 0px; |
|
512 | padding-left: 0px; | |
500 | } |
|
513 | } | |
501 |
|
514 | |||
502 | .content .toc h3 { |
|
515 | .content .toc h3 { | |
503 | border-bottom: 0px; |
|
516 | border-bottom: 0px; | |
504 | margin-top: 10px; |
|
517 | margin-top: 10px; | |
505 | } |
|
518 | } | |
506 |
|
519 | |||
507 | .content .toc h3 a:hover { |
|
520 | .content .toc h3 a:hover { | |
508 | color: #00732F; |
|
521 | color: #00732F; | |
509 | text-decoration: none; |
|
522 | text-decoration: none; | |
510 | } |
|
523 | } | |
511 |
|
524 | |||
512 | .content .toc .level2 |
|
525 | .content .toc .level2 | |
513 | { |
|
526 | { | |
514 | margin-left: 1.5em; |
|
527 | margin-left: 1.5em; | |
515 | } |
|
528 | } | |
516 |
|
529 | |||
517 | .content .toc .level3 |
|
530 | .content .toc .level3 | |
518 | { |
|
531 | { | |
519 | margin-left: 3.0em; |
|
532 | margin-left: 3.0em; | |
520 | } |
|
533 | } | |
521 |
|
534 | |||
522 | .content ul li |
|
535 | .content ul li | |
523 | { |
|
536 | { | |
524 | background: url(../images/bullet_sq.png) no-repeat 0 0.7em; |
|
537 | background: url(../images/bullet_sq.png) no-repeat 0 0.7em; | |
525 | padding-left: 1em |
|
538 | padding-left: 1em | |
526 | } |
|
539 | } | |
527 |
|
540 | |||
528 | .content .toc li |
|
541 | .content .toc li | |
529 | { |
|
542 | { | |
530 | background: url(../images/bullet_dn.png) no-repeat 0 5px; |
|
543 | background: url(../images/bullet_dn.png) no-repeat 0 5px; | |
531 | padding-left: 1em |
|
544 | padding-left: 1em | |
532 | } |
|
545 | } | |
533 |
|
546 | |||
534 | .relpage |
|
547 | .relpage | |
535 | { |
|
548 | { | |
536 | -moz-border-radius: 7px 7px 7px 7px; |
|
549 | -moz-border-radius: 7px 7px 7px 7px; | |
537 | -webkit-border-radius: 7px 7px 7px 7px; |
|
550 | -webkit-border-radius: 7px 7px 7px 7px; | |
538 | border-radius: 7px 7px 7px 7px; |
|
551 | border-radius: 7px 7px 7px 7px; | |
539 | border: 1px solid #DDDDDD; |
|
552 | border: 1px solid #DDDDDD; | |
540 | padding: 25px 25px; |
|
553 | padding: 25px 25px; | |
541 | clear: both; |
|
554 | clear: both; | |
542 | } |
|
555 | } | |
543 | .relpage ul |
|
556 | .relpage ul | |
544 | { |
|
557 | { | |
545 | float: none; |
|
558 | float: none; | |
546 | padding: 1.5em; |
|
559 | padding: 1.5em; | |
547 | } |
|
560 | } | |
548 |
|
561 | |||
549 | h3.fn, span.fn |
|
562 | h3.fn, span.fn | |
550 | { |
|
563 | { | |
551 | -moz-border-radius:7px 7px 7px 7px; |
|
564 | -moz-border-radius:7px 7px 7px 7px; | |
552 | -webkit-border-radius:7px 7px 7px 7px; |
|
565 | -webkit-border-radius:7px 7px 7px 7px; | |
553 | border-radius:7px 7px 7px 7px; |
|
566 | border-radius:7px 7px 7px 7px; | |
554 | background-color: #F6F6F6; |
|
567 | background-color: #F6F6F6; | |
555 | border-width: 1px; |
|
568 | border-width: 1px; | |
556 | border-style: solid; |
|
569 | border-style: solid; | |
557 | border-color: #E6E6E6; |
|
570 | border-color: #E6E6E6; | |
558 | font-weight: bold; |
|
571 | font-weight: bold; | |
559 | word-spacing:3px; |
|
572 | word-spacing:3px; | |
560 | padding:3px 5px; |
|
573 | padding:3px 5px; | |
561 | } |
|
574 | } | |
562 |
|
575 | |||
563 | .functionIndex { |
|
576 | .functionIndex { | |
564 | font-size:12pt; |
|
577 | font-size:12pt; | |
565 | word-spacing:10px; |
|
578 | word-spacing:10px; | |
566 | margin-bottom:10px; |
|
579 | margin-bottom:10px; | |
567 | background-color: #F6F6F6; |
|
580 | background-color: #F6F6F6; | |
568 | border-width: 1px; |
|
581 | border-width: 1px; | |
569 | border-style: solid; |
|
582 | border-style: solid; | |
570 | border-color: #E6E6E6; |
|
583 | border-color: #E6E6E6; | |
571 | -moz-border-radius: 7px 7px 7px 7px; |
|
584 | -moz-border-radius: 7px 7px 7px 7px; | |
572 | -webkit-border-radius: 7px 7px 7px 7px; |
|
585 | -webkit-border-radius: 7px 7px 7px 7px; | |
573 | border-radius: 7px 7px 7px 7px; |
|
586 | border-radius: 7px 7px 7px 7px; | |
574 | width:100%; |
|
587 | width:100%; | |
575 | } |
|
588 | } | |
576 |
|
589 | |||
577 | .centerAlign |
|
590 | .centerAlign | |
578 | { |
|
591 | { | |
579 | text-align:center; |
|
592 | text-align:center; | |
580 | } |
|
593 | } | |
581 |
|
594 | |||
582 | .rightAlign |
|
595 | .rightAlign | |
583 | { |
|
596 | { | |
584 | text-align:right; |
|
597 | text-align:right; | |
585 | } |
|
598 | } | |
586 |
|
599 | |||
587 | .leftAlign |
|
600 | .leftAlign | |
588 | { |
|
601 | { | |
589 | text-align:left; |
|
602 | text-align:left; | |
590 | } |
|
603 | } | |
591 |
|
604 | |||
592 | .topAlign{ |
|
605 | .topAlign{ | |
593 | vertical-align:top |
|
606 | vertical-align:top | |
594 | } |
|
607 | } | |
595 |
|
608 | |||
596 | .functionIndex a{ |
|
609 | .functionIndex a{ | |
597 | display:inline-block; |
|
610 | display:inline-block; | |
598 | } |
|
611 | } | |
599 |
|
612 | |||
600 | /* end content elements */ |
|
613 | /* end content elements */ | |
601 | /* footer elements */ |
|
614 | /* footer elements */ | |
602 |
|
615 | |||
603 | .footer |
|
616 | .footer | |
604 | { |
|
617 | { | |
605 | color: #393735; |
|
618 | color: #393735; | |
606 | font-size: 0.75em; |
|
619 | font-size: 0.75em; | |
607 | text-align: center; |
|
620 | text-align: center; | |
608 | padding-top: 1.5em; |
|
621 | padding-top: 1.5em; | |
609 | padding-bottom: 1em; |
|
622 | padding-bottom: 1em; | |
610 | background-color: #E6E7E8; |
|
623 | background-color: #E6E7E8; | |
611 | margin: 0; |
|
624 | margin: 0; | |
612 | } |
|
625 | } | |
613 | .footer p |
|
626 | .footer p | |
614 | { |
|
627 | { | |
615 | margin: 0.25em |
|
628 | margin: 0.25em | |
616 | } |
|
629 | } | |
617 | .small |
|
630 | .small | |
618 | { |
|
631 | { | |
619 | font-size: 0.5em; |
|
632 | font-size: 0.5em; | |
620 | } |
|
633 | } | |
621 | /* end footer elements */ |
|
634 | /* end footer elements */ | |
622 |
|
635 | |||
623 | .item { |
|
636 | .item { | |
624 | float: left; |
|
637 | float: left; | |
625 | position: relative; |
|
638 | position: relative; | |
626 | width: 100%; |
|
639 | width: 100%; | |
627 | overflow: hidden; |
|
640 | overflow: hidden; | |
628 | } |
|
641 | } | |
629 |
|
642 | |||
630 |
|
643 | |||
631 | .item .primary { |
|
644 | .item .primary { | |
632 | margin-right: 220px; |
|
645 | margin-right: 220px; | |
633 | position: relative; |
|
646 | position: relative; | |
634 | } |
|
647 | } | |
635 |
|
648 | |||
636 | .item hr { |
|
649 | .item hr { | |
637 | margin-left: -220px; |
|
650 | margin-left: -220px; | |
638 | } |
|
651 | } | |
639 |
|
652 | |||
640 | .item .secondary { |
|
653 | .item .secondary { | |
641 | float: right; |
|
654 | float: right; | |
642 | width: 200px; |
|
655 | width: 200px; | |
643 | position: relative; |
|
656 | position: relative; | |
644 | } |
|
657 | } | |
645 |
|
658 | |||
646 | .item .cols { |
|
659 | .item .cols { | |
647 | clear: both; |
|
660 | clear: both; | |
648 | display: block; |
|
661 | display: block; | |
649 | } |
|
662 | } | |
650 |
|
663 | |||
651 | .item .cols .col { |
|
664 | .item .cols .col { | |
652 | float: left; |
|
665 | float: left; | |
653 | margin-left: 1.5%; |
|
666 | margin-left: 1.5%; | |
654 | } |
|
667 | } | |
655 |
|
668 | |||
656 | .item .cols .col.first { |
|
669 | .item .cols .col.first { | |
657 | margin-left: 0; |
|
670 | margin-left: 0; | |
658 | } |
|
671 | } | |
659 |
|
672 | |||
660 | .item .cols.two .col { |
|
673 | .item .cols.two .col { | |
661 | width: 45%; |
|
674 | width: 45%; | |
662 | } |
|
675 | } | |
663 |
|
676 | |||
664 | .item .box { |
|
677 | .item .box { | |
665 | margin: 0 0 10px 0; |
|
678 | margin: 0 0 10px 0; | |
666 | } |
|
679 | } | |
667 |
|
680 | |||
668 | .item .box h3 { |
|
681 | .item .box h3 { | |
669 | margin: 0 0 10px 0; |
|
682 | margin: 0 0 10px 0; | |
670 | } |
|
683 | } | |
671 |
|
684 | |||
672 | .cols.unclear { |
|
685 | .cols.unclear { | |
673 | clear:none; |
|
686 | clear:none; | |
674 | } |
|
687 | } | |
675 | } |
|
688 | } | |
676 |
|
689 | |||
677 | /* end of screen media */ |
|
690 | /* end of screen media */ | |
678 |
|
691 | |||
679 | /* start of print media */ |
|
692 | /* start of print media */ | |
680 |
|
693 | |||
681 | @media print |
|
694 | @media print | |
682 | { |
|
695 | { | |
683 | input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft, #feedbackBox, #blurpage, .toc, .breadcrumb, .toolbar, .floatingResult |
|
696 | input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft, #feedbackBox, #blurpage, .toc, .breadcrumb, .toolbar, .floatingResult | |
684 | { |
|
697 | { | |
685 | display: none; |
|
698 | display: none; | |
686 | background: none; |
|
699 | background: none; | |
687 | } |
|
700 | } | |
688 | .content |
|
701 | .content | |
689 | { |
|
702 | { | |
690 | background: none; |
|
703 | background: none; | |
691 | display: block; |
|
704 | display: block; | |
692 | width: 100%; margin: 0; float: none; |
|
705 | width: 100%; margin: 0; float: none; | |
693 | } |
|
706 | } | |
694 | } |
|
707 | } | |
695 | /* end of print media */ |
|
708 | /* end of print media */ |
General Comments 0
You need to be logged in to leave comments.
Login now