##// END OF EJS Templates
HG_REPOSITORIES » LPP » INSTRUMENTATION » USERS » JEANDET » qtcharts
RSS

Clone from http://code.qt.io/qt/qtcharts.git

Reformats about page
Michal Klocek -
r336:dd25dfe23960
parent child
Show More
Show file before | Show file after | Hide comments
@@ -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):
28
17
18 \snippet ../example/chartview/main.cpp 1
19 \image chartview_example.jpg
20
21 */
29 */
Show file before | Show file after | Hide comments
@@ -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