Doc: new template for qt.io online style
authorTopi Reinio <topi.reinio@digia.com>
Tue, 21 Oct 2014 12:57:50 +0000 (14:57 +0200)
committerJani Heikkinen <jani.heikkinen@theqtcompany.com>
Wed, 3 Dec 2014 11:20:07 +0000 (12:20 +0100)
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>
19 files changed:
doc/global/config.qdocconf
doc/global/fileextensions.qdocconf
doc/global/html-footer-online.qdocconf [new file with mode: 0644]
doc/global/html-header-online.qdocconf
doc/global/includes-online/search.qdoc [new file with mode: 0644]
doc/global/qt-html-templates-online.qdocconf
doc/global/qt-module-defaults-offline.qdocconf
doc/global/qt-module-defaults-online-commercial.qdocconf [new file with mode: 0644]
doc/global/qt-module-defaults-online.qdocconf
doc/global/template/scripts/extras.js [new file with mode: 0644]
doc/global/template/scripts/main.js [new file with mode: 0644]
doc/global/template/style/doc_search.png [new file with mode: 0644]
doc/global/template/style/gsc.css [new file with mode: 0644]
doc/global/template/style/icomoon.eot [new file with mode: 0755]
doc/global/template/style/icomoon.svg [new file with mode: 0755]
doc/global/template/style/icomoon.ttf [new file with mode: 0755]
doc/global/template/style/icomoon.woff [new file with mode: 0755]
doc/global/template/style/list_arrow.png [new file with mode: 0644]
doc/global/template/style/online.css

index 295a5ed08b88f75434cc842caa30139564cfa78c..a6ab546b75b733aff0b61fc5f1fa09541cc64bae 100644 (file)
@@ -9,8 +9,7 @@ dita.metadata.default.audience = programmer
 
 #Set the main Qt index.html
 navigation.homepage = "Qt $QT_VER"
-buildversion = "Qt $QT_VERSION Reference Documentation"
 
 sourcedirs += includes
 
-url = http://qt-project.org/doc/qt-5
+url = http://doc.qt.io/qt-5
index 0a106d5befef07205d29f26d213146f4d8ff9461..88e51595f13af3c769f70d463802ab06e591fd79 100644 (file)
@@ -1,4 +1,4 @@
-naturallanguage         = en_US
+naturallanguage         = en
 outputencoding          = UTF-8
 sourceencoding          = UTF-8
 
diff --git a/doc/global/html-footer-online.qdocconf b/doc/global/html-footer-online.qdocconf
new file mode 100644 (file)
index 0000000..3269001
--- /dev/null
@@ -0,0 +1,84 @@
+# HTML footer for qt.io
+
+HTML.footer += \
+    "</div>\n" \
+    "</div>\n" \
+    "</div>\n" \
+    "</div>\n" \
+    "</div>\n" \
+    "<div id=\"footer\">\n" \
+        "<footer id=\"footerbar\">\n" \
+    "    <div class=\"footer-main\">\n" \
+    "            <div class=\"container clearfix\">\n" \
+    "                <nav class=\"footer-nav clearfix\">\n" \
+    "                    <div class=\"menu-footer-menu-container\"><ul id=\"menu-footer-menu\" class=\"menu\"><li id=\"menu-item-1350\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1350\"><a href=\"http://qt.io/about-us/\">About us</a>\n" \
+    "<ul class=\"sub-menu\">\n" \
+    "    <li id=\"menu-item-1353\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1353\"><a href=\"http://qt.io/events/\">Events</a></li>\n" \
+    "    <li id=\"menu-item-1596\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1596\"><a href=\"http://qt.io/news/\">News</a></li>\n" \
+    "    <li id=\"menu-item-1354\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1354\"><a href=\"http://qt.io/resource-center/\">Resource Center</a></li>\n" \
+    "    <li id=\"menu-item-1352\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1352\"><a href=\"http://qt.io/partners/\">Partners</a></li>\n" \
+    "    <li id=\"menu-item-1349\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1349\"><a href=\"http://qt.io/careers/\">Careers</a></li>\n" \
+    "    <li id=\"menu-item-1415\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1415\"><a href=\"http://qt.io/terms-conditions/\">Terms &amp; Conditions</a></li>\n" \
+    "</ul>\n" \
+    "</li>\n" \
+    "<li id=\"menu-item-1355\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1355\"><a href=\"http://qt.io/product/\">Product</a>\n" \
+    "<ul class=\"sub-menu\">\n" \
+    "    <li id=\"menu-item-1358\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1358\"><a href=\"http://qt.io/qt-framework/\">Qt Framework</a></li>\n" \
+    "    <li id=\"menu-item-1356\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1356\"><a href=\"http://qt.io/qt-features/\">Qt Features</a></li>\n" \
+    "    <li id=\"menu-item-1359\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1359\"><a href=\"http://qt.io/qt-quick/\">Qt Quick</a></li>\n" \
+    "    <li id=\"menu-item-1357\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1357\"><a href=\"http://qt.io/qt-for-device-creation/\">Qt for Device Creation</a></li>\n" \
+    "    <li id=\"menu-item-34\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-34\"><a href=\"http://qt.io/qt-in-use/\">Qt in Use</a></li>\n" \
+    "    <li id=\"menu-item-1366\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1366\"><a href=\"http://showroom.qt-project.org/\">Showroom</a></li>\n" \
+    "</ul>\n" \
+    "</li>\n" \
+    "<li id=\"menu-item-33\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-33\"><a href=\"http://qt.io/developers/\">Developers</a>\n" \
+    "<ul class=\"sub-menu\">\n" \
+    "    <li id=\"menu-item-1365\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1365\"><a href=\"http://qt-project.org/doc/\">Documentation</a></li>\n" \
+    "    <li id=\"menu-item-1364\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1364\"><a href=\"http://qt-project.org/doc/qt-5/qtexamplesandtutorials.html\">Examples &amp; Tutorials</a></li>\n" \
+    "    <li id=\"menu-item-1363\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1363\"><a href=\"http://qt-project.org/doc/qt-5/topics-app-development.html\">Tools</a></li>\n" \
+    "    <li id=\"menu-item-1361\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1361\"><a href=\"http://qt-project.org/wiki\">Wiki</a></li>\n" \
+    "    <li id=\"menu-item-1360\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1360\"><a href=\"http://qt-project.org/forums\">Forums</a></li>\n" \
+    "    <li id=\"menu-item-1362\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1362\"><a href=\"http://qt-project.org/wiki/Qt-Contribution-Guidelines\">Contribute to Qt</a></li>\n" \
+    "</ul>\n" \
+    "</li>\n" \
+    "<li id=\"menu-item-1347\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-1347\"><a href=\"http://qt.io/services/\">Services</a>\n" \
+    "<ul class=\"sub-menu\">\n" \
+    "    <li id=\"menu-item-32\" class=\"menu-item menu-item-type-post_type menu-item-object-page page_item page-item-14 menu-item-32\"><a href=\"http://qt.io/support/\">Support</a></li>\n" \
+    "    <li id=\"menu-item-4028\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4028\"><a href=\"http://qt.io/services-technology-evaluation/\">Technology Evaluation</a></li>\n" \
+    "    <li id=\"menu-item-4027\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4027\"><a href=\"http://qt.io/services-proof-of-concept/\">Proof of Concept</a></li>\n" \
+    "    <li id=\"menu-item-4026\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4026\"><a href=\"http://qt.io/services-design-implementation/\">Design &amp; Implementation</a></li>\n" \
+    "    <li id=\"menu-item-4025\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4025\"><a href=\"http://qt.io/services-productization/\">Productization</a></li>\n" \
+    "</ul>\n" \
+    "</li>\n" \
+    "<li id=\"menu-item-1403\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1403\"><a href=\"http://qt.io/download/\">Download</a>\n" \
+    "<ul class=\"sub-menu\">\n" \
+    "    <li id=\"menu-item-1985\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1985\"><a title=\"Professional\" href=\"http://qt.io/buy/\">Professional</a></li>\n" \
+    "    <li id=\"menu-item-3346\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3346\"><a title=\"Indie Mobile\" href=\"http://qt.io/download-mobile/\">Indie Mobile</a></li>\n" \
+    "    <li id=\"menu-item-1982\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1982\"><a title=\"Enterprise\" href=\"http://qt.io/download-enterprise-step-2/\">Enterprise</a></li>\n" \
+    "    <li id=\"menu-item-3013\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3013\"><a title=\"Evaluation\" href=\"http://qt.io/download-eval-step-2/\">Evaluation</a></li>\n" \
+    "    <li id=\"menu-item-3343\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3343\"><a href=\"http://qt.io/download-open-source/\">Community</a></li>\n" \
+    "</ul>\n" \
+    "</li>\n" \
+    "</ul></div></nav>\n" \
+    "<a href=\"http://digia.com\" target=\"_blank\" class=\"footer-logo retina\" data-icon=\"\">\n" \
+    "    </a>\n" \
+    "    <div class=\"footer-social clearfix\">\n" \
+    "        <div class=\"facebook\">\n" \
+    "            <div class=\"fb-like fb_iframe_widget\" data-href=\"https://www.facebook.com/qtbydigia\" data-layout=\"button_count\" data-action=\"like\" data-show-faces=\"true\" data-share=\"false\" fb-xfbml-state=\"parsed\" fb-iframe-plugin-query=\"action=like&amp;app_id=207346529386114&amp;href=https%3A%2F%2Fwww.facebook.com%2Fqtbydigia&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey&amp;share=false&amp;show_faces=true\" style=\"display: block;\"><iframe style=\"width: 30px; height: 19px; border: 0px;\"></iframe></div>\n" \
+    "        </div>\n" \
+    "        <div class=\"twitter\">\n" \
+    "            <iframe id=\"twitter-widget-0\" scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://platform.twitter.com/widgets/follow_button.33b190ea0cba008796487b65df7f6d8e.en.html#_=1414403615717&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=qtproject&amp;show_count=true&amp;show_screen_name=false&amp;size=m\" class=\"twitter-follow-button twitter-follow-button\" title=\"Twitter Follow Button\" data-twttr-rendered=\"true\" style=\"width: 160px; height: 20px;\"></iframe>\n" \
+    "        </div>\n" \
+    "    </div>\n" \
+    "</div>\n" \
+    "</div>\n" \
+    "<div class=\"disclaimer\">\n" \
+    "<div class=\"container clearfix no_discs\">\n" \
+    "    <ul id=\"menu-footer-submenu\" class=\"right clearfix\"><li id=\"menu-item-1795\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1795\"><a title=\"Sign into your account.\" href=\"https://account.qt.io/login\">Sign In</a></li>\n" \
+    "     <li id=\"menu-item-1494\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1494\"><a href=\"http://qt.io/contact-us/\">Contact us</a></li>\n" \
+    "        <li id=\"menu-item-4472\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-4472\"><a href=\"http://www.digia.com\">© 2014 Digia Oyj</a></li>\n" \
+    "    </ul>\n" \
+    "</div>\n" \
+    "</div>\n" \
+    "</footer>\n" \
+    "</div>\n"
index 5c21644a39243fa5f452df945cf5ecc1105e090c..7e9aae66f1d81964e05ef7c88e2d41574b96c32d 100644 (file)
-#HTML Header with Qt Project branding and online links
+# HTML Header with qt.io branding and online links
 
-HTML.stylesheets = template/style/online.css
+HTML.stylesheets = template/style/online.css \
+                   template/style/gsc.css \
+                   template/style/list_arrow.png \
+                   template/style/icomoon.eot \
+                   template/style/icomoon.svg \
+                   template/style/icomoon.ttf \
+                   template/style/icomoon.woff \
+                   template/style/doc_search.png
 
 #for including files into the qch file. Relative to the outputdir of a QDoc build.
-# $QT_INSTALL_DOCS/qtquick/style/online.css for example
-qhp.extraFiles += style/online.css
+qhp.extraFiles += style/online.css \
+                  style/gsc.css \
+                  style/list_arrow.png \
+                  style/icomoon.eot \
+                  style/icomoon.svg \
+                  style/icomoon.ttf \
+                  style/icomoon.woff
 
 HTML.headerstyles = \
-    "  <link rel=\"stylesheet\" type=\"text/css\" href=\"style/online.css\" />\n"
+    "  <link rel=\"stylesheet\" type=\"text/css\" href=\"style/online.css\" />\n" \
+    "  <link rel=\"shortcut icon\" href=\"//d3hp9ud7yvwzy0.cloudfront.net/wp-content/themes/oneqt/images/favicon.ico.gzip\" />\n"
+
+HTML.headerscripts = \
+    "  <script type=\"text/javascript\"> wpThemeFolder = \'http://qt.io/wp-content/themes/oneqt\'; </script>\n" \
+    "  <script type=\"text/javascript\" src=\"http://d3hp9ud7yvwzy0.cloudfront.net/wp-content/themes/oneqt/js/combo.js.gzip\"></script>\n" \
+    "  <script type=\"text/javascript\" src=\"scripts/main.js\"></script>\n" \
+    "  <script type=\"text/javascript\" src=\"scripts/extras.js\"></script>\n" \
+    "  <script type=\"text/javascript\">\n" \
+    "  \$(function(){\n" \
+    "     \$(\"#sidebar-content\").load(\"style/qt5-sidebar.html\");\n" \
+    "  });\n" \
+    "  </script>\n" \
+    "  <script type=\"text/javascript\">\n" \
+    "    (function (i, s, o, g, r, a, m) {\n" \
+    "      i[\'GoogleAnalyticsObject\'] = r; i[r] = i[r] || function () {\n" \
+    "        (i[r].q = i[r].q || []).push(arguments)\n" \
+    "        }, i[r].l = 1 * new Date(); a = s.createElement(o),\n" \
+    "        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)\n" \
+    "    })(window, document, \'script\', \'//www.google-analytics.com/analytics.js\', \'ga\');\n\n" \
+    "    ga(\'create\', \'UA-54043535-2\', \'qt.io\');\n" \
+    "    ga(\'set\', \'forceSSL\', true);\n" \
+    "    ga(\'send\', \'pageview\');\n" \
+    "  </script>\n"
+
+HTML.scripts = template/scripts/extras.js \
+               template/scripts/main.js
 
 HTML.endheader = \
     "</head>\n"
 
+# minimal header
 HTML.postheader = \
     "<body>\n" \
-    "<div class=\"header\" id=\"qtdocheader\"></div>\n" \
-    "    <div class=\"nav\" id=\"qt13a-header\">\n" \
-    "        <div class=\"qt13a-gradient\">\n" \
-    "        <div class=\"qt13a-container qt13a-dynamicREMOVE\" >\n" \
-    "                <div id=\"qt13a-register\">\n" \
-    "                    <a href=\"http://qt-project.org/\">Qt Home</a>\n" \
-    "                    <a href=\"https://bugreports.qt-project.org/\">Bug Tracker</a>\n" \
-    "                    <a href=\"https://codereview.qt-project.org/\">Code Review</a>\n" \
-    "                </div>\n" \
-    "                <div class=\"qt13a-sixCol\">\n" \
-    "                    <div id=\"qt13a-logo\">\n" \
-    "                        <a href=\"http://qt-project.org/\" class=\"qt13a-site-logo\">\n" \
-    "                            <img src=\"images/Qt-logo.png\" alt=\"Qt\"></img>\n" \
-    "                        </a>\n" \
-    "                    </div>\n" \
-    "                    <div id=\"qt13a-title_nav\">\n" \
-    "                        <div id=\"qt13a-title\">\n" \
-    "                                <p class=\"qt13a-title\">Qt Documentation Snapshots</p>\n" \
-    "                        </div>\n" \
-    "                            <div class=\"qt13a-nav\">\n" \
-    "                                <ul>\n" \
-    "                                    <li>\n" \
-    "                                        <a href=\"http://doc-snapshot.qt-project.org\">Snapshots</a>\n" \
-    "                                    </li>\n" \
-    "                                    <li>\n" \
-    "                                        <a href=\"http://qt-project.org/doc\">Released</a>\n" \
-    "                                    </li>\n" \
-    "                                    <li>\n" \
-    "                                        <a href=\"http://doc.qt.digia.com\">Archives</a>\n" \
-    "                                    </li>\n" \
-    "                                </ul>\n" \
-    "                            </div>\n" \
-    "                    </div>\n" \
-    "                </div>\n" \
-    "        </div>\n" \
+    "<div class=\"header\" id=\"header\">\n" \
+    "<header id=\"navbar\" class=\"\">\n" \
+    "        <div class=\"cookies_yum\">\n" \
+    "            <div>\n" \
+    "                <img src=\"http://qt.io/wp-content/themes/oneqt/assets/images/cookie_small.png\" align=\"left\">\n" \
+    "                <p class=\"close_button\">\n" \
+    "                    We bake cookies in your browser for a better experience.  Using this site means that you consent. <a href=\"//qt.io/terms-conditions/\">Read More</a>\n" \
+    "                </p>\n" \
+    "                <a class=\"close\"></a>\n" \
+    "            </div>\n" \
     "        </div>\n" \
+    "        <div class=\"container\">\n" \
+    "                <div class=\"navbar-header clearfix\">\n" \
+    "                    <a href=\"#\" class=\"navbar-toggle\">\n" \
+    "                        <figure>\n" \
+    "                            <span class=\"line\"></span>\n" \
+    "                        </figure>\n" \
+    "                        <span>Menu</span>\n" \
+    "                    </a>\n" \
+    "                    <ul id=\"menuextras\">\n" \
+    "                        <li>\n" \
+    "                            <a href=\"//qt.io/partners/\" data-icon=\"\">\n" \
+    "                                <span>Partners</span>\n" \
+    "                            </a>\n" \
+    "                        </li>\n" \
+    "                        <li>\n" \
+    "                            <a target=\"_blank\" href=\"http://blog.qt.digia.com/\" data-icon=\"\">\n" \
+    "                                <span>Blog</span>\n" \
+    "                            </a>\n" \
+    "                        </li>\n" \
+    "                        <li class=\"sign-in\">\n" \
+    "                             <a data-icon=\"\" class=\"signin\" href=\"https://account.qt.io/login\"><span>Sign in</span></a>\n" \
+    "                        </li>\n" \
+    "                    </ul>\n" \
+    "                    <a href=\"http://qt.io/\" class=\"navbar-oneQt retina\" data-icon=\"\">\n" \
+    "                    </a>\n" \
+    "                    <nav class=\"navbar-menu clearfix\" role=\"navigation\">\n" \
+    "                        <ul id=\"mainmenu\" class=\"menu\"><li id=\"menu-item-21\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-21\"><a href=\"http://qt.io/product/\">Product</a></li>\n" \
+    "<li id=\"menu-item-1381\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1381\"><a href=\"http://qt.io/services/\">Services</a></li>\n" \
+    "<li id=\"menu-item-22\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-22\"><a href=\"http://qt.io/qt-in-use/\">Qt in Use</a></li>\n" \
+    "<li id=\"menu-item-20\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20\"><a href=\"http://qt.io/developers/\">Developers</a></li>\n" \
+    "<li id=\"menu-item-4466\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4466\"><a href=\"http://qt.io/licensing/\">Licensing</a></li>\n" \
+    "<li id=\"menu-item-18\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-18\"><a href=\"http://qt.io/download/\">Download</a></li>\n" \
+    "</ul>                        <ul class=\"menuextraslanguages\">\n" \
+    "                            <li class=\"active dark\"><a class=\"dark\" href=\"http://qt.io/support/\">EN</a></li><li class=\"dark\"><a class=\"dark\" href=\"http://qt.io/ru/\">RU</a></li><li class=\"dark\"><a class=\"dark\" href=\"http://qt.io/zh-hans/\">ZH</a></li></ul>\n" \
+    "                    </nav>\n" \
+    "                </div>\n" \
+    "            </div>\n" \
+    "<div class=\"big_bar account\" style=\"\">\n" \
+    "    <div class=\"container\">\n" \
+    "        <h1><!-- mclude oneqt_no_cache_bMrsJxAh /wp-content/themes/oneqt/php_login_info_bottom_header.php --><!-- /mclude oneqt_no_cache_bMrsJxAh -->\n" \
+    "            <div class=\"col-1 right big_bar_button account\" style=\"margin-top:5px !important;\"></div>\n" \
+    "        </h1>\n" \
     "    </div>\n" \
-    "    <div class=\"main\">\n" \
-    "    <div class=\"main-rounded\">\n" \
-    "        <div class=\"navigationbar\">\n" \
-    "            <ul>\n" \
+    "</div>\n" \
+    "</header>\n" \
+    "</div>\n" \
+    "<div class=\"main\">\n" \
+    "<div class=\"main-rounded\">\n" \
+    "<div class=\"navigationbar\">\n" \
+    "    <ul class=\"sub-navigation\">\n" \
+    "        <li><a href=\"http://qt-project.org/wiki\">Wiki</a></li>\n" \
+    "        <li><a href=\"http://doc.qt.io/\" class=\"active\">Documentation</a></li>\n" \
+    "        <li><a href=\"http://qt-project.org/forums\">Forum</a></li>\n" \
+    "        <li><a href=\"https://bugreports.qt-project.org/\">Bug Reports</a></li>\n" \
+    "        <li><a href=\"https://codereview.qt-project.org/\">Code Review</a></li>\n" \
+    "    </ul>\n" \
+    "    <div id=\"main_title_bar\">\n" \
+    "        <h1>Qt Documentation</h1>\n" \
+    "        <div class=\"search_bar\">\n" \
+    "        <script>\n" \
+    "            (function() {\n" \
+    "                var cx = \'003672281345882769388:1y4pftuq8so\';\n" \
+    "                var gcse = document.createElement(\'script\');\n" \
+    "                gcse.type = \'text/javascript\';\n" \
+    "                gcse.async = true;\n" \
+    "                gcse.src = (document.location.protocol == \'https:\' ? \'https:\' : \'http:\') + \'//www.google.com/cse/cse.js?cx=\' + cx;\n" \
+    "                var s = document.getElementsByTagName(\'script\')[0];\n" \
+    "                s.parentNode.insertBefore(gcse, s);\n" \
+    "            })();\n" \
+    "        </script>\n" \
+    "        <gcse:searchbox-only resultsUrl=\"search-results.html\"></gcse:searchbox-only>\n" \
+    "    </div></div>\n" \
+    "    <ul>\n"
 
 HTML.postpostheader = \
-    "            </ul>\n" \
-    "        </div>\n" \
+    "    </ul>\n" \
+    "</div>\n" \
     "<div class=\"content\">\n" \
     "    <div class=\"line\">\n" \
-    "        <div class=\"content mainContent\">\n" \
+    "        <div class=\"content mainContent\">\n"
+
+HTML.prologue = \
+    "<div class=\"context\">\n"
diff --git a/doc/global/includes-online/search.qdoc b/doc/global/includes-online/search.qdoc
new file mode 100644 (file)
index 0000000..25c4563
--- /dev/null
@@ -0,0 +1,39 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/legal
+**
+** This file is part of the documentation of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:FDL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and Digia.  For licensing terms and
+** conditions see http://qt.digia.com/licensing.  For further information
+** use the contact form at http://qt.digia.com/contact-us.
+**
+** GNU Free Documentation License Usage
+** Alternatively, this file may be used under the terms of the GNU Free
+** Documentation License version 1.3 as published by the Free Software
+** Foundation and appearing in the file included in the packaging of
+** this file.  Please review the following information to ensure
+** the GNU Free Documentation License version 1.3 requirements
+** will be met: http://www.gnu.org/copyleft/fdl.html.
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+/*!
+\page search-results.html
+\title Search Results
+
+\raw HTML
+<link rel="stylesheet" type="text/css" href="style/gsc.css" />
+<script type="text/javascript">
+$(function(){ $(".title").append(": " + decodeURIComponent(location.search.split('=')[1]).substring(0,32)); });
+</script>
+<gcse:searchresults-only></gcse:searchresults-only>
+\endraw
+*/
index 88abc3429bff8532d8fff9b81ad72553221318b7..78d0d497c8b3e7c1715341cc6f6cc15aafc6d1b5 100644 (file)
@@ -1,23 +1,9 @@
 #include standard set of HTML header and footer.
 include(html-config.qdocconf)
 include(html-header-online.qdocconf)
-include(html-footer.qdocconf)
+include(html-footer-online.qdocconf)
 
 #uncomment if navigation bar is not wanted
 #HTML.nonavigationbar      = "true"
 
-HTML.stylesheets =  template/style/online.css
-HTML.extraimages += template/images/ico_out.png \
-                    template/images/ico_note.png \
-                    template/images/ico_note_attention.png \
-                    template/images/btn_prev.png \
-                    template/images/btn_next.png \
-                    template/images/bullet_dn.png \
-                    template/images/bullet_sq.png \
-                    template/images/bgrContent.png \
-                    template/images/Qt-logo.png \
-                    template/images/Qt-dark_gradient.png \
-                    template/images/Qt-footer-bg.jpg \
-                    template/images/Qt-footer_shadow.png \
-                    template/images/Qt-gradient.png \
-                    template/images/Qt-header-bg.jpg
+sourcedirs += includes-online
index bdca2129607d3b7612ad1887f1eabcf8f680de7b..af7afdd96f956a118464edbe85805180b3804d15 100644 (file)
@@ -11,3 +11,6 @@ include(qt-html-templates-offline.qdocconf)
 
 #extra configuration data such as file extensions
 include(config.qdocconf)
+
+# Show Qt version as part of the navigation bar
+buildversion = "Qt $QT_VERSION Reference Documentation"
diff --git a/doc/global/qt-module-defaults-online-commercial.qdocconf b/doc/global/qt-module-defaults-online-commercial.qdocconf
new file mode 100644 (file)
index 0000000..23b0998
--- /dev/null
@@ -0,0 +1,29 @@
+# This template uses the default online template for qt.io
+# and modifies it for a commercial Qt component
+
+# Start of footer - the rest is defined in the default template
+HTML.footer = \
+    "  <p class=\"qt_commercial\">Available under certain Qt licenses.<br/><a href=\"http://www.qt.io/download/\">Find out more.</a></p>\n" \
+    "  </div>\n"
+
+include(macros.qdocconf)
+include(qt-cpp-defines.qdocconf)
+include(compat.qdocconf)
+#include(manifest-meta.qdocconf)
+include(fileextensions.qdocconf)
+include(qt-html-templates-online.qdocconf)
+
+#extra configuration data DITA information
+include(config.qdocconf)
+
+HTML.prologue = \
+    "<div class=\"context qt_commercial\">\n" \
+    "<a href=\"http://www.qt.io/download/\" title=\"Available under certain Qt licenses.\" ><h1 class=\"qt_commercial\">C</h1></a>\n"
+
+# Turn off single-directory output mode
+HTML.nosubdirs = "false"
+
+# Set navigation homepage
+navigation.homepage = "Qt Documentation"
+
+sourcedirs += includes-online
index 258295b4f9d9ac0df01da9fb27678423e2085567..fcff1976d116e1640e65a028dd0015cd3d6e7ac6 100644 (file)
@@ -1,7 +1,20 @@
 #The online onfiguration for a Qt 5 module, including Add-Ons and Tools.
-#Online version contains a different header.
 #Include this file for a standard Qt 5 module; builds with the online style.
 
+# Start of footer - the rest is defined in qt-html-templates-online.qdocconf
+HTML.footer = \
+    "   </div>\n" \
+    "   <p class=\"copy-notice\">\n" \
+    "   <acronym title=\"Copyright\">&copy;</acronym> 2014 Digia Plc and/or its\n" \
+    "   subsidiaries. Documentation contributions included herein are the copyrights of\n" \
+    "   their respective owners. " \
+    "   The documentation provided herein is licensed under the terms of the" \
+    "   <a href=\"http://www.gnu.org/licenses/fdl.html\">GNU Free Documentation" \
+    "   License version 1.3</a> as published by the Free Software Foundation. " \
+    "   Digia, Qt and their respective logos are trademarks of Digia Plc " \
+    "   in Finland and/or other countries worldwide. All other trademarks are property\n" \
+    "   of their respective owners. </p>\n"
+
 #include standard set of macros and C++ defines and ignores
 include(macros.qdocconf)
 include(qt-cpp-defines.qdocconf)
@@ -12,3 +25,7 @@ include(qt-html-templates-online.qdocconf)
 
 #extra configuration data DITA information
 include(config.qdocconf)
+
+# single-directory output mode
+HTML.nosubdirs = "true"
+HTML.outputsubdir = "html"
diff --git a/doc/global/template/scripts/extras.js b/doc/global/template/scripts/extras.js
new file mode 100644 (file)
index 0000000..cb1102d
--- /dev/null
@@ -0,0 +1,23 @@
+var vOffset = 65;
+
+$(function () {
+    $('a[href*=#]:not([href=#])').on('click', function () {
+        var target = $(this.hash);
+        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+        if (target.length) {
+            setTimeout(function () {
+                $('html, body').animate({scrollTop: target.offset().top - vOffset}, 50);}, 50);
+            // return false;
+        }
+    });
+});
+
+$(window).load(function () {
+    var h = window.location.hash;
+    var re = /[^a-z0-9_\#\-]/i
+    if (h.length > 1 && !re.test(h)) {
+        setTimeout(function () {
+            $(window).scrollTop($(h).offset().top - vOffset);
+        }, 0);
+    }
+});
diff --git a/doc/global/template/scripts/main.js b/doc/global/template/scripts/main.js
new file mode 100644 (file)
index 0000000..79de4ea
--- /dev/null
@@ -0,0 +1,241 @@
+"use strict";
+
+function createCookie(name, value, days) {
+    var expires;
+    if (days) {
+        var date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toGMTString();
+    } else {
+        expires = "";
+    }
+    document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
+    $('.cookies_yum').click(function() {
+        $(this).fadeOut()
+    });
+}
+function readCookie(name) {
+    var nameEQ = escape(name) + "=";
+    var ca = document.cookie.split(';');
+    for (var i = 0; i < ca.length; i++) {
+        var c = ca[i];
+        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+        if (c.indexOf(nameEQ) === 0) return unescape(c.substring(nameEQ.length, c.length));
+    }
+    return null;
+}
+function eraseCookie(name) {
+    createCookie(name, "", -1);
+}
+function load_sdk(s, id, src) {
+    var js, fjs = document.getElementsByTagName(s)[0];
+    if (document.getElementById(id)) return;
+    js = document.createElement(s);
+    js.id = id;
+    js.src = src;
+    fjs.parentNode.insertBefore(js, fjs);
+}
+$(document).ready(function($) {
+    if (document.documentElement.clientWidth < 1220) {
+        oneQt.extraLinksToMain();
+    }
+
+    $('#menuextras .search').click(function(e){
+        e.preventDefault();
+        $('.big_bar.account').slideUp();
+        $('.big_bar.search').slideToggle();
+        $('.big_bar_search').focus();
+        $(this).toggleClass('open');
+    });
+    $('.cookies_yum').click(function() {
+        $('.cookies_yum').fadeOut();
+        createCookie("cookies_nom", "yum", 180);
+        var cookie_added = 1;
+    });
+    if (!(readCookie('cookies_nom') == 'yum')) {
+        $('.cookies_yum').fadeIn();
+    } else {
+        var cookie_added = 1;
+    }
+
+    Modernizr.load({test: Modernizr.input.placeholder,
+                    nope: wpThemeFolder + '/js/placeholders.min.js'});
+
+    $('#navbar .navbar-toggle').click(function(e) {
+        e.preventDefault();
+        if ($(this).hasClass('opened')) {
+            $(this).removeClass('opened');
+            $('#navbar .navbar-menu').css('max-height', '0px');
+        }
+        else {
+            $(this).addClass('opened');
+            $('#navbar .navbar-menu').css('max-height', $('#navbar .navbar-menu ul').outerHeight() + 'px');
+        }
+    });
+
+    $(window).resize(function() {
+        oneQt.stickySidebar();
+        oneQt.footerPosition();
+        if (document.documentElement.clientWidth < 1220) {
+            oneQt.extraLinksToMain();
+        } else {
+            oneQt.mainLinkstoExtra();
+        }
+    });
+
+    $(window).scroll(function() {
+        oneQt.stickySidebar();
+        oneQt.stickyHeader();
+    });
+
+    oneQt.stickySidebar();
+    oneQt.footerPosition();
+    oneQt.tabContents();
+});
+
+$( window ).load(function() {
+    load_sdk('script', 'facebook-jssdk','//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=207346529386114&version=v2.0');
+    load_sdk('script', 'twitter-wjs', '//platform.twitter.com/widgets.js');
+    $.getScript("//www.google.com/jsapi", function(){
+        google.load("feeds", "1", {"callback": oneQt.liveFeeds});
+    });
+});
+
+var oneQt = {
+    stickySidebar: function() {
+        if ($('#sidebar').length && $('#sidebar').outerHeight() > 20) {
+            var $sidebar = $('#sidebar');
+            var $win = $(window);
+            var $sidebarContainer = $sidebar.parent();
+            var headerHeight = $('#navbar').outerHeight();
+            if ($win.outerHeight() - headerHeight > $sidebar.innerHeight() &&
+                    $win.scrollTop() > $sidebarContainer.offset().top) {
+                var newTop = headerHeight + $win.scrollTop() - $sidebarContainer.offset().top;
+                if (newTop + $sidebar.innerHeight() > $sidebarContainer.innerHeight())
+                    newTop = $sidebarContainer.innerHeight() - $sidebar.innerHeight();
+
+                $sidebar.css({top: newTop +'px'})
+            }
+            else {
+                $sidebar.css({top: '0'})
+            }
+        }
+    },
+
+    footerPosition: function () {
+        $('#footerbar').removeClass('fixed');
+        if (($('.hbspt-form').length > 0) || ($('#customerInfo').length > 0) || ($('.purchase_bar').length > 0)) {
+            var footerBottomPos = $('#footerbar').offset().top + $('#footerbar').outerHeight();
+            if (footerBottomPos < $(window).height())
+                $('#footerbar').addClass('fixed');
+        }
+    },
+
+    stickyHeader: function () {
+        var originalHeaderHeight = 79;
+        if ($(window).scrollTop() > originalHeaderHeight) {
+            $('#navbar').addClass('fixed');
+            $('#bottom_header').fadeOut();
+
+            if (!(cookie_added == 1)) {
+                $('.cookies_yum').fadeOut();
+                createCookie("cookies_nom", "yum", 180);
+                var cookie_added = 1;
+            }
+        }
+        else {
+            $('#navbar').removeClass('fixed');
+            $('#bottom_header').fadeIn();
+        }
+    },
+
+    tabContents: function () {
+        $('.tab-container').each(function(i) {
+            var $el = $(this);
+            $el.find('.tab-titles li:eq(0)').addClass('active');
+            $el.find('.tab-contents .tab:eq(0)').addClass('active');
+            $el.find('.tab-titles a').click(function(e) {
+                e.preventDefault();
+                var index = $(this).parent().index();
+                $el.find('.tab-titles li').removeClass('active');
+                $el.find('.tab-contents .tab').removeClass('active');
+                $(this).parent().addClass('active');
+                $el.find('.tab-contents .tab').eq(index).addClass('active');
+            })
+        });
+    },
+
+    liveFeeds: function () {
+        $('.feed-container').each(function(i) {
+            var feedUrl = $(this).data('url');
+            if (feedUrl != "") oneQt.blogFeed($(this), feedUrl);
+        });
+    },
+
+    blogFeed: function ($container, feedUrl) {
+        var feed = new google.feeds.Feed(feedUrl);
+        feed.setNumEntries(3);
+        feed.load(function(result) {
+            $container.html('');
+            if (!result.error) {
+                for (var i = 0; i < result.feed.entries.length; i++) {
+                    var entry = result.feed.entries[i];
+                    var $article = $('<article class="discussion-tile cf"></article>');
+                    $container.append($article);
+                    var html = '    <div class="author retina">';
+                    html += '        <img src="'+wpThemeFolder+'/assets/images/author_placeholder.png" alt="">';
+                    html += '    </div>';
+                    html += '    <div class="discussion-item">';
+                    html += '        <h4><a href="'+encodeURI(entry.link)+'"></a></h4>'
+                    html += '        <h3><a href="'+encodeURI(entry.link)+'" target="_blank"></a></h3>'
+                    html += '        <p><a href="'+encodeURI(entry.link)+'" target="_blank"></a></p>';
+                    html += '        <ul class="taglist cf">';
+                    html += '        </ul>';
+                    html += '    </div>';
+                    $article.append(html);
+                    $article.find('h4 a').text(result.feed.title);
+                    $article.find('h3 a').text(entry.title);
+                    $article.find('p a').text(entry.author);
+                    try {
+                        for (var j=0; j<entry.categories.length; j++) {
+                            var $li = $('<li><a href="'+encodeURI(entry.link)+'" target="_blank" class="btn btn-tag"></a></li>');
+                            $li.find('a').text(entry.categories[j]);
+                            $article.find('.taglist').append($li);
+                        }
+                    } catch(e) {}
+                }
+                if (result.feed.link && result.feed.link != "") {
+                    var linkHtml = '<a href="'+encodeURI(result.feed.link)+'" class="text-lightgrey" target="_blank">Show all</a>';
+                    $container.append(linkHtml);
+                }
+            }
+        });
+    },
+
+    extraLinksToMain: function() {
+        var extramenuLinks = $('#menuextras').find('li');
+        var mainmenu = $('#mainmenu');
+        var count = 0;
+        if ($(extramenuLinks).length > 3) {
+            $(extramenuLinks).each(function() {
+                if (count < 3) {
+                    var newLink = $(this);
+                    $(newLink).addClass('dynamic-add');
+                    $(mainmenu).append(newLink);
+                }
+                count++;
+            });
+        }
+    },
+
+    mainLinkstoExtra: function() {
+        var mainmenuLinks = $('#mainmenu').find('.dynamic-add');
+        var extramenu = $('#menuextras');
+        var count = 0;
+        $(mainmenuLinks).each(function() {
+            var newLink = $(this);
+            $(extramenu).prepend(newLink);
+            count++;
+        });
+    }
+}
diff --git a/doc/global/template/style/doc_search.png b/doc/global/template/style/doc_search.png
new file mode 100644 (file)
index 0000000..0d7bccd
Binary files /dev/null and b/doc/global/template/style/doc_search.png differ
diff --git a/doc/global/template/style/gsc.css b/doc/global/template/style/gsc.css
new file mode 100644 (file)
index 0000000..e3d6391
--- /dev/null
@@ -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 (executable)
index 0000000..68f0fa6
Binary files /dev/null and b/doc/global/template/style/icomoon.eot differ
diff --git a/doc/global/template/style/icomoon.svg b/doc/global/template/style/icomoon.svg
new file mode 100755 (executable)
index 0000000..3246f83
--- /dev/null
@@ -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 (executable)
index 0000000..4518527
Binary files /dev/null and b/doc/global/template/style/icomoon.ttf differ
diff --git a/doc/global/template/style/icomoon.woff b/doc/global/template/style/icomoon.woff
new file mode 100755 (executable)
index 0000000..5c8466c
Binary files /dev/null and b/doc/global/template/style/icomoon.woff differ
diff --git a/doc/global/template/style/list_arrow.png b/doc/global/template/style/list_arrow.png
new file mode 100644 (file)
index 0000000..a6a6be6
Binary files /dev/null and b/doc/global/template/style/list_arrow.png differ
index 5d0cd7ecfb876048183f41f80cfece93ee140ff4..d558137e2ed48d3ee9b672dd316c2f5386a09b99 100644 (file)
-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;
 }