New <object> element in online help + cleanups

* Implementation of <object> element in XHP files, with corresponding
transformation in XSLT. Video objects maps to HTML5 <video> and
audio objects into <audio> elements. Generic <object> maps to
HTML5 <object> (WIP)

* CSS file with some cleanup and branding colors, includes the option
to show debug info in .debug class. CSS fonts with recent changes.

* Index.html file with new <div> and better font rendering

* help.js with info on top right about the page displayed

* Cleanup of getbookmark.sh * New README with instructions

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

1 files changed, 26 insertions, 18 deletions

diff --git a/source/default.css b/source/default.css
index 40349cb07d..99f738cf7b 100644
--- a/source/default.css
+++ b/source/default.css
@@ -18,17 +18,15 @@
 
 /*
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-+                          OPENOFFICE.ORG 2.0 HELP                  +
++                     LIBREOFFICE HELP IN BROWSER                   +
 +                          DEFAULT STYLESHEET                       +
 +                           WESTERN LANGUAGES                       +
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-+ LAST CHANGES: 15-NOV-2004                                         +
-+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-*/
 
+*/
 
 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; }
+	 { 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; }
@@ -43,19 +41,19 @@ pre, .code, .codeintable, .example, .exampleintable, .literal, .literalintable,
 	{ font-weight: bold; }
 
 .tablehead, .tableheadintable
-	{ font-weight: bold; margin-top: 0px;}
+	{ 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; }
+	{ margin-bottom: 5pt; color: #18A303;}
 
 p, td
-	{ font-size: 10pt; margin-top: 2px; margin-bottom: 2px;}
+	{ font-size: 10pt; margin: 2px 2px 2px 2px;}
 
 h1
-	{ font-size: 18pt; border-bottom: 1px solid black; padding-bottom: 6px; margin-bottom: 6px;}
+	{ font-size: 18pt; border-bottom: 5px solid #18A303; padding-bottom: 6px; margin-bottom: 6px;}
 
 h2
 	{ font-size: 14pt; }
@@ -73,10 +71,10 @@ h4, h5, h6
 	{ margin-top: 2px; margin-bottom: 2px; margin-left: 5px; }
 
 .howtoget
-	{ background:#EEEEEE;}
+	{ background:#CCF4C6;}
 
 .howtogetbody
-	{ background:#EEEEEE; margin: 0px;}
+	{ background:#CCF4C6; margin: 0px;}
 
 .wide
 	{ width: 100%; }
@@ -88,7 +86,7 @@ h4, h5, h6
 	{ color: red; border: 1px solid red;}
 
 .debug
-	{ border: 1px solid black; padding: 3px; display: none;}
+	{ border: 1px solid black; padding: 3px; display: show;}
 
 /* Basic code syntax highlight */
 .identifier, .unknown
@@ -116,10 +114,12 @@ h4, h5, h6
         }
 
 .topmenu{
-    color: green;
+    color: #18A303;
     background-color: white;
-    font-size:24pt;
+    font-size:12pt;
     font-weight:bold;
+    padding:1px;
+    border: solid 1px #18A303;
 }
 .indexlink{font-size: 10pt; margin-top: 2px; margin-bottom: 2px;}
 
@@ -128,8 +128,9 @@ position: fixed;
 bottom: 5px;
 right: 5px;
 overflow:auto;
-width: 70%;
+width: 69%;
 height: 90%;
+border:solid 1px;
 }
 
 #BottomLeft {
@@ -137,20 +138,27 @@ position: fixed;
 bottom: 5px;
 left: 5px;
 overflow:auto;
-width: 29%;
+width: 30%;
 height: 90%;
+border:solid 1px;
 }
 
 #TopRight {
+width: 69%;
+height: 9%;
 position: fixed;
 top: 5px;
 right: 5px;
+border:solid 1px;
 }
 
 #TopLeft {
+width: 30%;
+height: 9%;
 position: fixed;
 top: 5px;
 left: 5px;
+border:solid 1px;
 }
 
 #centerdiv {
@@ -160,7 +168,7 @@ left:25%;
 }
 
 .tintro {
-	color: white;
+color: white;
 background-color: green;
 font-family: Arial;
 font-weight: bold;
@@ -170,6 +178,6 @@ padding-bottom: 6px;
 margin-bottom: 6px;
 }
 .embedded {
-background-color:yellow;
+border-right: 10px solid red;
 }