body { font: normal 400 14px/1.2 Arial; margin-top: 50px; font-family: Arial, Helvetica; text-align: left; margin-left: 5px; margin-right: 5px; background-color: #fff; } p { line-height: 20px } img { margin-left: 0px; max-width: 800px; height: auto; } .content .border img { box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5) } .content .border .player { box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5) } .content .indexboxcont li { font: normal bold 13px/1 Verdana } .content .normallist li { font: normal 13px/1 Verdana } .descr { margin-top: 35px; margin-bottom: 45px; margin-left: 5px; text-align: left; vertical-align: top; } .name { max-width: 75%; font-weight: 100; } tt { text-align: left } /* ----------- links ----------- */ a:link { color: #007330; text-decoration: none; text-align: left; } a.qa-mark:target:before { content: "***"; color: #ff0000; } a:hover { color: #44a51c; text-align: left; } a:visited { color: #007330; text-align: left; } a:visited:hover { color: #44a51c; text-align: left; } /* ----------- offline viewing: HTML links display an icon ----------- */ a[href*="http://"]::before, a[href*="ftp://"]::before, a[href*="https://"]::before { content: url(../images/ico_out.png); padding-right: 5px; } .video a { background: none; } .flags { text-decoration: none; text-height: 24px; } .flags:target { background-color: #FFFFD6; } /* ------------------------------- NOTE styles ------------------------------- */ .admonition { padding: 5px 0 5px 40px; border: #ccc 1px solid; } .admonition.note, .admonition.important { background: #f2f2f2 3px 6px no-repeat url(../images/ico_note.png); } .admonition.warning { background: #f2f2f2 3px 6px no-repeat url(../images/ico_note_attention.png); } /* ------------------------------- Top navigation ------------------------------- */ .qtref { display: block; position: relative; height: 15px; z-index: 1; font-size: 11px; padding-right: 10px; float: right; } .naviNextPrevious { clear: both; display: block; position: relative; text-align: right; top: -30px; float: right; height: 20px; z-index: 1; padding-right: 10px; padding-top: 2px; vertical-align: top; margin: 0px; } .naviNextPrevious > a:first-child { background-image: url(../images/btn_prev.png); background-repeat: no-repeat; background-position: left; padding-left: 20px; height: 20px; padding-left: 20px; } .naviNextPrevious > a:last-child { background-image: url(../images/btn_next.png); background-repeat: no-repeat; background-position: right; padding-right: 20px; height: 20px; margin-left: 30px; } .naviSeparator { display: none } /* ----------- footer and license ----------- */ .footer { text-align: left; padding-top: 45px; padding-left: 5px; margin-top: 45px; margin-bottom: 45px; font-size: 10px; border-top: 1px solid #999; } .footer p { line-height: 14px; font-size: 11px; padding: 0; margin: 0; } .footer a[href*="http://"], a[href*="ftp://"], a[href*="https://"] { font-weight: bold; } .footerNavi { width: auto; text-align: right; margin-top: 50px; z-index: 1; } .navigationbar { display: block; position: relative; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background-color: #F2F2F2; z-index: 1; height: 20px; padding-left: 7px; margin: 0px; padding-top: 2px; margin-left: -5px; margin-right: -5px; } .navigationbar .first { background: url(../images/home.png); background-position: left; background-repeat: no-repeat; padding-left: 20px; } .navigationbar ul { margin: 0px; padding: 0px; } .navigationbar ul li { list-style-type: none; padding-top: 2px; padding-left: 4px; margin: 0; height: 20px; } .navigationbar li { float: left } .navigationbar li a, .navigationbar td a { display: block; text-decoration: none; background: url(../images/arrow_bc.png); background-repeat: no-repeat; background-position: right; padding-right: 17px; } table.buildversion { float: right; margin-top: -18px !important; } .navigationbar table { border-radius: 0; border: 0 none; background-color: #F2F2F2; margin: 0; } .navigationbar table td { padding: 0; border: 0 none; } #buildversion { font-style: italic; float: right; margin-right: 5px; } #buildversion a { background: none; } /* /* table of content no display */ /* ----------- headers ----------- */ @media screen { .title { color: #313131; font-size: 20px; font-weight: normal; left: 0; padding-bottom: 15px; padding-left: 10px; padding-top: 15px; position: absolute; right: 0; top: 0; background-color: #E6E6E6; border-bottom: 1px #CCC solid; font-weight: bold; margin-left: 0px; margin-right: 0px; } .subtitle, .small-subtitle { display: block; clear: left; } } h1 { margin: 0 } h2, p.h2 { font: 500 16px/1.2 Arial; font-weight: 100; background-color: #F2F3F4; padding: 4px; margin-bottom: 15px; margin-top: 30px; border-top: #E0E0DE 1px solid; border-bottom: #E0E0DE 1px solid; max-width: 99%; } h2:target { background-color: #F2F3D4; } h3 { font: 500 14px/1.2 Arial; font-weight: 100; text-decoration: underline; margin-bottom: 15px; margin-top: 30px; } h3.fn, span.fn { border-width: 1px; border-style: solid; border-color: #E6E6E6; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; background-color: #F6F6F6; word-spacing: 3px; padding: 5px 5px; text-decoration: none; font-weight: bold; max-width: 75%; font-size: 14px; margin: 0px; margin-top: 30px; } .fngroup h3.fngroupitem { margin-bottom: 5px; } h3.fn code { float: right; } h3.fn:target { background-color: #F6F6D6; } .name { color: #1A1A1A } .type { color: #808080 } @media print { .title { color: #0066CB; font-family: Arial, Helvetica; font-size: 32px; font-weight: normal; left: 0; position: absolute; right: 0; top: 0; } } /* ----------------- table styles ----------------- */ .table img { border: none; margin-left: 0px; -moz-box-shadow: 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; } /* table with border alternative colours*/ table, pre, .LegaleseLeft { -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; background-color: #F6F6F6; border: 1px solid #E6E6E6; border-collapse: separate; margin-bottom: 25px; margin-left: 15px; font-size: 12px; line-height: 1.2; } table tr.even { background-color: white; color: #66666E; } table tr.odd { background-color: #F6F6F6; color: #66666E; } table tr:target { background-color: #F6F6D6; } table thead { text-align: left; padding-left: 20px; background-color: #e1e0e0; border-left: none; border-right: none; } table thead th { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; border-bottom: 2px solid #D1D1D1; padding-right: 10px; } table th { text-align: left; padding-left: 20px; } table td { padding: 3px 15px 3px 20px; border-bottom: #CCC dotted 1px; } table p { margin: 0px } .LegaleseLeft { font-family: monospace; white-space: pre-wrap; } /* table bodless & white*/ .borderless { border-radius: 0px 0px 0px 0px; background-color: #fff; border: 1px solid #fff; } .borderless tr { background-color: #FFF; color: #66666E; } .borderless td { border: none; border-bottom: #fff dotted 1px; } /* ----------- List ----------- */ ul { margin-top: 10px; } li { margin-bottom: 10px; padding-left: 8px; list-style: outside; text-align: left; } ul > li { list-style-type: square; } ol { margin: 10px; padding: 0; } ol.A > li { list-style-type: upper-alpha; } ol.a > li{ list-style-type: lower-alpha; } ol > li { margin-left: 30px; padding-left: 8px; list-style-type: decimal; } ol.A > li { list-style-type: upper-alpha; } ol.a > li { list-style-type: lower-alpha; } ol.i > li { list-style-type: lower-roman; } ol.I > li { list-style-type: upper-roman; } .centerAlign { text-align: left } .cpp, .LegaleseLeft { display: block; margin: 10px; overflow: auto; padding: 20px 20px 20px 20px; } .js { display: block; margin: 10px; overflow: auto; padding: 20px 20px 20px 20px; } .memItemLeft { padding-right: 3px } .memItemRight { padding: 3px 15px 3px 0 } .qml { display: block; margin: 10px; overflow: auto; padding: 20px 20px 20px 20px; } .qmlextra { padding-left: 5px; float: right; color: #254117; } .rightAlign { padding: 3px 5px 3px 10px; text-align: right; } .qmldoc { margin-left: 15px } .flowList { padding: 25px } .flowList dd { display: inline-block; margin-left: 10px; width: 255px; line-height: 1.15em; overflow-x: hidden; text-overflow: ellipsis } .alphaChar { font-size: 2em; position: relative } /* ----------- Content table ----------- */ @media print { .toc { float: right; clear: right; padding-bottom: 10px; padding-top: 50px; width: 100%; background-image: url(../images/bgrContent.png); background-position: top; background-repeat: no-repeat; } } @media screen { .toc { float: right; clear: right; vertical-align: top; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; background: #FFF url('../images/bgrContent.png'); background-position: top; background-repeat: repeat-x; border: 1px solid #E6E6E6; padding-left: 5px; padding-bottom: 10px; height: auto; width: 200px; text-align: left; margin-left: 20px; margin-top: 5px; } } .toc h3 { text-decoration: none } .toc h3 { font: 500 14px/1.2 Arial; font-weight: 100; padding: 0px; margin: 0px; padding-top: 5px; padding-left: 5px; } .toc ul { padding-left: 10px; padding-right: 5px; } .toc ul li { margin-left: 15px; list-style-image: url(../images/bullet_dn.png); marker-offset: 0px; margin-bottom: 8px; padding-left: 0px; } .toc .level1 { border: none } .toc .level2 { border: none; margin-left: 25px; } .level3 { border: none; margin-left: 30px; } .clearfix { clear: both } /* ----------- Landing page ----------- */ .col-group { white-space: nowrap; vertical-align: top; } .landing h2 { background-color: transparent; border: none; margin-bottom: 0px; font-size: 18px; } .landing a, .landing li { font-size: 13px; font-weight: bold !important; } .col-1 { display: inline-block; white-space: normal; width: 70%; height: 100%; float: left; } .col-2 { display: inline-block; white-space: normal; width: 20%; margin-left: 5%; position: relative; top: -20px; } .col-1 h1 { margin: 20px 0 0 0; } .col-1 h2 { font-size: 18px; font-weight: bold !important; } .landingicons { display: inline-block; width: 100%; } .icons1of3 { display: inline-block; width: 33.3333%; float: left; } .icons1of3 h2, .doc-column h2 { font-size: 15px; margin: 0px; padding: 0px; } div.multi-column { position: relative; } div.multi-column div { display: -moz-inline-box; display: inline-block; vertical-align: top; margin-top: 1em; margin-right: 4em; width: 24em; } .mainContent .video { width:40%; max-width:640px; margin: 15px 0 0 15px; position:relative; display:table } .mainContent .video iframe { width:100%; height:100%; position:absolute; top:0; left:0 }