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 font-size: small; 301 float: right; 302 margin-right: 5px; 303} 304 305/* 306 307/* table of content 308no display 309*/ 310 311/* 312----------- 313headers 314----------- 315*/ 316 317@media screen { 318 .title { 319 color: #313131; 320 font-size: 24px; 321 font-weight: normal; 322 left: 0; 323 padding-bottom: 20px; 324 padding-left: 10px; 325 padding-top: 20px; 326 position: absolute; 327 right: 0; 328 top: 0; 329 background-color: #E6E6E6; 330 border-bottom: 1px #CCC solid; 331 border-top: 2px #CCC solid; 332 font-weight: bold; 333 margin-left: 0px; 334 margin-right: 0px; 335 } 336 .subtitle, .small-subtitle { 337 display: block; 338 clear: left; 339 } 340} 341 342h1 { 343 margin: 0 344} 345 346h2, p.h2 { 347 font: 500 16px/1.2 Arial; 348 font-weight: 100; 349 background-color: #F2F3F4; 350 padding: 4px; 351 margin-bottom: 30px; 352 margin-top: 30px; 353 border-top: #E0E0DE 1px solid; 354 border-bottom: #E0E0DE 1px solid; 355 max-width: 99%; 356} 357 358h2:target { 359 background-color: #F2F3D4; 360} 361 362h3 { 363 font: 500 14px/1.2 Arial; 364 font-weight: 100; 365 text-decoration: underline; 366 margin-bottom: 30px; 367 margin-top: 30px; 368} 369 370h3.fn, span.fn { 371 border-width: 1px; 372 border-style: solid; 373 border-color: #E6E6E6; 374 -moz-border-radius: 7px 7px 7px 7px; 375 -webkit-border-radius: 7px 7px 7px 7px; 376 border-radius: 7px 7px 7px 7px; 377 background-color: #F6F6F6; 378 word-spacing: 3px; 379 padding: 5px 5px; 380 text-decoration: none; 381 font-weight: bold; 382 max-width: 75%; 383 font-size: 14px; 384 margin: 0px; 385 margin-top: 45px; 386} 387h3.fn code { 388 float: right; 389} 390h3.fn:target { 391 background-color: #F6F6D6; 392} 393 394.name { 395 color: #1A1A1A 396} 397 398.type { 399 color: #808080 400} 401 402@media print { 403 .title { 404 color: #0066CB; 405 font-family: Arial, Helvetica; 406 font-size: 32px; 407 font-weight: normal; 408 left: 0; 409 position: absolute; 410 right: 0; 411 top: 0; 412 } 413} 414 415/* 416----------------- 417table styles 418----------------- 419*/ 420 421.table img { 422 border: none; 423 margin-left: 0px; 424 -moz-box-shadow: 0px 0px 0px #fff; 425 -webkit-box-shadow: 0px 0px 0px #fff; 426 box-shadow: 0px 0px 0px #fff; 427} 428 429/* table with border alternative colours*/ 430 431table, pre, .LegaleseLeft { 432 -moz-border-radius: 7px 7px 7px 7px; 433 -webkit-border-radius: 7px 7px 7px 7px; 434 border-radius: 7px 7px 7px 7px; 435 background-color: #F6F6F6; 436 border: 1px solid #E6E6E6; 437 border-collapse: separate; 438 margin-bottom: 25px; 439 margin-left: 15px; 440 font-size: 12px; 441 line-height: 1.2; 442} 443 444 table tr.even { 445 background-color: white; 446 color: #66666E; 447 } 448 449 table tr.odd { 450 background-color: #F6F6F6; 451 color: #66666E; 452 } 453 454 table tr:target { 455 background-color: #F6F6D6; 456 } 457 458 table thead { 459 text-align: left; 460 padding-left: 20px; 461 background-color: #e1e0e0; 462 border-left: none; 463 border-right: none; 464 } 465 466 table thead th { 467 padding-top: 5px; 468 padding-left: 10px; 469 padding-bottom: 5px; 470 border-bottom: 2px solid #D1D1D1; 471 padding-right: 10px; 472 } 473 474 table th { 475 text-align: left; 476 padding-left: 20px; 477 } 478 479 table td { 480 padding: 3px 15px 3px 20px; 481 border-bottom: #CCC dotted 1px; 482 } 483 484 table p { 485 margin: 0px 486 } 487 488.LegaleseLeft { 489 font-family: monospace; 490 white-space: pre-wrap; 491} 492/* table bodless & white*/ 493 494.borderless { 495 border-radius: 0px 0px 0px 0px; 496 background-color: #fff; 497 border: 1px solid #fff; 498} 499 500.borderless tr { 501 background-color: #FFF; 502 color: #66666E; 503 } 504 505.borderless td { 506 border: none; 507 border-bottom: #fff dotted 1px; 508 } 509 510/* 511----------- 512List 513----------- 514*/ 515 516ul { 517 margin-top: 10px; 518} 519 520li { 521 margin-bottom: 10px; 522 padding-left: 8px; 523 list-style: outside; 524 text-align: left; 525} 526 527 ul > li { 528 list-style-type: square; 529 } 530 531ol { 532 margin: 10px; 533 padding: 0; 534} 535 536ol.A > li { 537 list-style-type: upper-alpha; 538} 539 540ol.a > li{ 541 list-style-type: lower-alpha; 542} 543 544 ol > li { 545 margin-left: 30px; 546 padding-left: 8px; 547 list-style: decimal; 548 } 549 550.centerAlign { 551 text-align: left 552} 553 554.cpp, .LegaleseLeft { 555 display: block; 556 margin: 10px; 557 overflow: auto; 558 padding: 20px 20px 20px 20px; 559} 560 561.js { 562 display: block; 563 margin: 10px; 564 overflow: auto; 565 padding: 20px 20px 20px 20px; 566} 567 568.memItemLeft { 569 padding-right: 3px 570} 571 572.memItemRight { 573 padding: 3px 15px 3px 0 574} 575 576.qml { 577 display: block; 578 margin: 10px; 579 overflow: auto; 580 padding: 20px 20px 20px 20px; 581} 582 583.qmldefault { 584 padding-left: 5px; 585 float: right; 586 color: red; 587} 588 589.qmlreadonly { 590 padding-left: 5px; 591 float: right; 592 color: #254117; 593} 594 595.rightAlign { 596 padding: 3px 5px 3px 10px; 597 text-align: right; 598} 599 600.qmldoc { 601 margin-left: 15px 602} 603 604.flowList { 605 padding: 25px 606} 607.flowList dd { 608 display: inline-block; 609 margin-left: 10px; 610 width: 255px; 611 line-height: 1.15em; 612 overflow-x: hidden; 613 text-overflow: ellipsis 614} 615.alphaChar { 616 font-size: 2em; 617 position: relative 618} 619/* 620----------- 621Content table 622----------- 623*/ 624 625@media print { 626 .toc { 627 float: right; 628 clear: right; 629 padding-bottom: 10px; 630 padding-top: 50px; 631 width: 100%; 632 background-image: url(../images/bgrContent.png); 633 background-position: top; 634 background-repeat: no-repeat; 635 } 636} 637 638@media screen { 639 .toc { 640 float: right; 641 clear: right; 642 vertical-align: top; 643 -moz-border-radius: 7px 7px 7px 7px; 644 -webkit-border-radius: 7px 7px 7px 7px; 645 border-radius: 7px 7px 7px 7px; 646 background: #FFF url('../images/bgrContent.png'); 647 background-position: top; 648 background-repeat: repeat-x; 649 border: 1px solid #E6E6E6; 650 padding-left: 5px; 651 padding-bottom: 10px; 652 height: auto; 653 width: 200px; 654 text-align: left; 655 margin-left: 20px; 656 } 657} 658 659 660.toc h3 { 661 text-decoration: none 662} 663 664.toc h3 { 665 font: 500 14px/1.2 Arial; 666 font-weight: 100; 667 padding: 0px; 668 margin: 0px; 669 padding-top: 5px; 670 padding-left: 5px; 671} 672 673.toc ul { 674 padding-left: 10px; 675 padding-right: 5px; 676} 677 678.toc ul li { 679 margin-left: 15px; 680 list-style-image: url(../images/bullet_dn.png); 681 marker-offset: 0px; 682 margin-bottom: 8px; 683 padding-left: 0px; 684 } 685 686.toc .level1 { 687 border: none 688} 689 690.toc .level2 { 691 border: none; 692 margin-left: 25px; 693} 694 695.level3 { 696 border: none; 697 margin-left: 30px; 698} 699 700.clearfix { 701 clear: both 702} 703 704/* 705----------- 706Landing page 707----------- 708*/ 709 710.col-group { 711 white-space: nowrap; 712 vertical-align: top; 713} 714 715 716.landing h2 { 717 background-color: transparent; 718 border: none; 719 margin-bottom: 0px; 720 font-size: 18px; 721} 722 723.landing a, .landing li { 724 font-size: 13px; 725 font-weight: bold !important; 726} 727 728.col-1 { 729 display: inline-block; 730 white-space: normal; 731 width: 70%; 732 height: 100%; 733 float: left; 734} 735 736.col-2 { 737 display: inline-block; 738 white-space: normal; 739 width: 20%; 740 margin-left: 5%; 741 position: relative; 742 top: -20px; 743} 744 745.col-1 h1 { 746 margin: 20px 0 0 0; 747 } 748 749.col-1 h2 { 750 font-size: 18px; 751 font-weight: bold !important; 752} 753 754.landingicons { 755 display: inline-block; 756 width: 100%; 757} 758 759.icons1of3 { 760 display: inline-block; 761 width: 33.3333%; 762 float: left; 763} 764 765.icons1of3 h2, .doc-column h2 { 766 font-size: 15px; 767 margin: 0px; 768 padding: 0px; 769} 770 771div.multi-column { 772 position: relative; 773} 774 775div.multi-column div { 776 display: -moz-inline-box; 777 display: inline-block; 778 vertical-align: top; 779 margin-top: 1em; 780 margin-right: 4em; 781 width: 24em; 782} 783