1body { 2 font: normal 400 14px/1.2 Arial; 3 margin-top: 85px; 4 font-family: Arial, Helvetica; 5 text-align: left; 6 margin-left: 5px; 7 margin-right: 5px; 8 background-color: #fff; 9} 10 11p { 12 line-height: 20px 13} 14 15img { 16 margin-left: 0px; 17 max-width: 800px; 18 height: auto; 19} 20 21.content .border img { 22 box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5) 23} 24 25.content .border .player { 26 box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5) 27} 28 29.content .indexboxcont li { 30 font: normal bold 13px/1 Verdana 31 } 32 33.content .normallist li { 34 font: normal 13px/1 Verdana 35 } 36 37.descr { 38 margin-top: 35px; 39 margin-bottom: 45px; 40 margin-left: 5px; 41 text-align: left; 42 vertical-align: top; 43} 44 45.name { 46 max-width: 75%; 47 font-weight: 100; 48} 49 50tt { 51 text-align: left 52} 53 54/* 55----------- 56links 57----------- 58*/ 59 60a:link { 61 color: #007330; 62 text-decoration: none; 63 text-align: left; 64} 65 66a.qa-mark:target:before { 67 content: "***"; 68 color: #ff0000; 69} 70 71a:hover { 72 color: #44a51c; 73 text-align: left; 74} 75 76a:visited { 77 color: #007330; 78 text-align: left; 79} 80 81a:visited:hover { 82 color: #44a51c; 83 text-align: left; 84} 85 86/* 87----------- 88offline viewing: HTML links display an icon 89----------- 90*/ 91 92a[href*="http://"], a[href*="ftp://"], a[href*="https://"] { 93 text-decoration: none; 94 background-image: url(../images/ico_out.png); 95 background-repeat: no-repeat; 96 background-position: left; 97 padding-left: 20px; 98 text-align: left; 99} 100 101.flags { 102 text-decoration: none; 103 text-height: 24px; 104} 105 106.flags:target { 107 background-color: #FFFFD6; 108} 109 110/* 111------------------------------- 112NOTE styles 113------------------------------- 114*/ 115 116.notetitle, .tiptitle, .fastpathtitle { 117 font-weight: bold 118} 119 120.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle { 121 font-weight: bold 122} 123 124.note, .tip, .fastpath { 125 background: #F2F2F2 url(../images/ico_note.png); 126 background-repeat: no-repeat; 127 background-position: top left; 128 padding: 5px; 129 padding-left: 40px; 130 padding-bottom: 10px; 131 border: #999 1px dotted; 132 color: #666666; 133 margin: 5px; 134} 135 136.attention, .caution, .danger, .important, .remember, .restriction { 137 background: #F2F2F2 url(../images/ico_note_attention.png); 138 background-repeat: no-repeat; 139 background-position: top left; 140 padding: 5px; 141 padding-left: 40px; 142 padding-bottom: 10px; 143 border: #999 1px dotted; 144 color: #666666; 145 margin: 5px; 146} 147 148/* 149------------------------------- 150Top navigation 151------------------------------- 152*/ 153 154.qtref { 155 display: block; 156 position: relative; 157 height: 15px; 158 z-index: 1; 159 font-size: 11px; 160 padding-right: 10px; 161 float: right; 162} 163 164.naviNextPrevious { 165 clear: both; 166 display: block; 167 position: relative; 168 text-align: right; 169 top: -47px; 170 float: right; 171 height: 20px; 172 z-index: 1; 173 padding-right: 10px; 174 padding-top: 2px; 175 vertical-align: top; 176 margin: 0px; 177} 178 179.naviNextPrevious > a:first-child { 180 background-image: url(../images/btn_prev.png); 181 background-repeat: no-repeat; 182 background-position: left; 183 padding-left: 20px; 184 height: 20px; 185 padding-left: 20px; 186 } 187 188.naviNextPrevious > a:last-child { 189 background-image: url(../images/btn_next.png); 190 background-repeat: no-repeat; 191 background-position: right; 192 padding-right: 20px; 193 height: 20px; 194 margin-left: 30px; 195 } 196 197.naviSeparator { display: none } 198/* 199----------- 200footer and license 201----------- 202*/ 203 204.footer { 205 text-align: left; 206 padding-top: 45px; 207 padding-left: 5px; 208 margin-top: 45px; 209 margin-bottom: 45px; 210 font-size: 10px; 211 border-top: 1px solid #999; 212} 213 214.footer p { 215 line-height: 14px; 216 font-size: 11px; 217 padding: 0; 218 margin: 0; 219} 220 221.footer a[href*="http://"], a[href*="ftp://"], a[href*="https://"] { 222 font-weight: bold; 223} 224 225.footerNavi { 226 width: auto; 227 text-align: right; 228 margin-top: 50px; 229 z-index: 1; 230} 231 232.navigationbar { 233 display: block; 234 position: relative; 235 top: -20px; 236 border-top: 1px solid #cecece; 237 border-bottom: 1px solid #cecece; 238 background-color: #F2F2F2; 239 z-index: 1; 240 height: 20px; 241 padding-left: 7px; 242 margin: 0px; 243 padding-top: 2px; 244 margin-left: -5px; 245 margin-right: -5px; 246} 247 248.navigationbar .first { 249 background: url(../images/home.png); 250 background-position: left; 251 background-repeat: no-repeat; 252 padding-left: 20px; 253 } 254 255.navigationbar ul { 256 margin: 0px; 257 padding: 0px; 258 } 259 260 .navigationbar ul li { 261 list-style-type: none; 262 padding-top: 2px; 263 padding-left: 4px; 264 margin: 0; 265 height: 20px; 266 } 267 268.navigationbar li { 269 float: left 270 } 271 272 .navigationbar li a, .navigationbar td a { 273 display: block; 274 text-decoration: none; 275 background: url(../images/arrow_bc.png); 276 background-repeat: no-repeat; 277 background-position: right; 278 padding-right: 17px; 279 } 280 281table.buildversion { 282 float: right; 283 margin-top: -18px !important; 284} 285 286.navigationbar table { 287 border-radius: 0; 288 border: 0 none; 289 background-color: #F2F2F2; 290 margin: 0; 291} 292 293.navigationbar table td { 294 padding: 0; 295 border: 0 none; 296} 297 298#buildversion { 299 font-style: italic; 300 float: right; 301 margin-right: 5px; 302} 303 304#buildversion a { 305 background: none; 306} 307 308/* 309 310/* table of content 311no display 312*/ 313 314/* 315----------- 316headers 317----------- 318*/ 319 320@media screen { 321 .title { 322 color: #313131; 323 font-size: 24px; 324 font-weight: normal; 325 left: 0; 326 padding-bottom: 20px; 327 padding-left: 10px; 328 padding-top: 20px; 329 position: absolute; 330 right: 0; 331 top: 0; 332 background-color: #E6E6E6; 333 border-bottom: 1px #CCC solid; 334 border-top: 2px #CCC solid; 335 font-weight: bold; 336 margin-left: 0px; 337 margin-right: 0px; 338 } 339 .subtitle, .small-subtitle { 340 display: block; 341 clear: left; 342 } 343} 344 345h1 { 346 margin: 0 347} 348 349h2, p.h2 { 350 font: 500 16px/1.2 Arial; 351 font-weight: 100; 352 background-color: #F2F3F4; 353 padding: 4px; 354 margin-bottom: 30px; 355 margin-top: 30px; 356 border-top: #E0E0DE 1px solid; 357 border-bottom: #E0E0DE 1px solid; 358 max-width: 99%; 359} 360 361h2:target { 362 background-color: #F2F3D4; 363} 364 365h3 { 366 font: 500 14px/1.2 Arial; 367 font-weight: 100; 368 text-decoration: underline; 369 margin-bottom: 30px; 370 margin-top: 30px; 371} 372 373h3.fn, span.fn { 374 border-width: 1px; 375 border-style: solid; 376 border-color: #E6E6E6; 377 -moz-border-radius: 7px 7px 7px 7px; 378 -webkit-border-radius: 7px 7px 7px 7px; 379 border-radius: 7px 7px 7px 7px; 380 background-color: #F6F6F6; 381 word-spacing: 3px; 382 padding: 5px 5px; 383 text-decoration: none; 384 font-weight: bold; 385 max-width: 75%; 386 font-size: 14px; 387 margin: 0px; 388 margin-top: 45px; 389} 390.fngroup h3.fngroupitem { 391 margin-bottom: 5px; 392} 393h3.fn code { 394 float: right; 395} 396h3.fn:target { 397 background-color: #F6F6D6; 398} 399 400.name { 401 color: #1A1A1A 402} 403 404.type { 405 color: #808080 406} 407 408@media print { 409 .title { 410 color: #0066CB; 411 font-family: Arial, Helvetica; 412 font-size: 32px; 413 font-weight: normal; 414 left: 0; 415 position: absolute; 416 right: 0; 417 top: 0; 418 } 419} 420 421/* 422----------------- 423table styles 424----------------- 425*/ 426 427.table img { 428 border: none; 429 margin-left: 0px; 430 -moz-box-shadow: 0px 0px 0px #fff; 431 -webkit-box-shadow: 0px 0px 0px #fff; 432 box-shadow: 0px 0px 0px #fff; 433} 434 435/* table with border alternative colours*/ 436 437table, pre, .LegaleseLeft { 438 -moz-border-radius: 7px 7px 7px 7px; 439 -webkit-border-radius: 7px 7px 7px 7px; 440 border-radius: 7px 7px 7px 7px; 441 background-color: #F6F6F6; 442 border: 1px solid #E6E6E6; 443 border-collapse: separate; 444 margin-bottom: 25px; 445 margin-left: 15px; 446 font-size: 12px; 447 line-height: 1.2; 448} 449 450 table tr.even { 451 background-color: white; 452 color: #66666E; 453 } 454 455 table tr.odd { 456 background-color: #F6F6F6; 457 color: #66666E; 458 } 459 460 table tr:target { 461 background-color: #F6F6D6; 462 } 463 464 table thead { 465 text-align: left; 466 padding-left: 20px; 467 background-color: #e1e0e0; 468 border-left: none; 469 border-right: none; 470 } 471 472 table thead th { 473 padding-top: 5px; 474 padding-left: 10px; 475 padding-bottom: 5px; 476 border-bottom: 2px solid #D1D1D1; 477 padding-right: 10px; 478 } 479 480 table th { 481 text-align: left; 482 padding-left: 20px; 483 } 484 485 table td { 486 padding: 3px 15px 3px 20px; 487 border-bottom: #CCC dotted 1px; 488 } 489 490 table p { 491 margin: 0px 492 } 493 494.LegaleseLeft { 495 font-family: monospace; 496 white-space: pre-wrap; 497} 498/* table bodless & white*/ 499 500.borderless { 501 border-radius: 0px 0px 0px 0px; 502 background-color: #fff; 503 border: 1px solid #fff; 504} 505 506.borderless tr { 507 background-color: #FFF; 508 color: #66666E; 509 } 510 511.borderless td { 512 border: none; 513 border-bottom: #fff dotted 1px; 514 } 515 516/* 517----------- 518List 519----------- 520*/ 521 522ul { 523 margin-top: 10px; 524} 525 526li { 527 margin-bottom: 10px; 528 padding-left: 8px; 529 list-style: outside; 530 text-align: left; 531} 532 533 ul > li { 534 list-style-type: square; 535 } 536 537ol { 538 margin: 10px; 539 padding: 0; 540} 541 542ol.A > li { 543 list-style-type: upper-alpha; 544} 545 546ol.a > li{ 547 list-style-type: lower-alpha; 548} 549 550 ol > li { 551 margin-left: 30px; 552 padding-left: 8px; 553 list-style: decimal; 554 } 555 556.centerAlign { 557 text-align: left 558} 559 560.cpp, .LegaleseLeft { 561 display: block; 562 margin: 10px; 563 overflow: auto; 564 padding: 20px 20px 20px 20px; 565} 566 567.js { 568 display: block; 569 margin: 10px; 570 overflow: auto; 571 padding: 20px 20px 20px 20px; 572} 573 574.memItemLeft { 575 padding-right: 3px 576} 577 578.memItemRight { 579 padding: 3px 15px 3px 0 580} 581 582.qml { 583 display: block; 584 margin: 10px; 585 overflow: auto; 586 padding: 20px 20px 20px 20px; 587} 588 589.qmldefault { 590 padding-left: 5px; 591 float: right; 592 color: red; 593} 594 595.qmlreadonly { 596 padding-left: 5px; 597 float: right; 598 color: #254117; 599} 600 601.rightAlign { 602 padding: 3px 5px 3px 10px; 603 text-align: right; 604} 605 606.qmldoc { 607 margin-left: 15px 608} 609 610.flowList { 611 padding: 25px 612} 613.flowList dd { 614 display: inline-block; 615 margin-left: 10px; 616 width: 255px; 617 line-height: 1.15em; 618 overflow-x: hidden; 619 text-overflow: ellipsis 620} 621.alphaChar { 622 font-size: 2em; 623 position: relative 624} 625/* 626----------- 627Content table 628----------- 629*/ 630 631@media print { 632 .toc { 633 float: right; 634 clear: right; 635 padding-bottom: 10px; 636 padding-top: 50px; 637 width: 100%; 638 background-image: url(../images/bgrContent.png); 639 background-position: top; 640 background-repeat: no-repeat; 641 } 642} 643 644@media screen { 645 .toc { 646 float: right; 647 clear: right; 648 vertical-align: top; 649 -moz-border-radius: 7px 7px 7px 7px; 650 -webkit-border-radius: 7px 7px 7px 7px; 651 border-radius: 7px 7px 7px 7px; 652 background: #FFF url('../images/bgrContent.png'); 653 background-position: top; 654 background-repeat: repeat-x; 655 border: 1px solid #E6E6E6; 656 padding-left: 5px; 657 padding-bottom: 10px; 658 height: auto; 659 width: 200px; 660 text-align: left; 661 margin-left: 20px; 662 } 663} 664 665 666.toc h3 { 667 text-decoration: none 668} 669 670.toc h3 { 671 font: 500 14px/1.2 Arial; 672 font-weight: 100; 673 padding: 0px; 674 margin: 0px; 675 padding-top: 5px; 676 padding-left: 5px; 677} 678 679.toc ul { 680 padding-left: 10px; 681 padding-right: 5px; 682} 683 684.toc ul li { 685 margin-left: 15px; 686 list-style-image: url(../images/bullet_dn.png); 687 marker-offset: 0px; 688 margin-bottom: 8px; 689 padding-left: 0px; 690 } 691 692.toc .level1 { 693 border: none 694} 695 696.toc .level2 { 697 border: none; 698 margin-left: 25px; 699} 700 701.level3 { 702 border: none; 703 margin-left: 30px; 704} 705 706.clearfix { 707 clear: both 708} 709 710/* 711----------- 712Landing page 713----------- 714*/ 715 716.col-group { 717 white-space: nowrap; 718 vertical-align: top; 719} 720 721 722.landing h2 { 723 background-color: transparent; 724 border: none; 725 margin-bottom: 0px; 726 font-size: 18px; 727} 728 729.landing a, .landing li { 730 font-size: 13px; 731 font-weight: bold !important; 732} 733 734.col-1 { 735 display: inline-block; 736 white-space: normal; 737 width: 70%; 738 height: 100%; 739 float: left; 740} 741 742.col-2 { 743 display: inline-block; 744 white-space: normal; 745 width: 20%; 746 margin-left: 5%; 747 position: relative; 748 top: -20px; 749} 750 751.col-1 h1 { 752 margin: 20px 0 0 0; 753 } 754 755.col-1 h2 { 756 font-size: 18px; 757 font-weight: bold !important; 758} 759 760.landingicons { 761 display: inline-block; 762 width: 100%; 763} 764 765.icons1of3 { 766 display: inline-block; 767 width: 33.3333%; 768 float: left; 769} 770 771.icons1of3 h2, .doc-column h2 { 772 font-size: 15px; 773 margin: 0px; 774 padding: 0px; 775} 776 777div.multi-column { 778 position: relative; 779} 780 781div.multi-column div { 782 display: -moz-inline-box; 783 display: inline-block; 784 vertical-align: top; 785 margin-top: 1em; 786 margin-right: 4em; 787 width: 24em; 788} 789 790.mainContent .video { 791 width:40%; 792 max-width:640px; 793 margin: 15px 0 0 15px; 794 position:relative; 795 display:table 796} 797 798.mainContent .video > .vspan { 799 padding-top:60%; 800 display:block 801} 802.mainContent .video iframe { 803 width:100%; 804 height:100%; 805 position:absolute; 806 top:0; 807 left:0 808} 809