Help-in-browser: several improvements

* tabs for Contents/Index/Search
* product version (6.0, 5.3, 5.2, etc...)
* capable to receive URL from LibreOffice help call
(need to change help url in sfx2/:
protocol://<host>/index.html?<params>

Change-Id: I2244336ea47cdb923884ae97b9f4a586d85ec706
Reviewed-on: https://gerrit.libreoffice.org/39227
Reviewed-by: Olivier Hallot <olivier.hallot@edx.srv.br>
Tested-by: Olivier Hallot <olivier.hallot@edx.srv.br>

1 files changed, 332 insertions, 0 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
new file mode 100644
index 0000000000..ddb7013345
--- /dev/null
+++ b/help3xsl/default.css
@@ -0,0 +1,332 @@
+/*
+ * This file is part of the LibreOffice project.
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This file incorporates work covered by the following license notice:
+ *
+ *   Licensed to the Apache Software Foundation (ASF) under one or more
+ *   contributor license agreements. See the NOTICE file distributed
+ *   with this work for additional information regarding copyright
+ *   ownership. The ASF licenses this file to you under the Apache
+ *   License, Version 2.0 (the "License"); you may not use this file
+ *   except in compliance with the License. You may obtain a copy of
+ *   the License at http://www.apache.org/licenses/LICENSE-2.0 .
+ */
+
+/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                     LIBREOFFICE HELP IN BROWSER                   +
++                          DEFAULT STYLESHEET                       +
++                           WESTERN LANGUAGES                       +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+*/
+
+body, p, h1, h2, h3, h4, h5, h6, .listitem, .listitemintable, .tablecontent, .tablecontentintable {
+  font-family: "Segoe UI", Ubuntu, Cantarell, "Noto Sans", "DejaVu Sans", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
+}
+
+pre, .code, .codeintable, .example, .exampleintable, .literal, .literalintable, .path, .pathintable {
+  font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+  margin-top: 1pt;
+  margin-bottom: 1pt;
+}
+
+.acronym {
+  font-weight: bold;
+}
+
+.related {
+  font-weight: bold;
+  margin-top: 20pt;
+  border-top: 1px solid black;
+}
+
+.emph, .menuitem, .keycode {
+  font-weight: bold;
+}
+
+.tablehead, .tableheadintable {
+  font-weight: bold;
+  margin-top: 0px;
+  background: #CCF4C6;
+  text-align: center;
+}
+
+.howtogetheader {
+  font-weight: bold;
+  border: 1px solid #999999;
+  background: #FFFFFF;
+  padding: 3px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: 5pt;
+  color: #18A303;
+}
+
+p, td {
+  font-size: 11pt;
+  margin: 2px 2px 2px 2px;
+}
+
+h1 {
+  font-size: 18pt;
+  border-bottom: 5px solid #18A303;
+  padding-bottom: 6px;
+  margin-bottom: 6px;
+}
+
+h2 {
+  font-size: 14pt;
+}
+
+h3 {
+  font-size: 12pt;
+}
+
+h4, h5, h6 {
+  font-size: 11pt;
+}
+
+.avis {
+/*    background-color: #EEEEEE;*/
+}
+
+.relatedtopics {
+  font-weight: normal;
+}
+
+.relatedbody {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  margin-left: 5px;
+}
+
+.howtoget {
+  background: #CCF4C6;
+}
+
+.howtogetbody {
+  background: #CCF4C6;
+  margin: 0px;
+}
+
+.wide {
+  width: 100%;
+}
+
+.topalign {
+  vertical-align: top;
+  border: 1px;
+}
+
+.bug {
+  color: red;
+  border: 1px solid red;
+}
+
+.debug {
+  border: 1px solid black;
+  padding: 3px;
+  display: show;
+}
+
+/* Basic code syntax highlight */
+.identifier, .unknown {
+  color: green;
+}
+
+.keyword {
+  color: blue;
+}
+
+.comment {
+  color: gray;
+}
+
+.number, .string {
+  color: red;
+}
+
+.operator, .parameter {
+  color: black;
+}
+
+.hotlink {
+  color: blue;
+}
+
+.infopage {
+  color: green;
+  font-size: 16pt;
+  font-weight: bold;
+}
+
+.topmenu {
+  font-size: 12pt;
+  font-weight: bold;
+  padding: 1px;
+  border: solid 1px #18A303;
+}
+
+#DisplayArea {
+  position: fixed;
+  bottom: 1px;
+  right: 1px;
+  left: 30%;
+  top: 79px;
+  overflow: auto;
+  border: solid 1px;
+  padding: 10px;
+}
+
+#BottomLeft {
+  position: fixed;
+  bottom: 1px;
+  left: 1px;
+  overflow: auto;
+  right: 70%;
+  top: 79px;
+  border-top: solid 1px;
+  border-left: solid 1px;
+  border-bottom: solid 1px;
+  padding: 10px;
+  list-style-type: none;
+}
+
+#TopRight {
+  position: fixed;
+  right: 1px;
+  top: 1px;
+  left: 70%;
+}
+
+#TopLeft {
+  left: 1px;
+  position: fixed;
+  top: 35px;
+}
+
+#TopLang {
+  left: 1px;
+  position: fixed;
+  top: 1px;
+  right:30%
+}
+
+#TopSystem {
+top: 35px;
+left: 600px;
+position: fixed;
+}
+
+.mediabutton {
+  background-color: cyan;
+}
+
+.tintro {
+  color: white;
+  background-color: green;
+  font-family: Arial;
+  font-weight: bold;
+  font-size: 24pt;
+  border: 1px solid black;
+  padding-bottom: 6px;
+  margin-bottom: 6px;
+}
+
+.embedded {
+}
+// Top menu navidation
+#TopLeft nav {
+    background-color: #333;
+    margin: 0;
+    overflow: hidden;
+}
+#TopLeft nav ul{
+    margin: 0;
+    padding: 0;
+}
+#TopLeft nav ul li {
+    /* This allow us to arrange list items in a row, without using float */
+    display: inline-block;
+    list-style-type: none;
+}
+
+/* Create a style for the first level items */
+#TopLeft nav > ul > li > a {
+    color: #FFFFFF;
+    background-color:#18A303;
+    display: block;
+    line-height: 1.5em;
+    padding: 0.5em 0.5em;
+    text-decoration: none;
+    font-weight: bold;
+    border:1px solid;
+    border-color:#333333;
+    font-size: 11pt;
+}
+
+// Top menu languages
+#TopLang nav {
+    background-color: #333;
+    margin: 0;
+    overflow: hidden;
+}
+#TopLang nav ul{
+    margin: 0;
+    padding: 0;
+}
+#TopLang nav ul li {
+    /* This allow us to arrange list items in a row, without using float */
+    display: inline-block;
+    list-style-type: none;
+}
+
+/* Create a style for the first level items */
+#TopLang nav > ul > li > a {
+    color: #333333;
+    background-color:#EEEEEE;
+    display: block;
+    line-height: 1.5em;
+    padding: 0.2em 0.4em;
+    text-decoration: none;
+    font-weight: bold;
+    border:1px solid;
+    border-color:#333333;
+    font-size: 10pt;
+}
+
+// Top menu System
+#TopSystem nav {
+    background-color: #333;
+    margin: 0;
+    overflow: hidden;
+}
+#TopSystem nav ul{
+    margin: 0;
+    padding: 0;
+}
+#TopSystem nav ul li {
+    /* This allow us to arrange list items in a row, without using float */
+    display: inline-block;
+    list-style-type: none;
+}
+
+/* Create a style for the first level items */
+#TopSystem nav > ul > li > a {
+    color: #FFFFFF;
+    background-color:blue;
+    display: block;
+    line-height: 1.5em;
+    padding: 0.5em 0.5em;
+    text-decoration: none;
+    font-weight: bold;
+    border:1px solid;
+    border-color:#333333;
+    font-size: 11pt;
+}