Doc: new template for qt.io online style

An online documentation template that follows the
style of qt.io site.

Update the url variable for Qt modules to point
to doc.qt.io/qt-5/.

Task-number: QTBUG-42086
Change-Id: I5428a02cd503aef2217efd7361f4c8b7b5895a52
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@theqtcompany.com>

8 files changed, 1698 insertions, 969 deletions

diff --git a/doc/global/template/style/doc_search.png b/doc/global/template/style/doc_search.png
new file mode 100644
index 0000000000..0d7bccd46f
--- /dev/null
+++ b/doc/global/template/style/doc_search.png
diff --git a/doc/global/template/style/gsc.css b/doc/global/template/style/gsc.css
new file mode 100644
index 0000000000..e3d6391d6b
--- /dev/null
+++ b/doc/global/template/style/gsc.css
@@ -0,0 +1,192 @@
+.gsc-control-cse table, table td, table th {
+  border: none !important;
+  margin-bottom: 10px !important
+}
+.gsc-control-cse {
+  width: 100% !important;
+  box-sizing: border-box !important
+}
+.gsc-control-cse * {
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
+  line-height: 1.5 !important;
+  font-weight: 300 !important
+}
+.gsc-control-cse,
+.gsc-control-cse .gsc-table-result {
+  width: 100% !important;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
+  font-weight: 300 !important;
+  font-size: 13px !important
+}
+.gsc-resultsHeader {
+  width: 100% !important;
+  clear: both !important
+}
+.gsc-resultsHeader td.gsc-twiddleRegionCell {
+  width: 75% !important
+}
+.gsc-resultsbox-visible {
+  display: block !important
+}
+.gsc-resultsbox-invisible {
+  display: none !important
+}
+.gsc-results {
+  padding-bottom: 2px !important;
+  width: 99% !important
+}
+.gsc-result {
+  margin-bottom: 10px !important
+}
+.gsc-result .gs-title {
+  height: 1.4em !important;
+  overflow: hidden !important
+}
+.gsc-result div.gs-watermark {
+  display: none !important
+}
+.gsc-results .gsc-result img.gs-ad-marker {
+  display: none !important
+}
+.gsc-webResult:after {
+  content: "." !important;
+  display: block !important;
+  height: 0 !important;
+  clear: both !important;
+  visibility: hidden !important
+}
+.gsc-webResult {
+  zoom: 1 !important
+}
+.gsc-webResult .gsc-result {
+  margin: 0 !important;
+  padding: .5em 0 !important;
+  border-bottom: 1px solid #ebebeb !important
+}
+.gsc-above-wrapper-area {
+  border-bottom: 1px solid #E9E9E9 !important;
+  padding: 5px 0 5px 0 !important
+}
+.gsc-above-wrapper-area-invisible {
+  display: none !important
+}
+.gsc-above-wrapper-area-container {
+  width: 100% !important
+}
+.gsc-result-info {
+  text-align: left !important;
+  color: #676767 !important;
+  font-size: 13px !important;
+  padding-left: 8px !important;
+  margin: 10px 0 10px 0 !important
+}
+.gsc-result-info-container {
+  text-align: left !important
+}
+.gsc-result-info-invisible {
+  display: none !important
+}
+.gsc-orderby-container {
+  text-align: right !important;
+  background: transparent !important
+}
+.gsc-orderby-invisible {
+  display: none !important
+}
+.gsc-orderby-label {
+  color: #676767 !important;
+  padding: 5px 5px 6px 0 !important
+}
+.gsc-selected-option-container {
+  background-color: transparent !important;
+  border: 1px solid #eee !important;
+  border: 1px solid rgba(0, 0, 0, 0.1) !important;
+  border-radius: 2px !important;
+  box-shadow: none !important;
+  color: #444 !important;
+  cursor: default !important;
+  font-size: 11px !important;
+  font-weight: bold !important;
+  height: 20px !important;
+  line-height: 20px !important;
+  max-width: 90% !important;
+  min-width: 54px !important;
+  outline: 0 !important;
+  padding: 0 28px 0 6px !important;
+  position: relative !important;
+  text-align: center !important;
+  width: 50px !important !important
+}
+.gsc-selected-option {
+  position: relative !important;
+  width: 100% !important;
+}
+.gsc-control-cse .gsc-option-selector {
+  border: none !important;
+  height: 11px !important;
+  margin-top: -4px !important;
+  position: absolute !important;
+  right: 5px !important;
+  top: 8px !important;
+  width: 7px !important;
+  padding: 0 5px 0 5px !important;
+  background: url(//ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat
+}
+.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
+  margin-bottom: 0 !important;
+  display: inline !important
+}
+.gsc-results .gsc-cursor {
+  display: inline !important
+}
+.gsc-results .gsc-cursor-box {
+  margin: 10px 5px 10px !important
+}
+.gsc-results .gsc-cursor-box .gsc-cursor-page {
+  cursor: pointer !important;
+  color: #000000 !important;
+  text-decoration: underline !important;
+  margin-right: 8px !important;
+  display: inline !important
+}
+.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
+  cursor: default !important;
+  color: white !important;
+  background-color: #5caa15 !important;
+  font-weight: bold !important;
+  text-decoration: none !important;
+  padding: 0 3px 0 3px !important;
+  margin-top: 10px !important;
+  cursor: pointer !important
+}
+.gs-result .gs-title,
+.gs-result .gs-title * {
+  color: #5caa15 !important;
+  text-decoration: underline !important
+}
+.gs-webResult div.gs-visibleUrl-long,
+.gs-promotion div.gs-visibleUrl-long {
+  overflow: hidden !important;
+  display: none !important
+}
+.gs-webResult div.gs-per-result-labels a.gs-label {
+  text-decoration: underline !important;
+  cursor: pointer !important;
+  padding: 3px !important;
+  color: #26282a !important
+}
+.gs-webResult div.gs-per-result-labels a.gs-label.gs-labelActive {
+  cursor: default !important;
+  text-decoration: none !important
+}
+.gsc-control-cse:after {
+  content: "." !important;
+  display: block !important;
+  clear: both !important;
+  height: 0 !important;
+  visibility: hidden !important
+}
+
+*:first-child + html .gsc-inline-block {
+  display: inline !important
+}
diff --git a/doc/global/template/style/icomoon.eot b/doc/global/template/style/icomoon.eot
new file mode 100755
index 0000000000..68f0fa6ae6
--- /dev/null
+++ b/doc/global/template/style/icomoon.eot
diff --git a/doc/global/template/style/icomoon.svg b/doc/global/template/style/icomoon.svg
new file mode 100755
index 0000000000..3246f83769
--- /dev/null
+++ b/doc/global/template/style/icomoon.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xe600;" d="M70.281 478.981c-38.026 6.451-70.281-21.729-70.281-62.472v-448.51l347.671 58.398c24.106 4.075 42.78 32.255 42.78 62.812v337.486l-320.17 52.286zM232.233 147.608c-10.185-23.767-25.464-39.045-46.175-46.514 2.037-10.865 5.433-17.655 9.506-21.729 2.376-2.037 5.772-3.735 9.846-3.735h11.544c-2.376 0-4.414-0.679-6.451-0.679l0.339-0.339c2.037 0 3.055 0 6.451 0.339v-31.915l-14.939-2.037c-4.414-0.679-8.488-0.679-12.223-0.679-12.902 0-23.088 3.055-30.897 9.507-10.185 8.149-17.994 24.106-22.748 47.533-22.409 4.753-39.724 19.014-51.608 42.78-12.223 24.106-18.334 59.416-18.334 105.931 0 49.91 8.488 86.578 25.124 110.005 14.26 19.692 33.953 29.538 58.737 29.538 4.075 0 8.149-0.339 12.223-0.679 29.199-3.395 50.25-16.976 64.17-41.082 13.581-23.427 20.032-56.7 20.032-100.838 0-40.403-4.754-71.979-14.6-95.406zM346.313 125.199c-13.581-5.433-24.785-8.827-37.008-9.846-1.697 0-3.395-0.339-5.093-0.339-10.865 0-19.692 3.055-25.464 9.507-6.791 7.469-10.525 19.353-10.525 35.65v125.623l-13.581 0.679v33.273l17.994-1.358 11.884 49.57 27.841-3.055v-49.231l30.557-2.376v-30.897l-30.557 1.358v-113.061c0-9.846 1.019-16.297 3.055-19.014s5.093-3.735 9.167-3.735c0.339 0 1.019 0 1.358 0 6.111 0.339 13.581 2.377 20.372 5.772v-28.52zM162.631 347.586c-1.018 0-1.697 0-2.716 0-10.525 0-18.673-6.111-24.446-18.673-6.112-13.581-9.167-41.422-9.167-84.202 0-41.082 3.055-70.281 9.167-87.257 5.772-16.297 14.26-24.445 25.803-24.445 0.339 0 1.018 0 1.358 0 11.204 0.679 19.692 8.488 25.464 23.427 5.772 14.599 8.488 43.798 8.488 86.918 0 38.706-2.716 65.528-8.488 80.127-5.433 14.939-13.921 23.088-25.464 24.106zM206.090 75.289v0zM206.090 75.289c1.358 0 2.716 0 4.414 0 2.037 0 4.075 0.679 6.451 0.679h-11.544l0.679-0.679z" horiz-adv-x="391" />
+<glyph unicode="&#xe601;" d="M511.589 224.206c0-141.272-114.523-255.794-255.794-255.794s-255.794 114.523-255.794 255.794c0 141.271 114.523 255.794 255.794 255.794s255.794-114.523 255.794-255.794zM192.565 127.717c0-18.066-14.781-32.436-32.436-32.436s-32.847 14.37-32.847 32.436c0 18.066 14.781 32.436 32.436 32.436s32.847-14.37 32.847-32.436zM127.281 367.91v-50.502c133.030 0 221.716-89.097 221.716-222.127h50.502c0 165.466-107.163 272.628-272.218 272.628zM142.473 262.8c-3.696 0-11.496 0-15.192-0.411v-45.164c3.695 0.411 11.497 0.411 15.192 0.411 61.999 0 107.163-45.164 107.163-107.163 0-3.695 0-11.907-0.411-15.192h45.575c0.411 3.695 0.411 11.497 0.411 15.192-0.411 94.024-58.714 152.327-152.738 152.327z" />
+<glyph unicode="&#xe602;" d="M511.589 224.206c0-141.272-114.523-255.794-255.794-255.794s-255.794 114.523-255.794 255.794c0 141.271 114.523 255.794 255.794 255.794s255.794-114.523 255.794-255.794zM382.666 298.111h-253.331c-8.212 0-14.781 6.57-14.781 14.781v18.887c0 8.212 6.57 14.781 14.781 14.781h253.331c8.212 0 14.781-6.57 14.781-14.781v-18.887c0-8.212-6.57-14.781-14.781-14.781zM382.666 199.981h-253.331c-8.212 0-14.781 6.57-14.781 14.781v18.887c0 8.212 6.57 14.781 14.781 14.781h253.331c8.212 0 14.781-6.57 14.781-14.781v-18.887c0-8.212-6.57-14.781-14.781-14.781zM382.666 101.44h-253.331c-8.212 0-14.781 6.57-14.781 14.781v18.887c0 8.212 6.57 14.781 14.781 14.781h253.331c8.212 0 14.781-6.57 14.781-14.781v-18.887c0-7.801-6.57-14.781-14.781-14.781z" />
+<glyph unicode="&#xe603;" d="M511.795 224c0-141.272-114.524-255.795-255.795-255.795s-255.795 114.524-255.795 255.795c0 141.272 114.523 255.795 255.795 255.795s255.795-114.524 255.795-255.795zM405.529 256.947l-103.168 14.797-46.566 92.646-46.080-92.646-103.245-14.797 74.471-71.68-17.664-101.581 92.416 47.974 93.056-48.051-17.69 101.657z" />
+<glyph unicode="&#xe604;" d="M511.589 224.206c0-141.272-114.523-255.794-255.794-255.794s-255.794 114.523-255.794 255.794c0 141.271 114.523 255.794 255.794 255.794s255.794-114.523 255.794-255.794zM379.381 126.486l-74.726 75.137c12.728 17.245 20.118 39.005 20.118 61.998 0 29.152-11.907 55.429-30.794 74.316-18.887 19.298-45.575 31.204-74.726 31.204s-55.429-11.907-74.316-30.794c-18.887-18.887-30.794-45.575-30.794-74.316 0-29.151 11.907-55.429 30.794-74.316s45.575-30.794 74.316-30.794c20.119 0 38.595 5.748 54.608 15.192l75.959-75.959c5.337-5.337 13.96-5.337 19.298 0l9.854 9.854c5.748 4.517 5.748 13.139 0.411 18.476zM165.055 209.424c-13.96 13.96-22.582 32.847-22.582 54.197s8.623 40.238 22.582 54.197c13.96 13.96 32.847 22.582 54.197 22.582s40.238-8.623 54.197-22.582c13.96-13.96 22.582-32.847 22.582-54.197s-8.623-40.238-22.582-54.197c-13.96-13.96-32.847-22.582-54.197-22.582-20.94 0-40.238 8.623-54.197 22.582z" />
+<glyph unicode="&#xe605;" d="M511.589 224.206c0-141.272-114.523-255.794-255.794-255.794s-255.794 114.523-255.794 255.794c0 141.271 114.523 255.794 255.794 255.794s255.794-114.523 255.794-255.794zM255.794-22.557c67.746 0 129.335 27.509 174.088 71.442-5.748 4.106-11.907 8.623-18.887 13.55-22.993 15.602-52.966 34.9-92.382 59.535-1.642 1.232-2.874 2.464-3.284 3.695-0.821 1.232-1.232 2.464-1.232 3.284-0.411 2.053-0.821 4.106-0.821 6.159 0 4.927 0.821 10.264 2.874 16.423 1.642 6.159 4.517 12.317 7.801 18.476 2.053 3.695 4.927 9.854 7.39 17.655s4.927 17.655 7.39 28.741c4.517 22.172 7.39 49.681 7.39 79.243 0 13.138-5.337 29.973-14.781 45.575-9.854 15.602-23.404 29.972-39.827 38.595-11.086 5.748-22.993 9.033-35.721 9.033v0 0c-18.476-0.411-35.31-7.801-49.681-19.708s-25.867-27.92-32.847-43.933c-4.517-10.675-6.57-20.94-6.57-29.562 0-22.171 1.643-43.112 4.517-61.588s6.57-34.489 10.264-45.986c2.464-7.801 5.338-13.96 7.391-17.655 3.696-5.748 6.159-12.317 7.801-18.476s2.874-11.497 2.874-16.423c0-1.642 0-2.874-0.411-4.517s-0.821-3.284-1.643-4.927c-0.821-1.232-1.643-2.464-3.285-3.695-51.323-32.026-87.044-55.429-111.679-73.084 43.933-44.343 105.52-71.853 173.267-71.853z" />
+<glyph unicode="&#xe606;" d="M511.087 224.411c0-141.109-114.392-255.502-255.501-255.502s-255.501 114.392-255.501 255.501c0 141.109 114.392 255.501 255.501 255.501s255.501-114.392 255.501-255.501zM369.577 360.185h-227.981c-2.263-0.003-4.095-1.838-4.098-4.098v-263.767c0.003-2.263 1.838-4.095 4.098-4.098h227.981c2.263 0.003 4.095 1.838 4.098 4.098v263.767c-0.007 2.263-1.838 4.095-4.098 4.098zM291.959 165.217c0-4.507-3.688-8.197-8.197-8.197h-112.482c-4.507 0-8.196 3.688-8.196 8.197v2.263c0 4.507 3.689 8.197 8.197 8.197h112.482c4.507 0 8.197-3.688 8.197-8.197v-2.263zM348.089 210.007c0-4.507-3.688-8.197-8.197-8.197h-168.612c-4.507 0-8.196 3.688-8.196 8.197v2.263c0 4.507 3.689 8.197 8.197 8.197h168.608c4.507 0 8.197-3.688 8.197-8.197v-2.263zM348.089 254.796c0-4.507-3.688-8.197-8.197-8.197h-168.612c-4.507 0-8.196 3.689-8.196 8.197v2.263c0 4.508 3.689 8.197 8.197 8.197h168.608c4.507 0 8.197-3.688 8.197-8.197v-2.263zM348.089 299.584c0-4.507-3.688-8.197-8.197-8.197h-168.612c-4.507 0-8.196 3.689-8.196 8.197v2.263c0 4.508 3.689 8.197 8.197 8.197h168.608c4.507 0 8.197-3.688 8.197-8.197v-2.263z" />
+<glyph unicode="&#xe607;" d="M0 139.988v153.96c0 19.471 0.36 36.417 3.966 50.84 36.056 11.538 85.093 18.389 127.279 18.389 23.797 0 53.724-2.524 75.719-5.409v122.231h55.166v-340.012c0-18.389-0.361-35.335-3.966-51.56-34.254-11.538-86.535-18.389-126.918-18.389-42.547 0-89.059 6.49-126.197 17.668-3.606 16.947-5.048 34.253-5.048 52.281zM57.33 308.372c-1.443-7.572-2.163-19.471-2.163-34.974v-113.578c0-18.389 0.721-29.927 2.163-34.974 20.191-5.409 49.758-7.933 73.916-7.933 27.042 0 56.248 3.245 73.555 8.293 1.442 5.048 2.163 16.586 2.163 34.614v150.355c-21.634 3.606-51.921 5.769-76.44 5.769-23.436 0.361-51.56-3.245-73.195-7.572zM389.048 360.293v-287.009h-55.887v287.009h55.887zM658.028 28.214c1.442 6.49 2.163 15.144 2.163 24.879v29.566c-22.355-2.524-50.479-4.327-72.112-4.327-41.826 0-89.059 6.13-123.673 17.668-2.885 16.947-4.327 33.893-4.327 51.2v146.75c0 18.028 1.442 34.974 4.327 50.839 34.254 11.538 81.848 18.389 123.673 18.389 41.465 0 87.256-6.851 123.673-18.389 3.606-16.586 3.966-32.812 3.966-50.839v-271.865c-15.865-46.512-64.18-54.084-124.034-54.084-25.961 0-62.377 4.327-91.583 10.096v43.988c29.206-5.769 72.834-9.735 108.169-7.933 19.11 0.721 40.383 5.769 49.758 14.062zM660.192 129.533v143.865c0 16.586-0.361 27.403-2.524 34.975-19.471 4.327-45.792 7.933-69.588 7.933-23.437 0-50.119-3.245-69.588-7.933-1.803-7.572-2.885-19.471-2.885-34.975v-107.087c0-15.865 1.082-27.403 2.885-34.974 18.389-5.409 45.431-7.933 69.228-7.933 23.076 0.361 50.479 2.163 72.473 6.13zM842.276 360.293v-287.009h-55.888v287.009h55.888zM1159.211 344.067c-36.417 12.62-73.555 18.75-115.741 18.75-36.057 0-91.583-5.769-123.673-15.144v-51.2h27.403c5.048 4.327 9.014 10.096 11.899 16.226 10.457 2.524 32.812 5.048 74.637 5.048 23.797 0 51.2-3.966 71.752-8.293 1.443-13.341 2.524-26.681 2.524-38.941v-23.076h-120.067c-22.355 0-51.2-3.245-75.357-12.619-3.606-15.143-4.688-32.451-5.048-44.71v-50.118c0-18.028 1.442-35.335 5.048-51.921 36.778-11.538 84.011-17.668 126.557-17.668 40.383 0 85.814 6.13 120.068 17.668 3.605 15.865 3.966 32.812 3.966 51.2v143.504c0 15.504-0.361 34.974-3.966 61.296zM998.039 206.693h110.333v-35.696c0-14.423 0.361-34.614-1.803-46.152-17.307-5.048-40.023-7.572-66.704-7.572-1.443 0-2.884 0-3.966 0-23.076 0-52.282 2.524-71.391 7.572-1.803 10.817-2.885 26.321-2.885 35.696v3.606c0 8.293 0.361 27.043 3.606 38.581 8.293 2.885 19.11 3.966 32.812 3.966zM912.586 234.817c-3.606-15.144-5.048-44.71-5.048-44.71v-50.118zM387.966 476.034v-59.493h-55.887v59.493h55.887zM842.276 476.034v-59.493h-55.888v59.493h55.888z" horiz-adv-x="1163" />
+<glyph unicode="&#xe608;" d="M512.419 224.922c0-141.385-114.615-256-256-256s-256 114.615-256 256c0 141.385 114.615 256 256 256s256-114.615 256-256zM414.157 260.356l-108.984 15.832-48.921 98.764-7.456-15.246-41.047-83.519-108.984-15.832 78.744-76.9-18.597-108.565 97.424 51.267 97.759-51.267-18.597 108.565 78.659 76.9zM256.252 145.005l-75.142-39.539 14.409 83.769-60.817 59.309 84.189 12.314 37.362 76.231 37.78-76.231 84.188-12.231-60.817-59.309 14.409-83.853-75.56 39.539z" horiz-adv-x="513" />
+<glyph unicode="&#xe609;" d="M511.795 224c0-141.272-114.524-255.795-255.795-255.795s-255.795 114.524-255.795 255.795c0 141.272 114.523 255.795 255.795 255.795s255.795-114.524 255.795-255.795zM418.457 266.368l-112.435 16.128-50.279 100.070-11.392-22.912-38.4-77.159-112.409-16.102 81.229-78.183-19.174-110.157 100.224 51.993 100.582-51.942-19.175 110.106 81.229 78.157z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/doc/global/template/style/icomoon.ttf b/doc/global/template/style/icomoon.ttf
new file mode 100755
index 0000000000..4518527c8b
--- /dev/null
+++ b/doc/global/template/style/icomoon.ttf
diff --git a/doc/global/template/style/icomoon.woff b/doc/global/template/style/icomoon.woff
new file mode 100755
index 0000000000..5c8466c40f
--- /dev/null
+++ b/doc/global/template/style/icomoon.woff
diff --git a/doc/global/template/style/list_arrow.png b/doc/global/template/style/list_arrow.png
new file mode 100644
index 0000000000..a6a6be665b
--- /dev/null
+++ b/doc/global/template/style/list_arrow.png
diff --git a/doc/global/template/style/online.css b/doc/global/template/style/online.css
index 5d0cd7ecfb..d558137e2e 100644
--- a/doc/global/template/style/online.css
+++ b/doc/global/template/style/online.css
@@ -1,1073 +1,1590 @@
-img {
-    -moz-box-shadow: 3px 3px 3px #ccc;
-    -webkit-box-shadow: 3px 3px 3px #ccc;
-    box-shadow: 3px 3px 3px #ccc;
-    border: #8E8D8D 2px solid;
-    margin-left: 0px;
-    max-width: 800px;
-    height: auto;
-}
-
-.content {
-    margin: 15px
-}
-
-.content .indexboxcont li {
-     font: normal bold 13px/1 Verdana
- }
-
-.content .normallist li {
-     font: normal 13px/1 Verdana
- }
-
-.descr {
-    margin-top: 35px;
-    /*max-width: 75%;*/
-    margin-left: 5px;
-    text-align: left;
-    vertical-align: top;
-}
-
-.name {
-    max-width: 75%;
-    font-weight: 100;
-}
-
-tt {
-    text-align: left
-}
-
-/*
------------
-links
------------
-*/
-
-.flags {
-    text-decoration: none;
-    text-height: 24px;
-}
-
-.flags:target {
-    background-color: #FFFFD6;
-}
-
-/*
--------------------------------
-NOTE styles
--------------------------------
-*/
-
-.notetitle, .tiptitle, .fastpathtitle {
-    font-weight: bold
-}
-
-.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle {
-    font-weight: bold
-}
-
-.note, .tip, .fastpath {
-    background: #F2F2F2 url('../images/ico_note.png');
-    background-repeat: no-repeat;
-    background-position: top left;
-    padding: 5px;
-    padding-left: 40px;
-    padding-bottom: 10px;
-    border: #999 1px dotted;
-    color: #666666;
-    margin: 5px;
-}
-
-.attention, .caution, .danger, .important, .remember, .restriction {
-    background: #F2F2F2 url('../images/ico_note_attention.png');
-    background-repeat: no-repeat;
-    background-position: top left;
-    padding: 5px;
-    padding-left: 40px;
-    padding-bottom: 10px;
-    border: #999 1px dotted;
-    color: #666666;
-    margin: 5px;
-}
-
-.qtref {
-    display: block;
-    top: -76px;
-    z-index: 1;
-    font-size: 11px;
-    padding-right: 10px;
-    float: right;
-}
-
-.naviNextPrevious {
-    display: block;
-    text-align: right;
-    float: right;
-    z-index: 1;
-    padding-right: 10px;
-    padding-top: 4px;
-}
-
-.naviNextPrevious > a.nextPage {
-     background-image: url('../images/btn_next.png');
-     background-repeat: no-repeat;
-     background-position: right;
-     padding-right: 20px;
-     height: 20px;
-     margin-left: 30px;
- }
-
-.naviNextPrevious > a.prevPage {
-     background-image: url('../images/btn_prev.png');
-     background-repeat: no-repeat;
-     background-position: left;
-     padding-left: 20px;
-     height: 20px;
-     padding-left: 20px;
+#navbar {
+  position:fixed;
+  top:0;
+  left:0;
+  z-index:100;
+  background:#fff;
+  width:100%
+}
+#navbar .container {
+  overflow:visible
+}
+.fixed .container {
+  overflow:visible
+}
+.box-shadowed-nav #navbar {
+  border-bottom:1px solid #eee
+}
+#navbar .navbar-header {
+  position:relative
+}
+#navbar .navbar-toggle {
+  display:none;
+  float:right;
+  line-height:18px;
+  min-width:95px;
+  position:relative;
+  text-align:center;
+  margin:10px 0 0 0
+}
+#navbar .navbar-toggle:hover figure {
+  background:#5caa15
+}
+#navbar .navbar-toggle span {
+  color:#bdbebf;
+  font-weight:300
+}
+#navbar .navbar-toggle figure {
+  background:#7fc241;
+  border-radius:100%;
+  -webkit-border-radius:100%;
+  -moz-border-radius:100%;
+  transition:all 0.2s ease-in-out;
+  -webkit-transition:all 0.2s ease-in-out;
+  -moz-transition:all 0.2s ease-in-out;
+  -ms-transition:all 0.2s ease-in-out;
+  -o-transition:all 0.2s ease-in-out;
+  height:26px;
+  width:34px;
+  padding:8px 0 0 0;
+  margin-top:3px;
+  margin-left:auto;
+  margin-right:auto;
+  text-align:center
+}
+#navbar .navbar-toggle figure span.line {
+  display:inline-block;
+  width:1.125em;
+  height:0.1875em;
+  background:#fff;
+  transition:0.3s;
+  position:relative;
+  vertical-align:middle;
+  margin-top:-3px
+}
+#navbar .navbar-toggle figure span.line:before,#navbar .navbar-toggle figure span.line:after {
+  display:inline-block;
+  width:1.125em;
+  height:0.1875em;
+  background:#fff;
+  position:absolute;
+  left:0;
+  content:'';
+  -webkit-transform-origin:0.28571rem center;
+  transform-origin:0.28571rem center;
+  transition:0.3s;
+  -webkit-transition:0.3s;
+  -moz-transition:0.3s;
+  -ms-transition:0.3s;
+  -o-transition:0.3s
+}
+#navbar .navbar-toggle figure span.line:before {
+  top:6px
+}
+#navbar .navbar-toggle figure span.line:after {
+  top:-6px
+}
+#navbar .navbar-toggle.opened figure {
+  background:#5caa15
+}
+#navbar .navbar-toggle.opened span {
+  color:#5caa15
+}
+#navbar .navbar-toggle.opened span.line {
+  background:transparent
+}
+#navbar .navbar-toggle.opened span.line:before,#navbar .navbar-toggle.opened span.line:after {
+  -webkit-transform-origin:50% 50%;
+  -moz-transform-origin:50% 50%;
+  transform-origin:50% 50%;
+  top:0;
+  width:23px;
+  margin-left:-2px
+}
+#navbar .navbar-toggle.opened span.line:before {
+  transform:rotate3d(0, 0, 1, 45deg);
+  -webkit-transform:rotate3d(0, 0, 1, 45deg);
+  -moz-transform:rotate3d(0, 0, 1, 45deg);
+  -ms-transform:rotate3d(0, 0, 1, 45deg);
+  -o-transform:rotate3d(0, 0, 1, 45deg);
+  left:0
+}
+#navbar .navbar-toggle.opened span.line:after {
+  transform:rotate3d(0, 0, 1, -45deg);
+  -webkit-transform:rotate3d(0, 0, 1, -45deg);
+  -moz-transform:rotate3d(0, 0, 1, -45deg);
+  -ms-transform:rotate3d(0, 0, 1, -45deg);
+  -o-transform:rotate3d(0, 0, 1, -45deg)
+}
+#navbar .navbar-oneQt {
+  display:inline;
+  float:left;
+  width:31px;
+  padding:20px 8px;
+  margin:0 15px 0 0
+}
+#navbar .navbar-oneQt:before {
+  content:attr(data-icon);
+  position:absolute;
+  top:15px;
+  left:0;
+  color:#80c342;
+  font-family:'Qt Icons';
+  line-height:1;
+  font-size:3.125em;
+  transition:all 0.2s ease-in-out;
+  -webkit-transition:all 0.2s ease-in-out;
+  -moz-transition:all 0.2s ease-in-out;
+  -ms-transition:all 0.2s ease-in-out;
+  -o-transition:all 0.2s ease-in-out
+}
+.navbar-oneQt {
+  color: #80c342 !important;
+}
+.navbar-oneQt:hover {
+  color: #80c342;
+}
+#navbar .navbar-menu {
+  width:auto;
+  float:left
+}
+.lt-ie9 #navbar {
+  border-bottom:1px solid #ddd
+}
+#mainmenu {
+  float:left;
+  list-style:none
+}
+#mainmenu li {
+  float:left;
+  margin-left:0;
+  list-style-type:none !important
+}
+#mainmenu li a {
+  display:block;
+  padding:29px 0.7em;
+  font-size:1.125em;
+  font-weight:300;
+  line-height:20px;
+  height:80px;
+  color:#26282a;
+  text-decoration:none;
+  border:0px solid #80c342;
+  -webkit-transition:all 0.2s ease-in-out;
+  box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  *behavior:url(boxsizing.htc)
+}
+#mainmenu li a:hover {
+  color:#5caa15;
+  border-bottom:4px solid #80C342
+}
+#mainmenu li.current-menu-item a {
+  color:#5caa15;
+  border-bottom:4px solid #80C342
+}
+#menuextras, #mainmenu, #menuextraslanguages {
+  margin-bottom:0
  }
-
-.navigationbar {
-    background-repeat: no-repeat;
-    height: 33px;
-    margin: 0px !important;
-    padding: 0px !important;
-    border-bottom: 1px solid rgb(209, 209, 209);
-    background-image: -moz-linear-gradient(center top , rgb(246, 245, 245), rgb(239, 239, 239));
-    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.0, #efefef), color-stop(0.5,    #f6f5f5) );
-    border-radius: 10px 10px 0px 0px;
-}
-
-.navigationbar ul {
-     margin: 0px;
-     padding: 8px 0px 15px 15px;
-     height: 20px;
- }
-
-.navigationbar li {
-     list-style-type: none;
-     float: left;
-     font-size: 15px;
- }
-
-  .navigationbar li a {
-      display: block;
-      text-decoration: none;
-      background: url('../images/arrow_bc.png');
-      background-repeat: no-repeat;
-      background-position: right;
-      padding-right: 25px;
-      font-size: inherit;
+#menuextras {
+  display:inline-block;
+  float:right;
+  list-style-type:none;
+  margin-right:0;
+  margin-left:0;
+  letter-spacing:-0.31em;
+  line-height:0
+}
+#menuextras li {
+  letter-spacing:normal;
+  float:left;
+  display:inline-block
+}
+#menuextras li a {
+  display:inline-block;
+  text-align:center;
+  height:80px;
+  border-left:1px solid #eee;
+  padding-top:14px;
+  box-sizing:border-box;
+  overflow:hidden;
+  min-width:85px;
+  font-weight:100
+}
+#menuextras li a:before {
+  display:inline-block;
+  font-family:'Qt Icons';
+  content:attr(data-icon);
+  font-size:2.125em;
+  width:100%;
+  color:#80c342;
+  line-height:1;
+  transition:all 0.2s ease-in-out;
+  -webkit-transition:all 0.2s ease-in-out;
+  -moz-transition:all 0.2s ease-in-out;
+  -ms-transition:all 0.2s ease-in-out;
+  -o-transition:all 0.2s ease-in-out
+}
+#menuextras li a:hover:before {
+  color:#5caa15
+}
+#menuextras .search.open a {
+  color:#006325
+}
+#menuextras .search a {
+  border-right:1px solid #eee
+}
+#menuextras li a span {
+  color:#bdbebf;
+  display:inline-block;
+  overflow:hidden;
+  max-height:30px;
+  transition:max-height 0.2s ease-in-out;
+  -webkit-transition:max-height 0.2s ease-in-out;
+  -moz-transition:max-height 0.2s ease-in-out;
+  -ms-transition:max-height 0.2s ease-in-out;
+  -o-transition:max-height 0.2s ease-in-out;
+  line-height:1.4;
+  font-size:0.875em
+}
+@media (min-width: 1120px) {
+  #navbar.fixed,#navbar.shadow_bottom {
+    -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);
+    -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);
+    box-shadow:0px 0px 8px rgba(0,0,0,0.2)
+  }
+  #navbar.fixed #menuextras li a,#navbar.shadow_bottom #menuextras li a {
+    padding-top:9px;
+    height:50px
+  }
+  #navbar.fixed #menuextras li a span,#navbar.shadow_bottom #menuextras li a span {
+    max-height:0
+  }
+  #navbar.fixed #menuextras li a:before,#navbar.shadow_bottom #menuextras li a:before {
+    font-size:30px
+  }
+  #navbar.fixed #mainmenu li a {
+    height:50px;
+    padding:14px 0.7em
+  }
+  #navbar.fixed #mainmenu li a:hover {
+    border-bottom:4px solid #5caa15
+  }
+  #navbar.fixed .navbar-toggle {
+    padding:13px 14px 9px
+  }
+  #navbar.fixed #menuextras li.navbar-search {
+    padding:0px 0
+  }
+  #navbar.fixed #menuextras ul.menuextraslinks,#navbar.fixed #menuextras ul.menuextraslanguages {
+    display:none
+  }
+  #navbar.fixed .navbar-oneQt:before {
+    font-size:35px;
+    top:7px
+  }
+  #navbar.fixed #mainmenu li.current-menu-item a {
+    border-bottom:4px solid #80C342
   }
-
-#buildversion {
-    font-style: italic;
-    font-size: small;
-    float: right;
-    margin-right: 5px;
-}
-
-/*
------------
-headers
------------
-*/
-
-@media screen {
-    .title {
-        color: #313131;
-        font-size: 18px;
-        font-weight: normal;
-        left: 0;
-        padding-bottom: 20px;
-        padding-left: 10px;
-        padding-top: 20px;
-        border-bottom: 1px #CCC solid;
-        font-weight: bold;
-        margin-left: 0px;
-        margin-right: 0px;
-    }
-}
-
-h1 {
-    margin: 0
-}
-
-h2, p.h2 {
-    font: 500 16px/1.2 Arial;
-    font-weight: 100;
-    background-color: #F2F3F4;
-    padding: 4px;
-    padding-left: 14px;
-    margin-bottom: 30px;
-    margin-top: 30px;
-    margin-left: -10px;
-    margin-right: -5px;
-    border-top: #E0E0DE 1px solid;
-    border-bottom: #E0E0DE 1px solid;
-    max-width: 99%;
-    overflow: hidden;
-}
-
-h2:target {
-    background-color: #F2F3D4;
 }
-
-h3 {
-    font: 500 14px/1.2 Arial;
-    font-weight: 100;
-    text-decoration: underline;
-    margin-bottom: 30px;
-    margin-top: 30px;
+@media (max-width: 1120px) {
+  #navbar {
+    padding:0;
+    position:relative
+  }
+  #navbar .container {
+    max-width:100%
+  }
+  #navbar .menuextraslanguages {
+    bottom:10px !important;
+    right:0
+  }
+  #navbar .menuextraslanguages li a {
+    color:#7fc241 !important
+  }
+  #navbar .menuextraslanguages li.active a,#navbar .menuextraslanguages li a:hover {
+    border-color:#7fc241 !important
+  }
+  #navbar .container {
+    padding:0
+  }
+  #navbar .navbar-toggle {
+    display:block
+  }
+  #navbar .navbar-oneQt,#navbar.fixed .navbar-oneQt,#navbar .navbar-oneQt:hover {
+    margin-left:0;
+    height:26px;
+    width:22px;
+    padding:7px 20px 7px 15px
+  }
+  #navbar .navbar-oneQt:before {
+    left:20px
+  }
+  #navbar .navbar-menu {
+    max-height:0;
+    overflow:hidden;
+    width:100%;
+    border-top:1px solid #eee;
+    -webkit-transition:all 600ms ease-in-out;
+    -moz-transition:all 600ms ease-in-out;
+    -o-transition:all 600ms ease-in-out;
+    transition:all 600ms ease-in-out;
+    position:relative
+  }
+  #mainmenu {
+    float:none;
+    width:100%;
+    padding:0;
+    margin:0
+  }
+  #mainmenu li {
+    float:none;
+    list-style:none
+  }
+  #mainmenu li:nth-child(odd) {
+    background:rgba(0,0,0,0)
+  }
+  #mainmenu li a,#navbar.fixed #mainmenu li a {
+    padding:10px;
+    border-left:3px solid #fff;
+    height:auto;
+    width:100%
+  }
+  #mainmenu li.current-menu-item a,#navbar.fixed #mainmenu li.current-menu-item a {
+    border-bottom:none;
+    border-left:3px solid #5caa15;
+    padding:10px
+  }
+  #mainmenu li a:hover {
+    border-bottom:0;
+    padding:10px;
+    border-left:3px solid #5caa15
+  }
+  #navbar.fixed {
+    -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
+    -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
+    box-shadow:0px 0px 0px rgba(0,0,0,0)
+  }
+  .lt-ie9 #navbar.fixed {
+    border-bottom:none
+  }
+  #menuextras li.navbar-search {
+    padding:5px 0
+  }
+  .container {
+    padding:0 2%
+  }
+  body .main {
+    margin-top:0px
+  }
 }
-
-h3.fn:target {
-    background-color: #F6F6D6;
+.in-page-nav {
+  width:100%;
+  background:#eeeeee
+}
+.in-page-nav ul {
+  margin:0 auto;
+  letter-spacing:-0.31em;
+  max-width:1180px;
+  text-align:center
+}
+.in-page-nav ul li {
+  display:inline-block;
+  letter-spacing:normal
+}
+.in-page-nav ul li a {
+  color:#26282a;
+  padding:25px 10px;
+  display:inline-block
+}
+body.qt-account #navbar .navbar-oneQt {
+  width:auto;
+  height:auto
+}
+body.qt-account #navbar .navbar-oneQt:before {
+  left:0;
+  position:relative;
+  display:inline-block;
+  vertical-align:middle;
+  top:0;
+  margin-right:20px
+}
+body.qt-account #navbar .navbar-oneQt h2 {
+  margin:0;
+  color:#000;
+  display:inline-block;
+  vertical-align:middle
+}
+.landing header[role="banner"] {
+  background:#26282a
+}
+.landing header[role="banner"] figure {
+  max-width:1180px;
+  margin:auto;
+  position:relative
+}
+.landing header[role="banner"] figure img {
+  max-width:100%
+}
+.landing header[role="banner"] figcaption {
+  color:#fff;
+  position:absolute;
+  left:0px;
+  width:100%;
+  text-align:center
+}
+.landing header[role="banner"] figcaption.top {
+  top:0
+}
+.landing header[role="banner"] figcaption.bottom {
+  bottom:0
+}
+.landing header[role="banner"] figcaption h1 {
+  margin:50px auto 0 auto;
+  max-width:70%;
+  font-weight:600
+}
+.landing header[role="banner"] figcaption h3 {
+  margin-bottom:40px
+}
+.cookies_yum {
+  background-color:#006325;
+  display:none;
+  width:100%
+}
+.cookies_yum img {
+  width:25px;
+  top:6px;
+  display:inline-block;
+  position:absolute;
+  left:6px
+}
+.cookies_yum div {
+  margin:0 auto;
+  max-width:1180px;
+  min-height:30px;
+  padding:6px 0px 6px 0px;
+  position:relative
+}
+.cookies_yum p {
+  color:white;
+  margin:0px;
+  font-size:0.79em;
+  display:inline-block;
+  line-height:1.2;
+  padding:0 30px 0 40px
+}
+.cookies_yum p a {
+  white-space:nowrap
+}
+.cookies_yum a:hover {
+  color:white
+}
+.cookies_yum .close {
+  width:15px;
+  height:15px;
+  background-image:url("../images/cookiebar-x.png");
+  background-size:15px 30px;
+  background-position:top left;
+  cursor:pointer;
+  top:6px;
+  right:6px;
+  position:absolute
+}
+.cookies_yum .close:hover {
+  background-position:bottom left
+}
+#bottom_header {
+  display:block;
+  position:absolute;
+  width:100%;
+  z-index:50;
+  padding-top:15px
+}
+#bottom_header .container {
+  overflow:visible
+}
+#bottom_header .left {
+  font-weight:bolder
+}
+#bottom_header a {
+  color:white;
+  transition-duration:0.3s
+}
+#bottom_header .left a:hover {
+  padding-left:10px
+}
+.fixed .menuextraslanguages {
+  opacity:0;
+  visibility:hidden
+}
+@media (max-width: 1120px) {
+  .fixed .menuextraslanguages {
+    opacity:1 !important;
+    visibility:visible !important
+  }
 }
-
-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: 45px;
+#navbar .menuextraslanguages {
+  position:absolute;
+  right:0;
+  bottom:-35px;
+  transition:all 0.2s ease-in-out;
+  -webkit-transition:all 0.2s ease-in-out;
+  -moz-transition:all 0.2s ease-in-out;
+  -ms-transition:all 0.2s ease-in-out;
+  -o-transition:all 0.2s ease-in-out
+}
+#navbar .menuextraslanguages li {
+  display:inline;
+  list-style:none;
+  margin-left:3px;
+  padding:0px 4px;
+  font-size:0.6875em
+}
+#navbar .menuextraslanguages li.dark a {
+  color:#868482
+}
+#navbar .menuextraslanguages li.dark a:hover {
+  border:2px solid #868482
+}
+#navbar .menuextraslanguages li.active.dark a {
+  border-color:#868482;
+  color:#868482
+}
+#navbar .menuextraslanguages a {
+  color:#fff;
+  padding:2px 4px;
+  border:2px solid transparent
+}
+#navbar .menuextraslanguages a:hover,#navbar .menuextraslanguages li.active a {
+  border:2px solid #fff;
+  color:#fff
+}
+#bottom_header .dark,#bottom_header .dark.active {
+  color:#868482;
+  transition-duration:0.3s;
+  border-color:#868482 !important
+}
+#navbar .big_bar {
+  width:100%;
+  height:100px;
+  background-color:#80C342;
+  display:none;
+  position:relative
+}
+#navbar .big_bar.search {
+  height:auto;
+  overflow:hidden;
+  display:none
+}
+#navbar .big_bar ::-webkit-input-placeholder {
+  color:#fff
+}
+#navbar .big_bar :-moz-input-placeholder {
+  color:#fff
+}
+#navbar .big_bar ::-moz-input-placeholder {
+  color:#fff
+}
+#navbar .big_bar :-ms-input-placeholder {
+  color:#fff
+}
+#navbar .big_bar:hover>div .big_bar_button.account {
+  background-position:right bottom
+}
+#navbar .big_bar.account h1 {
+  padding-top:20px
+}
+#navbar .big_bar.account h1,#navbar .big_bar.account h1 a {
+  color:#FFF;
+  margin-bottom:5px
+}
+#navbar .big_bar.account h1 a:hover {
+  color:#328930
+}
+#navbar .big_bar_button:hover {
+  background-position:left bottom;
+  cursor:pointer
+}
+#navbar .big_bar_button.account {
+  background-position:right top
+}
+#navbar .big_bar input.big_bar_search {
+  background:none repeat scroll 0 0 transparent;
+  border:medium none;
+  color:#fff;
+  display:block;
+  float:left;
+  font-size:4em;
+  outline:0 none;
+  width:70%;
+  line-height:1.3;
+  height:auto;
+  margin:10px 5%;
+  padding:0;
+  box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  *behavior:url(boxsizing.htc)
+}
+#navbar .big_bar_button {
+  background-color:transparent;
+  border:none;
+  width:18%;
+  transition-duration:0.3s;
+  display:block;
+  float:left;
+  position:relative;
+  font-family:'QT Icons';
+  font-size:3.5em;
+  color:#fff;
+  margin:15px 2% 0 0 !important;
+  text-align:right;
+  padding-right:2px !important;
+  transition:all 0.2s ease-in-out;
+  -webkit-transition:all 0.2s ease-in-out;
+  -moz-transition:all 0.2s ease-in-out;
+  -ms-transition:all 0.2s ease-in-out;
+  -o-transition:all 0.2s ease-in-out
+}
+#navbar .big_bar_button:focus,#navbar .big_bar_button:hover {
+  outline:0;
+  color:#ebebeb
+}
+.hero_slide>div {
+  width:80%;
+  margin:0 auto
+}
+.hero_slide>div:first-child>div {
+  width:80%;
+  margin:0 auto
+}
+.hero_slide .content {
+  margin-top:70px
+}
+.hero_bar {
+  padding-top:50px;
+  padding-bottom:18px
+}
+.hero_bar p {
+  font-size:0.875em;
+  text-align:center
+}
+.hero_bar .arrow {
+  bottom:65px;
+  display:block;
+  margin:0 auto;
+  position:relative;
+  right:260px;
+  width:230px
+}
+.hero_bar .comment {
+  margin:0
+}
+#footerbar {
+  background:#26282a;
+  color:#fff
+}
+#footerbar.fixed {
+  bottom:0;
+  left:0;
+  width:100%
+}
+#footerbar .footer-main .footer-nav {
+  display:inline;
+  float:left
+}
+#footerbar .footer-main .footer-nav li {
+  float:left;
+  margin-right:1em
+}
+#footerbar .footer-main .footer-nav li a {
+  display:block;
+  padding:31px 10px 15px 0;
+  line-height:20px;
+  height:20px;
+  color:#d6d6d6
+}
+#footerbar .footer-main .footer-nav li a:hover,#footerbar .footer-main .footer-nav li.current-menu-item a {
+  color:#eee
+}
+#footerbar .footer-main .footer-nav .sub-menu {
+  margin-left:0;
+  margin-bottom:0
+}
+#footerbar .footer-main .footer-nav .sub-menu li {
+  float:none
+}
+#footerbar .footer-main .footer-nav .sub-menu ul {
+  padding:1px 1em;
+  font-size:0.786em;
+  line-height:8px;
+  float:none;
+  color:#5d5b59;
+  margin-bottom:0
+}
+#footerbar .footer-main .footer-nav .sub-menu li a {
+  padding:1px 0;
+  font-size:0.786em;
+  line-height:8px;
+  float:none;
+  color:#d6d6d6
+}
+#footerbar .footer-main .footer-nav .sub-menu li a:hover,#footerbar .footer-main .footer-nav .sub-menu li.current-menu-item a {
+  color:#eee
+}
+#footerbar .footer-main .footer-logo {
+  display:inline;
+  float:right;
+  padding:29px 0 28px 10px;
+  margin-left:30px;
+  width:56px
+}
+#footerbar .footer-main .footer-logo:before {
+  content:attr(data-icon);
+  font-family:'Qt Icons';
+  width:100%;
+  line-height:1.2;
+  display:inline-block;
+  font-size:1.875em;
+  color:#706e6d
+}
+#footerbar .footer-main .footer-logo:hover {
+  padding:31px 0 26px 10px
+}
+#footerbar .footer-main .footer-social {
+  display:inline;
+  float:right;
+  padding-top:31px
+}
+#footerbar .footer-main .footer-social>div {
+  margin-left:0.1em;
+  margin-bottom:10px
+}
+#footerbar .disclaimer {
+  font-size:0.786em;
+  line-height:2.73;
+  color:#868584;
+  padding-top:20px;
+  padding-bottom:0.5%
+}
+#footerbar .disclaimer a {
+  color:#bdbebf
+}
+#footerbar .disclaimer a:hover {
+  color:#d6d6d6
+}
+#footerbar .disclaimer ul li {
+  float:left;
+  vertical-align:middle;
+  margin-left:1.18em
+}
+#footerbar .disclaimer ul li:first-child {
+  margin-left:0
+}
+#footerbar .disclaimer ul.lang-selector a {
+  color:#506a34;
+  color:rgba(128,195,66,0.3)
+}
+#footerbar .disclaimer ul.lang-selector a:hover {
+  color:#80c342;
+  color:rgba(128,195,66,0.7)
+}
+#menu-footer-menu, #menu-footer-menu ul {
+  margin-left:0;
+  margin-bottom:0
+}
+@font-face {
+  font-family:'Open Sans';
+  font-style:normal;
+  font-weight:300;
+  src:local("Open Sans Light"),local("OpenSans-Light"),url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
+}
+@font-face {
+  font-family:'Open Sans';
+  font-style:normal;
+  font-weight:400;
+  src:local("Open Sans"),local("OpenSans"),url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")
+}
+@font-face {
+  font-family:'Open Sans';
+  font-style:normal;
+  font-weight:600;
+  src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(//fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
+}
+@font-face {
+  font-family:'Open Sans';
+  font-style:normal;
+  font-weight:700;
+  src:local("Open Sans Bold"),local("OpenSans-Bold"),url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
+}
+@font-face {
+  font-family:'Open Sans';
+  font-style:normal;
+  font-weight:800;
+  src:local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url(//fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
+}
+@font-face {
+  font-family:'Droid Sans Mono';
+  font-style:normal;
+  font-weight:400;
+  src:local("Droid Sans Mono"),local("DroidSansMono"),url(//fonts.gstatic.com/s/droidsansmono/v7/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) format("woff")
+}
+@font-face {
+  font-family:'Qt Icons';
+  src:url("../style/icomoon.eot?-tgjuoj");
+  src:url("../style/icomoon.eot?#iefix-tgjuoj") format("embedded-opentype"),url("../style/icomoon.woff?-tgjuoj") format("woff"),url("../style/icomoon.ttf?-tgjuoj") format("truetype"),url("../style/icomoon.svg?-tgjuoj#icomoon") format("svg");
+  font-weight:normal;
+  font-style:normal
+}
+.clearfix:before,.clearfix:after {
+  content:" ";
+  display:table
+}
+.clearfix:after {
+  clear:both
 }
-
-.name {
-    color: #1A1A1A
+.clearfix {
+  *zoom:1
 }
-
-.type {
-    color: #808080
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
+  margin:0;
+  padding:0;
+  border:0;
+  font-size:100%
 }
-
-@media print {
-    .title {
-        color: #0066CB;
-        font-size: 32px;
-        font-weight: normal;
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-    }
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
+  vertical-align:baseline
 }
-
-/*
------------------
-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;
+body {
+  font-family:“Open Sans”, Arial, Helvetica, sans-serif;
+  line-height:1.5;
+  font-weight:300
 }
-
-/* table with border alternative colours*/
-
-table, pre {
-    -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;
-    font-size: 12px;
-    line-height: 1.2;
-    margin-bottom: 25px;
-    margin-left: 15px;
-    font-size: 12px;
-    line-height: 1.2;
-    margin-bottom: 25px;
-    margin-left: 15px;
+h1,h2,h3,h4,h5,h6 {
+  font-weight:300
 }
-
- 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 td {
-     padding: 3px 15px 3px 20px;
-     border-bottom: #CCC dotted 1px;
- }
-
- table th {
-     text-align: left;
-     padding-left: 20px;
- }
-
- table p {
-     margin: 0px
- }
-
-/* table bodless & white*/
-
-.borderless {
-    border-radius: 0px 0px 0px 0px;
-    background-color: #fff;
-    border: 1px solid #fff;
+.context h2,.context h3,.context h4,.context h5,.context h6 {
+  margin:1.5em 0 1em
 }
-
-.borderless td {
-     border: none;
-     border-bottom: #fff dotted 1px;
- }
-
-.borderless tr {
-     background-color: #FFF;
-     color: #66666E;
- }
-
-/*
------------
-List
------------
-*/
-
-ul {
-    margin-top: 10px;
+.context h1 {
+  margin-bottom:1em;
+  font-size:3.125em
 }
-
-li {
-    margin-bottom: 10px;
-    padding-left: 8px;
-    list-style: outside;
-    list-style-type: square;
-    text-align: left;
+.context h3.fn,.context h3.flags {
+  color:#26282a;
+  font-size:1.46em;
+  padding:15px 0 15px 0;
+  border-bottom:2px #eee solid;
+  word-wrap:break-word
 }
-
-ol {
-    margin: 10px;
-    padding: 0;
+.context h3.fn .name,
+.context h3 span.type,
+.qmlname span.name {
+  font-weight: 400
 }
-
- ol > li {
-     margin-left: 30px;
-     padding-left: 8px;
-     list-style: decimal;
- }
-
-.centerAlign {
-    text-align: left
+.qmlname {
+  font-size:1.46em
 }
-
-.cpp {
-    display: block;
-    margin: 10px;
-    overflow: auto;
-    padding: 20px 20px 20px 20px;
+.qmlproto table {
+  border:none;
+  border-bottom:2px #eee solid
 }
-
-.js {
-    display: block;
-    margin: 10px;
-    overflow: auto;
-    padding: 20px 20px 20px 20px;
+.qmlproto table p {
+  max-width:100%
 }
-
-.footerNavi {
-    width: auto;
-    text-align: right;
-    margin-top: 50px;
-    z-index: 1;
+.qmlproto table tr {
+  background-color:#fff
 }
-
-.memItemLeft {
-    padding-right: 3px
+.qmlname td, .qmlname th {
+  border:none;
+  text-align:left;
+  padding:5px 0 0 0
 }
-
-.memItemRight {
-    padding: 3px 15px 3px 0
+.qmlreadonly,.qmldefault {
+  padding:0 5px 0 5px;
+  font-size:0.75em;
+  background-color:#eee;
+  float:right
 }
-
-.qml {
-    display: block;
-    margin: 10px;
-    overflow: auto;
-    padding: 20px 20px 20px 20px;
+.qmlreadonly {
+  color:#414141
 }
-
 .qmldefault {
-    padding-left: 5px;
-    float: right;
-    color: red;
+  color:#D14141
 }
-
-.qmlreadonly {
-    padding-left: 5px;
-    float: right;
-    color: #254117;
-}
-
 .rightAlign {
-    padding: 3px 5px 3px 10px;
-    text-align: right;
-}
-
-.qmldoc {
-    margin-left: 15px
+  padding:3px 5px 3px 10px;
+  text-align:right
 }
-
-/*
------------
-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;
-    }
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
+  display:block
 }
-
-@media screen {
-    .toc {
-        clear: both;
-        clear: right;
-        position: relative;
-        top: 83px;
-        float: 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;
-    }
+body {
+  line-height:1;
+  font-family:"Open Sans", Arial, Helvetica, sans-serif;
+  transition-duration:1s
 }
-
-.toc h3 {
-    text-decoration: none
+ol,ul {
+  list-style:none
 }
-
-.toc h3 {
-    font: 500 14px/1.2 Arial;
-    font-weight: 100;
-    padding: 0px;
-    margin: 0px;
-    padding-top: 5px;
-    padding-left: 5px;
+.context ol,.context ul {
+  margin-top:0.75em;
+  margin-left:20px
 }
-
-.toc ul {
-    padding-left: 10px;
-    padding-right: 5px;
-    padding-top: 10px;
+.mainContent ol>li {
+  list-style-type:decimal
 }
-
-.toc ul li {
-     margin-left: 15px;
-     list-style-image: url('../images/blu_dot.png');
-     list-style: outside;
-     marker-offset: 0px;
-     margin-bottom: 8px;
-     padding-left: 0px;
- }
-
-.toc .level1 {
-    border: none
+blockquote,q {
+  quotes:none
 }
-
-.toc .level2 {
-    border: none;
-    margin-left: 25px;
+blockquote:before,blockquote:after,q:before,q:after {
+  content:'';
+  content:none;
+  width:100%
 }
-
-.level3 {
-    border: none;
-    margin-left: 30px;
+table {
+  border-collapse:collapse;
+  border-spacing:0;
+  margin-bottom:25px;
+  width:100%
 }
-
-.clearfix {
-    clear: both
+a {
+  color:#5caa15;
+  text-decoration:none;
+  transition-duration:0.3s
 }
-
-/* start index box */
-
-.indexbox {
-    width: 100%;
-    display: inline-block;
+a:hover {
+  color:#46a2da
 }
-
-.indexbox .indexIcon {
-     width: 11%
- }
-
-  .indexbox .indexIcon span {
-      display: block
-  }
-
-.indexboxcont {
-    display: block
+.main,.navbar-header,#footerbar>div {
+  max-width:1500px;
+  width:95%;
+  margin:0 auto
 }
-
-.indexboxcont .sectionlist {
-     display: inline-block;
-     vertical-align: top;
-     width: 32.5%;
-     padding: 0;
- }
-
-  .indexboxcont .sectionlist ul {
-      margin-bottom: 20px
-  }
-
-   .indexboxcont .sectionlist ul li {
-       line-height: 1.5
-   }
-
-.indexboxcont .indexIcon {
-     width: 11%;
-     *width: 18%;
-     _width: 18%;
-     overflow: hidden;
- }
-
-.indexboxcont .section {
-     float: left
- }
-
-.indexboxcont .section {
-     display: inline-block;
-     width: 49%;
-     *width: 42%;
-     _width: 42%;
-     padding: 0 2% 0 1%;
-     vertical-align: top;
- }
-
-  .indexboxcont .section p {
-      padding-top: 20px;
-      padding-bottom: 20px;
-  }
-
-.indexboxcont:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
+.main {
+  margin-top:100px
 }
-
-/*
------------
-Landing page
------------
-*/
-
-.col-group {
-    white-space: nowrap;
-    vertical-align: top;
+.main_index {
+  background-color:#fff
 }
-
-.col-1 {
-    display: inline-block;
-    white-space: normal;
-    width: 70%;
-    height: 100%;
-    float: left;
+.sectionlist {
+  margin-bottom:2em
+}
+[class*="col-"] {
+  letter-spacing:normal
+}
+.landing,.main_index .row {
+  letter-spacing:-0.31em
+}
+.main_index .row>div {
+  letter-spacing:normal
+}
+.col-1,.context {
+  width:80%;
+  display:inline-block;
+  background-color:#fff;
+  padding:35px;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box
+}
+.col-1 h2 {
+  font-size:2.1875em;
+  font-weight:300;
+  line-height:1.1;
+  margin-bottom:0.83em;
+  margin-top:1em
+}
+.icons1of3 img {
+  display:inline-block;
+  float:left;
+  margin-right:0.75em;
+  margin-top:-5px;
+  width:2.75em
+}
+div.multi-column {
+  position:relative
+}
+div.multi-column div {
+  display:-moz-inline-box;
+  display:inline-block;
+  vertical-align:top;
+  margin-top:1em;
+  margin-right:2em;
+  width:16em
+}
+.sidebar {
+  display:block;
+  float:right;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box;
+  width:20%;
+  padding-left:30px
+}
+.toc,.sectionlist {
+  padding:35px;
+  background-color:#fff;
+  margin-bottom:2em
+}
+.sidebar-content:empty {
+  display:none;
+  visibility:hidden
+}
+.col-2 h2,.toc h3,.sidebar-content h2,.sidebar-content h3,.sectionlist h2 {
+  font-weight:400;
+  margin-bottom:2em
+}
+.toc h3 a {
+  color:#404244
+}
+.title {
+  font-size:3em;
+  font-weight:300;
+  letter-spacing:-1px;
+  line-height:1.15em;
+  margin-bottom:0.5em;
+  word-wrap:break-word
+}
+.navigationbar,col-1 h2 {
+  font-size:0.75em
+}
+.navigationbar h1 {
+  font-size:3.125em;
+  margin-bottom:1em;
+  margin-top:1em
 }
-
-.col-1 h1 {
-     margin: 20px 0 0 0
- }
-
-.col-2 {
-    display: inline-block;
-    white-space: normal;
-    width: 25%;
-    margin: 0 0 0 50px;
+.navigationbar li {
+  display:inline-block;
+  margin-right:5px;
+  position:relative;
+  padding-right:10px;
+  color:#585a5c
 }
-
-.sectionlist {
-    width: 100% !important
+.navigationbar li a {
+  color:#58585c
 }
-
-/*
-Additions from Qt Project
-*/
-
 body {
-    background: #E8E8E8;
-    margin: 0px;
-    font-family: "Open Sans",sans-serif !important;
+  background-color:#eee;
+  color:#404244
 }
-
-.qt13a-twoCol {
-    width: 23.46939%;
-    float: left;
-    margin-right: 2.04082%;
-    display: inline;
+.sectionlist li {
+  margin-bottom:5px
 }
-
-.qt13a-fourCol {
-    width: 48.97959%;
-    float: left;
-    margin-right: 2.04082%;
-    display: inline;
+dd {
+  padding-bottom:0.25em;
+  padding-left:2em
 }
-
-.qt13a-sixCol {
-    width: 70.4898%;
-    float: left;
-    margin-right: 2.04082%;
-    display: inline;
+.col-1 ul {
+  margin-bottom:1.56em
 }
-
-.qt13a-eightCol {
-    width: 100%;
-    float: left;
-    margin-right: 2.04082%;
-    display: inline;
+.mainContent li {
+  margin-bottom:0.8em;
+  line-height:1.25em
 }
-
-.qt13a-fiveCol {
-    width: 17.35537%;
-    float: left;
-    margin-right: 3.30579%;
-    display: inline;
+.mainContent p {
+  line-height:1.56em;
+  margin-bottom:1.5em;
+  color:#404244;
+  max-width:85%
 }
-
-.qt13a-fiveCol:nth-child(2n) {
-    float: left;
-    margin-right: 3.30579%;
+.mainContent b {
+  font-weight:400
 }
-
-.qt13a-omega {
-    float: right;
-    margin-right: 0;
-    *margin-left: -20px;
-    display: inline;
+.context ul {
+  margin-bottom:1.5em
 }
-
-.qt13a-last {
-    float: right;
-    margin-right: 0;
-    *margin-left: -20px;
-    display: inline;
+.mainContent ul ul {
+  margin-top:0.5em
 }
-
-.qt13a-container {
-    *zoom: 1;
-    padding-left: 20px;
-    padding-right: 20px;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 1045px;
+.mainContent .naviNextPrevious {
+  margin-top:25px;
+  max-width:100%
 }
-
-.qt13a-container:after {
-    content: "";
-    display: table;
-    clear: both;
+.naviNextPrevious.headerNavi {
+  display:none
 }
-
-.qt13a-container.qt13a-dynamic {
-    max-width: 1295px
+.nextPage {
+  float:right
 }
-
-.qt13a-no-bg-img {
-    background-image: none !important
+.prevPage:before {
+  content:"< "
 }
-
-.qt13a-wrapper {
-    overflow: hidden
+.nextPage:after {
+  content:" >"
 }
-
-.content-view {
-    position: relative;
-    overflow: hidden;
+.navigationbar li:after {
+  color:#404244;
+  content:"›";
+  display:inline-block;
+  font-size:1.5em;
+  line-height:1;
+  position:absolute;
+  right:-2px;
+  top:-4px
 }
-
-#qt13a-header {
-    background: url('../images/Qt-header-bg.jpg') repeat;
-    min-height: 126px;
-    padding: 0;
-    margin: 0;
-    min-width: 1045px;
-    margin-bottom: 18px;
+.navigationbar ul:last li a {
+  color:#80c342
 }
-
- #qt13a-header .qt13a-nav-divider-left {
-     border-left: 1px solid #35322f;
-     padding-left: 10px;
-     margin-left: 5px;
-     font-size: 13px;
- }
-
- #qt13a-header #qt13a-title_nav {
-     padding-top: 34px;
-     width: 87.37374%;
-     float: left;
-     margin-right: 1.0101%;
-     display: inline;
-     float: right;
-     margin-right: 0;
-     *margin-left: -20px;
-     display: inline;
- }
-
- #qt13a-header .qt13a-gradient {
-     background: url('../images/Qt-gradient.png') repeat-x;
-     background-position: bottom;
-     margin: 0;
-     min-height: 126px;
-     padding: 0;
- }
-
- #qt13a-header p.qt13a-title {
-     font-size: 24px;
-     margin: 0 0 0 0px;
-     letter-spacing: -1px;
-     color: #35322f;
-     font-weight: 600;
- }
-
-  #qt13a-header p.qt13a-title a {
-      font-weight: 600;
-      color: #35322f;
+.sub-navigation {
+  margin-top:10px
+}
+.navigationbar li:last-child:after,.sub-navigation li:after {
+  content:none
+}
+.navigationbar {
+  margin-bottom:10px
+}
+#buildversion {
+  font-style:italic;
+  font-size:small;
+  float:right
+}
+.copy-notice {
+  width:65%;
+  font-size:0.75em;
+  margin-top:50px;
+  margin-bottom:25px;
+  line-height:1.75em;
+  color:#585a5c
+}
+li a.active {
+  color:#585a5c
+}
+.flowList {
+  padding:25px
+}
+.alphaChar {
+  font-size:2em;
+  position:absolute
+}
+.flowList.odd {
+  background-color:#eee
+}
+.context ul>li,.doc-column ul>li {
+  list-style-image:url("list_arrow.png");
+  margin-left:15px;
+  color:#404244;
+  line-height:1.16em
+}
+.mainContent table p {
+  margin:0px;
+  padding:0px
+}
+.mainContent table p {
+  margin:0px;
+  padding:0px;
+  min-height:2em
+}
+.context h4,.context h3,.context h2 {
+  font-size:2.1875em
+}
+.context p img {
+  margin-top:0.75em;
+  max-width:100%
+}
+.context table {
+  vertical-align:initial
+}
+table .odd {
+  background-color:#eee
+}
+table thead {
+  text-align:left;
+  padding-left:20px
+}
+table,table td,table th {
+  border:1px solid #eee
+}
+table td,table th {
+  padding:5px 20px;
+  line-height:1.3
+}
+table.alignedsummary,table.propsummary {
+  width:initial
+}
+div.main_index .row:first-child {
+  border-bottom:1px solid #eee
+}
+div.main_index .row {
+  position:relative
+}
+div.main_index .row>div {
+  display:inline-block;
+  width:50%;
+  vertical-align:top;
+  padding:50px;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box
+}
+div.main_index h2 {
+  font-size:2.1875em;
+  margin-bottom:1em
+}
+#search_bar {
+  width:40%;
+  float:right
+}
+div.main_index .row:after {
+  content:"";
+  position:absolute;
+  top:0;
+  right:50%;
+  height:100%;
+  width:1px;
+  background-color:#eee
+}
+div.table {
+  overflow-x:auto
+}
+p.qt_commercial {
+  border:3px solid #5caa15;
+  margin:0 auto;
+  padding:15px;
+  width:28%;
+  text-align:center;
+  clear:both
+}
+h1.qt_commercial {
+  padding:20px;
+  background-color:#5caa15;
+  display:inline;
+  float:right;
+  font-size:1.25em;
+  line-height:1.25em;
+  height:1.25em;
+  color:#fff
+}
+div.qt_commercial {
+  border-top:5px solid #5caa15;
+  margin-bottom:50px
+}
+pre {
+  background-color:#404244;
+  color:#fff;
+  display:block;
+  font-family:"Droid Sans Mono";
+  line-height:1.5;
+  overflow-x:auto;
+  margin-bottom:25px;
+  overflow-x:auto;
+  padding:25px;
+  margin-top:0.75em
+}
+.copy_text {
+  background-color:#46a2da;
+  color:#fff;
+  border:2px solid #46a2da;
+  padding:10px 16px;
+  margin-left:-10px;
+  margin-top:-50px;
+  position:absolute;
+  opacity:0;
+  cursor:pointer;
+  float:right
+}
+.copy_text:hover {
+  background-color:#fff;
+  color:#46a2da
+}
+code,.codelike {
+  font-family:"Droid Sans Mono"
+}
+h3.fn code {
+  font-size:0.75em;
+  float:right;
+  background-color:#eee;
+  padding:3px;
+  margin: 3px 0 0 20px
+}
+pre:hover>.copy_text {
+  display:inline-block;
+  opacity:1;
+  transition:0.5s ease
+}
+#main_title_bar {
+  letter-spacing:-0.31em
+}
+#main_title_bar .search_bar {
+  letter-spacing:normal;
+  width:50%;
+  display:inline-block;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box;
+  vertical-align:middle
+}
+#main_title_bar h1 {
+  letter-spacing:normal;
+  width:50%;
+  display:inline-block;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box;
+  vertical-align:middle
+}
+#main_title_bar .search_bar * {
+  letter-spacing:normal;
+  padding:0;
+  margin:0;
+  border:none
+}
+@media (max-width: 980px) {
+  body {
+    font-size:calc-em(14px)
   }
-
-  #qt13a-header p.qt13a-title a:hover {
-      color: #35322f;
-      text-decoration: none;
+  #main_title_bar {
+    letter-spacing:-0.31em;
+    width:100%
   }
-
- #qt13a-header #qt13a-title {
-     padding: 0px 0 0 0px;
-     padding-bottom: 0px;
- }
-
- #qt13a-header #qt13a-logo {
-     float: left;
-     width: 11.61616%;
-     float: left;
-     margin-right: 1.0101%;
-     display: inline;
-     margin: 20px 0px 10px 0;
-     min-width: 50px;
- }
-
-  #qt13a-header #qt13a-logo .qt13a-site-logo {
-      background: url('../images/Qt-logo.png') no-repeat;
-      text-indent: -100em;
-      overflow: hidden;
-      display: block;
-      height: 90px;
-      -moz-box-shadow: none;
-      -webkit-box-shadow: none;
-      box-shadow: none;
+  #main_title_bar>h1,#main_title_bar .search_bar {
+    display:block;
+    width:100%
   }
-
-  #qt13a-header #qt13a-logo img {
-      float: left;
-      border: 0;
-      -moz-box-shadow: none;
-      -webkit-box-shadow: none;
-      box-shadow: none;
+  #main_title_bar .search_bar {
+    margin-bottom:15px
   }
-
- #qt13a-header .qt13a-nav {
-     background: none
- }
-
-  #qt13a-header .qt13a-nav .qt13a-nav-divider-left {
-      border-left: 1px solid #35322f;
-      padding-left: 20px;
+  .main {
+    margin-top:0px
   }
-
-  #qt13a-header .qt13a-nav .qt13a-nav-small a {
-      font-size: 13px
+  .main_index .row {
+    border:none !important
   }
-
-  #qt13a-header .qt13a-nav ul {
-      margin: 0 0 0 0px;
-      padding: 11px 0 0;
-      background: none;
+  .title {
+    font-size:1.5em;
+    font-weight:400;
+    word-wrap:break-word
+  }
+  .col-1,.context,.naviNextPrevious,.sidebar {
+    padding:10px
+  }
+  .sidebar {
+    padding-top:0
+  }
+  .search .sidebar {
+    display:none;
+    visibility:hidden
+  }
+  .col-2 h2,.toc h3,.sidebar-content h2,.sidebar-content h3,.sectionlist h2 {
+    text-align:center
+  }
+  div.main_index .row:after {
+    content:none
+  }
+  div.main_index .row>div {
+    display:block !important;
+    width:100%;
+    padding:0;
+    margin:0
+  }
+  .context,.sidebar,.col-1 {
+    width:100%
+  }
+  .main_index h2,h1 {
+    text-align:center
+  }
+  .context h4,.context h3,.context h2 {
+    text-align:center
+  }
+  .sidebar-content,.col-2,.toc {
+    background-color:#fff;
+    margin-bottom:1em;
+    padding:20px
+  }
+  .mainContent p {
+    line-height:1.56em;
+    margin-bottom:1em;
+    max-width:100%
+  }
+  table td,table th {
+    padding:5px 5px
   }
-
-   #qt13a-header .qt13a-nav ul li.devnet-active a {
-       color: #fff
-   }
-
-   #qt13a-header .qt13a-nav ul li {
-       display: inline-block;
-       width: auto;
-       padding: 0 2.88% 0 0;
-       margin: 0;
-       border: 0;
-       *display: inline;
-       zoom: 1;
-   }
-
-    #qt13a-header .qt13a-nav ul li a {
-        color: #35322f;
-        margin: 0;
-        padding: 0;
-        line-height: 18px;
-        font-size: 18px;
-    }
-
-    #qt13a-header .qt13a-nav ul li a:hover, #qt13a-header .qt13a-nav ul li a:active, #qt13a-header .qt13a-nav ul li a.active {
-        color: #fff;
-        text-decoration: none;
-    }
-
-#qt13a-register_search {
-    display: block;
-    font-variant: 400;
-    float: right;
 }
-
-#qt13a-register {
-    padding: 34px 0px 0;
-    float: right;
-    text-align: right;
-    color: #1e1b18;
+[id]:target,[name]:target,[name]:target+* {
+  -webkit-animation:highlighter 3s;
+  animation:highlighter 3s
 }
-
- #qt13a-register .qt13a-link-divider {
-     padding: 0 5px
- }
-
- #qt13a-register a {
-     color: #1e1b18;
-     font-weight: 400;
-     font-size: 13px;
-     padding-left: 13px;
- }
-
- #qt13a-register a:visited {
-     color: #1e1b18
- }
-
- #qt13a-register a:hover {
-     color: #fff;
-     text-decoration: none;
- }
-
-#search {
-    margin-top: 23px
+@-webkit-keyframes highlighter {
+  25% {
+    background-color:#46a2da;
+    color:#fff
+  }
+  75% {
+    background-color:#46a2da;
+    color:#fff
+  }
 }
-
-#qt13a-footer {
-    background: url('../images/Qt-header-bg.jpg') repeat;
-    margin: 0;
+@keyframes highlighter {
+  25% {
+    background-color:#46a2da;
+    color:#fff
+  }
+  75% {
+    background-color:#46a2da;
+    color:#fff
+  }
 }
-
- #qt13a-footer .qt13a-container {
-     padding: 36px 0
- }
-
- #qt13a-footer .qt13a-gradient {
-     background: url('../images/Qt-dark_gradient.png') repeat-x;
-     background-position: bottom;
-     margin: 0;
-     min-height: 126px;
-     padding: 0;
- }
-
- #qt13a-footer .qt13a-shadow {
-     background: transparent url('../images/Qt-footer_shadow.png') repeat-x top center
- }
-
- #qt13a-footer .qt13a-last {
-     float: right;
-     margin-right: 0;
-     *margin-left: -20px;
-     display: inline;
- }
-
- #qt13a-footer ul {
-     width: 17.35537%;
-     float: left;
-     margin-right: 3.30579%;
-     display: inline;
-     padding-left: 0;
-     list-style-type: none;
- }
-
-  #qt13a-footer ul li a.qt13a-some-icon {
-      width: 32px;
-      height: 32px;
-      background-repeat: none;
-      text-indent: -300em;
-      overflow: hidden;
-      display: -moz-inline-stack;
-      display: inline-block;
-      vertical-align: middle;
-      *vertical-align: auto;
-      zoom: 1;
-      *display: inline;
+@-webkit-keyframes copypaste {
+  25% {
+    opacity:1
   }
-
-  #qt13a-footer ul li a {
-      font-family: "Open Sans",sans-serif;
-      font-size: 13px;
-      color: #35322f;
-      padding: 0;
-      font-weight: 400;
+  100% {
+    border-radius:10px;
+    margin-top:-50px;
+    opacity:1
   }
-
-  #qt13a-footer ul li a:hover, #qt13a-footer ul li a:active {
-      color: #35322f;
-      text-decoration: underline;
+}
+@keyframes copypaste {
+  25% {
+    opacity:1
+  }
+  100% {
+    border-radius:10px;
+    margin-top:-50px;
+    opacity:1
   }
-
- #qt13a-footer .qt13a-title a, #qt13a-footer .qt13a-title {
-     padding: 18px 0 18px;
-     font-weight: 400;
-     letter-spacing: -0.5pt;
-     color: #35322f;
-     font-size: 18px;
-     margin: 0;
- }
-
-.qt13a-copyright {
-    border-top: 1px solid #000;
-    background: url('../images/Qt-footer-bg.jpg') repeat;
-    margin: 0;
-    padding: 36px 0;
-    font-weight: 400;
-    font-size: 0.84615em;
-    line-height: 1.63636em;
+}
+#footer {
+  clear:both
+}
+.menuextraslanguages {
+  display:none;
+  visibility:hidden
+}
+form.gsc-search-box {
+  font-size: 25px !important;
+  margin-top: 0 !important;
+  margin-right: 0 !important;
+  margin-bottom: 4px !important;
+  margin-left: 0 !important;
+  width: 100% !important;
+}
+table.gsc-search-box {
+  border-style: none !important;
+  border-width: 0 !important;
+  border-spacing: 0 0 !important;
+  width: 100% !important;
+  margin-bottom: 2px !important;
 }
 
-.qt13a-copyright p {
-     padding: 0;
-     color: #aeadac;
-     font-size: 11px;
- }
-
-.qt13a-copyright a {
-     color: #328930
- }
+table.gsc-search-box td {
+  vertical-align: middle !important;
+}
 
-.qt13a-copyright a:visited {
-     color: #328930
- }
+table.gsc-search-box td.gsc-input {
+  padding-right: 0px !important;
+}
+table.gsc-search-box td.gsc-input input {
+  background-position: 15px center !important;
+}
 
-.searchbox {
-    display: block;
-    overflow: hidden;
-    padding: 0px 35px 0 5px;
+td.gsc-search-button {
+  width: 1% !important;
 }
 
-.content-view {
-    position: relative;
-    overflow: hidden;
+td.gsc-clear-button {
+  width: 14px !important;
+  visibility:hidden !important;
+  display:none !important;
+}
+table.gsc-branding td,
+table.gsc-branding {
+  margin: 0 0 0 0 !important;
+  padding: 0 0 0 0 !important;
+  border: none !important;
 }
 
-p, li, p.forum-overview-title, p.forum-description, p.desc, p.forum-lastpost, div.navigationbars li, div.block-profile div {
-    font-size: 13px
+table.gsc-branding {
+  border-style: none !important;
+  border-width: 0 !important;
+  border-spacing: 0 0 !important;
+  width: 100% !important;
 }
 
-p.forum-description.desc {
-    font-size: 13px !important
+.gsc-branding-text {
+  color: #676767 !important;
 }
 
-.steps li {
-    font-size: 16px
+td.gsc-branding-text {
+  vertical-align: top !important;
+}
+td.gsc-branding-text div.gsc-branding-text {
+  padding-bottom: 2px !important;
+  text-align: right !important;
+  font-size: 11px !important;
+  margin-right: 2px !important;
 }
 
-div.license p, div.notes p {
-    font-size: 12px !important
+td.gsc-branding-img {
+  width: 65px !important;
+  vertical-align: bottom !important;
 }
 
-a {
-    color: #44a51c;
-    text-decoration: none;
+img.gsc-branding-img {
+  padding-top: 1px !important;
+  margin: 0 0 0 0 !important;
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+  padding-bottom: 0 !important;
+  border: none !important;
+  display: inline !important;
 }
 
-.wrap {
-    padding-left: 30px
+input.gsc-search-button {
+  background-color: white !important;
+  height: 35px !important;
+  width: 35px !important;
+  color: transparent !important;
+  background-image: url("doc_search.png") !important;
+  background-size: 25px auto;
+  background-position: 0px 5px;
+  background-repeat: no-repeat;
+  margin-left: -43px !important;
+  overflow: hidden;
+  min-width: 20px !important;
 }
 
-a:visited {
-    color: #007330;
-    text-align: left;
+input.gsc-search-button:hover {
+  cursor: pointer;
 }
 
-a:hover {
-    color: #44a51c;
-    text-align: left;
+.gsc-search-box-tools .gsc-clear-button {
+  display: none !important;
+  visibility: none !important;
 }
 
-a:visited:hover {
-    color: #44a51c;
-    text-align: left;
+.gsc-overflow-hidden {
+  overflow: hidden !important;
 }
 
-a:link {
-    color: #007330;
-    text-decoration: none;
-    text-align: left;
+input.gsc-input {
+  background-color: #fff !important;
+  border: 1px solid #d6d6d6 !important;
+  border-radius: 5px !important;
+  box-sizing: border-box !important;
+  color: #868482 !important;
+  outline: 0 none !important;
+  padding: 9px 10px 10px !important;
+  transition: color 0.5s ease 0s, box-shadow 0.5s ease 0s, background-color 0.5s ease 0s !important;
 }
 
-.main {
-    padding: 0px 30px 30px 30px
+input {
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
+  line-height: 1.5 !important;
+  font-weight: 300 !important;
+  vertical-align:middle
 }
 
-.main-rounded {
-    display: inline-block;
-    background: none repeat scroll 0% 0% rgb(255,255,255);
-    width: 100%;
-    border: 1px solid #DADADA;
-    border-radius: 10px 10px 10px 10px;
-    box-shadow: 0 0 3px #C4C4C4;
-    padding-bottom: 30px;
+input:focus {
+  border-color: #46a2da;
+  box-shadow: 0 0 5px #46a2da;
+  color: #000;
 }